{"id":2,"date":"2026-10-01T15:59:16","date_gmt":"2026-10-01T15:59:16","guid":{"rendered":"https:\/\/investigacioncriminal.ecfi.edu.co\/?page_id=2"},"modified":"2026-10-01T17:38:44","modified_gmt":"2026-10-01T17:38:44","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/investigacioncriminal.ecfi.edu.co\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d80c7f e-con e-atomic-element e-flexbox-base e-default-div e-c3a2f36 \" data-id=\"9d80c7f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9d80c7f\" data-e-type=\"e-flexbox\" data-id=\"9d80c7f\">\n    \t\t<div class=\"elementor-element elementor-element-2b0a6aa elementor-widget elementor-widget-html\" data-id=\"2b0a6aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n FASE 01 \u00b7 HERO IMPACTANTE\r\n 1 SEMESTRE + OPCI\u00d3N DE PR\u00c1CTICA\r\n PRESENCIAL + A DISTANCIA\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"crim-home\"\r\n  class=\"crim-hero-section\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-home{\r\n\r\n  \/* ECFI *\/\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  \/* FORENSE *\/\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#8deeff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#c92f3d;\r\n  --red-soft:#ff6673;\r\n\r\n  --purple:#6d2ccf;\r\n  --purple-soft:#a76cff;\r\n\r\n  --white:#ffffff;\r\n  --muted:#b8c6db;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  min-height:760px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  padding:\r\n    84px\r\n    0\r\n    74px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(2,7,58,.985) 0%,\r\n      rgba(2,7,58,.95) 38%,\r\n      rgba(18,12,72,.83) 62%,\r\n      rgba(62,17,89,.48) 100%\r\n    ),\r\n\r\n    url(\r\n      \"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2024\/10\/forensic-science-forensics-murder-crime-scene-photographing-evidence-scaled.jpg\"\r\n    )\r\n    center\/cover\r\n    no-repeat;\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-home *,\r\n#crim-home *::before,\r\n#crim-home *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n#crim-home a{\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORENSIC GRID\r\n========================================================= *\/\r\n\r\n#crim-home::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.026) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.026) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    48px\r\n    48px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* MULTI-COLOR GLOW *\/\r\n\r\n#crim-home::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:620px;\r\n  height:620px;\r\n\r\n  right:-170px;\r\n  top:-180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 35% 35%,\r\n      rgba(167,108,255,.18),\r\n      rgba(109,44,207,.10) 35%,\r\n      rgba(255,102,115,.07) 56%,\r\n      transparent 72%\r\n    );\r\n\r\n  filter:blur(2px);\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1240px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(360px,.92fr);\r\n\r\n  gap:48px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-kicker{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  padding:\r\n    8px\r\n    13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.75px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-kicker::before{\r\n\r\n  content:\"\";\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    12px\r\n    rgba(255,102,115,.75);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero h1{\r\n\r\n  max-width:860px;\r\n\r\n  margin:\r\n    20px\r\n    0\r\n    18px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      45px,\r\n      5.6vw,\r\n      76px\r\n    );\r\n\r\n  line-height:.92;\r\n\r\n  letter-spacing:-2.6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero h1 .crim-title-main{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero h1 .crim-title-accent{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  text-shadow:\r\n    0\r\n    0\r\n    24px\r\n    rgba(245,189,5,.14);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero h1 .crim-title-accent-2{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEAD\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-lead{\r\n\r\n  max-width:710px;\r\n\r\n  margin:0;\r\n\r\n  color:#d3deed !important;\r\n\r\n  font-size:13.5px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-actions{\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:27px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-btn{\r\n\r\n  min-height:50px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  padding:\r\n    0\r\n    19px;\r\n\r\n  border-radius:11px;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.2px;\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    background .22s ease;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-btn:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-btn-primary{\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--yellow),\r\n      var(--yellow-soft)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    16px\r\n    36px\r\n    rgba(245,189,5,.22);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-btn-secondary{\r\n\r\n  color:#ffffff !important;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(109,44,207,.22),\r\n      rgba(201,47,61,.12)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.15);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FACTS\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-facts{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(5,1fr);\r\n\r\n  gap:8px;\r\n\r\n  margin-top:31px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-fact{\r\n\r\n  min-height:86px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-fact.practice{\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(109,44,207,.18),\r\n      rgba(201,47,61,.11)\r\n    );\r\n\r\n  border-color:\r\n    rgba(167,108,255,.28);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-fact strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10.2px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-fact.practice strong{\r\n\r\n  color:\r\n    var(--purple-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-fact span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#a8b7ce !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  line-height:1.35;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL PANEL\r\n========================================================= *\/\r\n\r\n#crim-home .crim-visual{\r\n\r\n  position:relative;\r\n\r\n  min-height:525px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:30px;\r\n\r\n  background:\r\n    rgba(2,7,58,.72);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  box-shadow:\r\n    0\r\n    32px\r\n    75px\r\n    rgba(0,0,0,.30);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    38px\r\n    38px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:260px;\r\n  height:260px;\r\n\r\n  top:-90px;\r\n  right:-80px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(167,108,255,.18),\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP LABEL\r\n========================================================= *\/\r\n\r\n#crim-home .crim-visual-top{\r\n\r\n  position:relative;\r\n\r\n  z-index:3;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:10px;\r\n\r\n  padding:\r\n    22px\r\n    22px\r\n    15px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual-top-label{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:\r\n    7px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:6.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual-top-label::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    9px\r\n    rgba(255,102,115,.7);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual-top-code{\r\n\r\n  color:\r\n    rgba(255,255,255,.38)\r\n    !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  font-family:\r\n    Consolas,\r\n    Monaco,\r\n    monospace;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   EVIDENCE MAP\r\n========================================================= *\/\r\n\r\n#crim-home .crim-evidence-map{\r\n\r\n  position:relative;\r\n\r\n  min-height:330px;\r\n\r\n  margin:\r\n    4px\r\n    22px\r\n    0;\r\n\r\n  border-radius:22px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 45%,\r\n      rgba(22,200,255,.08),\r\n      transparent 42%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.04),\r\n      rgba(255,255,255,.02)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\/* radar circles *\/\r\n\r\n#crim-home .crim-evidence-map .circle{\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(22,200,255,.15);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-evidence-map .circle.c1{\r\n  width:90px;\r\n  height:90px;\r\n}\r\n\r\n#crim-home .crim-evidence-map .circle.c2{\r\n  width:170px;\r\n  height:170px;\r\n}\r\n\r\n#crim-home .crim-evidence-map .circle.c3{\r\n  width:250px;\r\n  height:250px;\r\n}\r\n\r\n\r\n\/* crosshair *\/\r\n\r\n#crim-home .crim-cross-x,\r\n#crim-home .crim-cross-y{\r\n\r\n  position:absolute;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(22,200,255,.18),\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-cross-x{\r\n\r\n  left:8%;\r\n  right:8%;\r\n  top:50%;\r\n\r\n  height:1px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-cross-y{\r\n\r\n  top:8%;\r\n  bottom:8%;\r\n  left:50%;\r\n\r\n  width:1px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent,\r\n      rgba(22,200,255,.18),\r\n      transparent\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* center mark *\/\r\n\r\n#crim-home .crim-center-mark{\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  width:78px;\r\n  height:78px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(2,7,58,.88);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(245,189,5,.28);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    35px\r\n    rgba(245,189,5,.10);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-center-mark strong{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MARKERS\r\n========================================================= *\/\r\n\r\n#crim-home .crim-marker{\r\n\r\n  position:absolute;\r\n\r\n  z-index:3;\r\n\r\n  min-width:110px;\r\n\r\n  padding:\r\n    9px\r\n    10px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    rgba(2,7,58,.87);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker strong{\r\n\r\n  display:block;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#9fb0c9 !important;\r\n\r\n  font-size:5.9px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m1{\r\n\r\n  top:22px;\r\n  left:18px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--yellow);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m1 strong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m2{\r\n\r\n  top:44px;\r\n  right:18px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m2 strong{\r\n  color:var(--cyan) !important;\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m3{\r\n\r\n  bottom:27px;\r\n  left:26px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--purple-soft);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m3 strong{\r\n  color:var(--purple-soft) !important;\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m4{\r\n\r\n  bottom:22px;\r\n  right:20px;\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--red-soft);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-marker.m4 strong{\r\n  color:var(--red-soft) !important;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL FOOTER\r\n========================================================= *\/\r\n\r\n#crim-home .crim-visual-footer{\r\n\r\n  position:relative;\r\n\r\n  z-index:3;\r\n\r\n  margin:\r\n    14px\r\n    22px\r\n    22px;\r\n\r\n  padding:\r\n    15px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:11px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(109,44,207,.13),\r\n      rgba(201,47,61,.08),\r\n      rgba(22,200,255,.06)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual-footer-badge{\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual-footer strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-visual-footer span{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:#a9b8cf !important;\r\n\r\n  font-size:6.7px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n#crim-home .crim-hero-bottom{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:\r\n    12px\r\n    15px;\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  align-items:center;\r\n\r\n  gap:\r\n    8px\r\n    15px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-bottom strong{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-bottom span{\r\n\r\n  color:#a8b7ce !important;\r\n\r\n  font-size:6.8px;\r\n\r\n}\r\n\r\n\r\n#crim-home .crim-hero-bottom i{\r\n\r\n  width:4px;\r\n  height:4px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1040px){\r\n\r\n  #crim-home .crim-hero-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-visual{\r\n\r\n    min-height:500px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-hero-facts{\r\n\r\n    grid-template-columns:\r\n      repeat(3,1fr);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-home{\r\n\r\n    min-height:auto;\r\n\r\n    padding:\r\n      62px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-hero-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-hero h1{\r\n\r\n    font-size:39px;\r\n\r\n    letter-spacing:-1.3px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-hero-lead{\r\n\r\n    font-size:11px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-hero-facts{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-visual{\r\n\r\n    min-height:485px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-evidence-map{\r\n\r\n    min-height:325px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-marker{\r\n\r\n    min-width:90px;\r\n\r\n    padding:\r\n      8px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-center-mark{\r\n\r\n    width:65px;\r\n    height:65px;\r\n\r\n  }\r\n\r\n\r\n  #crim-home .crim-evidence-map .circle.c3{\r\n\r\n    width:220px;\r\n    height:220px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-home *{\r\n\r\n    transition:none !important;\r\n\r\n    animation:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-hero-wrap\">\r\n\r\n  <div class=\"crim-hero-grid\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT\r\n    ====================================================== -->\r\n\r\n    <div class=\"crim-hero\">\r\n\r\n\r\n      <span class=\"crim-hero-kicker\">\r\n        Inscripciones abiertas \u00b7 Investigaci\u00f3n y Justicia\r\n      <\/span>\r\n\r\n\r\n      <h1>\r\n\r\n        <span class=\"crim-title-main\">\r\n          T\u00e9cnico Laboral en\r\n        <\/span>\r\n\r\n        <span class=\"crim-title-accent\">\r\n          Investigador\r\n        <\/span>\r\n\r\n        <span class=\"crim-title-accent-2\">\r\n          Criminal\u00edstico y Judicial\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"crim-hero-lead\">\r\n\r\n        F\u00f3rmate para apoyar procesos de investigaci\u00f3n\r\n        criminal\u00edstica y judicial mediante procedimientos\r\n        t\u00e9cnicos, cient\u00edficos y operativos aplicados\r\n        al lugar de los hechos, manejo de evidencia,\r\n        documentaci\u00f3n, an\u00e1lisis e investigaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"crim-hero-actions\">\r\n\r\n\r\n        <a\r\n          class=\"crim-hero-btn crim-hero-btn-primary\"\r\n\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20inscribirme%20al%20programa%20de%20Investigador%20Criminal%C3%ADstico%20y%20Judicial.\"\r\n\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Quiero inscribirme \u2192\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"crim-hero-btn crim-hero-btn-secondary\"\r\n\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20programa%20de%20Investigador%20Criminal%C3%ADstico%20y%20Judicial.\"\r\n\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Solicitar informaci\u00f3n\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FACTS -->\r\n\r\n      <div class=\"crim-hero-facts\">\r\n\r\n\r\n        <div class=\"crim-hero-fact\">\r\n\r\n          <strong>\r\n            1 semestre\r\n          <\/strong>\r\n\r\n          <span>\r\n            Formaci\u00f3n acad\u00e9mica\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-hero-fact practice\">\r\n\r\n          <strong>\r\n            + pr\u00e1ctica\r\n          <\/strong>\r\n\r\n          <span>\r\n            Opci\u00f3n complementaria\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-hero-fact\">\r\n\r\n          <strong>\r\n            Presencial\r\n          <\/strong>\r\n\r\n          <span>\r\n            Modalidad disponible\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-hero-fact\">\r\n\r\n          <strong>\r\n            A distancia\r\n          <\/strong>\r\n\r\n          <span>\r\n            Modalidad disponible\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-hero-fact\">\r\n\r\n          <strong>\r\n            Formaci\u00f3n t\u00e9cnica\r\n          <\/strong>\r\n\r\n          <span>\r\n            Investigaci\u00f3n y justicia\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- BOTTOM INFO -->\r\n\r\n      <div class=\"crim-hero-bottom\">\r\n\r\n        <strong>\r\n          Formaci\u00f3n ECFI\r\n        <\/strong>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          M\u00e9todo\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          Evidencia\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          An\u00e1lisis\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          Procedimiento\r\n        <\/span>\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          \u00c9tica\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT FORENSIC PANEL\r\n    ====================================================== -->\r\n\r\n    <aside class=\"crim-visual\">\r\n\r\n\r\n      <div class=\"crim-visual-top\">\r\n\r\n\r\n        <span class=\"crim-visual-top-label\">\r\n          An\u00e1lisis activo\r\n        <\/span>\r\n\r\n\r\n        <span class=\"crim-visual-top-code\">\r\n          ECFI_CASE_001\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"crim-evidence-map\">\r\n\r\n\r\n        <!-- circles -->\r\n\r\n        <div class=\"circle c1\"><\/div>\r\n        <div class=\"circle c2\"><\/div>\r\n        <div class=\"circle c3\"><\/div>\r\n\r\n\r\n        <!-- crosshair -->\r\n\r\n        <div class=\"crim-cross-x\"><\/div>\r\n        <div class=\"crim-cross-y\"><\/div>\r\n\r\n\r\n        <!-- center -->\r\n\r\n        <div class=\"crim-center-mark\">\r\n\r\n          <strong>\r\n            EVIDENCIA\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- MARKERS -->\r\n\r\n        <div class=\"crim-marker m1\">\r\n\r\n          <strong>\r\n            ESCENA 01\r\n          <\/strong>\r\n\r\n          <span>\r\n            Lugar de los hechos\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-marker m2\">\r\n\r\n          <strong>\r\n            AN\u00c1LISIS 02\r\n          <\/strong>\r\n\r\n          <span>\r\n            T\u00e9cnica criminal\u00edstica\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-marker m3\">\r\n\r\n          <strong>\r\n            REGISTRO 03\r\n          <\/strong>\r\n\r\n          <span>\r\n            Cadena de custodia\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-marker m4\">\r\n\r\n          <strong>\r\n            INFORME 04\r\n          <\/strong>\r\n\r\n          <span>\r\n            Sustentaci\u00f3n t\u00e9cnica\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"crim-visual-footer\">\r\n\r\n\r\n        <div class=\"crim-visual-footer-badge\">\r\n          01\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Cada evidencia cuenta una historia.\r\n          <\/strong>\r\n\r\n          <span>\r\n            Aprende a observarla, documentarla y analizarla.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/aside>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-19a56d0 e-con e-atomic-element e-flexbox-base e-default-div e-2ed5e4b \" data-id=\"19a56d0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"19a56d0\" data-e-type=\"e-flexbox\" data-id=\"19a56d0\">\n    \t\t<div class=\"elementor-element elementor-element-9f5bce8 elementor-widget elementor-widget-html\" data-id=\"9f5bce8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n FASE 02 \u00b7 SOBRE EL PROGRAMA\r\n V2 \u00b7 IDENTIDAD INSTITUCIONAL + PALETA FORENSE\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"crim-programa\"\r\n  class=\"crim-program-section\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-programa{\r\n\r\n  \/* MARCA ECFI *\/\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  \/* IDENTIDAD CRIMINAL\u00cdSTICA *\/\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#8eefff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#c92f3d;\r\n  --red-soft:#ff6571;\r\n\r\n  \/* NEUTROS *\/\r\n  --white:#ffffff;\r\n  --paper:#f6f8fc;\r\n  --paper2:#eef3f9;\r\n\r\n  --text:#17213b;\r\n  --muted:#66758c;\r\n\r\n  --line:#dfe6f0;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    92px\r\n    0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 93% 7%,\r\n      rgba(22,200,255,.08),\r\n      transparent 22%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 3% 85%,\r\n      rgba(245,189,5,.07),\r\n      transparent 20%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f7f9fc 55%,\r\n      #f1f5fa 100%\r\n    );\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-programa *,\r\n#crim-programa *::before,\r\n#crim-programa *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n#crim-programa img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DECORACI\u00d3N AMBIENTAL\r\n========================================================= *\/\r\n\r\n#crim-programa::before{\r\n\r\n  content:\"02\";\r\n\r\n  position:absolute;\r\n\r\n  top:10px;\r\n  right:4%;\r\n\r\n  color:\r\n    rgba(2,7,58,.032);\r\n\r\n  font-size:\r\n    clamp(\r\n      120px,\r\n      18vw,\r\n      230px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-8px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n#crim-programa::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:360px;\r\n  height:360px;\r\n\r\n  left:-190px;\r\n  bottom:-180px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(10,92,255,.08),\r\n      rgba(10,92,255,0) 70%\r\n    );\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1200px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEADER\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.1fr)\r\n    minmax(300px,.9fr);\r\n\r\n  gap:45px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:40px;\r\n\r\n}\r\n\r\n\r\n\/* eyebrow *\/\r\n\r\n#crim-programa .crim-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:22px;\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* title *\/\r\n\r\n#crim-programa .crim-head h2{\r\n\r\n  margin:\r\n    8px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4.5vw,\r\n      58px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-1.9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-head h2 span{\r\n\r\n  position:relative;\r\n\r\n  display:inline-block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-head h2 span::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:2px;\r\n  right:1px;\r\n  bottom:-4px;\r\n\r\n  height:5px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan)\r\n    );\r\n\r\n  opacity:.9;\r\n\r\n}\r\n\r\n\r\n\/* intro *\/\r\n\r\n#crim-programa .crim-head p{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-main-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(420px,.92fr)\r\n    minmax(0,1.08fr);\r\n\r\n  gap:24px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE PANEL\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-image-panel{\r\n\r\n  position:relative;\r\n\r\n  min-height:570px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:28px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  box-shadow:\r\n    0\r\n    26px\r\n    65px\r\n    rgba(2,7,58,.18);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(2,7,58,.10);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-image-panel img{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  filter:\r\n    saturate(.92)\r\n    contrast(1.04);\r\n\r\n}\r\n\r\n\r\n\/* overlay *\/\r\n\r\n#crim-programa .crim-image-panel::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,7,58,.02) 0%,\r\n      rgba(2,7,58,.10) 38%,\r\n      rgba(2,7,58,.85) 76%,\r\n      rgba(2,7,58,.97) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(22,200,255,.06),\r\n      transparent 45%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* forensic grid *\/\r\n\r\n#crim-programa .crim-image-panel::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  z-index:2;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    44px\r\n    44px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP LABEL\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-evidence-marker{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  top:22px;\r\n  left:22px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  padding:\r\n    8px\r\n    11px\r\n    8px\r\n    8px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,7,58,.88);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.12);\r\n\r\n  box-shadow:\r\n    0\r\n    8px\r\n    20px\r\n    rgba(0,0,0,.18);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-evidence-marker b{\r\n\r\n  width:27px;\r\n  height:27px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    0\r\n    4px\r\n    rgba(245,189,5,.11);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-evidence-marker span{\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.45px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FORENSIC SIDE TAGS\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-side-tags{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  top:84px;\r\n  right:18px;\r\n\r\n  display:grid;\r\n\r\n  gap:7px;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-side-tag{\r\n\r\n  min-width:94px;\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:9px;\r\n\r\n  background:\r\n    rgba(2,7,58,.78);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-side-tag:nth-child(1){\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-side-tag:nth-child(2){\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--yellow);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-side-tag:nth-child(3){\r\n\r\n  border-left:\r\n    3px solid\r\n    var(--red-soft);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-side-tag strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:6.7px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-side-tag span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#aebfd7 !important;\r\n\r\n  font-size:5.9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOTTOM COPY\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-image-copy{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  left:24px;\r\n  right:24px;\r\n  bottom:24px;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-image-copy small{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.8px;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-image-copy small::before{\r\n\r\n  content:\"\";\r\n\r\n  width:18px;\r\n  height:2px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-image-copy strong{\r\n\r\n  display:block;\r\n\r\n  max-width:440px;\r\n\r\n  margin-top:7px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      3vw,\r\n      36px\r\n    );\r\n\r\n  line-height:1.04;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-image-copy span{\r\n\r\n  display:block;\r\n\r\n  max-width:470px;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#c7d5e7 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT PANEL\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-content-panel{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    32px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(22,200,255,.08),\r\n      transparent 26%\r\n    ),\r\n\r\n    #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    55px\r\n    rgba(2,7,58,.07);\r\n\r\n}\r\n\r\n\r\n\/* vertical accent *\/\r\n\r\n#crim-programa .crim-content-panel::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:5px;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--yellow) 0%,\r\n      var(--cyan) 56%,\r\n      var(--blue) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-content-panel > small{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.8px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-content-panel > small::before{\r\n\r\n  content:\"\";\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    10px\r\n    rgba(22,200,255,.5);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-content-panel h3{\r\n\r\n  margin:\r\n    10px\r\n    0\r\n    13px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      29px,\r\n      3.4vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1.3px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-content-panel > p{\r\n\r\n  margin:\r\n    0\r\n    0\r\n    13px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CONCEPT CARDS\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-concepts{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-concept{\r\n\r\n  position:relative;\r\n\r\n  min-height:154px;\r\n\r\n  padding:\r\n    17px;\r\n\r\n  border-radius:16px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #f9fbfd,\r\n      #f3f6fa\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    border-color .2s ease;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-concept:hover{\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0\r\n    14px\r\n    30px\r\n    rgba(2,7,58,.08);\r\n\r\n}\r\n\r\n\r\n\/* individual accents *\/\r\n\r\n#crim-programa .crim-concept:nth-child(1)::before,\r\n#crim-programa .crim-concept:nth-child(3)::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--yellow-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-concept:nth-child(2)::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-concept:nth-child(4)::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--red-soft),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* numbers *\/\r\n\r\n#crim-programa .crim-concept-num{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    rgba(2,7,58,.08)\r\n    !important;\r\n\r\n  font-size:30px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-concept strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:7px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.3px;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-concept span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:7.8px;\r\n\r\n  line-height:1.46;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TECH STRIP\r\n========================================================= *\/\r\n\r\n#crim-programa .crim-tech-strip{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:22px;\r\n\r\n  padding:\r\n    15px\r\n    16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy) 0%,\r\n      var(--blue) 72%,\r\n      #073d66 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-tech-strip::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:-45px;\r\n  right:-35px;\r\n\r\n  width:130px;\r\n  height:130px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(22,200,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-tech-code{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  min-width:54px;\r\n\r\n  padding:\r\n    9px\r\n    10px;\r\n\r\n  text-align:center;\r\n\r\n  border-radius:9px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-tech-strip-text{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-tech-strip strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-tech-strip span{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:#b9c7db !important;\r\n\r\n  font-size:7.2px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* live status *\/\r\n\r\n#crim-programa .crim-tech-status{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:6.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#crim-programa .crim-tech-status::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    9px\r\n    rgba(255,101,113,.8);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  #crim-programa .crim-head,\r\n  #crim-programa .crim-main-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-image-panel{\r\n\r\n    min-height:500px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-programa{\r\n\r\n    padding:\r\n      62px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-image-panel{\r\n\r\n    min-height:440px;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-side-tags{\r\n\r\n    top:76px;\r\n\r\n    right:12px;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-side-tag{\r\n\r\n    min-width:82px;\r\n\r\n    padding:\r\n      7px\r\n      8px;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-content-panel{\r\n\r\n    padding:\r\n      23px;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-concepts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-tech-strip{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-programa .crim-tech-status{\r\n\r\n    margin-top:3px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-programa *{\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       SECTION HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"crim-eyebrow\">\r\n        02 \u00b7 Sobre el programa\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Investigar es observar,\r\n        analizar y\r\n\r\n        <span>\r\n          reconstruir.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      El programa desarrolla competencias para\r\n      apoyar procesos de investigaci\u00f3n criminal\u00edstica\r\n      y judicial mediante procedimientos t\u00e9cnicos,\r\n      documentaci\u00f3n de evidencia, an\u00e1lisis de informaci\u00f3n\r\n      y aplicaci\u00f3n rigurosa de protocolos.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN GRID\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-main-grid\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IMAGE PANEL\r\n    ==================================================== -->\r\n\r\n    <div class=\"crim-image-panel\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_271571168-1-scaled.jpg\"\r\n\r\n        alt=\"Investigaci\u00f3n criminal\u00edstica y an\u00e1lisis de evidencia\"\r\n\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <!-- EVIDENCE LABEL -->\r\n\r\n      <div class=\"crim-evidence-marker\">\r\n\r\n        <b>01<\/b>\r\n\r\n        <span>\r\n          Evidencia en an\u00e1lisis\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- SIDE FORENSIC TAGS -->\r\n\r\n      <div class=\"crim-side-tags\">\r\n\r\n\r\n        <div class=\"crim-side-tag\">\r\n\r\n          <strong>\r\n            ESCENA\r\n          <\/strong>\r\n\r\n          <span>\r\n            Observaci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-side-tag\">\r\n\r\n          <strong>\r\n            EVIDENCIA\r\n          <\/strong>\r\n\r\n          <span>\r\n            Registro\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-side-tag\">\r\n\r\n          <strong>\r\n            AN\u00c1LISIS\r\n          <\/strong>\r\n\r\n          <span>\r\n            Procedimiento\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- IMAGE COPY -->\r\n\r\n      <div class=\"crim-image-copy\">\r\n\r\n        <small>\r\n          Investigaci\u00f3n con m\u00e9todo\r\n        <\/small>\r\n\r\n        <strong>\r\n          Cada detalle puede cambiar una hip\u00f3tesis.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Observaci\u00f3n, documentaci\u00f3n,\r\n          evidencia y razonamiento t\u00e9cnico\r\n          forman parte del proceso investigativo.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         CONTENT PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"crim-content-panel\">\r\n\r\n\r\n      <small>\r\n        Formaci\u00f3n t\u00e9cnico-cient\u00edfica\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Aprende a construir\r\n        una investigaci\u00f3n\r\n        paso a paso.\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La formaci\u00f3n est\u00e1 orientada al apoyo t\u00e9cnico,\r\n        cient\u00edfico y operativo de actividades\r\n        investigativas en contextos judiciales,\r\n        privados y administrativos.\r\n\r\n      <\/p>\r\n\r\n\r\n      <p>\r\n\r\n        El estudiante desarrolla capacidades para\r\n        reconocer informaci\u00f3n relevante, apoyar el\r\n        manejo del lugar de los hechos, identificar\r\n        elementos materiales probatorios, documentar\r\n        procedimientos y elaborar informes t\u00e9cnicos.\r\n\r\n      <\/p>\r\n\r\n\r\n      <p>\r\n\r\n        El enfoque combina observaci\u00f3n, an\u00e1lisis,\r\n        procedimiento, rigor documental,\r\n        pensamiento cr\u00edtico y actuaci\u00f3n \u00e9tica\r\n        dentro del marco normativo.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           CONCEPTS\r\n      ================================================== -->\r\n\r\n      <div class=\"crim-concepts\">\r\n\r\n\r\n        <div class=\"crim-concept\">\r\n\r\n          <span class=\"crim-concept-num\">\r\n            01\r\n          <\/span>\r\n\r\n          <strong>\r\n            Observa\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Identifica detalles, informaci\u00f3n,\r\n            indicios y relaciones relevantes.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-concept\">\r\n\r\n          <span class=\"crim-concept-num\">\r\n            02\r\n          <\/span>\r\n\r\n          <strong>\r\n            Documenta\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Registra t\u00e9cnicamente\r\n            procedimientos, elementos\r\n            y hallazgos relevantes.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-concept\">\r\n\r\n          <span class=\"crim-concept-num\">\r\n            03\r\n          <\/span>\r\n\r\n          <strong>\r\n            Analiza\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Relaciona evidencia,\r\n            informaci\u00f3n y contexto\r\n            de manera l\u00f3gica.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-concept\">\r\n\r\n          <span class=\"crim-concept-num\">\r\n            04\r\n          <\/span>\r\n\r\n          <strong>\r\n            Sustenta\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Organiza resultados\r\n            y participa en la construcci\u00f3n\r\n            de informes t\u00e9cnicos.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           TECH STRIP\r\n      ================================================== -->\r\n\r\n      <div class=\"crim-tech-strip\">\r\n\r\n\r\n        <div class=\"crim-tech-code\">\r\n          ECFI\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-tech-strip-text\">\r\n\r\n          <strong>\r\n            Formaci\u00f3n por competencias\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            M\u00e9todo \u00b7 evidencia \u00b7 procedimiento \u00b7 an\u00e1lisis \u00b7 \u00e9tica\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-tech-status\">\r\n\r\n          protocolo activo\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f12bde8 e-con e-atomic-element e-flexbox-base e-default-div e-fae7793 \" data-id=\"f12bde8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f12bde8\" data-e-type=\"e-flexbox\" data-id=\"f12bde8\">\n    \t\t<div class=\"elementor-element elementor-element-0c7b912 elementor-widget elementor-widget-html\" data-id=\"0c7b912\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n FASE 03 \u00b7 \u00bfQU\u00c9 APRENDER\u00c1S?\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"crim-competencias\"\r\n  class=\"crim-skills-section\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-competencias{\r\n\r\n  \/* MARCA ECFI *\/\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  \/* PALETA FORENSE *\/\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#92efff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#c92f3d;\r\n  --red-soft:#ff6875;\r\n\r\n  \/* NEUTROS *\/\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\r\n  --paper2:#edf3f8;\r\n\r\n  --text:#17213b;\r\n  --muted:#68778e;\r\n  --line:#dfe6f0;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    94px\r\n    0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 92% 12%,\r\n      rgba(22,200,255,.09),\r\n      transparent 23%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 6% 90%,\r\n      rgba(245,189,5,.07),\r\n      transparent 21%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #f5f8fc 0%,\r\n      #ffffff 48%,\r\n      #f4f7fb 100%\r\n    );\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-competencias *,\r\n#crim-competencias *::before,\r\n#crim-competencias *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n#crim-competencias img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE SECTION NUMBER\r\n========================================================= *\/\r\n\r\n#crim-competencias::before{\r\n\r\n  content:\"03\";\r\n\r\n  position:absolute;\r\n\r\n  top:8px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(2,7,58,.032);\r\n\r\n  font-size:\r\n    clamp(\r\n      125px,\r\n      18vw,\r\n      235px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-9px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n#crim-competencias::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:430px;\r\n  height:430px;\r\n\r\n  right:-220px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(10,92,255,.09),\r\n      transparent 70%\r\n    );\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-skills-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1200px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-skills-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(300px,.92fr);\r\n\r\n  gap:45px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:42px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skills-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skills-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:22px;\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--cyan),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skills-head h2{\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    0;\r\n\r\n  max-width:780px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4.6vw,\r\n      59px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-1.9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skills-head h2 span{\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skills-head p{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP FEATURE GRID\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-feature-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.05fr)\r\n    minmax(360px,.95fr);\r\n\r\n  gap:22px;\r\n\r\n  margin-bottom:22px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE COPY\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-feature-copy{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    31px;\r\n\r\n  border-radius:26px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(22,200,255,.08),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,7,58,.16);\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-copy::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    42px\r\n    42px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-copy > *{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-label{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:\r\n    7px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.75px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-label::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    10px\r\n    rgba(245,189,5,.7);\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-copy h3{\r\n\r\n  margin:\r\n    15px\r\n    0\r\n    12px;\r\n\r\n  max-width:620px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      3.5vw,\r\n      43px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1.2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-copy p{\r\n\r\n  max-width:650px;\r\n\r\n  margin:0;\r\n\r\n  color:#c5d3e7 !important;\r\n\r\n  font-size:9.7px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MINI PATH\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-mini-path{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:7px;\r\n\r\n  margin-top:25px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-path-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:92px;\r\n\r\n  padding:\r\n    12px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-path-step b{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-path-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.3;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-path-step:nth-child(2) b,\r\n#crim-competencias .crim-path-step:nth-child(4) b{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE IMAGE\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-feature-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:410px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:26px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    52px\r\n    rgba(2,7,58,.15);\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-image img{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  filter:\r\n    saturate(.94)\r\n    contrast(1.04);\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-feature-image::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,7,58,.04),\r\n      rgba(2,7,58,.18) 50%,\r\n      rgba(2,7,58,.92) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(22,200,255,.08)\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* PHOTO BADGE *\/\r\n\r\n#crim-competencias .crim-photo-badge{\r\n\r\n  position:absolute;\r\n\r\n  z-index:3;\r\n\r\n  top:20px;\r\n  left:20px;\r\n\r\n  padding:\r\n    8px\r\n    11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,7,58,.85);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* PHOTO COPY *\/\r\n\r\n#crim-competencias .crim-photo-copy{\r\n\r\n  position:absolute;\r\n\r\n  z-index:3;\r\n\r\n  left:21px;\r\n  right:21px;\r\n  bottom:21px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-photo-copy small{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-photo-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      20px,\r\n      2.4vw,\r\n      29px\r\n    );\r\n\r\n  line-height:1.08;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   COMPETENCY GRID\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-skills-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:12px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* CARD *\/\r\n\r\n#crim-competencias .crim-skill-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:255px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    21px;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  box-shadow:\r\n    0\r\n    12px\r\n    30px\r\n    rgba(2,7,58,.045);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease,\r\n    border-color .22s ease;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skill-card:hover{\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    40px\r\n    rgba(2,7,58,.09);\r\n\r\n}\r\n\r\n\r\n\r\n\/* TOP ACCENTS *\/\r\n\r\n#crim-competencias .crim-skill-card::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:4px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skill-card:nth-child(1)::before,\r\n#crim-competencias .crim-skill-card:nth-child(4)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--yellow-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skill-card:nth-child(2)::before,\r\n#crim-competencias .crim-skill-card:nth-child(5)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skill-card:nth-child(3)::before,\r\n#crim-competencias .crim-skill-card:nth-child(6)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--red-soft),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n#crim-competencias .crim-skill-number{\r\n\r\n  position:absolute;\r\n\r\n  top:11px;\r\n  right:14px;\r\n\r\n  color:\r\n    rgba(2,7,58,.055)\r\n    !important;\r\n\r\n  font-size:51px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\r\n\/* STATUS *\/\r\n\r\n#crim-competencias .crim-skill-status{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  padding:\r\n    6px\r\n    8px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    #f2f6fb;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.5px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skill-status::before{\r\n\r\n  content:\"\";\r\n\r\n  width:6px;\r\n  height:6px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#crim-competencias\r\n.crim-skill-card:nth-child(1)\r\n.crim-skill-status::before,\r\n#crim-competencias\r\n.crim-skill-card:nth-child(4)\r\n.crim-skill-status::before{\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n}\r\n\r\n\r\n#crim-competencias\r\n.crim-skill-card:nth-child(3)\r\n.crim-skill-status::before,\r\n#crim-competencias\r\n.crim-skill-card:nth-child(6)\r\n.crim-skill-status::before{\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n}\r\n\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n#crim-competencias .crim-skill-card h3{\r\n\r\n  max-width:270px;\r\n\r\n  margin:\r\n    37px\r\n    0\r\n    8px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.15;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n#crim-competencias .crim-skill-card p{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:8.5px;\r\n\r\n  line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n#crim-competencias .crim-skill-tags{\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:5px;\r\n\r\n  margin-top:17px;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skill-tags span{\r\n\r\n  padding:\r\n    5px\r\n    7px;\r\n\r\n  border-radius:7px;\r\n\r\n  background:\r\n    #f4f7fb;\r\n\r\n  border:\r\n    1px solid\r\n    #e6ebf2;\r\n\r\n  color:\r\n    #52627a\r\n    !important;\r\n\r\n  font-size:5.9px;\r\n\r\n  font-weight:850;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STATEMENT\r\n========================================================= *\/\r\n\r\n#crim-competencias .crim-skills-bottom{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:22px;\r\n\r\n  padding:\r\n    21px\r\n    24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:17px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    45px\r\n    rgba(2,7,58,.13);\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-skills-bottom::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:170px;\r\n  height:170px;\r\n\r\n  top:-85px;\r\n  right:-50px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(22,200,255,.09);\r\n\r\n}\r\n\r\n\r\n\r\n\/* BADGE *\/\r\n\r\n#crim-competencias .crim-bottom-badge{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:55px;\r\n  height:55px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\r\n\/* TEXT *\/\r\n\r\n#crim-competencias .crim-bottom-copy{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-bottom-copy strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-bottom-copy span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#bac9dd !important;\r\n\r\n  font-size:7.6px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\r\n\/* STATUS *\/\r\n\r\n#crim-competencias .crim-bottom-status{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:6.7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#crim-competencias .crim-bottom-status::before{\r\n\r\n  content:\"\";\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    10px\r\n    rgba(255,104,117,.75);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  #crim-competencias .crim-skills-head,\r\n  #crim-competencias .crim-feature-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-skills-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-competencias{\r\n\r\n    padding:\r\n      62px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-skills-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-skills-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-feature-copy{\r\n\r\n    padding:23px;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-mini-path{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-feature-image{\r\n\r\n    min-height:420px;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-skills-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-skills-bottom{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-competencias .crim-bottom-status{\r\n\r\n    margin-top:2px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-competencias *{\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-skills-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       SECTION HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-skills-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"crim-skills-eyebrow\">\r\n        03 \u00b7 Competencias\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        \u00bfQu\u00e9 aprender\u00e1s durante\r\n\r\n        <span>\r\n          tu formaci\u00f3n?\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Desarrollar\u00e1s competencias relacionadas con\r\n      la investigaci\u00f3n criminal\u00edstica, el manejo\r\n      de elementos materiales probatorios,\r\n      los procedimientos forenses, la documentaci\u00f3n\r\n      t\u00e9cnica y el marco jur\u00eddico aplicable.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FEATURE\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-feature-grid\">\r\n\r\n\r\n    <!-- COPY -->\r\n\r\n    <article class=\"crim-feature-copy\">\r\n\r\n\r\n      <span class=\"crim-feature-label\">\r\n        Investigaci\u00f3n aplicada\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n\r\n        No se trata solamente\r\n        de observar una escena.\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Una investigaci\u00f3n exige procedimiento,\r\n        disciplina, documentaci\u00f3n, an\u00e1lisis\r\n        y comprensi\u00f3n del marco normativo.\r\n\r\n        La formaci\u00f3n integra t\u00e9cnicas criminal\u00edsticas\r\n        con capacidades de an\u00e1lisis e interpretaci\u00f3n\r\n        para apoyar la reconstrucci\u00f3n de hechos\r\n        de manera organizada y metodol\u00f3gica.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"crim-mini-path\">\r\n\r\n\r\n        <div class=\"crim-path-step\">\r\n\r\n          <b>01<\/b>\r\n\r\n          <strong>\r\n            Identificar\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-path-step\">\r\n\r\n          <b>02<\/b>\r\n\r\n          <strong>\r\n            Registrar\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-path-step\">\r\n\r\n          <b>03<\/b>\r\n\r\n          <strong>\r\n            Analizar\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-path-step\">\r\n\r\n          <b>04<\/b>\r\n\r\n          <strong>\r\n            Sustentar\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- IMAGE -->\r\n\r\n    <div class=\"crim-feature-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_2614183257-1-scaled.jpg\"\r\n\r\n        alt=\"An\u00e1lisis criminal\u00edstico y forense\"\r\n\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <span class=\"crim-photo-badge\">\r\n        An\u00e1lisis t\u00e9cnico \u00b7 ECFI\r\n      <\/span>\r\n\r\n\r\n      <div class=\"crim-photo-copy\">\r\n\r\n        <small>\r\n          Formaci\u00f3n aplicada\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Aprende a convertir\r\n          informaci\u00f3n en evidencia \u00fatil.\r\n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       6 COMPETENCIES\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-skills-grid\">\r\n\r\n\r\n    <!-- 01 -->\r\n\r\n    <article class=\"crim-skill-card\">\r\n\r\n\r\n      <span class=\"crim-skill-number\">\r\n        01\r\n      <\/span>\r\n\r\n\r\n      <span class=\"crim-skill-status\">\r\n        Escena\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Lugar de los hechos\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Aprende principios de protecci\u00f3n,\r\n        observaci\u00f3n, demarcaci\u00f3n, documentaci\u00f3n\r\n        y procesamiento t\u00e9cnico del lugar\r\n        de los hechos.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-skill-tags\">\r\n\r\n        <span>Observaci\u00f3n<\/span>\r\n        <span>Fijaci\u00f3n<\/span>\r\n        <span>Demarcaci\u00f3n<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 02 -->\r\n\r\n    <article class=\"crim-skill-card\">\r\n\r\n\r\n      <span class=\"crim-skill-number\">\r\n        02\r\n      <\/span>\r\n\r\n\r\n      <span class=\"crim-skill-status\">\r\n        Evidencia\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Elementos materiales probatorios\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Comprende procedimientos relacionados\r\n        con identificaci\u00f3n, registro,\r\n        recolecci\u00f3n, embalaje, rotulado\r\n        y manejo de evidencia f\u00edsica.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-skill-tags\">\r\n\r\n        <span>Recolecci\u00f3n<\/span>\r\n        <span>Embalaje<\/span>\r\n        <span>Cadena de custodia<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 03 -->\r\n\r\n    <article class=\"crim-skill-card\">\r\n\r\n\r\n      <span class=\"crim-skill-number\">\r\n        03\r\n      <\/span>\r\n\r\n\r\n      <span class=\"crim-skill-status\">\r\n        Identificaci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Dactiloscopia y crestas de fricci\u00f3n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Conoce procedimientos forenses\r\n        relacionados con la identificaci\u00f3n\r\n        y an\u00e1lisis t\u00e9cnico de crestas\r\n        de fricci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-skill-tags\">\r\n\r\n        <span>Dactiloscopia<\/span>\r\n        <span>Identificaci\u00f3n<\/span>\r\n        <span>Procedimiento<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 04 -->\r\n\r\n    <article class=\"crim-skill-card\">\r\n\r\n\r\n      <span class=\"crim-skill-number\">\r\n        04\r\n      <\/span>\r\n\r\n\r\n      <span class=\"crim-skill-status\">\r\n        Investigaci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Estructuraci\u00f3n de hechos\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Aprende a relacionar informaci\u00f3n,\r\n        formular hip\u00f3tesis y apoyar\r\n        la reconstrucci\u00f3n de circunstancias\r\n        mediante metodolog\u00edas criminal\u00edsticas.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-skill-tags\">\r\n\r\n        <span>Hip\u00f3tesis<\/span>\r\n        <span>An\u00e1lisis<\/span>\r\n        <span>Metodolog\u00eda<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 05 -->\r\n\r\n    <article class=\"crim-skill-card\">\r\n\r\n\r\n      <span class=\"crim-skill-number\">\r\n        05\r\n      <\/span>\r\n\r\n\r\n      <span class=\"crim-skill-status\">\r\n        Informe\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Informes y sustentaci\u00f3n t\u00e9cnica\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Desarrolla habilidades para organizar\r\n        hallazgos, elaborar informes\r\n        y presentar informaci\u00f3n usando\r\n        lenguaje t\u00e9cnico y protocolos.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-skill-tags\">\r\n\r\n        <span>Redacci\u00f3n<\/span>\r\n        <span>Hallazgos<\/span>\r\n        <span>Sustentaci\u00f3n<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 06 -->\r\n\r\n    <article class=\"crim-skill-card\">\r\n\r\n\r\n      <span class=\"crim-skill-number\">\r\n        06\r\n      <\/span>\r\n\r\n\r\n      <span class=\"crim-skill-status\">\r\n        Normativa\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Marco jur\u00eddico y procesal\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Comprende elementos del Sistema Penal\r\n        Acusatorio, normativa procesal,\r\n        derechos humanos y procedimientos\r\n        relacionados con la investigaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-skill-tags\">\r\n\r\n        <span>Derecho penal<\/span>\r\n        <span>Procedimiento<\/span>\r\n        <span>DD. HH.<\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       BOTTOM STATEMENT\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-skills-bottom\">\r\n\r\n\r\n    <div class=\"crim-bottom-badge\">\r\n      ECFI\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-bottom-copy\">\r\n\r\n      <strong>\r\n        Competencias que se conectan entre s\u00ed\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Escena \u00b7 evidencia \u00b7 investigaci\u00f3n \u00b7 documentaci\u00f3n \u00b7 normativa \u00b7 sustentaci\u00f3n\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-bottom-status\">\r\n\r\n      formaci\u00f3n activa\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-db82746 e-con e-atomic-element e-flexbox-base e-default-div e-11812a0 \" data-id=\"db82746\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"db82746\" data-e-type=\"e-flexbox\" data-id=\"db82746\">\n    \t\t<div class=\"elementor-element elementor-element-c765f97 elementor-widget elementor-widget-html\" data-id=\"c765f97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n FASE 04 \u00b7 PROCESO FORENSE\r\n DEL LUGAR DE LOS HECHOS AL INFORME T\u00c9CNICO\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"crim-proceso\"\r\n  class=\"crim-process-section\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-proceso{\r\n\r\n  \/* ECFI *\/\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  \/* FORENSE *\/\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#94efff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#c92f3d;\r\n  --red-soft:#ff6572;\r\n\r\n  \/* NEUTROS *\/\r\n  --white:#ffffff;\r\n  --muted:#aebdd2;\r\n  --line:rgba(255,255,255,.10);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:96px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 90% 8%,\r\n      rgba(22,200,255,.13),\r\n      transparent 25%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 5% 90%,\r\n      rgba(245,189,5,.10),\r\n      transparent 22%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02073a 0%,\r\n      #06135f 54%,\r\n      #092b63 100%\r\n    );\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-proceso *,\r\n#crim-proceso *::before,\r\n#crim-proceso *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n#crim-proceso img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n#crim-proceso::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.026) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.026) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:48px 48px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n#crim-proceso::after{\r\n\r\n  content:\"04\";\r\n\r\n  position:absolute;\r\n\r\n  top:6px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(255,255,255,.035);\r\n\r\n  font-size:\r\n    clamp(\r\n      125px,\r\n      18vw,\r\n      235px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-9px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-process-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1200px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION HEAD\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-process-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(300px,.92fr);\r\n\r\n  gap:45px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:42px;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.9px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:23px;\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-head h2{\r\n\r\n  max-width:780px;\r\n\r\n  margin:9px 0 0;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.97;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-head h2 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-head p{\r\n\r\n  margin:0;\r\n\r\n  color:\r\n    #c5d2e5\r\n    !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE GRID\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-process-feature{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(390px,.88fr)\r\n    minmax(0,1.12fr);\r\n\r\n  gap:22px;\r\n\r\n  margin-bottom:28px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-process-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:500px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:27px;\r\n\r\n  background:#02073a;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  box-shadow:\r\n    0\r\n    28px\r\n    65px\r\n    rgba(0,0,0,.24);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-image img{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  filter:\r\n    contrast(1.04)\r\n    saturate(.92);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-image::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,7,58,.08),\r\n      rgba(2,7,58,.12) 38%,\r\n      rgba(2,7,58,.88) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(22,200,255,.07),\r\n      transparent 48%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* top marker *\/\r\n\r\n#crim-proceso .crim-image-marker{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  top:20px;\r\n  left:20px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  padding:\r\n    8px\r\n    11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,7,58,.86);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-image-marker b{\r\n\r\n  width:25px;\r\n  height:25px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-image-marker span{\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.55px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n\/* bottom copy *\/\r\n\r\n#crim-proceso .crim-process-image-copy{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  left:23px;\r\n  right:23px;\r\n  bottom:23px;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-image-copy small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:6.7px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.75px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-image-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:7px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      3vw,\r\n      35px\r\n    );\r\n\r\n  line-height:1.04;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-image-copy span{\r\n\r\n  display:block;\r\n\r\n  max-width:450px;\r\n\r\n  margin-top:7px;\r\n\r\n  color:#c6d3e6 !important;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CASE PANEL\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-case-panel{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:31px;\r\n\r\n  border-radius:27px;\r\n\r\n  background:\r\n    rgba(255,255,255,.065);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0\r\n    rgba(255,255,255,.03);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-case-panel::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:5px;\r\n  height:100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--yellow),\r\n      var(--cyan),\r\n      var(--red-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-case-label{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:\r\n    7px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.7px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-case-label::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    10px\r\n    rgba(255,101,114,.75);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-case-panel h3{\r\n\r\n  margin:\r\n    14px\r\n    0\r\n    11px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      29px,\r\n      3.4vw,\r\n      43px\r\n    );\r\n\r\n  line-height:1.03;\r\n\r\n  letter-spacing:-1.2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-case-panel > p{\r\n\r\n  margin:0;\r\n\r\n  color:#c4d2e5 !important;\r\n\r\n  font-size:9.5px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CASE DATA\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-case-data{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-data-item{\r\n\r\n  min-height:82px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(255,255,255,.05);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-data-item small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.6px;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-data-item strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  font-weight:900;\r\n\r\n  line-height:1.3;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-data-item:nth-child(2) small,\r\n#crim-proceso .crim-data-item:nth-child(3) small{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS ROUTE\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-route{\r\n\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:11px;\r\n\r\n  margin-top:6px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* center connecting line *\/\r\n\r\n#crim-proceso .crim-route::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:5%;\r\n  right:5%;\r\n  top:41px;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan),\r\n      var(--electric),\r\n      var(--red-soft)\r\n    );\r\n\r\n  opacity:.38;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-step{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  min-height:220px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    19px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.095);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease,\r\n    border-color .22s ease;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step:hover{\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.085);\r\n\r\n  border-color:\r\n    rgba(255,255,255,.17);\r\n\r\n}\r\n\r\n\r\n\r\n\/* STEP NUMBER *\/\r\n\r\n#crim-proceso .crim-step-num{\r\n\r\n  position:relative;\r\n\r\n  z-index:3;\r\n\r\n  width:44px;\r\n  height:44px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n  box-shadow:\r\n    0\r\n    10px\r\n    24px\r\n    rgba(245,189,5,.15);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step:nth-child(2) .crim-step-num,\r\n#crim-proceso .crim-step:nth-child(6) .crim-step-num{\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step:nth-child(3) .crim-step-num,\r\n#crim-proceso .crim-step:nth-child(7) .crim-step-num{\r\n\r\n  background:\r\n    #5d85ff;\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step:nth-child(4) .crim-step-num,\r\n#crim-proceso .crim-step:nth-child(8) .crim-step-num{\r\n\r\n  background:\r\n    var(--red-soft);\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* STEP TEXT *\/\r\n\r\n#crim-proceso .crim-step small{\r\n\r\n  display:block;\r\n\r\n  margin-top:20px;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.55px;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step:nth-child(1) small,\r\n#crim-proceso .crim-step:nth-child(5) small{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step:nth-child(4) small,\r\n#crim-proceso .crim-step:nth-child(8) small{\r\n\r\n  color:\r\n    var(--red-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step h3{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    7px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.15;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-step p{\r\n\r\n  margin:0;\r\n\r\n  color:#afbed3 !important;\r\n\r\n  font-size:7.7px;\r\n\r\n  line-height:1.52;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n#crim-proceso .crim-process-footer{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:25px;\r\n\r\n  padding:\r\n    22px\r\n    24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:17px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #ffffff,\r\n      #f5f8fc\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    42px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-process-footer::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  right:-50px;\r\n  top:-65px;\r\n\r\n  width:160px;\r\n  height:160px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(22,200,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-footer-code{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:57px;\r\n  height:57px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-footer-copy{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-footer-copy strong{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-footer-copy span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    #63728a\r\n    !important;\r\n\r\n  font-size:7.6px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-footer-status{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    #eaf9fd;\r\n\r\n  color:\r\n    #08799b\r\n    !important;\r\n\r\n  font-size:6.5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#crim-proceso .crim-footer-status::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    8px\r\n    rgba(22,200,255,.65);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #crim-proceso .crim-process-head,\r\n  #crim-proceso .crim-process-feature{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-route{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-route::before{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-proceso{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-process-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-process-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-process-image{\r\n\r\n    min-height:430px;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-case-panel{\r\n\r\n    padding:23px;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-case-data{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-route{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-step{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-process-footer{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-proceso .crim-footer-status{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-proceso *{\r\n    transition:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-process-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-process-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"crim-process-eyebrow\">\r\n        04 \u00b7 Proceso investigativo\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Del lugar de los hechos\r\n\r\n        <span>\r\n          al informe t\u00e9cnico.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      La investigaci\u00f3n criminal\u00edstica requiere\r\n      una secuencia organizada de actuaciones.\r\n      Cada fase protege la informaci\u00f3n,\r\n      conserva la evidencia y contribuye\r\n      a construir una interpretaci\u00f3n t\u00e9cnica\r\n      de los hechos.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FEATURE\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-process-feature\">\r\n\r\n\r\n    <!-- IMAGE -->\r\n\r\n    <div class=\"crim-process-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_1891638460-1-scaled.jpg\"\r\n        alt=\"Proceso de investigaci\u00f3n criminal\u00edstica\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <div class=\"crim-image-marker\">\r\n\r\n        <b>04<\/b>\r\n\r\n        <span>\r\n          Secuencia investigativa\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"crim-process-image-copy\">\r\n\r\n        <small>\r\n          Investigaci\u00f3n criminal\u00edstica\r\n        <\/small>\r\n\r\n        <strong>\r\n          Cada procedimiento protege el valor de la evidencia.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          M\u00e9todo, trazabilidad y documentaci\u00f3n\r\n          permiten conservar la integridad\r\n          del proceso investigativo.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- CASE PANEL -->\r\n\r\n    <article class=\"crim-case-panel\">\r\n\r\n\r\n      <span class=\"crim-case-label\">\r\n        Protocolo de an\u00e1lisis\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n\r\n        Una escena no se interpreta\r\n        de manera improvisada.\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El proceso exige observar,\r\n        documentar, recolectar y analizar\r\n        de forma organizada.\r\n\r\n        La formaci\u00f3n aborda procedimientos\r\n        relacionados con lugar de los hechos,\r\n        evidencia f\u00edsica, cadena de custodia,\r\n        fijaci\u00f3n, an\u00e1lisis de informaci\u00f3n,\r\n        hip\u00f3tesis e informes t\u00e9cnicos.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"crim-case-data\">\r\n\r\n\r\n        <div class=\"crim-data-item\">\r\n\r\n          <small>\r\n            Variable 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            Lugar de los hechos\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-data-item\">\r\n\r\n          <small>\r\n            Variable 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Evidencia f\u00edsica\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-data-item\">\r\n\r\n          <small>\r\n            Variable 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Cadena de custodia\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-data-item\">\r\n\r\n          <small>\r\n            Variable 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informe t\u00e9cnico\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       PROCESS ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-route\">\r\n\r\n\r\n    <!-- 01 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        01\r\n      <\/div>\r\n\r\n      <small>\r\n        Protecci\u00f3n\r\n      <\/small>\r\n\r\n      <h3>\r\n        Asegurar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Reconocer las condiciones\r\n        del lugar y aplicar medidas\r\n        para preservar el escenario.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 02 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        02\r\n      <\/div>\r\n\r\n      <small>\r\n        Reconocimiento\r\n      <\/small>\r\n\r\n      <h3>\r\n        Observar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Examinar el escenario,\r\n        identificar informaci\u00f3n relevante\r\n        y establecer una lectura inicial.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 03 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        03\r\n      <\/div>\r\n\r\n      <small>\r\n        Registro\r\n      <\/small>\r\n\r\n      <h3>\r\n        Fijar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Documentar t\u00e9cnicamente\r\n        la ubicaci\u00f3n y condici\u00f3n\r\n        de los elementos encontrados.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 04 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        04\r\n      <\/div>\r\n\r\n      <small>\r\n        Evidencia\r\n      <\/small>\r\n\r\n      <h3>\r\n        Recolectar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Aplicar m\u00e9todos t\u00e9cnicos\r\n        para levantar elementos\r\n        materiales probatorios.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 05 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        05\r\n      <\/div>\r\n\r\n      <small>\r\n        Conservaci\u00f3n\r\n      <\/small>\r\n\r\n      <h3>\r\n        Embalar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Proteger, identificar\r\n        y rotular adecuadamente\r\n        los elementos recolectados.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 06 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        06\r\n      <\/div>\r\n\r\n      <small>\r\n        Trazabilidad\r\n      <\/small>\r\n\r\n      <h3>\r\n        Documentar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Registrar actuaciones,\r\n        procedimientos y condiciones\r\n        dentro de la cadena de custodia.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 07 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        07\r\n      <\/div>\r\n\r\n      <small>\r\n        Interpretaci\u00f3n\r\n      <\/small>\r\n\r\n      <h3>\r\n        Analizar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Relacionar informaci\u00f3n,\r\n        evaluar hallazgos\r\n        y formular hip\u00f3tesis t\u00e9cnicas.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 08 -->\r\n\r\n    <article class=\"crim-step\">\r\n\r\n      <div class=\"crim-step-num\">\r\n        08\r\n      <\/div>\r\n\r\n      <small>\r\n        Resultado\r\n      <\/small>\r\n\r\n      <h3>\r\n        Sustentar\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Organizar conclusiones\r\n        y presentar los resultados\r\n        mediante un informe t\u00e9cnico.\r\n\r\n      <\/p>\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FOOTER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-process-footer\">\r\n\r\n\r\n    <div class=\"crim-footer-code\">\r\n      ECFI\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-footer-copy\">\r\n\r\n      <strong>\r\n        La investigaci\u00f3n exige trazabilidad.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Protecci\u00f3n \u00b7 fijaci\u00f3n \u00b7 evidencia \u00b7 cadena de custodia \u00b7 an\u00e1lisis \u00b7 informe\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-footer-status\">\r\n\r\n      proceso documentado\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a938a74 e-con e-atomic-element e-flexbox-base e-default-div e-d67f08c \" data-id=\"a938a74\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a938a74\" data-e-type=\"e-flexbox\" data-id=\"a938a74\">\n    \t\t<div class=\"elementor-element elementor-element-1503bf4 elementor-widget elementor-widget-html\" data-id=\"1503bf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n SECCI\u00d3N 05 \u00b7 PLAN DE ESTUDIOS\r\n EXPEDIENTE ACAD\u00c9MICO\r\n========================================================= -->\r\n\r\n<section id=\"crim-pensum\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-pensum{\r\n\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#8eefff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#d13a4a;\r\n  --red-soft:#ff6977;\r\n\r\n  --purple:#7036d9;\r\n  --purple-soft:#a978ff;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f7fb;\r\n\r\n  --text:#18223b;\r\n  --muted:#68778e;\r\n  --line:#dfe6f0;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:96px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 94% 8%,\r\n      rgba(112,54,217,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 5% 90%,\r\n      rgba(22,200,255,.07),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff,\r\n      #f4f7fb\r\n    );\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-pensum *,\r\n#crim-pensum *::before,\r\n#crim-pensum *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#crim-pensum::before{\r\n\r\n  content:\"05\";\r\n\r\n  position:absolute;\r\n\r\n  top:8px;\r\n  right:3%;\r\n\r\n  color:rgba(2,7,58,.035);\r\n\r\n  font-size:clamp(\r\n    125px,\r\n    18vw,\r\n    235px\r\n  );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-9px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DETAIL\r\n========================================================= *\/\r\n\r\n#crim-pensum::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:420px;\r\n  height:420px;\r\n\r\n  left:-220px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(245,189,5,.08),\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-plan-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1200px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEAD\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-plan-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.1fr)\r\n    minmax(300px,.9fr);\r\n\r\n  gap:45px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:40px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-plan-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--blue) !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-plan-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:23px;\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan),\r\n      var(--purple)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-plan-head h2{\r\n\r\n  max-width:780px;\r\n\r\n  margin:9px 0 0;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:clamp(\r\n    36px,\r\n    4.6vw,\r\n    59px\r\n  );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-1.9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-plan-head h2 span{\r\n\r\n  color:var(--blue) !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-plan-head p{\r\n\r\n  margin:0;\r\n\r\n  color:var(--muted) !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY BAND\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-plan-summary{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.15fr\r\n    repeat(3,.75fr);\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:22px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    48px\r\n    rgba(2,7,58,.15);\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-summary-main,\r\n#crim-pensum .crim-summary-item{\r\n\r\n  min-height:86px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:13px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-summary-main{\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(245,189,5,.14),\r\n      rgba(255,255,255,.05)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-summary-main small,\r\n#crim-pensum .crim-summary-item small{\r\n\r\n  display:block;\r\n\r\n  color:#aebbd0 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.55px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-summary-main strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:var(--yellow) !important;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.15;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-summary-item strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-summary-item:nth-child(3)\r\nstrong{\r\n\r\n  color:var(--cyan) !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-summary-item:nth-child(4)\r\nstrong{\r\n\r\n  color:var(--purple-soft) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-plan-layout{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    300px\r\n    minmax(0,1fr);\r\n\r\n  gap:20px;\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT DOSSIER\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-dossier{\r\n\r\n  position:sticky;\r\n\r\n  top:95px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(112,54,217,.15),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      155deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    55px\r\n    rgba(2,7,58,.16);\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:38px 38px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier > *{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier-code{\r\n\r\n  display:inline-flex;\r\n\r\n  padding:7px 9px;\r\n\r\n  border-radius:8px;\r\n\r\n  background:var(--yellow);\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier h3{\r\n\r\n  margin:16px 0 9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:27px;\r\n\r\n  line-height:1.03;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier > p{\r\n\r\n  margin:0;\r\n\r\n  color:#b8c7dc !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOSSIER INDEX\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-dossier-index{\r\n\r\n  display:grid;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:23px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-index-item{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    34px\r\n    1fr;\r\n\r\n  gap:10px;\r\n\r\n  align-items:center;\r\n\r\n  padding:10px;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-index-item b{\r\n\r\n  width:31px;\r\n  height:31px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:9px;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-index-item:nth-child(1) b{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-index-item:nth-child(2) b{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-index-item:nth-child(3) b{\r\n\r\n  background:var(--red-soft);\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-index-item:nth-child(4) b{\r\n\r\n  background:var(--purple-soft);\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-index-item strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7.7px;\r\n\r\n  line-height:1.3;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-index-item span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#8fa2bf !important;\r\n\r\n  font-size:5.9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOSSIER FOOTER\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-dossier-footer{\r\n\r\n  margin-top:21px;\r\n\r\n  padding-top:17px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier-footer strong{\r\n\r\n  display:block;\r\n\r\n  color:var(--cyan) !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-dossier-footer span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9cafc9 !important;\r\n\r\n  font-size:6.4px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLOCKS\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-blocks{\r\n\r\n  display:grid;\r\n\r\n  gap:14px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-plan-block{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:23px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  box-shadow:\r\n    0\r\n    12px\r\n    34px\r\n    rgba(2,7,58,.05);\r\n\r\n}\r\n\r\n\r\n\/* accent *\/\r\n\r\n#crim-pensum .crim-plan-block::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:5px;\r\n  height:100%;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-plan-block.block-1::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-plan-block.block-2::before{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-plan-block.block-3::before{\r\n  background:var(--red-soft);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.crim-plan-block.block-4::before{\r\n  background:var(--purple);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BLOCK HEADER\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-block-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:13px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-block-number{\r\n\r\n  width:47px;\r\n  height:47px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:13px;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-1\r\n.crim-block-number{\r\n\r\n  background:\r\n    rgba(245,189,5,.13);\r\n\r\n  color:#987400 !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-2\r\n.crim-block-number{\r\n\r\n  background:\r\n    rgba(22,200,255,.12);\r\n\r\n  color:#087b9d !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-3\r\n.crim-block-number{\r\n\r\n  background:\r\n    rgba(255,105,119,.11);\r\n\r\n  color:#b42d3b !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-4\r\n.crim-block-number{\r\n\r\n  background:\r\n    rgba(112,54,217,.10);\r\n\r\n  color:var(--purple) !important;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-block-title small{\r\n\r\n  display:block;\r\n\r\n  color:var(--muted) !important;\r\n\r\n  font-size:5.9px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.65px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-block-title strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-block-count{\r\n\r\n  padding:6px 8px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#f4f6fa;\r\n\r\n  color:#68758a !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:900;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODULES\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-module-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-module{\r\n\r\n  position:relative;\r\n\r\n  min-height:95px;\r\n\r\n  padding:\r\n    13px\r\n    14px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #f9fafc,\r\n      #f4f6fa\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    #e4e9f0;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-module small{\r\n\r\n  display:block;\r\n\r\n  color:#8492a6 !important;\r\n\r\n  font-size:5.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.45px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-module strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  max-width:290px;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.32;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-module span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:var(--muted) !important;\r\n\r\n  font-size:6.4px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* module dot *\/\r\n\r\n#crim-pensum .crim-module::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:14px;\r\n  right:13px;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-1\r\n.crim-module::after{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-2\r\n.crim-module::after{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-3\r\n.crim-module::after{\r\n  background:var(--red-soft);\r\n}\r\n\r\n\r\n#crim-pensum\r\n.block-4\r\n.crim-module::after{\r\n  background:var(--purple-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRACTICE STRIP\r\n========================================================= *\/\r\n\r\n#crim-pensum .crim-practice-strip{\r\n\r\n  margin-top:20px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:16px;\r\n\r\n  align-items:center;\r\n\r\n  padding:22px;\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #fff7c9,\r\n      #fffdf4 63%,\r\n      #f3ebff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(245,189,5,.35);\r\n\r\n  box-shadow:\r\n    0\r\n    14px\r\n    35px\r\n    rgba(2,7,58,.05);\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-practice-icon{\r\n\r\n  width:58px;\r\n  height:58px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--purple)\r\n    );\r\n\r\n  color:var(--yellow) !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-practice-copy small{\r\n\r\n  color:#876600 !important;\r\n\r\n  font-size:6px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:.65px;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-practice-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-practice-copy span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  max-width:700px;\r\n\r\n  color:#665f4b !important;\r\n\r\n  font-size:7.2px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#crim-pensum .crim-practice-badge{\r\n\r\n  padding:\r\n    9px\r\n    12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--yellow);\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1020px){\r\n\r\n  #crim-pensum .crim-plan-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-plan-summary{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-plan-layout{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-dossier{\r\n\r\n    position:relative;\r\n\r\n    top:auto;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-dossier-index{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-pensum{\r\n\r\n    padding:64px 0;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-plan-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-plan-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-plan-summary,\r\n  #crim-pensum .crim-dossier-index,\r\n  #crim-pensum .crim-module-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-block-head{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-block-count{\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-practice-strip{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-pensum .crim-practice-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-pensum *{\r\n    transition:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-plan-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-plan-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"crim-plan-eyebrow\">\r\n        05 \u00b7 Plan de estudios\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Tu formaci\u00f3n organizada\r\n        como un\r\n\r\n        <span>\r\n          expediente acad\u00e9mico.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Una ruta que integra investigaci\u00f3n\r\n      criminal\u00edstica, ciencias forenses,\r\n      marco jur\u00eddico y competencias\r\n      transversales para desarrollar\r\n      una formaci\u00f3n t\u00e9cnica integral.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       SUMMARY\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-plan-summary\">\r\n\r\n\r\n    <div class=\"crim-summary-main\">\r\n\r\n      <small>\r\n        Duraci\u00f3n actual\r\n      <\/small>\r\n\r\n      <strong>\r\n        1 semestre acad\u00e9mico\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-summary-item\">\r\n\r\n      <small>\r\n        Estructura\r\n      <\/small>\r\n\r\n      <strong>\r\n        11 m\u00f3dulos\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-summary-item\">\r\n\r\n      <small>\r\n        Modalidades\r\n      <\/small>\r\n\r\n      <strong>\r\n        Presencial + A distancia\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-summary-item\">\r\n\r\n      <small>\r\n        Proyecci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        + opci\u00f3n de pr\u00e1ctica\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       LAYOUT\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-plan-layout\">\r\n\r\n\r\n    <!-- ===================================================\r\n         DOSSIER\r\n    ==================================================== -->\r\n\r\n    <aside class=\"crim-dossier\">\r\n\r\n\r\n      <span class=\"crim-dossier-code\">\r\n        ECFI \u00b7 Expediente 05\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Ruta de formaci\u00f3n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Los m\u00f3dulos se organizan\r\n        en cuatro \u00e1reas para que puedas\r\n        entender c\u00f3mo evoluciona\r\n        tu formaci\u00f3n durante el programa.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"crim-dossier-index\">\r\n\r\n\r\n        <div class=\"crim-index-item\">\r\n\r\n          <b>01<\/b>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Escena e identificaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Criminal\u00edstica aplicada\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-index-item\">\r\n\r\n          <b>02<\/b>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Ciencias forenses\r\n            <\/strong>\r\n\r\n            <span>\r\n              An\u00e1lisis interdisciplinario\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-index-item\">\r\n\r\n          <b>03<\/b>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Derecho y ciudadan\u00eda\r\n            <\/strong>\r\n\r\n            <span>\r\n              Marco jur\u00eddico\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-index-item\">\r\n\r\n          <b>04<\/b>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Competencias profesionales\r\n            <\/strong>\r\n\r\n            <span>\r\n              Formaci\u00f3n transversal\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"crim-dossier-footer\">\r\n\r\n        <strong>\r\n          Formaci\u00f3n por competencias\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Cada m\u00f3dulo conecta conocimientos\r\n          t\u00e9cnicos con habilidades necesarias\r\n          para el desempe\u00f1o ocupacional.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/aside>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         BLOCKS\r\n    ==================================================== -->\r\n\r\n    <div class=\"crim-blocks\">\r\n\r\n\r\n      <!-- ===============================================\r\n           BLOCK 1\r\n      ================================================ -->\r\n\r\n      <article class=\"crim-plan-block block-1\">\r\n\r\n\r\n        <div class=\"crim-block-head\">\r\n\r\n\r\n          <div class=\"crim-block-number\">\r\n            01\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-block-title\">\r\n\r\n            <small>\r\n              Investigaci\u00f3n t\u00e9cnica\r\n            <\/small>\r\n\r\n            <strong>\r\n              Escena e identificaci\u00f3n\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"crim-block-count\">\r\n            2 m\u00f3dulos\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"crim-module-grid\">\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              M\u00f3dulo espec\u00edfico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Manejo de Escena\r\n            <\/strong>\r\n\r\n            <span>\r\n\r\n              Lugar de los hechos,\r\n              evidencia, procedimientos\r\n              y documentaci\u00f3n.\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              M\u00f3dulo espec\u00edfico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Dactiloscopia \/ Topograf\u00eda Judicial\r\n            <\/strong>\r\n\r\n            <span>\r\n\r\n              Crestas de fricci\u00f3n,\r\n              identificaci\u00f3n y procedimientos\r\n              forenses.\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===============================================\r\n           BLOCK 2\r\n      ================================================ -->\r\n\r\n      <article class=\"crim-plan-block block-2\">\r\n\r\n\r\n        <div class=\"crim-block-head\">\r\n\r\n\r\n          <div class=\"crim-block-number\">\r\n            02\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-block-title\">\r\n\r\n            <small>\r\n              Ciencias aplicadas\r\n            <\/small>\r\n\r\n            <strong>\r\n              Investigaci\u00f3n y ciencias forenses\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"crim-block-count\">\r\n            2 m\u00f3dulos\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"crim-module-grid\">\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              M\u00f3dulo espec\u00edfico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Psicolog\u00eda Judicial y Forense\r\n            <\/strong>\r\n\r\n            <span>\r\n\r\n              Manejo de elementos,\r\n              an\u00e1lisis investigativo\r\n              y contexto forense.\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              M\u00f3dulo espec\u00edfico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Medicina Legal\r\n            <\/strong>\r\n\r\n            <span>\r\n\r\n              Estructuraci\u00f3n de hechos\r\n              mediante metodolog\u00edas\r\n              criminal\u00edsticas.\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===============================================\r\n           BLOCK 3\r\n      ================================================ -->\r\n\r\n      <article class=\"crim-plan-block block-3\">\r\n\r\n\r\n        <div class=\"crim-block-head\">\r\n\r\n\r\n          <div class=\"crim-block-number\">\r\n            03\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-block-title\">\r\n\r\n            <small>\r\n              Marco normativo\r\n            <\/small>\r\n\r\n            <strong>\r\n              Derecho, informes y ciudadan\u00eda\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"crim-block-count\">\r\n            2 m\u00f3dulos\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"crim-module-grid\">\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              M\u00f3dulo espec\u00edfico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Derecho Penal\r\n            <\/strong>\r\n\r\n            <span>\r\n\r\n              Sustentaci\u00f3n t\u00e9cnica,\r\n              normativa y procedimientos\r\n              relacionados con la investigaci\u00f3n.\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              Formaci\u00f3n ciudadana\r\n            <\/small>\r\n\r\n            <strong>\r\n              Constituci\u00f3n Pol\u00edtica y Derechos Humanos\r\n            <\/strong>\r\n\r\n            <span>\r\n\r\n              Ciudadan\u00eda, derechos,\r\n              cultura de paz y marco\r\n              constitucional.\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ===============================================\r\n           BLOCK 4\r\n      ================================================ -->\r\n\r\n      <article class=\"crim-plan-block block-4\">\r\n\r\n\r\n        <div class=\"crim-block-head\">\r\n\r\n\r\n          <div class=\"crim-block-number\">\r\n            04\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-block-title\">\r\n\r\n            <small>\r\n              Formaci\u00f3n transversal\r\n            <\/small>\r\n\r\n            <strong>\r\n              Competencias profesionales\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"crim-block-count\">\r\n            5 m\u00f3dulos\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"crim-module-grid\">\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              Competencia digital\r\n            <\/small>\r\n\r\n            <strong>\r\n              Herramientas Ofim\u00e1ticas\r\n            <\/strong>\r\n\r\n            <span>\r\n              Manejo de herramientas inform\u00e1ticas y digitales.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              Desarrollo empresarial\r\n            <\/small>\r\n\r\n            <strong>\r\n              Emprendimiento y Empresarismo\r\n            <\/strong>\r\n\r\n            <span>\r\n              Cultura emprendedora y contexto productivo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              Seguridad\r\n            <\/small>\r\n\r\n            <strong>\r\n              Seguridad y Salud en el Trabajo\r\n            <\/strong>\r\n\r\n            <span>\r\n              Gesti\u00f3n preventiva y normativa laboral.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              Segunda lengua\r\n            <\/small>\r\n\r\n            <strong>\r\n              Ingl\u00e9s\r\n            <\/strong>\r\n\r\n            <span>\r\n              Comunicaci\u00f3n aplicada a contextos sociales y laborales.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"crim-module\">\r\n\r\n            <small>\r\n              Aprendizaje aut\u00f3nomo\r\n            <\/small>\r\n\r\n            <strong>\r\n              T\u00e9cnicas de Estudio\r\n            <\/strong>\r\n\r\n            <span>\r\n              Estrategias para organizaci\u00f3n y aprendizaje aut\u00f3nomo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       PRACTICE\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-practice-strip\">\r\n\r\n\r\n    <div class=\"crim-practice-icon\">\r\n      +PR\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-practice-copy\">\r\n\r\n      <small>\r\n        Etapa complementaria\r\n      <\/small>\r\n\r\n      <strong>\r\n        Despu\u00e9s del semestre existe opci\u00f3n de pr\u00e1ctica.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        La pr\u00e1ctica se presenta como una alternativa\r\n        complementaria para aplicar las competencias\r\n        desarrolladas durante la formaci\u00f3n acad\u00e9mica\r\n        en escenarios relacionados con investigaci\u00f3n,\r\n        seguridad o apoyo jur\u00eddico.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <span class=\"crim-practice-badge\">\r\n      Pr\u00e1ctica opcional\r\n    <\/span>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c5f69ad e-con e-atomic-element e-flexbox-base e-default-div e-4f57ce0 \" data-id=\"c5f69ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c5f69ad\" data-e-type=\"e-flexbox\" data-id=\"c5f69ad\">\n    \t\t<div class=\"elementor-element elementor-element-7a88f27 elementor-widget elementor-widget-html\" data-id=\"7a88f27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n SECCI\u00d3N 06 \u00b7 EXPERIENCIA FORMATIVA\r\n LABORATORIO CRIMINAL\u00cdSTICO\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"crim-experiencia\"\r\n  class=\"crim-exp-section\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-experiencia{\r\n\r\n  \/* ECFI *\/\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  \/* FORENSE *\/\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#8eefff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#cf3547;\r\n  --red-soft:#ff6877;\r\n\r\n  --purple:#7138db;\r\n  --purple-soft:#a978ff;\r\n\r\n  \/* NEUTROS *\/\r\n  --white:#ffffff;\r\n  --muted:#b3c1d6;\r\n  --line:rgba(255,255,255,.10);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:96px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 92% 8%,\r\n      rgba(113,56,219,.18),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 5% 88%,\r\n      rgba(22,200,255,.11),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02073a 0%,\r\n      #06135f 50%,\r\n      #101451 74%,\r\n      #2b145b 100%\r\n    );\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia *,\r\n#crim-experiencia *::before,\r\n#crim-experiencia *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n#crim-experiencia img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n========================================================= *\/\r\n\r\n#crim-experiencia::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.024) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.024) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    48px\r\n    48px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION NUMBER\r\n========================================================= *\/\r\n\r\n#crim-experiencia::after{\r\n\r\n  content:\"06\";\r\n\r\n  position:absolute;\r\n\r\n  top:6px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(255,255,255,.035);\r\n\r\n  font-size:\r\n    clamp(\r\n      125px,\r\n      18vw,\r\n      235px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-9px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1200px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEAD\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(300px,.92fr);\r\n\r\n  gap:45px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:42px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--cyan) !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:23px;\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan),\r\n      var(--purple-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-head h2{\r\n\r\n  max-width:780px;\r\n\r\n  margin:9px 0 0;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4.6vw,\r\n      59px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-1.9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-head h2 span{\r\n\r\n  color:var(--yellow) !important;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c7d4e6 !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO EXPERIENCE GRID\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(420px,.95fr)\r\n    minmax(0,1.05fr);\r\n\r\n  gap:22px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE PANEL\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:590px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:28px;\r\n\r\n  background:var(--navy);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  box-shadow:\r\n    0\r\n    30px\r\n    70px\r\n    rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image img{\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  filter:\r\n    contrast(1.05)\r\n    saturate(.92);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,7,58,.04) 0%,\r\n      rgba(2,7,58,.12) 36%,\r\n      rgba(2,7,58,.88) 100%\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(113,56,219,.10),\r\n      transparent 44%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-image-label{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  top:20px;\r\n  left:20px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  padding:\r\n    8px\r\n    11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,7,58,.86);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.12);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image-label b{\r\n\r\n  width:26px;\r\n  height:26px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--red-soft);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  box-shadow:\r\n    0 0 12px\r\n    rgba(255,104,119,.45);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image-label span{\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.6px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCAN CORNERS\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-scan-corner{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  width:38px;\r\n  height:38px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-scan-corner.c1{\r\n\r\n  top:85px;\r\n  left:20px;\r\n\r\n  border-top:\r\n    2px solid\r\n    var(--cyan);\r\n\r\n  border-left:\r\n    2px solid\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-scan-corner.c2{\r\n\r\n  top:85px;\r\n  right:20px;\r\n\r\n  border-top:\r\n    2px solid\r\n    var(--yellow);\r\n\r\n  border-right:\r\n    2px solid\r\n    var(--yellow);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-scan-corner.c3{\r\n\r\n  bottom:130px;\r\n  left:20px;\r\n\r\n  border-bottom:\r\n    2px solid\r\n    var(--purple-soft);\r\n\r\n  border-left:\r\n    2px solid\r\n    var(--purple-soft);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-scan-corner.c4{\r\n\r\n  bottom:130px;\r\n  right:20px;\r\n\r\n  border-bottom:\r\n    2px solid\r\n    var(--red-soft);\r\n\r\n  border-right:\r\n    2px solid\r\n    var(--red-soft);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE COPY\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-image-copy{\r\n\r\n  position:absolute;\r\n\r\n  z-index:4;\r\n\r\n  left:24px;\r\n  right:24px;\r\n  bottom:24px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image-copy small{\r\n\r\n  display:block;\r\n\r\n  color:var(--cyan) !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.8px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image-copy strong{\r\n\r\n  display:block;\r\n\r\n  max-width:470px;\r\n\r\n  margin-top:7px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      25px,\r\n      3vw,\r\n      36px\r\n    );\r\n\r\n  line-height:1.04;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-image-copy span{\r\n\r\n  display:block;\r\n\r\n  max-width:490px;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#c6d3e6 !important;\r\n\r\n  font-size:8.2px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-content{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:11px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EXPERIENCE CARDS\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:200px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:19px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(255,255,255,.065);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.10);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease,\r\n    border-color .22s ease;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-card:hover{\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  background:\r\n    rgba(255,255,255,.09);\r\n\r\n  border-color:\r\n    rgba(255,255,255,.16);\r\n\r\n}\r\n\r\n\r\n\/* top accent *\/\r\n\r\n#crim-experiencia .crim-exp-card::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:4px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(1)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--yellow-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(2)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(3)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--purple-soft),\r\n      var(--purple)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(4)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--red-soft),\r\n      var(--red)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(5)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(6)::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--purple),\r\n      var(--red-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* number *\/\r\n\r\n#crim-experiencia .crim-exp-card-num{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    rgba(255,255,255,.09)\r\n    !important;\r\n\r\n  font-size:41px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* title *\/\r\n\r\n#crim-experiencia .crim-exp-card h3{\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    7px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.16;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-card p{\r\n\r\n  margin:0;\r\n\r\n  color:#b8c7dc !important;\r\n\r\n  font-size:7.8px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS TAGS\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-card-status{\r\n\r\n  position:absolute;\r\n\r\n  top:16px;\r\n  right:14px;\r\n\r\n  padding:\r\n    5px\r\n    7px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n  color:var(--cyan-soft) !important;\r\n\r\n  font-size:5.5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.45px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(1)\r\n.crim-card-status{\r\n\r\n  color:var(--yellow) !important;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(3)\r\n.crim-card-status{\r\n\r\n  color:var(--purple-soft) !important;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia\r\n.crim-exp-card:nth-child(4)\r\n.crim-card-status{\r\n\r\n  color:var(--red-soft) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAB STRIP\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-lab-strip{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:23px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:17px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #ffffff,\r\n      #f7f7ff 58%,\r\n      #fff9e4\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    50px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n\/* icon *\/\r\n\r\n#crim-experiencia .crim-lab-icon{\r\n\r\n  width:58px;\r\n  height:58px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--purple)\r\n    );\r\n\r\n  color:var(--yellow) !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* copy *\/\r\n\r\n#crim-experiencia .crim-lab-copy small{\r\n\r\n  display:block;\r\n\r\n  color:var(--blue) !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-lab-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-lab-copy span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  max-width:760px;\r\n\r\n  color:#65748a !important;\r\n\r\n  font-size:7.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* badge *\/\r\n\r\n#crim-experiencia .crim-lab-badge{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    #eef5ff;\r\n\r\n  color:var(--blue) !important;\r\n\r\n  font-size:6.5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-lab-badge::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--red-soft);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    8px\r\n    rgba(255,104,119,.65);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOT NOTE\r\n========================================================= *\/\r\n\r\n#crim-experiencia .crim-exp-note{\r\n\r\n  margin-top:12px;\r\n\r\n  padding:\r\n    12px\r\n    14px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-note b{\r\n\r\n  color:var(--yellow) !important;\r\n\r\n  font-size:7px;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#crim-experiencia .crim-exp-note span{\r\n\r\n  color:#9fafc7 !important;\r\n\r\n  font-size:6.8px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #crim-experiencia .crim-exp-head,\r\n  #crim-experiencia .crim-exp-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-image{\r\n\r\n    min-height:520px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-experiencia{\r\n\r\n    padding:64px 0;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-image{\r\n\r\n    min-height:460px;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-content{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-card{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-lab-strip{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-lab-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #crim-experiencia .crim-exp-note{\r\n\r\n    align-items:flex-start;\r\n\r\n    flex-direction:column;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-experiencia *{\r\n\r\n    transition:none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-exp-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-exp-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"crim-exp-eyebrow\">\r\n        06 \u00b7 Experiencia formativa\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Aprende investigando,\r\n\r\n        <span>\r\n          analizando y simulando.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      La formaci\u00f3n incorpora actividades\r\n      que acercan al estudiante a procedimientos\r\n      propios del campo criminal\u00edstico:\r\n      simulaciones, an\u00e1lisis de casos,\r\n      trabajo investigativo, elaboraci\u00f3n\r\n      documental y ejercicios aplicados.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-exp-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IMAGE\r\n    ==================================================== -->\r\n\r\n    <div class=\"crim-exp-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2024\/10\/forensic-science-forensics-murder-crime-scene-photographing-evidence-scaled.jpg\"\r\n\r\n        alt=\"Experiencia formativa en investigaci\u00f3n criminal\u00edstica\"\r\n\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <div class=\"crim-exp-image-label\">\r\n\r\n        <b>06<\/b>\r\n\r\n        <span>\r\n          Laboratorio de aprendizaje\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- SCAN CORNERS -->\r\n\r\n      <span class=\"crim-scan-corner c1\"><\/span>\r\n      <span class=\"crim-scan-corner c2\"><\/span>\r\n      <span class=\"crim-scan-corner c3\"><\/span>\r\n      <span class=\"crim-scan-corner c4\"><\/span>\r\n\r\n\r\n      <div class=\"crim-exp-image-copy\">\r\n\r\n        <small>\r\n          Aprendizaje aplicado\r\n        <\/small>\r\n\r\n        <strong>\r\n          La t\u00e9cnica se aprende cuando el conocimiento entra en acci\u00f3n.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Observa, documenta,\r\n          analiza situaciones,\r\n          participa en simulaciones\r\n          y desarrolla habilidades\r\n          para resolver problemas.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         EXPERIENCE CARDS\r\n    ==================================================== -->\r\n\r\n    <div class=\"crim-exp-content\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <article class=\"crim-exp-card\">\r\n\r\n        <span class=\"crim-card-status\">\r\n          Pr\u00e1ctica\r\n        <\/span>\r\n\r\n        <span class=\"crim-exp-card-num\">\r\n          01\r\n        <\/span>\r\n\r\n        <h3>\r\n          Pr\u00e1cticas guiadas\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Actividades orientadas por el docente\r\n          para comprender procedimientos,\r\n          t\u00e9cnicas y protocolos propios\r\n          de la formaci\u00f3n.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <article class=\"crim-exp-card\">\r\n\r\n        <span class=\"crim-card-status\">\r\n          An\u00e1lisis\r\n        <\/span>\r\n\r\n        <span class=\"crim-exp-card-num\">\r\n          02\r\n        <\/span>\r\n\r\n        <h3>\r\n          Estudio de casos\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          An\u00e1lisis de situaciones que permiten\r\n          relacionar hechos, procedimientos,\r\n          informaci\u00f3n y posibles alternativas\r\n          de soluci\u00f3n.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <article class=\"crim-exp-card\">\r\n\r\n        <span class=\"crim-card-status\">\r\n          Simulaci\u00f3n\r\n        <\/span>\r\n\r\n        <span class=\"crim-exp-card-num\">\r\n          03\r\n        <\/span>\r\n\r\n        <h3>\r\n          Actividades simuladas\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Ejercicios dise\u00f1ados para aproximar\r\n          al estudiante a escenarios\r\n          investigativos y procedimientos\r\n          t\u00e9cnicos controlados.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <article class=\"crim-exp-card\">\r\n\r\n        <span class=\"crim-card-status\">\r\n          Territorio\r\n        <\/span>\r\n\r\n        <span class=\"crim-exp-card-num\">\r\n          04\r\n        <\/span>\r\n\r\n        <h3>\r\n          Trabajo de campo\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Actividades desarrolladas\r\n          bajo supervisi\u00f3n que permiten\r\n          conectar contenidos acad\u00e9micos\r\n          con contextos aplicados.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <article class=\"crim-exp-card\">\r\n\r\n        <span class=\"crim-card-status\">\r\n          Evidencia\r\n        <\/span>\r\n\r\n        <span class=\"crim-exp-card-num\">\r\n          05\r\n        <\/span>\r\n\r\n        <h3>\r\n          Elaboraci\u00f3n documental\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Desarrollo de informes,\r\n          documentos y registros\r\n          relacionados con los procesos\r\n          formativos e investigativos.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <article class=\"crim-exp-card\">\r\n\r\n        <span class=\"crim-card-status\">\r\n          M\u00e9todo\r\n        <\/span>\r\n\r\n        <span class=\"crim-exp-card-num\">\r\n          06\r\n        <\/span>\r\n\r\n        <h3>\r\n          Resoluci\u00f3n de problemas\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Aplicaci\u00f3n de razonamiento,\r\n          an\u00e1lisis y pensamiento cr\u00edtico\r\n          para abordar situaciones\r\n          y tomar decisiones fundamentadas.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       LAB STRIP\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-lab-strip\">\r\n\r\n\r\n    <div class=\"crim-lab-icon\">\r\n      LAB\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-lab-copy\">\r\n\r\n      <small>\r\n        Metodolog\u00eda activa\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprender haciendo tambi\u00e9n hace parte del proceso.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        El programa combina estudio de casos,\r\n        investigaci\u00f3n, trabajo aut\u00f3nomo,\r\n        trabajo colaborativo, actividades simuladas,\r\n        elaboraci\u00f3n de documentos y experiencias\r\n        pr\u00e1cticas bajo supervisi\u00f3n.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-lab-badge\">\r\n      experiencia aplicada\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       NOTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-exp-note\">\r\n\r\n    <b>\r\n      ECFI \u00b7 FORMACI\u00d3N POR COMPETENCIAS\r\n    <\/b>\r\n\r\n    <span>\r\n\r\n      La experiencia formativa busca fortalecer\r\n      la observaci\u00f3n, el an\u00e1lisis,\r\n      la documentaci\u00f3n, la aplicaci\u00f3n t\u00e9cnica\r\n      y la resoluci\u00f3n de problemas.\r\n\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c16c910 e-con e-atomic-element e-flexbox-base e-default-div e-8c83ba6 \" data-id=\"c16c910\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c16c910\" data-e-type=\"e-flexbox\" data-id=\"c16c910\">\n    \t\t<div class=\"elementor-element elementor-element-7b99f4d elementor-widget elementor-widget-html\" data-id=\"7b99f4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 INVESTIGACI\u00d3N CRIMINAL\u00cdSTICA Y JUDICIAL\r\n SECCI\u00d3N 07 \u00b7 MODALIDADES + OPCI\u00d3N DE PR\u00c1CTICA\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"crim-modalidades\"\r\n  class=\"crim-modes-section\"\r\n>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#crim-modalidades{\r\n\r\n  \/* ECFI *\/\r\n  --navy:#02073a;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#0a5cff;\r\n\r\n  \/* FORENSE *\/\r\n  --cyan:#16c8ff;\r\n  --cyan-soft:#8eefff;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --red:#cf3547;\r\n  --red-soft:#ff6877;\r\n\r\n  --purple:#7138db;\r\n  --purple-soft:#a978ff;\r\n\r\n  \/* NEUTROS *\/\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\r\n  --text:#17213b;\r\n  --muted:#67758a;\r\n  --line:#dfe6f0;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:96px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 93% 8%,\r\n      rgba(113,56,219,.09),\r\n      transparent 23%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 5% 88%,\r\n      rgba(22,200,255,.08),\r\n      transparent 21%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff,\r\n      #f5f8fc\r\n    );\r\n\r\n  font-family:\r\n    \"Poppins\",\r\n    \"Montserrat\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades *,\r\n#crim-modalidades *::before,\r\n#crim-modalidades *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION NUMBER\r\n========================================================= *\/\r\n\r\n#crim-modalidades::before{\r\n\r\n  content:\"07\";\r\n\r\n  position:absolute;\r\n\r\n  top:8px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,7,58,.035);\r\n\r\n  font-size:\r\n    clamp(\r\n      125px,\r\n      18vw,\r\n      235px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-9px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n#crim-modalidades::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:430px;\r\n  height:430px;\r\n\r\n  left:-220px;\r\n  bottom:-220px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(245,189,5,.08),\r\n      transparent 70%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-wrap{\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:min(\r\n    1200px,\r\n    calc(100% - 40px)\r\n  );\r\n\r\n  margin:0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEAD\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(300px,.92fr);\r\n\r\n  gap:45px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:42px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--blue) !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.9px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:23px;\r\n  height:3px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--cyan),\r\n      var(--purple)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-head h2{\r\n\r\n  max-width:780px;\r\n\r\n  margin:9px 0 0;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4.6vw,\r\n      59px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-1.9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-head h2 span{\r\n\r\n  color:var(--blue) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-head p{\r\n\r\n  margin:0;\r\n\r\n  color:var(--muted) !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODE GRID\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:20px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODE CARD\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-card{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  min-height:480px;\r\n\r\n  padding:31px;\r\n\r\n  border-radius:26px;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    48px\r\n    rgba(2,7,58,.07);\r\n\r\n}\r\n\r\n\r\n\/* PRESENCIAL *\/\r\n\r\n#crim-modalidades .crim-mode-card.presencial{\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(245,189,5,.09),\r\n      transparent 28%\r\n    ),\r\n\r\n    #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* DISTANCIA *\/\r\n\r\n#crim-modalidades .crim-mode-card.distancia{\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 92% 8%,\r\n      rgba(113,56,219,.18),\r\n      transparent 26%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(22,200,255,.10),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  border-color:\r\n    rgba(255,255,255,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ACCENT\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-card::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n  height:5px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-card.presencial::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--red-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-card.distancia::before{\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--cyan),\r\n      var(--purple-soft)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODE LABEL\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-label{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:\r\n    7px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:6.8px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-label{\r\n\r\n  background:\r\n    #fff8da;\r\n\r\n  color:#8e6b00 !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-label{\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  color:var(--cyan) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-label::before{\r\n\r\n  content:\"\";\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-label::before{\r\n\r\n  background:var(--red-soft);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-label::before{\r\n\r\n  background:var(--cyan);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    9px\r\n    rgba(22,200,255,.6);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-card h3{\r\n\r\n  margin:\r\n    16px\r\n    0\r\n    10px;\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      3.4vw,\r\n      42px\r\n    );\r\n\r\n  line-height:1.03;\r\n\r\n  letter-spacing:-1.1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial h3{\r\n\r\n  color:var(--navy) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia h3{\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-card > p{\r\n\r\n  margin:0;\r\n\r\n  font-size:9.4px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial > p{\r\n\r\n  color:var(--muted) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia > p{\r\n\r\n  color:#c3d1e5 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURE LIST\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-list{\r\n\r\n  display:grid;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-item{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    31px\r\n    1fr;\r\n\r\n  gap:10px;\r\n\r\n  align-items:start;\r\n\r\n  padding:11px;\r\n\r\n  border-radius:12px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-item{\r\n\r\n  background:#f7f9fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6ebf1;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-item{\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n\/* icon *\/\r\n\r\n#crim-modalidades .crim-mode-icon{\r\n\r\n  width:31px;\r\n  height:31px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:9px;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-icon{\r\n\r\n  background:\r\n    rgba(245,189,5,.14);\r\n\r\n  color:#977200 !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-icon{\r\n\r\n  background:\r\n    rgba(22,200,255,.10);\r\n\r\n  color:var(--cyan) !important;\r\n\r\n}\r\n\r\n\r\n\/* copy *\/\r\n\r\n#crim-modalidades .crim-mode-item strong{\r\n\r\n  display:block;\r\n\r\n  font-size:8.2px;\r\n\r\n  line-height:1.3;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-item strong{\r\n\r\n  color:var(--navy) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-item strong{\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-item span{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  font-size:6.7px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-item span{\r\n\r\n  color:#748196 !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-item span{\r\n\r\n  color:#aabbd2 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODE FOOTER\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-footer{\r\n\r\n  margin-top:22px;\r\n\r\n  padding-top:17px;\r\n\r\n  border-top:\r\n    1px solid\r\n    #e4e9f0;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-footer{\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-footer strong{\r\n\r\n  display:block;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-footer strong{\r\n\r\n  color:var(--blue) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-footer strong{\r\n\r\n  color:var(--purple-soft) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-mode-footer span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  font-size:6.7px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .presencial .crim-mode-footer span{\r\n\r\n  color:#758298 !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .distancia .crim-mode-footer span{\r\n\r\n  color:#a7b8d0 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRACTICE\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-practice-panel{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:24px;\r\n\r\n  padding:33px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    260px;\r\n\r\n  gap:32px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:26px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(113,56,219,.14),\r\n      transparent 30%\r\n    ),\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #fff8cf,\r\n      #fffdf4 52%,\r\n      #f6f0ff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(245,189,5,.35);\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    45px\r\n    rgba(2,7,58,.06);\r\n\r\n}\r\n\r\n\r\n\/* top stripe *\/\r\n\r\n#crim-modalidades .crim-practice-panel::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:0;\r\n\r\n  width:100%;\r\n  height:5px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--yellow),\r\n      var(--red-soft),\r\n      var(--purple),\r\n      var(--cyan)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRACTICE COPY\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-practice-copy small{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  color:#816200 !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-copy small::before{\r\n\r\n  content:\"\";\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--red-soft);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-copy h3{\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    8px;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      3.7vw,\r\n      45px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1.2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-copy h3 span{\r\n\r\n  color:var(--purple) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-copy p{\r\n\r\n  max-width:760px;\r\n\r\n  margin:0;\r\n\r\n  color:#655f4d !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRACTICE FLOW\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-practice-flow{\r\n\r\n  display:grid;\r\n\r\n  gap:7px;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-step{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    35px\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n  padding:9px;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    rgba(255,255,255,.65);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(2,7,58,.08);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-step b{\r\n\r\n  width:35px;\r\n  height:35px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-practice-step:nth-child(1) b{\r\n\r\n  background:var(--navy);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-practice-step:nth-child(2) b{\r\n\r\n  background:var(--blue);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-practice-step:nth-child(3) b{\r\n\r\n  background:var(--purple);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-practice-step:nth-child(4) b{\r\n\r\n  background:var(--red);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-step strong{\r\n\r\n  display:block;\r\n\r\n  color:var(--navy) !important;\r\n\r\n  font-size:7.5px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-practice-step span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#717b8b !important;\r\n\r\n  font-size:5.9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM SUMMARY\r\n========================================================= *\/\r\n\r\n#crim-modalidades .crim-mode-summary{\r\n\r\n  margin-top:20px;\r\n\r\n  padding:18px 20px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:8px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-summary-box{\r\n\r\n  min-height:80px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-summary-box small{\r\n\r\n  display:block;\r\n\r\n  color:#91a3be !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades .crim-summary-box strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-summary-box:nth-child(2)\r\nstrong{\r\n\r\n  color:var(--cyan) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-summary-box:nth-child(3)\r\nstrong{\r\n\r\n  color:var(--purple-soft) !important;\r\n\r\n}\r\n\r\n\r\n#crim-modalidades\r\n.crim-summary-box:nth-child(4)\r\nstrong{\r\n\r\n  color:var(--yellow) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  #crim-modalidades .crim-mode-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-mode-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-practice-panel{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-practice-flow{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n  #crim-modalidades{\r\n\r\n    padding:64px 0;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-mode-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-mode-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-mode-card{\r\n\r\n    min-height:auto;\r\n\r\n    padding:23px;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-practice-panel{\r\n\r\n    padding:23px;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-practice-flow{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #crim-modalidades .crim-mode-summary{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:430px){\r\n\r\n  #crim-modalidades .crim-mode-summary{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #crim-modalidades *{\r\n    transition:none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"crim-mode-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-mode-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"crim-mode-eyebrow\">\r\n        07 \u00b7 Modalidades\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Elige c\u00f3mo estudiar.\r\n\r\n        <span>\r\n          Nosotros acompa\u00f1amos tu proceso.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      El programa est\u00e1 disponible en modalidad\r\n      presencial y a distancia. Ambas alternativas\r\n      mantienen la formaci\u00f3n por competencias,\r\n      adaptando la experiencia acad\u00e9mica\r\n      al contexto de cada estudiante.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       MODES\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-mode-grid\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PRESENCIAL\r\n    ==================================================== -->\r\n\r\n    <article class=\"crim-mode-card presencial\">\r\n\r\n\r\n      <span class=\"crim-mode-label\">\r\n        Modalidad presencial\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Aprende en contacto directo.\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Una experiencia formativa con acompa\u00f1amiento\r\n        docente, an\u00e1lisis de casos, actividades\r\n        pr\u00e1cticas y ejercicios que permiten\r\n        relacionar los contenidos con situaciones\r\n        propias del campo criminal\u00edstico.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"crim-mode-list\">\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Acompa\u00f1amiento docente\r\n            <\/strong>\r\n\r\n            <span>\r\n              Orientaci\u00f3n directa durante el proceso de aprendizaje.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Actividades aplicadas\r\n            <\/strong>\r\n\r\n            <span>\r\n              Simulaciones, an\u00e1lisis de casos y ejercicios guiados.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Trabajo colaborativo\r\n            <\/strong>\r\n\r\n            <span>\r\n              Desarrollo de actividades y resoluci\u00f3n de situaciones en equipo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Experiencia pr\u00e1ctica\r\n            <\/strong>\r\n\r\n            <span>\r\n              Aplicaci\u00f3n progresiva de procedimientos y competencias.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"crim-mode-footer\">\r\n\r\n        <strong>\r\n          ECFI \u00b7 Presencial\r\n        <\/strong>\r\n\r\n        <span>\r\n          Formaci\u00f3n acad\u00e9mica con interacci\u00f3n directa y actividades aplicadas.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         DISTANCIA\r\n    ==================================================== -->\r\n\r\n    <article class=\"crim-mode-card distancia\">\r\n\r\n\r\n      <span class=\"crim-mode-label\">\r\n        Modalidad a distancia\r\n      <\/span>\r\n\r\n\r\n      <h3>\r\n        Aprende desde cualquier lugar.\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La modalidad a distancia incorpora\r\n        acompa\u00f1amiento docente sincr\u00f3nico,\r\n        actividades mediadas por ambientes\r\n        virtuales y espacios de trabajo independiente\r\n        para avanzar con flexibilidad.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"crim-mode-list\">\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Encuentros sincr\u00f3nicos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Sesiones con acompa\u00f1amiento docente en tiempo real.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Ambientes virtuales\r\n            <\/strong>\r\n\r\n            <span>\r\n              Recursos y actividades mediadas por plataformas digitales.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Trabajo independiente\r\n            <\/strong>\r\n\r\n            <span>\r\n              Desarrollo aut\u00f3nomo de actividades acad\u00e9micas y ejercicios.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"crim-mode-item\">\r\n\r\n          <div class=\"crim-mode-icon\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Acompa\u00f1amiento continuo\r\n            <\/strong>\r\n\r\n            <span>\r\n              Seguimiento durante el desarrollo de las competencias.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"crim-mode-footer\">\r\n\r\n        <strong>\r\n          ECFI \u00b7 A distancia\r\n        <\/strong>\r\n\r\n        <span>\r\n          Acompa\u00f1amiento sincr\u00f3nico + trabajo independiente en ambientes virtuales.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       PRACTICE\r\n  ====================================================== -->\r\n\r\n  <div\r\n    id=\"crim-practica\"\r\n    class=\"crim-practice-panel\"\r\n  >\r\n\r\n\r\n    <div class=\"crim-practice-copy\">\r\n\r\n\r\n      <small>\r\n        Etapa complementaria\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        1 semestre\r\n\r\n        <span>\r\n          + opci\u00f3n de pr\u00e1ctica.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Una vez finalizada la formaci\u00f3n acad\u00e9mica,\r\n        puedes optar por una etapa pr\u00e1ctica\r\n        complementaria orientada a fortalecer\r\n        las competencias desarrolladas y acercarte\r\n        a escenarios relacionados con investigaci\u00f3n,\r\n        seguridad, apoyo jur\u00eddico y actividades\r\n        compatibles con el perfil ocupacional.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"crim-practice-flow\">\r\n\r\n\r\n      <div class=\"crim-practice-step\">\r\n\r\n        <b>01<\/b>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Formaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            1 semestre acad\u00e9mico\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"crim-practice-step\">\r\n\r\n        <b>02<\/b>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Competencias\r\n          <\/strong>\r\n\r\n          <span>\r\n            Desarrollo t\u00e9cnico\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"crim-practice-step\">\r\n\r\n        <b>03<\/b>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Pr\u00e1ctica\r\n          <\/strong>\r\n\r\n          <span>\r\n            Opci\u00f3n complementaria\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"crim-practice-step\">\r\n\r\n        <b>04<\/b>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            Experiencia\r\n          <\/strong>\r\n\r\n          <span>\r\n            Aplicaci\u00f3n de conocimientos\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       SUMMARY\r\n  ====================================================== -->\r\n\r\n  <div class=\"crim-mode-summary\">\r\n\r\n\r\n    <div class=\"crim-summary-box\">\r\n\r\n      <small>\r\n        Duraci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        1 semestre\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-summary-box\">\r\n\r\n      <small>\r\n        Modalidad\r\n      <\/small>\r\n\r\n      <strong>\r\n        Presencial\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-summary-box\">\r\n\r\n      <small>\r\n        Modalidad\r\n      <\/small>\r\n\r\n      <strong>\r\n        A distancia\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"crim-summary-box\">\r\n\r\n      <small>\r\n        Complemento\r\n      <\/small>\r\n\r\n      <strong>\r\n        + opci\u00f3n de pr\u00e1ctica\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inscripciones abiertas \u00b7 Investigaci\u00f3n y Justicia T\u00e9cnico Laboral en Investigador Criminal\u00edstico y Judicial F\u00f3rmate para apoyar procesos de investigaci\u00f3n criminal\u00edstica y judicial mediante procedimientos t\u00e9cnicos, cient\u00edficos y operativos aplicados al lugar de los hechos, manejo de evidencia, documentaci\u00f3n, an\u00e1lisis e investigaci\u00f3n. Quiero inscribirme \u2192 Solicitar informaci\u00f3n 1 semestre Formaci\u00f3n acad\u00e9mica + pr\u00e1ctica Opci\u00f3n complementaria Presencial [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":24,"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/investigacioncriminal.ecfi.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}