{"id":2,"date":"2026-10-22T17:50:38","date_gmt":"2026-10-22T17:50:38","guid":{"rendered":"https:\/\/peritojudicial.ecfi.edu.co\/?page_id=2"},"modified":"2026-10-22T18:29:39","modified_gmt":"2026-10-22T18:29:39","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/peritojudicial.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-75b8474 e-con e-atomic-element e-flexbox-base e-default-div e-9cac6f8 \" data-id=\"75b8474\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"75b8474\" data-e-type=\"e-flexbox\" data-id=\"75b8474\">\n    \t\t<div class=\"elementor-element elementor-element-4dd6cad elementor-widget elementor-widget-html\" data-id=\"4dd6cad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 02 \u00b7 HERO PRINCIPAL\r\n CONCEPTO: ECFI JUDICIAL INTELLIGENCE\r\n========================================================= -->\r\n\r\n<section id=\"perito-hero\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-hero{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --graphite:#101828;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  min-height:760px;\r\n\r\n  padding:\r\n    92px\r\n    0\r\n    55px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 88% 14%,\r\n      rgba(21,199,217,.12),\r\n      transparent 25%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.14),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 79%,\r\n      #083e59 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#perito-hero *,\r\n#perito-hero *::before,\r\n#perito-hero *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECH GRID\r\n========================================================= *\/\r\n\r\n#perito-hero::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.022) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.022) 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   GIANT NUMBER\r\n========================================================= *\/\r\n\r\n#perito-hero::after{\r\n\r\n  content:\"01\";\r\n\r\n  position:absolute;\r\n\r\n  top:-8px;\r\n  left:2.3%;\r\n\r\n  color:\r\n    rgba(255,255,255,.032);\r\n\r\n  font-size:\r\n    clamp(\r\n      145px,\r\n      19vw,\r\n      255px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-10px;\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#perito-hero .perito-hero-wrap{\r\n\r\n  position:relative;\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   MAIN GRID\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-hero-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.03fr)\r\n    minmax(430px,.97fr);\r\n\r\n  gap:56px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-hero-content{\r\n\r\n  position:relative;\r\n  z-index:5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-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  padding:\r\n    8px\r\n    11px;\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-soft)\r\n    !important;\r\n\r\n  font-size:6px;\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#perito-hero .perito-eyebrow::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 0 0 5px\r\n    rgba(21,199,217,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#perito-hero h1{\r\n\r\n  max-width:720px;\r\n\r\n  margin:\r\n    19px\r\n    0\r\n    0;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      46px,\r\n      6.2vw,\r\n      78px\r\n    );\r\n\r\n  line-height:.93;\r\n\r\n  letter-spacing:-3px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-hero h1 .perito-title-program{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-hero h1 .perito-title-concept{\r\n\r\n  display:block;\r\n\r\n  margin-top:8px;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:.70em;\r\n\r\n  line-height:1.01;\r\n\r\n  letter-spacing:-2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-hero-lead{\r\n\r\n  max-width:720px;\r\n\r\n  margin:\r\n    22px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    #c3cede\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   CORE IDEA\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-concept-line{\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:7px;\r\n\r\n  margin-top:23px;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-concept-line span{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  min-height:29px;\r\n\r\n  padding:\r\n    0\r\n    9px;\r\n\r\n  border-radius:8px;\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,.075);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-concept-line b{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-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:29px;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-btn-primary,\r\n#perito-hero .perito-btn-secondary{\r\n\r\n  min-height:53px;\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    21px;\r\n\r\n  border-radius:13px;\r\n\r\n  text-decoration:none !important;\r\n\r\n  font-size:6.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    background .2s ease;\r\n\r\n}\r\n\r\n\r\n\/* PRIMARY *\/\r\n\r\n#perito-hero .perito-btn-primary{\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  box-shadow:\r\n    0\r\n    14px\r\n    30px\r\n    rgba(245,189,5,.18);\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-btn-primary:hover{\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    34px\r\n    rgba(245,189,5,.25);\r\n\r\n}\r\n\r\n\r\n\/* SECONDARY *\/\r\n\r\n#perito-hero .perito-btn-secondary{\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,.12);\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-btn-secondary:hover{\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  background:\r\n    rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FACTS\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-facts{\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  margin-top:31px;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-fact{\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,.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#perito-hero .perito-fact small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #7f95af\r\n    !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-fact 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:7.4px;\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#perito-hero\r\n.perito-fact:nth-child(1)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-hero\r\n.perito-fact:nth-child(2)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-hero\r\n.perito-fact:nth-child(3)\r\nstrong{\r\n  color:#8fb6ff !important;\r\n}\r\n\r\n\r\n#perito-hero\r\n.perito-fact:nth-child(4)\r\nstrong{\r\n  color:#e3c16f !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-visual{\r\n\r\n  position:relative;\r\n\r\n  min-height:600px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-image{\r\n\r\n  position:absolute;\r\n\r\n  top:30px;\r\n  left:27px;\r\n  right:0;\r\n  bottom:12px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:\r\n    33px\r\n    33px\r\n    33px\r\n    110px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,6,47,.02),\r\n      rgba(2,6,47,.05) 45%,\r\n      rgba(2,6,47,.80) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_1891638460-1-scaled.jpg\")\r\n    center center \/ cover\r\n    no-repeat;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  box-shadow:\r\n    0\r\n    32px\r\n    70px\r\n    rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE TECH OVERLAY\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-image::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 49.7%,\r\n      rgba(21,199,217,.20) 50%,\r\n      transparent 50.3%\r\n    ),\r\n\r\n    linear-gradient(\r\n      transparent 49.7%,\r\n      rgba(21,199,217,.13) 50%,\r\n      transparent 50.3%\r\n    );\r\n\r\n  opacity:.34;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-image-label{\r\n\r\n  position:absolute;\r\n\r\n  top:49px;\r\n  left:44px;\r\n\r\n  z-index:6;\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    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,6,47,.82);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\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#perito-hero .perito-image-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(--cyan);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARDS\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-float{\r\n\r\n  position:absolute;\r\n\r\n  z-index:7;\r\n\r\n  width:190px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    rgba(2,6,47,.88);\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    18px\r\n    35px\r\n    rgba(0,0,0,.22);\r\n\r\n  backdrop-filter:\r\n    blur(13px);\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-float small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #8298b4\r\n    !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-float strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7.4px;\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\/* FLOAT 1 *\/\r\n\r\n#perito-hero .perito-float.one{\r\n\r\n  top:168px;\r\n  left:0;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-float.one strong{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* FLOAT 2 *\/\r\n\r\n#perito-hero .perito-float.two{\r\n\r\n  top:300px;\r\n  right:-8px;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-float.two strong{\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* FLOAT 3 *\/\r\n\r\n#perito-hero .perito-float.three{\r\n\r\n  bottom:18px;\r\n  left:8px;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-float.three strong{\r\n\r\n  color:\r\n    #8fb6ff\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BOTTOM CARD\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-image-bottom{\r\n\r\n  position:absolute;\r\n\r\n  z-index:8;\r\n\r\n  left:63px;\r\n  right:18px;\r\n  bottom:29px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(2,6,47,.87);\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(15px);\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-image-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:4.9px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-image-bottom 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:9.5px;\r\n\r\n  line-height:1.27;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-image-bottom span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9fb0c5 !important;\r\n\r\n  font-size:5.7px;\r\n\r\n  line-height:1.43;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STATEMENT\r\n========================================================= *\/\r\n\r\n#perito-hero .perito-bottom{\r\n\r\n  margin-top:42px;\r\n\r\n  padding:\r\n    20px\r\n    22px;\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  border-radius:18px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-bottom-code{\r\n\r\n  width:52px;\r\n  height:52px;\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    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-hero .perito-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.9px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-bottom strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10px;\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#perito-hero .perito-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-hero .perito-bottom-badge{\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    rgba(215,169,40,.11);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.18);\r\n\r\n  color:\r\n    #efce78\r\n    !important;\r\n\r\n  font-size:5.2px;\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   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  #perito-hero .perito-hero-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    gap:25px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-hero-content{\r\n\r\n    max-width:820px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-visual{\r\n\r\n    min-height:610px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-image{\r\n\r\n    left:45px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n  #perito-hero{\r\n\r\n    min-height:auto;\r\n\r\n    padding:\r\n      68px\r\n      0\r\n      45px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-hero-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-hero h1{\r\n\r\n    font-size:46px;\r\n\r\n    letter-spacing:-2px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-hero-lead{\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-facts{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-visual{\r\n\r\n    min-height:525px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-image{\r\n\r\n    top:15px;\r\n    left:0;\r\n\r\n    border-radius:\r\n      25px\r\n      25px\r\n      25px\r\n      70px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-float.one{\r\n\r\n    top:125px;\r\n    left:8px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-float.two{\r\n\r\n    top:245px;\r\n    right:8px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-float.three{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-image-bottom{\r\n\r\n    left:18px;\r\n    right:18px;\r\n    bottom:25px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-bottom{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-bottom-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:520px){\r\n\r\n  #perito-hero h1{\r\n\r\n    font-size:40px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-actions{\r\n\r\n    flex-direction:column;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-btn-primary,\r\n  #perito-hero .perito-btn-secondary{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-facts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-visual{\r\n\r\n    min-height:470px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-float{\r\n\r\n    width:155px;\r\n\r\n  }\r\n\r\n\r\n  #perito-hero .perito-float.two{\r\n\r\n    top:223px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-hero *{\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=\"perito-hero-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-hero-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         CONTENT\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-hero-content\">\r\n\r\n\r\n      <span class=\"perito-eyebrow\">\r\n        Inscripciones abiertas \u00b7 ECFI Judicial Intelligence\r\n      <\/span>\r\n\r\n\r\n      <h1>\r\n\r\n        T\u00e9cnico Laboral en\r\n\r\n        <span class=\"perito-title-program\">\r\n          Perito Judicial\r\n        <\/span>\r\n\r\n        <span class=\"perito-title-concept\">\r\n          investiga con criterio.\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"perito-hero-lead\">\r\n\r\n        F\u00f3rmate para apoyar\r\n        t\u00e9cnica y cient\u00edficamente\r\n        procesos investigativos,\r\n        analizar informaci\u00f3n,\r\n        comprender el manejo\r\n        de evidencia\r\n        y elaborar informes\r\n        dentro de contextos\r\n        judiciales y criminal\u00edsticos.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- CONCEPT -->\r\n\r\n      <div class=\"perito-concept-line\">\r\n\r\n        <span>\r\n          Hechos\r\n        <\/span>\r\n\r\n        <b>\u2192<\/b>\r\n\r\n        <span>\r\n          Evidencia\r\n        <\/span>\r\n\r\n        <b>\u2192<\/b>\r\n\r\n        <span>\r\n          An\u00e1lisis\r\n        <\/span>\r\n\r\n        <b>\u2192<\/b>\r\n\r\n        <span>\r\n          Informe\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ACTIONS -->\r\n\r\n      <div class=\"perito-actions\">\r\n\r\n\r\n        <a\r\n          class=\"perito-btn-primary\"\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20inscribirme%20al%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\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=\"perito-btn-secondary\"\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20recibir%20informaci%C3%B3n%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\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=\"perito-facts\">\r\n\r\n\r\n        <div class=\"perito-fact\">\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=\"perito-fact\">\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=\"perito-fact\">\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=\"perito-fact\">\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\r\n\r\n    <!-- ===================================================\r\n         VISUAL\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-visual\">\r\n\r\n\r\n      <div class=\"perito-image\"><\/div>\r\n\r\n\r\n      <span class=\"perito-image-label\">\r\n        Investigaci\u00f3n judicial\r\n      <\/span>\r\n\r\n\r\n\r\n      <!-- FLOAT 01 -->\r\n\r\n      <div class=\"perito-float one\">\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Investigaci\u00f3n criminal\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FLOAT 02 -->\r\n\r\n      <div class=\"perito-float two\">\r\n\r\n        <small>\r\n          Elemento clave\r\n        <\/small>\r\n\r\n        <strong>\r\n          Evidencia y cadena de custodia\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FLOAT 03 -->\r\n\r\n      <div class=\"perito-float three\">\r\n\r\n        <small>\r\n          Resultado\r\n        <\/small>\r\n\r\n        <strong>\r\n          Informe pericial\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- IMAGE BOTTOM -->\r\n\r\n      <div class=\"perito-image-bottom\">\r\n\r\n        <small>\r\n          Perfil investigativo\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aprende a observar lo que otros pueden pasar por alto.\r\n        <\/strong>\r\n\r\n        <span>\r\n          Investigaci\u00f3n \u00b7 evidencia \u00b7 an\u00e1lisis \u00b7 documentaci\u00f3n\r\n        <\/span>\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       BOTTOM MESSAGE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-bottom\">\r\n\r\n\r\n    <div class=\"perito-bottom-code\">\r\n      JI\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        ECFI Judicial Intelligence\r\n      <\/small>\r\n\r\n      <strong>\r\n        Los hechos dejan informaci\u00f3n.\r\n        <span>\r\n          Aprende a interpretarla.\r\n        <\/span>\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <span class=\"perito-bottom-badge\">\r\n      formaci\u00f3n por competencias\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-0497729 e-con e-atomic-element e-flexbox-base e-default-div e-4f0fb29 \" data-id=\"0497729\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0497729\" data-e-type=\"e-flexbox\" data-id=\"0497729\">\n    \t\t<div class=\"elementor-element elementor-element-8bf7675 elementor-widget elementor-widget-html\" data-id=\"8bf7675\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 03 \u00b7 SOBRE EL PROGRAMA\r\n========================================================= -->\r\n\r\n<section id=\"perito-programa\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-programa{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --graphite:#101828;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(21,199,217,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-programa *,\r\n#perito-programa *::before,\r\n#perito-programa *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-programa::before{\r\n\r\n  content:\"02\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-programa .perito-program-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-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#perito-programa .perito-program-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#perito-programa .perito-program-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-head h2{\r\n\r\n  max-width:820px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(390px,.92fr)\r\n    minmax(0,1.08fr);\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   PHOTO\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-photo{\r\n\r\n  position:relative;\r\n\r\n  min-height:600px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:28px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,6,47,.03),\r\n      rgba(2,6,47,.08) 47%,\r\n      rgba(2,6,47,.88) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_271571168-1-scaled.jpg\")\r\n    center center \/ cover\r\n    no-repeat;\r\n\r\n  box-shadow:\r\n    0\r\n    26px\r\n    62px\r\n    rgba(2,6,47,.16);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO LABEL\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-photo-tag{\r\n\r\n  position:absolute;\r\n\r\n  top:16px;\r\n  left:16px;\r\n\r\n  z-index:4;\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    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,6,47,.80);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\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#perito-programa .perito-photo-tag::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}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO OVERLAY\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-photo-bottom{\r\n\r\n  position:absolute;\r\n\r\n  left:16px;\r\n  right:16px;\r\n  bottom:16px;\r\n\r\n  z-index:4;\r\n\r\n  padding:19px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(2,6,47,.86);\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(14px);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom 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:12px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom p{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    0;\r\n\r\n  color:#afbed1 !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   CONTENT PANEL\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-panel{\r\n\r\n  min-height:600px;\r\n\r\n  padding:30px;\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(21,199,217,.11),\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  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEAD\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-panel small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.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#perito-programa .perito-program-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\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#perito-programa .perito-program-panel h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-panel-intro{\r\n\r\n  margin:0;\r\n\r\n  color:#b8c7d9 !important;\r\n\r\n  font-size:8.5px;\r\n\r\n  line-height:1.64;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUR PILLARS\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-pillars{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar{\r\n\r\n  min-height:140px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar-num{\r\n\r\n  width:36px;\r\n  height:36px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(1)\r\n.perito-pillar-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(2)\r\n.perito-pillar-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(3)\r\n.perito-pillar-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(4)\r\n.perito-pillar-num{\r\n  background:#dfc06b;\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.5px;\r\n\r\n  line-height:1.26;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9fb1c7 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.44;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PURPOSE\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-purpose{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.16);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-purpose small{\r\n\r\n  color:\r\n    #dfc06b\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-purpose strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9.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#perito-programa .perito-purpose span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-contexts{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-context{\r\n\r\n  min-height:105px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:13px;\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    14px\r\n    32px\r\n    rgba(2,6,47,.05);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-context small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-context strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.8px;\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#perito-programa\r\n.perito-context:nth-child(1)\r\nstrong{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-context:nth-child(2)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-context:nth-child(3)\r\nstrong{\r\n  color:#a47a00 !important;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-context:nth-child(4)\r\nstrong{\r\n  color:#536d8d !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-programa .perito-program-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-programa .perito-program-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-programa .perito-program-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !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#perito-programa .perito-program-cta a{\r\n\r\n  min-height:45px;\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    17px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-programa .perito-program-head,\r\n  #perito-programa .perito-program-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-photo{\r\n\r\n    min-height:520px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-contexts{\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:680px){\r\n\r\n  #perito-programa{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-photo{\r\n\r\n    min-height:430px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-pillars,\r\n  #perito-programa .perito-contexts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-programa *{\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=\"perito-program-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-program-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-program-eyebrow\">\r\n        02 \u00b7 Sobre el programa\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        No basta con observar.\r\n\r\n        <span>\r\n          Hay que saber interpretar.\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 Perito Judicial\r\n      apoya procesos investigativos\r\n      mediante la observaci\u00f3n,\r\n      an\u00e1lisis,\r\n      documentaci\u00f3n\r\n      y aplicaci\u00f3n de procedimientos\r\n      t\u00e9cnicos dentro del contexto\r\n      judicial y criminal\u00edstico.\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=\"perito-program-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PHOTO\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-program-photo\">\r\n\r\n\r\n      <span class=\"perito-photo-tag\">\r\n        Perfil investigativo\r\n      <\/span>\r\n\r\n\r\n      <div class=\"perito-photo-bottom\">\r\n\r\n        <small>\r\n          Formaci\u00f3n t\u00e9cnica\r\n        <\/small>\r\n\r\n        <strong>\r\n          Cada detalle puede convertirse en\r\n          <span>informaci\u00f3n relevante.<\/span>\r\n        <\/strong>\r\n\r\n        <p>\r\n\r\n          Aprende a trabajar\r\n          con hechos,\r\n          evidencia,\r\n          documentaci\u00f3n\r\n          y procedimientos\r\n          dentro de un marco\r\n          t\u00e9cnico y jur\u00eddico.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-program-panel\">\r\n\r\n\r\n      <small>\r\n        \u00bfQu\u00e9 hace un Perito Judicial?\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Investiga para\r\n\r\n        <span>\r\n          comprender los hechos.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-panel-intro\">\r\n\r\n        La formaci\u00f3n prepara al estudiante\r\n        para apoyar t\u00e9cnica\r\n        y cient\u00edficamente\r\n        procesos investigativos,\r\n        comprender procedimientos\r\n        relacionados con evidencia\r\n        y cadena de custodia,\r\n        analizar informaci\u00f3n\r\n        y participar en la elaboraci\u00f3n\r\n        de informes t\u00e9cnicos.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           PILLARS\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-pillars\">\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Observar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Reconocer hechos,\r\n            circunstancias,\r\n            indicios\r\n            e informaci\u00f3n\r\n            relevante para la investigaci\u00f3n.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Documentar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Registrar informaci\u00f3n\r\n            de acuerdo\r\n            con procedimientos\r\n            y protocolos establecidos.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Analizar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Relacionar evidencia,\r\n            documentaci\u00f3n\r\n            y contexto\r\n            para construir informaci\u00f3n t\u00e9cnica.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Comunicar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Elaborar\r\n            y sustentar informaci\u00f3n\r\n            de forma clara,\r\n            objetiva\r\n            y t\u00e9cnicamente soportada.\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           PURPOSE\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-purpose\">\r\n\r\n        <small>\r\n          Principio profesional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Investigar exige t\u00e9cnica, objetividad y responsabilidad.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          La formaci\u00f3n integra\r\n          conocimientos jur\u00eddicos,\r\n          criminal\u00edsticos\r\n          y metodol\u00f3gicos\r\n          con principios de \u00e9tica,\r\n          legalidad\r\n          y confidencialidad.\r\n\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       CONTEXTS\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-contexts\">\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Investigaci\u00f3n criminal\u00edstica\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Evidencia y cadena de custodia\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Informes periciales\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Normativa y procedimientos judiciales\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       CONVERSION CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-program-cta\">\r\n\r\n\r\n    <div class=\"perito-program-cta-code\">\r\n      PJ\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfTe interesa este campo?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conoce c\u00f3mo puedes comenzar tu formaci\u00f3n como Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta modalidad,\r\n        horarios,\r\n        requisitos\r\n        y proceso de inscripci\u00f3n\r\n        directamente con ECFI.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20conocer%20m%C3%A1s%20sobre%20el%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero m\u00e1s informaci\u00f3n \u2192\r\n    <\/a>\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-60f8f68 e-con e-atomic-element e-flexbox-base e-default-div e-e699516 \" data-id=\"60f8f68\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"60f8f68\" data-e-type=\"e-flexbox\" data-id=\"60f8f68\">\n    \t\t<div class=\"elementor-element elementor-element-c61e0c5 elementor-widget elementor-widget-html\" data-id=\"c61e0c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 03 \u00b7 SOBRE EL PROGRAMA\r\n========================================================= -->\r\n\r\n<section id=\"perito-programa\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-programa{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --graphite:#101828;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(21,199,217,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-programa *,\r\n#perito-programa *::before,\r\n#perito-programa *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-programa::before{\r\n\r\n  content:\"02\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-programa .perito-program-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-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#perito-programa .perito-program-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#perito-programa .perito-program-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-head h2{\r\n\r\n  max-width:820px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(390px,.92fr)\r\n    minmax(0,1.08fr);\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   PHOTO\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-photo{\r\n\r\n  position:relative;\r\n\r\n  min-height:600px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:28px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,6,47,.03),\r\n      rgba(2,6,47,.08) 47%,\r\n      rgba(2,6,47,.88) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_271571168-1-scaled.jpg\")\r\n    center center \/ cover\r\n    no-repeat;\r\n\r\n  box-shadow:\r\n    0\r\n    26px\r\n    62px\r\n    rgba(2,6,47,.16);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO LABEL\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-photo-tag{\r\n\r\n  position:absolute;\r\n\r\n  top:16px;\r\n  left:16px;\r\n\r\n  z-index:4;\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    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,6,47,.80);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\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#perito-programa .perito-photo-tag::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}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO OVERLAY\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-photo-bottom{\r\n\r\n  position:absolute;\r\n\r\n  left:16px;\r\n  right:16px;\r\n  bottom:16px;\r\n\r\n  z-index:4;\r\n\r\n  padding:19px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(2,6,47,.86);\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(14px);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom 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:12px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-photo-bottom p{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    0;\r\n\r\n  color:#afbed1 !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   CONTENT PANEL\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-panel{\r\n\r\n  min-height:600px;\r\n\r\n  padding:30px;\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(21,199,217,.11),\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  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEAD\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-panel small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.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#perito-programa .perito-program-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\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#perito-programa .perito-program-panel h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-panel-intro{\r\n\r\n  margin:0;\r\n\r\n  color:#b8c7d9 !important;\r\n\r\n  font-size:8.5px;\r\n\r\n  line-height:1.64;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUR PILLARS\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-pillars{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar{\r\n\r\n  min-height:140px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar-num{\r\n\r\n  width:36px;\r\n  height:36px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(1)\r\n.perito-pillar-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(2)\r\n.perito-pillar-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(3)\r\n.perito-pillar-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-pillar:nth-child(4)\r\n.perito-pillar-num{\r\n  background:#dfc06b;\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.5px;\r\n\r\n  line-height:1.26;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-pillar span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9fb1c7 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.44;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PURPOSE\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-purpose{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.16);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-purpose small{\r\n\r\n  color:\r\n    #dfc06b\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-purpose strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9.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#perito-programa .perito-purpose span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-contexts{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-context{\r\n\r\n  min-height:105px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:13px;\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    14px\r\n    32px\r\n    rgba(2,6,47,.05);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-context small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-context strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.8px;\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#perito-programa\r\n.perito-context:nth-child(1)\r\nstrong{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-context:nth-child(2)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-context:nth-child(3)\r\nstrong{\r\n  color:#a47a00 !important;\r\n}\r\n\r\n\r\n#perito-programa\r\n.perito-context:nth-child(4)\r\nstrong{\r\n  color:#536d8d !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-programa .perito-program-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-programa .perito-program-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-programa .perito-program-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-programa .perito-program-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !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#perito-programa .perito-program-cta a{\r\n\r\n  min-height:45px;\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    17px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-programa .perito-program-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-programa .perito-program-head,\r\n  #perito-programa .perito-program-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-photo{\r\n\r\n    min-height:520px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-contexts{\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:680px){\r\n\r\n  #perito-programa{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-photo{\r\n\r\n    min-height:430px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-pillars,\r\n  #perito-programa .perito-contexts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-programa .perito-program-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-programa *{\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=\"perito-program-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-program-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-program-eyebrow\">\r\n        02 \u00b7 Sobre el programa\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        No basta con observar.\r\n\r\n        <span>\r\n          Hay que saber interpretar.\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 Perito Judicial\r\n      apoya procesos investigativos\r\n      mediante la observaci\u00f3n,\r\n      an\u00e1lisis,\r\n      documentaci\u00f3n\r\n      y aplicaci\u00f3n de procedimientos\r\n      t\u00e9cnicos dentro del contexto\r\n      judicial y criminal\u00edstico.\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=\"perito-program-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PHOTO\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-program-photo\">\r\n\r\n\r\n      <span class=\"perito-photo-tag\">\r\n        Perfil investigativo\r\n      <\/span>\r\n\r\n\r\n      <div class=\"perito-photo-bottom\">\r\n\r\n        <small>\r\n          Formaci\u00f3n t\u00e9cnica\r\n        <\/small>\r\n\r\n        <strong>\r\n          Cada detalle puede convertirse en\r\n          <span>informaci\u00f3n relevante.<\/span>\r\n        <\/strong>\r\n\r\n        <p>\r\n\r\n          Aprende a trabajar\r\n          con hechos,\r\n          evidencia,\r\n          documentaci\u00f3n\r\n          y procedimientos\r\n          dentro de un marco\r\n          t\u00e9cnico y jur\u00eddico.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-program-panel\">\r\n\r\n\r\n      <small>\r\n        \u00bfQu\u00e9 hace un Perito Judicial?\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Investiga para\r\n\r\n        <span>\r\n          comprender los hechos.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-panel-intro\">\r\n\r\n        La formaci\u00f3n prepara al estudiante\r\n        para apoyar t\u00e9cnica\r\n        y cient\u00edficamente\r\n        procesos investigativos,\r\n        comprender procedimientos\r\n        relacionados con evidencia\r\n        y cadena de custodia,\r\n        analizar informaci\u00f3n\r\n        y participar en la elaboraci\u00f3n\r\n        de informes t\u00e9cnicos.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           PILLARS\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-pillars\">\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Observar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Reconocer hechos,\r\n            circunstancias,\r\n            indicios\r\n            e informaci\u00f3n\r\n            relevante para la investigaci\u00f3n.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Documentar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Registrar informaci\u00f3n\r\n            de acuerdo\r\n            con procedimientos\r\n            y protocolos establecidos.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Analizar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Relacionar evidencia,\r\n            documentaci\u00f3n\r\n            y contexto\r\n            para construir informaci\u00f3n t\u00e9cnica.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-pillar\">\r\n\r\n          <div class=\"perito-pillar-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Comunicar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Elaborar\r\n            y sustentar informaci\u00f3n\r\n            de forma clara,\r\n            objetiva\r\n            y t\u00e9cnicamente soportada.\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           PURPOSE\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-purpose\">\r\n\r\n        <small>\r\n          Principio profesional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Investigar exige t\u00e9cnica, objetividad y responsabilidad.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          La formaci\u00f3n integra\r\n          conocimientos jur\u00eddicos,\r\n          criminal\u00edsticos\r\n          y metodol\u00f3gicos\r\n          con principios de \u00e9tica,\r\n          legalidad\r\n          y confidencialidad.\r\n\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       CONTEXTS\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-contexts\">\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Investigaci\u00f3n criminal\u00edstica\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Evidencia y cadena de custodia\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Informes periciales\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-context\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Normativa y procedimientos judiciales\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       CONVERSION CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-program-cta\">\r\n\r\n\r\n    <div class=\"perito-program-cta-code\">\r\n      PJ\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfTe interesa este campo?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conoce c\u00f3mo puedes comenzar tu formaci\u00f3n como Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta modalidad,\r\n        horarios,\r\n        requisitos\r\n        y proceso de inscripci\u00f3n\r\n        directamente con ECFI.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20conocer%20m%C3%A1s%20sobre%20el%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero m\u00e1s informaci\u00f3n \u2192\r\n    <\/a>\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-2982e2d e-con e-atomic-element e-flexbox-base e-default-div e-870b584 \" data-id=\"2982e2d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2982e2d\" data-e-type=\"e-flexbox\" data-id=\"2982e2d\">\n    \t\t<div class=\"elementor-element elementor-element-f56ddba elementor-widget elementor-widget-html\" data-id=\"f56ddba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 03 \u00b7 QU\u00c9 APRENDER\u00c1S\r\n ECFI JUDICIAL INTELLIGENCE\r\n========================================================= -->\r\n\r\n<section id=\"perito-aprenderas\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-aprenderas{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#edd17d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --graphite:#101828;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\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(21,199,217,.13),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 7% 92%,\r\n      rgba(23,107,255,.13),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 78%,\r\n      #083b57 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#perito-aprenderas *,\r\n#perito-aprenderas *::before,\r\n#perito-aprenderas *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECH GRID\r\n========================================================= *\/\r\n\r\n#perito-aprenderas::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.022) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.022) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    46px\r\n    46px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-aprenderas::after{\r\n\r\n  content:\"03\";\r\n\r\n  position:absolute;\r\n\r\n  top:4px;\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#perito-aprenderas .perito-learn-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-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#perito-aprenderas .perito-learn-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-soft)\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#perito-aprenderas .perito-learn-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-head h2{\r\n\r\n  max-width:830px;\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    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:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-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#perito-aprenderas .perito-learn-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c2cede !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   INTRO PANEL\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-intro{\r\n\r\n  margin-bottom:24px;\r\n\r\n  padding:27px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    auto;\r\n\r\n  gap:24px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:24px;\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,.085);\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-intro small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-aprenderas .perito-learn-intro 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      21px,\r\n      2.5vw,\r\n      32px\r\n    );\r\n\r\n  line-height:1.08;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-intro strong span{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-intro-badge{\r\n\r\n  padding:\r\n    9px\r\n    12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(215,169,40,.11);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.19);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.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   MODULE GRID\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:285px;\r\n\r\n  padding:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(2,6,47,.43);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.075);\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#perito-aprenderas .perito-learn-card:hover{\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    rgba(2,6,47,.60);\r\n\r\n  border-color:\r\n    rgba(21,199,217,.19);\r\n\r\n}\r\n\r\n\r\n\/* CARD ACCENT *\/\r\n\r\n#perito-aprenderas .perito-learn-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:3px;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(2)::before{\r\n  background:var(--electric);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(3)::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(4)::before{\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(5)::before{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(6)::before{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(7)::before{\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(8)::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-num{\r\n\r\n  width:45px;\r\n  height:45px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:12px;\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  background:\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(2)\r\n.perito-learn-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(3)\r\n.perito-learn-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(4)\r\n.perito-learn-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(5)\r\n.perito-learn-num{\r\n  background:#a9c6ff;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(6)\r\n.perito-learn-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(7)\r\n.perito-learn-num{\r\n  background:#e4c668;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-learn-card:nth-child(8)\r\n.perito-learn-num{\r\n  background:var(--yellow-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TEXT\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:17px;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-card h3{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    8px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.22;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-card p{\r\n\r\n  margin:0;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD FOOT\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-card-footer{\r\n\r\n  position:absolute;\r\n\r\n  left:20px;\r\n  right:20px;\r\n  bottom:18px;\r\n\r\n  padding-top:12px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  line-height:1.3;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INVESTIGATION ROUTE\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learning-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\r\n\r\n  border-radius:23px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* HEAD *\/\r\n\r\n#perito-aprenderas .perito-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:19px;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-aprenderas .perito-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-aprenderas .perito-route-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eef5ff;\r\n\r\n  color:\r\n    var(--electric)\r\n    !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}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE GRID\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-route-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-route-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:105px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-route-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--electric);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n  z-index:3;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-route-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-route-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-route-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.2px;\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#perito-aprenderas\r\n.perito-route-step:nth-child(1)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-route-step:nth-child(2)\r\nstrong{\r\n  color:var(--electric) !important;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-route-step:nth-child(3)\r\nstrong{\r\n  color:#aa7d00 !important;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-route-step:nth-child(4)\r\nstrong{\r\n  color:#7b6320 !important;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-route-step:nth-child(5)\r\nstrong{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-aprenderas\r\n.perito-route-step:nth-child(6)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-aprenderas .perito-learn-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\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#perito-aprenderas .perito-learn-cta-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-aprenderas .perito-learn-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-aprenderas .perito-learn-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:12px;\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#perito-aprenderas .perito-learn-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !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\/* CTA BUTTON *\/\r\n\r\n#perito-aprenderas .perito-learn-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-aprenderas .perito-learn-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  #perito-aprenderas .perito-learn-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas\r\n  .perito-route-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-aprenderas{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-intro{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    padding:20px;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-intro-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-card{\r\n\r\n    min-height:260px;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-aprenderas .perito-learn-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-aprenderas *{\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=\"perito-learn-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-learn-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-learn-eyebrow\">\r\n        03 \u00b7 Qu\u00e9 aprender\u00e1s\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Aprende a conectar\r\n\r\n        <span>\r\n          hechos, evidencia y procedimiento.\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 integra\r\n      investigaci\u00f3n criminal\u00edstica,\r\n      an\u00e1lisis t\u00e9cnico,\r\n      conocimientos jur\u00eddicos\r\n      y herramientas forenses\r\n      para comprender\r\n      diferentes escenarios\r\n      del \u00e1mbito judicial.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       INTRO\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-learn-intro\">\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n espec\u00edfica\r\n      <\/small>\r\n\r\n      <strong>\r\n\r\n        Del lugar de los hechos\r\n\r\n        <span>\r\n          al informe pericial.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <span class=\"perito-learn-intro-badge\">\r\n      8 \u00e1reas principales\r\n    <\/span>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       MODULES\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-learn-grid\">\r\n\r\n\r\n    <!-- 01 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        01\r\n      <\/div>\r\n\r\n      <small>\r\n        Investigaci\u00f3n\r\n      <\/small>\r\n\r\n      <h3>\r\n        Investigaci\u00f3n Criminal\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Comprender procedimientos\r\n        relacionados con\r\n        el lugar de los hechos,\r\n        informaci\u00f3n investigativa\r\n        y metodolog\u00eda t\u00e9cnica\r\n        criminal\u00edstica.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        hechos \u00b7 indicios \u00b7 metodolog\u00eda\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 02 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        02\r\n      <\/div>\r\n\r\n      <small>\r\n        Comportamiento\r\n      <\/small>\r\n\r\n      <h3>\r\n        Psicolog\u00eda Judicial y Forense\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Conocer elementos\r\n        relacionados con\r\n        el comportamiento humano\r\n        dentro de contextos\r\n        judiciales\r\n        y de investigaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        an\u00e1lisis \u00b7 contexto \u00b7 comportamiento\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 03 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        03\r\n      <\/div>\r\n\r\n      <small>\r\n        Contexto jur\u00eddico\r\n      <\/small>\r\n\r\n      <h3>\r\n        Derecho Penal\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Reconocer principios\r\n        y conceptos jur\u00eddicos\r\n        necesarios para comprender\r\n        el contexto\r\n        en el que se desarrolla\r\n        la actuaci\u00f3n pericial.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        normativa \u00b7 procedimiento \u00b7 legalidad\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 04 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        04\r\n      <\/div>\r\n\r\n      <small>\r\n        Resoluci\u00f3n\r\n      <\/small>\r\n\r\n      <h3>\r\n        Conciliaci\u00f3n\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Comprender procesos\r\n        de intermediaci\u00f3n\r\n        y tratamiento\r\n        de conflictos\r\n        de acuerdo\r\n        con la normativa aplicable.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        di\u00e1logo \u00b7 conflicto \u00b7 procedimiento\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 05 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        05\r\n      <\/div>\r\n\r\n      <small>\r\n        Actuaci\u00f3n judicial\r\n      <\/small>\r\n\r\n      <h3>\r\n        Organizaci\u00f3n de la Audiencia\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Familiarizarse\r\n        con din\u00e1micas,\r\n        roles\r\n        y procedimientos\r\n        presentes\r\n        en escenarios de audiencia.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        audiencia \u00b7 roles \u00b7 comunicaci\u00f3n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 06 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        06\r\n      <\/div>\r\n\r\n      <small>\r\n        Identificaci\u00f3n\r\n      <\/small>\r\n\r\n      <h3>\r\n        Lofoscopia\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Estudiar conceptos\r\n        relacionados con\r\n        crestas de fricci\u00f3n,\r\n        impresiones,\r\n        manejo de muestras\r\n        y documentaci\u00f3n dactilar.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        huellas \u00b7 muestras \u00b7 identificaci\u00f3n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 07 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        07\r\n      <\/div>\r\n\r\n      <small>\r\n        An\u00e1lisis\r\n      <\/small>\r\n\r\n      <h3>\r\n        Informaci\u00f3n Pericial\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Organizar,\r\n        revisar\r\n        y estructurar informaci\u00f3n\r\n        relacionada\r\n        con hechos,\r\n        evidencia\r\n        y conclusiones t\u00e9cnicas.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        an\u00e1lisis \u00b7 hechos \u00b7 conclusiones\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- 08 -->\r\n\r\n    <article class=\"perito-learn-card\">\r\n\r\n      <div class=\"perito-learn-num\">\r\n        08\r\n      <\/div>\r\n\r\n      <small>\r\n        Documentos\r\n      <\/small>\r\n\r\n      <h3>\r\n        Grafolog\u00eda y Documentolog\u00eda\r\n      <\/h3>\r\n\r\n      <p>\r\n\r\n        Conocer t\u00e9cnicas\r\n        para inspeccionar\r\n        material de duda\r\n        y analizar elementos\r\n        relacionados\r\n        con documentaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n      <div class=\"perito-learn-card-footer\">\r\n        documentos \u00b7 inspecci\u00f3n \u00b7 an\u00e1lisis\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-learning-route\">\r\n\r\n\r\n    <div class=\"perito-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de pensamiento investigativo\r\n        <\/small>\r\n\r\n        <strong>\r\n          Una investigaci\u00f3n t\u00e9cnica conecta varias etapas.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-route-badge\">\r\n        Judicial Intelligence\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-route-grid\">\r\n\r\n\r\n      <div class=\"perito-route-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Observar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-route-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-route-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Preservar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-route-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-route-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documentar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-route-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       CONVERSION CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-learn-cta\">\r\n\r\n\r\n    <div class=\"perito-learn-cta-code\">\r\n      08\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfTe interesa aprender estas \u00e1reas?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conoce c\u00f3mo iniciar tu formaci\u00f3n en Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta con ECFI\r\n        modalidad,\r\n        horarios,\r\n        requisitos\r\n        y disponibilidad\r\n        para el pr\u00f3ximo grupo.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20me%20interesan%20los%20contenidos%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20quiero%20informaci%C3%B3n%20para%20inscribirme.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar inscripci\u00f3n \u2192\r\n    <\/a>\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-aedfedd e-con e-atomic-element e-flexbox-base e-default-div e-70e47b1 \" data-id=\"aedfedd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aedfedd\" data-e-type=\"e-flexbox\" data-id=\"aedfedd\">\n    \t\t<div class=\"elementor-element elementor-element-48ecf76 elementor-widget elementor-widget-html\" data-id=\"48ecf76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 04 \u00b7 EL LUGAR DE LOS HECHOS\r\n========================================================= -->\r\n\r\n<section id=\"perito-lugar-hechos\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 7% 92%,\r\n      rgba(21,199,217,.07),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-lugar-hechos *,\r\n#perito-lugar-hechos *::before,\r\n#perito-lugar-hechos *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos::before{\r\n\r\n  content:\"04\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-lugar-hechos .perito-scene-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-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#perito-lugar-hechos .perito-scene-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#perito-lugar-hechos .perito-scene-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-head h2{\r\n\r\n  max-width:830px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-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   MAIN GRID\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(430px,1fr)\r\n    minmax(0,1fr);\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   PHOTO\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-photo{\r\n\r\n  position:relative;\r\n\r\n  min-height:620px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,6,47,.03),\r\n      rgba(2,6,47,.06) 44%,\r\n      rgba(2,6,47,.91) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/05\/police-scientist-investigates-with-a-scale-on-a-sh-2021-09-02-19-30-34-utc-scaled-1.jpg\")\r\n    center center \/ cover\r\n    no-repeat;\r\n\r\n  box-shadow:\r\n    0\r\n    27px\r\n    65px\r\n    rgba(2,6,47,.17);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECH OVERLAY\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-photo::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 49.7%,\r\n      rgba(21,199,217,.17) 50%,\r\n      transparent 50.3%\r\n    ),\r\n\r\n    linear-gradient(\r\n      transparent 49.7%,\r\n      rgba(21,199,217,.13) 50%,\r\n      transparent 50.3%\r\n    );\r\n\r\n  opacity:.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO TOP TAG\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-tag{\r\n\r\n  position:absolute;\r\n\r\n  top:17px;\r\n  left:17px;\r\n\r\n  z-index:5;\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    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,6,47,.82);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\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#perito-lugar-hechos .perito-scene-tag::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}\r\n\r\n\r\n\/* =========================================================\r\n   HOTSPOTS\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-hotspot{\r\n\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  width:18px;\r\n  height:18px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  border:\r\n    4px solid\r\n    rgba(255,255,255,.85);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    0\r\n    7px\r\n    rgba(245,189,5,.13);\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-hotspot.h1{\r\n\r\n  top:32%;\r\n  left:29%;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-hotspot.h2{\r\n\r\n  top:48%;\r\n  left:67%;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-hotspot.h3{\r\n\r\n  top:62%;\r\n  left:44%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO BOTTOM\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-photo-bottom{\r\n\r\n  position:absolute;\r\n\r\n  left:17px;\r\n  right:17px;\r\n  bottom:17px;\r\n\r\n  z-index:5;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(2,6,47,.87);\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(14px);\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-photo-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-photo-bottom 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:12px;\r\n\r\n  line-height:1.27;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-photo-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-photo-bottom p{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    0;\r\n\r\n  color:#afbed1 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-panel{\r\n\r\n  min-height:620px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(21,199,217,.11),\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  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADER\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.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#perito-lugar-hechos .perito-scene-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\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#perito-lugar-hechos .perito-scene-panel h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-intro{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS STEPS\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-process{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-step{\r\n\r\n  min-height:136px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-step-num{\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:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-step:nth-child(1)\r\n.perito-scene-step-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-step:nth-child(2)\r\n.perito-scene-step-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-step:nth-child(3)\r\n.perito-scene-step-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-step:nth-child(4)\r\n.perito-scene-step-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-step:nth-child(5)\r\n.perito-scene-step-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-step:nth-child(6)\r\n.perito-scene-step-num{\r\n  background:#b6caff;\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.5px;\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#perito-lugar-hechos .perito-scene-step span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9eb0c5 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.43;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-principle{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-principle strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9px;\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#perito-lugar-hechos .perito-scene-principle span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-flow{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:25px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-lugar-hechos .perito-scene-flow-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eef5ff;\r\n\r\n  color:\r\n    var(--electric)\r\n    !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}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-flow-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:108px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--electric);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos\r\n.perito-scene-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-flow-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.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\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-lugar-hechos .perito-scene-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-lugar-hechos .perito-scene-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-lugar-hechos .perito-scene-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !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#perito-lugar-hechos .perito-scene-cta a{\r\n\r\n  min-height:46px;\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    17px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-lugar-hechos .perito-scene-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-lugar-hechos .perito-scene-head,\r\n  #perito-lugar-hechos .perito-scene-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-photo{\r\n\r\n    min-height:540px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-flow-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos\r\n  .perito-scene-flow-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-lugar-hechos{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-photo{\r\n\r\n    min-height:440px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-process{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lugar-hechos .perito-scene-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-lugar-hechos *{\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=\"perito-scene-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-scene-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-scene-eyebrow\">\r\n        04 \u00b7 El lugar de los hechos\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        La investigaci\u00f3n comienza\r\n\r\n        <span>\r\n          antes de tocar la evidencia.\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 lugar de los hechos\r\n      contiene informaci\u00f3n\r\n      que debe ser observada,\r\n      documentada\r\n      y tratada siguiendo\r\n      criterios t\u00e9cnicos\r\n      y procedimientos establecidos.\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=\"perito-scene-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PHOTO\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-scene-photo\">\r\n\r\n\r\n      <span class=\"perito-scene-tag\">\r\n        Scene Analysis\r\n      <\/span>\r\n\r\n\r\n      <span class=\"perito-scene-hotspot h1\"><\/span>\r\n      <span class=\"perito-scene-hotspot h2\"><\/span>\r\n      <span class=\"perito-scene-hotspot h3\"><\/span>\r\n\r\n\r\n      <div class=\"perito-scene-photo-bottom\">\r\n\r\n        <small>\r\n          Investigaci\u00f3n criminal\u00edstica\r\n        <\/small>\r\n\r\n        <strong>\r\n          Un detalle puede cambiar la\r\n          <span>lectura de los hechos.<\/span>\r\n        <\/strong>\r\n\r\n        <p>\r\n\r\n          Observar,\r\n          registrar\r\n          y documentar\r\n          son acciones fundamentales\r\n          antes de construir\r\n          cualquier an\u00e1lisis t\u00e9cnico.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-scene-panel\">\r\n\r\n\r\n      <small>\r\n        Metodolog\u00eda investigativa\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Primero se observa.\r\n\r\n        <span>\r\n          Despu\u00e9s se interpreta.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-scene-intro\">\r\n\r\n        Durante la formaci\u00f3n\r\n        el estudiante conoce\r\n        procedimientos relacionados\r\n        con el reconocimiento\r\n        del lugar de los hechos,\r\n        identificaci\u00f3n de informaci\u00f3n,\r\n        documentaci\u00f3n\r\n        y estructuraci\u00f3n t\u00e9cnica\r\n        de lo observado.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- PROCESS -->\r\n\r\n      <div class=\"perito-scene-process\">\r\n\r\n\r\n        <div class=\"perito-scene-step\">\r\n\r\n          <div class=\"perito-scene-step-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Observar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Reconocer\r\n            caracter\u00edsticas,\r\n            condiciones\r\n            y elementos presentes\r\n            en el escenario.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-scene-step\">\r\n\r\n          <div class=\"perito-scene-step-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Identificar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Distinguir informaci\u00f3n\r\n            e indicios\r\n            que puedan tener\r\n            relevancia investigativa.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-scene-step\">\r\n\r\n          <div class=\"perito-scene-step-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Registrar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Consignar informaci\u00f3n\r\n            mediante formatos\r\n            y procedimientos\r\n            correspondientes.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-scene-step\">\r\n\r\n          <div class=\"perito-scene-step-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Documentar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Organizar\r\n            la informaci\u00f3n observada\r\n            de forma clara\r\n            y verificable.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-scene-step\">\r\n\r\n          <div class=\"perito-scene-step-num\">\r\n            05\r\n          <\/div>\r\n\r\n          <strong>\r\n            Preservar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Comprender\r\n            la importancia\r\n            de mantener\r\n            la integridad\r\n            de los elementos relacionados.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-scene-step\">\r\n\r\n          <div class=\"perito-scene-step-num\">\r\n            06\r\n          <\/div>\r\n\r\n          <strong>\r\n            Reportar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Estructurar informaci\u00f3n\r\n            \u00fatil para continuar\r\n            con el proceso\r\n            de an\u00e1lisis.\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      <!-- PRINCIPLE -->\r\n\r\n      <div class=\"perito-scene-principle\">\r\n\r\n        <small>\r\n          Principio investigativo\r\n        <\/small>\r\n\r\n        <strong>\r\n          No interpretar antes de documentar.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Una investigaci\u00f3n t\u00e9cnica\r\n          exige separar\r\n          lo observado\r\n          de las conclusiones\r\n          que posteriormente\r\n          puedan construirse.\r\n\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       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-scene-flow\">\r\n\r\n\r\n    <div class=\"perito-scene-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de an\u00e1lisis del escenario\r\n        <\/small>\r\n\r\n        <strong>\r\n          Cada etapa protege la calidad de la informaci\u00f3n.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-scene-flow-badge\">\r\n        Judicial Intelligence\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-scene-flow-grid\">\r\n\r\n\r\n      <div class=\"perito-scene-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reconocer el escenario\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-scene-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-scene-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Registrar hallazgos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-scene-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documentar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-scene-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Preservar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-scene-flow-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Integrar al an\u00e1lisis\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-scene-cta\">\r\n\r\n\r\n    <div class=\"perito-scene-cta-code\">\r\n      01\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n aplicada\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende c\u00f3mo comienza una investigaci\u00f3n t\u00e9cnica.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Conoce el programa,\r\n        sus modalidades\r\n        y c\u00f3mo iniciar\r\n        tu proceso de inscripci\u00f3n\r\n        en ECFI.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20conocer%20m%C3%A1s%20sobre%20la%20formaci%C3%B3n%20en%20investigaci%C3%B3n%20criminal%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Solicitar informaci\u00f3n \u2192\r\n    <\/a>\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-50d2017 e-con e-atomic-element e-flexbox-base e-default-div e-604be67 \" data-id=\"50d2017\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"50d2017\" data-e-type=\"e-flexbox\" data-id=\"50d2017\">\n    \t\t<div class=\"elementor-element elementor-element-6d44a26 elementor-widget elementor-widget-html\" data-id=\"6d44a26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 05 \u00b7 EVIDENCIA Y CADENA DE CUSTODIA\r\n========================================================= -->\r\n\r\n<section id=\"perito-evidencia\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-evidencia{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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 91% 9%,\r\n      rgba(21,199,217,.10),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-evidencia *,\r\n#perito-evidencia *::before,\r\n#perito-evidencia *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-evidencia::before{\r\n\r\n  content:\"05\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-evidencia .perito-evidence-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-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#perito-evidencia .perito-evidence-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#perito-evidencia .perito-evidence-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-head h2{\r\n\r\n  max-width:830px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-head h2 span{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-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\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-photo{\r\n\r\n  position:relative;\r\n\r\n  min-height:620px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,6,47,.03),\r\n      rgba(2,6,47,.07) 46%,\r\n      rgba(2,6,47,.90) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_2614183257-1-scaled.jpg\")\r\n    center center \/ cover\r\n    no-repeat;\r\n\r\n  box-shadow:\r\n    0\r\n    27px\r\n    65px\r\n    rgba(2,6,47,.17);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO TAG\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-tag{\r\n\r\n  position:absolute;\r\n\r\n  top:17px;\r\n  left:17px;\r\n\r\n  z-index:4;\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    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,6,47,.82);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\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#perito-evidencia .perito-evidence-tag::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}\r\n\r\n\r\n\/* =========================================================\r\n   TRACE LINE\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-trace{\r\n\r\n  position:absolute;\r\n\r\n  top:95px;\r\n  right:20px;\r\n\r\n  z-index:5;\r\n\r\n  width:165px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    rgba(2,6,47,.86);\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(12px);\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-trace small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-trace strong{\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  font-size:7.3px;\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\/* =========================================================\r\n   PHOTO BOTTOM\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-photo-bottom{\r\n\r\n  position:absolute;\r\n\r\n  left:17px;\r\n  right:17px;\r\n  bottom:17px;\r\n\r\n  z-index:5;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(2,6,47,.87);\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(14px);\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-photo-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-photo-bottom 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:12px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-photo-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-photo-bottom p{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    0;\r\n\r\n  color:#afbed1 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-panel{\r\n\r\n  min-height:620px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(21,199,217,.12),\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  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADER\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.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#perito-evidencia .perito-evidence-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\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#perito-evidencia .perito-evidence-panel h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-intro{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORE CARDS\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-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:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-card{\r\n\r\n  min-height:136px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-num{\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:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-evidence-card:nth-child(1)\r\n.perito-evidence-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-evidence-card:nth-child(2)\r\n.perito-evidence-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-evidence-card:nth-child(3)\r\n.perito-evidence-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-evidence-card:nth-child(4)\r\n.perito-evidence-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-evidence-card:nth-child(5)\r\n.perito-evidence-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-evidence-card:nth-child(6)\r\n.perito-evidence-num{\r\n  background:#bccfff;\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.5px;\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#perito-evidencia .perito-evidence-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9eb0c5 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.43;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-principle{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-principle strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9px;\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#perito-evidencia .perito-evidence-principle span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHAIN\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-chain{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHAIN HEAD\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-chain-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-chain-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-evidencia .perito-chain-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-evidencia .perito-chain-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eef5ff;\r\n\r\n  color:\r\n    var(--electric)\r\n    !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}\r\n\r\n\r\n\/* =========================================================\r\n   CHAIN GRID\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-chain-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-chain-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:110px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-chain-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--electric);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-chain-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-evidencia .perito-chain-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-chain-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.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#perito-evidencia\r\n.perito-chain-step:nth-child(1)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-chain-step:nth-child(2)\r\nstrong{\r\n  color:var(--electric) !important;\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-chain-step:nth-child(3)\r\nstrong{\r\n  color:#aa7d00 !important;\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-chain-step:nth-child(4)\r\nstrong{\r\n  color:#806922 !important;\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-chain-step:nth-child(5)\r\nstrong{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-evidencia\r\n.perito-chain-step:nth-child(6)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMPORTANCE STRIP\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-note{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:22px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\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      120deg,\r\n      #fff9df,\r\n      #ffffff 48%,\r\n      #effcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.19);\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-note-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-evidencia .perito-evidence-note small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #9b760e\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-note strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:10.5px;\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#perito-evidencia .perito-evidence-note span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-evidencia .perito-evidence-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-cta-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-evidencia .perito-evidence-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-evidencia .perito-evidence-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:12px;\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#perito-evidencia .perito-evidence-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !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#perito-evidencia .perito-evidence-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-evidencia .perito-evidence-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-evidencia .perito-evidence-head,\r\n  #perito-evidencia .perito-evidence-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-photo{\r\n\r\n    min-height:530px;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-chain-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia\r\n  .perito-chain-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-evidencia{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-photo{\r\n\r\n    min-height:440px;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-trace{\r\n\r\n    width:145px;\r\n\r\n    top:80px;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-chain-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-chain-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-chain-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-note{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-evidencia .perito-evidence-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-evidencia *{\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=\"perito-evidence-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-evidence-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-evidence-eyebrow\">\r\n        05 \u00b7 Evidencia y cadena de custodia\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        La evidencia necesita\r\n\r\n        <span>\r\n          trazabilidad y control.\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 manejo de elementos\r\n      materiales probatorios\r\n      exige procedimientos,\r\n      registros\r\n      y controles\r\n      que permitan conservar\r\n      la integridad\r\n      y trazabilidad\r\n      de la informaci\u00f3n.\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=\"perito-evidence-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PHOTO\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-evidence-photo\">\r\n\r\n\r\n      <span class=\"perito-evidence-tag\">\r\n        Evidence Control\r\n      <\/span>\r\n\r\n\r\n      <div class=\"perito-evidence-trace\">\r\n\r\n        <small>\r\n          Concepto clave\r\n        <\/small>\r\n\r\n        <strong>\r\n          Trazabilidad de la evidencia\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-evidence-photo-bottom\">\r\n\r\n        <small>\r\n          Manejo probatorio\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          La evidencia debe poder\r\n\r\n          <span>\r\n            seguirse durante todo el proceso.\r\n          <\/span>\r\n\r\n        <\/strong>\r\n\r\n        <p>\r\n\r\n          Identificaci\u00f3n,\r\n          registro,\r\n          preservaci\u00f3n\r\n          y control\r\n          forman parte\r\n          del manejo responsable\r\n          de los elementos probatorios.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-evidence-panel\">\r\n\r\n\r\n      <small>\r\n        Sistema de custodia\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        No basta con encontrarla.\r\n\r\n        <span>\r\n          Hay que saber manejarla.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-evidence-intro\">\r\n\r\n        El estudiante se familiariza\r\n        con principios\r\n        y procedimientos asociados\r\n        al manejo de elementos\r\n        materiales probatorios,\r\n        documentaci\u00f3n,\r\n        conservaci\u00f3n\r\n        y control de informaci\u00f3n\r\n        dentro del proceso investigativo.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           CARDS\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-evidence-grid\">\r\n\r\n\r\n        <div class=\"perito-evidence-card\">\r\n\r\n          <div class=\"perito-evidence-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Identificar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Reconocer elementos\r\n            que puedan tener\r\n            relevancia\r\n            dentro del proceso\r\n            investigativo.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-evidence-card\">\r\n\r\n          <div class=\"perito-evidence-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Registrar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Documentar informaci\u00f3n\r\n            relacionada\r\n            con el elemento\r\n            y su manejo.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-evidence-card\">\r\n\r\n          <div class=\"perito-evidence-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Preservar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Comprender\r\n            la importancia\r\n            de conservar\r\n            las condiciones\r\n            del elemento probatorio.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-evidence-card\">\r\n\r\n          <div class=\"perito-evidence-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Controlar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Mantener informaci\u00f3n\r\n            organizada\r\n            sobre movimientos\r\n            y actuaciones\r\n            relacionadas.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-evidence-card\">\r\n\r\n          <div class=\"perito-evidence-num\">\r\n            05\r\n          <\/div>\r\n\r\n          <strong>\r\n            Transferir\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Comprender\r\n            que cada cambio\r\n            de responsable\r\n            requiere registro\r\n            y continuidad documental.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-evidence-card\">\r\n\r\n          <div class=\"perito-evidence-num\">\r\n            06\r\n          <\/div>\r\n\r\n          <strong>\r\n            Verificar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Revisar\r\n            la correspondencia\r\n            entre el elemento,\r\n            sus registros\r\n            y el proceso documentado.\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           PRINCIPLE\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-evidence-principle\">\r\n\r\n        <small>\r\n          Principio de custodia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Cada intervenci\u00f3n debe quedar documentada.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          La trazabilidad permite\r\n          relacionar el elemento\r\n          con las actuaciones\r\n          realizadas durante\r\n          su manejo\r\n          dentro del proceso.\r\n\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       CHAIN\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-chain\">\r\n\r\n\r\n    <div class=\"perito-chain-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta conceptual\r\n        <\/small>\r\n\r\n        <strong>\r\n          La cadena de custodia conecta cada actuaci\u00f3n sobre la evidencia.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-chain-badge\">\r\n        Traceability System\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-chain-grid\">\r\n\r\n\r\n      <div class=\"perito-chain-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-chain-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Registro\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-chain-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Preservaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-chain-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Control\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-chain-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Transferencia\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-chain-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Verificaci\u00f3n\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       NOTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-evidence-note\">\r\n\r\n\r\n    <div class=\"perito-evidence-note-code\">\r\n      CC\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Lo que debes comprender\r\n      <\/small>\r\n\r\n      <strong>\r\n        Una evidencia no se analiza aislada de su historia documental.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Su identificaci\u00f3n,\r\n        registro\r\n        y trazabilidad\r\n        permiten comprender\r\n        c\u00f3mo fue manejada\r\n        durante el proceso.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-evidence-cta\">\r\n\r\n\r\n    <div class=\"perito-evidence-cta-code\">\r\n      EV\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n t\u00e9cnica\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende por qu\u00e9 el manejo de evidencia es una competencia central del Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta con ECFI\r\n        modalidades,\r\n        horarios\r\n        y proceso de inscripci\u00f3n.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20la%20formaci%C3%B3n%20en%20evidencia%20y%20cadena%20de%20custodia%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero informaci\u00f3n \u2192\r\n    <\/a>\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-e437c60 e-con e-atomic-element e-flexbox-base e-default-div e-d0186a5 \" data-id=\"e437c60\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e437c60\" data-e-type=\"e-flexbox\" data-id=\"e437c60\">\n    \t\t<div class=\"elementor-element elementor-element-d34ee7b elementor-widget elementor-widget-html\" data-id=\"d34ee7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 06 \u00b7 LOFOSCOPIA E IDENTIFICACI\u00d3N\r\n========================================================= -->\r\n\r\n<section id=\"perito-lofoscopia\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\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 80% 18%,\r\n      rgba(21,199,217,.14),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 12% 90%,\r\n      rgba(23,107,255,.13),\r\n      transparent 26%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 78%,\r\n      #083d56 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#perito-lofoscopia *,\r\n#perito-lofoscopia *::before,\r\n#perito-lofoscopia *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECH GRID\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.022) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.022) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    46px\r\n    46px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia::after{\r\n\r\n  content:\"06\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\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   WRAP\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-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#perito-lofoscopia .perito-lofo-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-soft)\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#perito-lofoscopia .perito-lofo-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-head h2{\r\n\r\n  max-width:820px;\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    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:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-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#perito-lofoscopia .perito-lofo-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c2cede !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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(390px,.92fr)\r\n    minmax(0,1.08fr);\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   VISUAL PANEL\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-visual{\r\n\r\n  position:relative;\r\n\r\n  min-height:620px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 42%,\r\n      rgba(21,199,217,.14),\r\n      transparent 38%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.055),\r\n      rgba(255,255,255,.025)\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  box-shadow:\r\n    0\r\n    26px\r\n    60px\r\n    rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINGERPRINT\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-fingerprint{\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  left:50%;\r\n\r\n  width:330px;\r\n  height:430px;\r\n\r\n  transform:\r\n    translate(-50%,-53%);\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span{\r\n\r\n  position:absolute;\r\n\r\n  left:50%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border:\r\n    2px solid\r\n    rgba(142,239,242,.72);\r\n\r\n  border-bottom-color:\r\n    transparent;\r\n\r\n  border-radius:\r\n    50%\r\n    50%\r\n    45%\r\n    45%;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span:nth-child(1){\r\n\r\n  width:290px;\r\n  height:390px;\r\n  top:8px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span:nth-child(2){\r\n\r\n  width:250px;\r\n  height:350px;\r\n  top:28px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span:nth-child(3){\r\n\r\n  width:210px;\r\n  height:310px;\r\n  top:48px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span:nth-child(4){\r\n\r\n  width:170px;\r\n  height:270px;\r\n  top:68px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span:nth-child(5){\r\n\r\n  width:130px;\r\n  height:230px;\r\n  top:88px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-fingerprint span:nth-child(6){\r\n\r\n  width:90px;\r\n  height:190px;\r\n  top:108px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCAN LINE\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-scan{\r\n\r\n  position:absolute;\r\n\r\n  left:12%;\r\n  right:12%;\r\n  top:48%;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--cyan),\r\n      var(--yellow),\r\n      var(--cyan),\r\n      transparent\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px\r\n    rgba(21,199,217,.45);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL LABELS\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-label{\r\n\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  width:165px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    rgba(2,6,47,.82);\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(12px);\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\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#perito-lofoscopia .perito-lofo-label.one{\r\n\r\n  top:85px;\r\n  left:22px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label.one strong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label.two{\r\n\r\n  top:225px;\r\n  right:22px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label.two strong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label.three{\r\n\r\n  bottom:30px;\r\n  left:30px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-label.three strong{\r\n  color:#9ab8ff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-panel{\r\n\r\n  min-height:620px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:29px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEAD\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.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#perito-lofoscopia .perito-lofo-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\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#perito-lofoscopia .perito-lofo-panel h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-intro{\r\n\r\n  margin:0;\r\n\r\n  color:#68788d !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-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:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-card{\r\n\r\n  min-height:145px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e5ecf4;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-num{\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:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia\r\n.perito-lofo-card:nth-child(1)\r\n.perito-lofo-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-lofoscopia\r\n.perito-lofo-card:nth-child(2)\r\n.perito-lofo-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-lofoscopia\r\n.perito-lofo-card:nth-child(3)\r\n.perito-lofo-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-lofoscopia\r\n.perito-lofo-card:nth-child(4)\r\n.perito-lofo-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8.3px;\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#perito-lofoscopia .perito-lofo-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#718095 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-principle{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 48%,\r\n      #fff9df\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.15);\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-principle strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9.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#perito-lofoscopia .perito-lofo-principle span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#6d7c90 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM ROUTE\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:22px;\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#perito-lofoscopia .perito-lofo-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:12px;\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#perito-lofoscopia .perito-lofo-route-badge{\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    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.16);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !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}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE GRID\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-route-grid{\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}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-route-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:105px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(2,6,47,.42);\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#perito-lofoscopia .perito-lofo-route-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--cyan);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia\r\n.perito-lofo-route-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-route-step small{\r\n\r\n  display:block;\r\n\r\n  color:#7f96b3 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-route-step 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:7.1px;\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\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-lofoscopia .perito-lofo-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    50px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-lofoscopia .perito-lofo-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-lofoscopia .perito-lofo-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#6d7c90 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-lofoscopia .perito-lofo-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-lofoscopia .perito-lofo-head,\r\n  #perito-lofoscopia .perito-lofo-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-visual{\r\n\r\n    min-height:560px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia\r\n  .perito-lofo-route-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-lofoscopia{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-visual{\r\n\r\n    min-height:480px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-fingerprint{\r\n\r\n    transform:\r\n      translate(-50%,-53%)\r\n      scale(.78);\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-label{\r\n\r\n    width:145px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-lofoscopia .perito-lofo-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-lofoscopia *{\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=\"perito-lofo-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-lofo-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-lofo-eyebrow\">\r\n        06 \u00b7 Lofoscopia e identificaci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Una huella puede contener\r\n\r\n        <span>\r\n          informaci\u00f3n \u00fanica.\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 lofoscopia\r\n      introduce al estudiante\r\n      en conceptos relacionados\r\n      con crestas de fricci\u00f3n,\r\n      impresiones,\r\n      muestras\r\n      y documentaci\u00f3n dactilar\r\n      dentro del contexto forense.\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=\"perito-lofo-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         VISUAL\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-lofo-visual\">\r\n\r\n\r\n      <div class=\"perito-fingerprint\">\r\n\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-scan\"><\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-label one\">\r\n\r\n        <small>\r\n          Elemento\r\n        <\/small>\r\n\r\n        <strong>\r\n          Crestas de fricci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-label two\">\r\n\r\n        <small>\r\n          Procedimiento\r\n        <\/small>\r\n\r\n        <strong>\r\n          Impresi\u00f3n dactilar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-label three\">\r\n\r\n        <small>\r\n          Resultado\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documento dactilar\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         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-lofo-panel\">\r\n\r\n\r\n      <small>\r\n        Identificaci\u00f3n forense\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Observa patrones.\r\n\r\n        <span>\r\n          Aprende a documentarlos.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-lofo-intro\">\r\n\r\n        Dentro del m\u00f3dulo\r\n        el estudiante conoce\r\n        fundamentos de lofoscopia\r\n        y actividades relacionadas\r\n        con el manejo de muestras,\r\n        impresiones,\r\n        equipos\r\n        y documentaci\u00f3n dactilar.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- CARDS -->\r\n\r\n      <div class=\"perito-lofo-grid\">\r\n\r\n\r\n        <div class=\"perito-lofo-card\">\r\n\r\n          <div class=\"perito-lofo-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Reconocer patrones\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Identificar elementos\r\n            asociados\r\n            a crestas de fricci\u00f3n\r\n            y caracter\u00edsticas\r\n            dactilares.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-lofo-card\">\r\n\r\n          <div class=\"perito-lofo-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Manejar muestras\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Familiarizarse\r\n            con procedimientos\r\n            vinculados\r\n            al tratamiento\r\n            de muestras.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-lofo-card\">\r\n\r\n          <div class=\"perito-lofo-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Utilizar recursos\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Conocer\r\n            el uso de equipos\r\n            y reactivos\r\n            dentro de actividades\r\n            de identificaci\u00f3n.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-lofo-card\">\r\n\r\n          <div class=\"perito-lofo-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Documentar resultados\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Organizar informaci\u00f3n\r\n            relacionada\r\n            con impresiones\r\n            y documento dactilar.\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      <!-- PRINCIPLE -->\r\n\r\n      <div class=\"perito-lofo-principle\">\r\n\r\n        <small>\r\n          Formaci\u00f3n t\u00e9cnica\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar requiere observar, comparar y documentar.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          La formaci\u00f3n\r\n          se orienta\r\n          al desarrollo\r\n          de competencias t\u00e9cnicas\r\n          dentro de procedimientos\r\n          forenses establecidos.\r\n\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       ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-lofo-route\">\r\n\r\n\r\n    <div class=\"perito-lofo-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta conceptual\r\n        <\/small>\r\n\r\n        <strong>\r\n          Del patr\u00f3n observado a la documentaci\u00f3n t\u00e9cnica.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-lofo-route-badge\">\r\n        Fingerprint Analysis\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-lofo-route-grid\">\r\n\r\n\r\n      <div class=\"perito-lofo-route-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Observar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-route-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reconocer\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-route-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comparar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-route-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Registrar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-lofo-route-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documentar\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-lofo-cta\">\r\n\r\n\r\n    <div class=\"perito-lofo-cta-code\">\r\n      LO\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfTe interesa la identificaci\u00f3n forense?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Lofoscopia forma parte de tu ruta de aprendizaje como Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta con ECFI\r\n        c\u00f3mo iniciar\r\n        tu proceso de inscripci\u00f3n,\r\n        modalidad\r\n        y horarios disponibles.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20m%C3%B3dulo%20de%20Lofoscopia%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar programa \u2192\r\n    <\/a>\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-b8debf3 e-con e-atomic-element e-flexbox-base e-default-div e-b1af7ae \" data-id=\"b8debf3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b8debf3\" data-e-type=\"e-flexbox\" data-id=\"b8debf3\">\n    \t\t<div class=\"elementor-element elementor-element-dfcaed1 elementor-widget elementor-widget-html\" data-id=\"dfcaed1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 07 \u00b7 GRAFOLOG\u00cdA Y DOCUMENTOLOG\u00cdA\r\n========================================================= -->\r\n\r\n<section id=\"perito-grafologia\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-grafologia{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --paper:#f4f7fb;\r\n  --white:#ffffff;\r\n  --text:#18233a;\r\n  --muted:#6b788c;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(21,199,217,.07),\r\n      transparent 23%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-grafologia *,\r\n#perito-grafologia *::before,\r\n#perito-grafologia *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-grafologia::before{\r\n\r\n  content:\"07\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-grafologia .perito-doc-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-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#perito-grafologia .perito-doc-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#perito-grafologia .perito-doc-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-head h2{\r\n\r\n  max-width:830px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(390px,.92fr)\r\n    minmax(0,1.08fr);\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   DOCUMENT VISUAL\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-visual{\r\n\r\n  position:relative;\r\n\r\n  min-height:620px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 38%,\r\n      rgba(21,199,217,.09),\r\n      transparent 35%\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  box-shadow:\r\n    0\r\n    26px\r\n    60px\r\n    rgba(2,6,47,.18);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT SHEETS\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-sheet{\r\n\r\n  position:absolute;\r\n\r\n  width:280px;\r\n  height:385px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    45px\r\n    rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-sheet.back{\r\n\r\n  top:95px;\r\n  left:88px;\r\n\r\n  transform:\r\n    rotate(-7deg);\r\n\r\n  opacity:.58;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-sheet.front{\r\n\r\n  top:105px;\r\n  left:50%;\r\n\r\n  transform:\r\n    translateX(-50%)\r\n    rotate(3deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT CONTENT\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-sheet-line{\r\n\r\n  position:absolute;\r\n\r\n  left:30px;\r\n  right:30px;\r\n\r\n  height:4px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#dbe4ef;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-sheet-line.l1{\r\n  top:52px;\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-sheet-line.l2{\r\n  top:78px;\r\n  right:65px;\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-sheet-line.l3{\r\n  top:105px;\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-sheet-line.l4{\r\n  top:132px;\r\n  right:80px;\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-sheet-line.l5{\r\n  top:158px;\r\n}\r\n\r\n\r\n\/* SIGNATURE *\/\r\n\r\n#perito-grafologia .perito-signature{\r\n\r\n  position:absolute;\r\n\r\n  left:45px;\r\n  right:45px;\r\n  bottom:78px;\r\n\r\n  height:75px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-signature::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:3px;\r\n  top:34px;\r\n\r\n  width:160px;\r\n  height:38px;\r\n\r\n  border:\r\n    3px solid\r\n    var(--blue);\r\n\r\n  border-left-color:transparent;\r\n  border-right-color:transparent;\r\n\r\n  border-radius:50%;\r\n\r\n  transform:\r\n    rotate(-8deg);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-signature::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:52px;\r\n  top:20px;\r\n\r\n  width:120px;\r\n  height:54px;\r\n\r\n  border-top:\r\n    3px solid\r\n    var(--electric);\r\n\r\n  border-radius:50%;\r\n\r\n  transform:\r\n    rotate(14deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANALYSIS FRAME\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-analysis-frame{\r\n\r\n  position:absolute;\r\n\r\n  top:160px;\r\n  left:50%;\r\n\r\n  width:190px;\r\n  height:145px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border:\r\n    2px solid\r\n    rgba(21,199,217,.80);\r\n\r\n  border-radius:8px;\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    25px\r\n    rgba(21,199,217,.14);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-analysis-frame::before,\r\n#perito-grafologia .perito-analysis-frame::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-analysis-frame::before{\r\n\r\n  left:50%;\r\n  top:-15px;\r\n\r\n  width:1px;\r\n  height:175px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-analysis-frame::after{\r\n\r\n  top:50%;\r\n  left:-15px;\r\n\r\n  width:220px;\r\n  height:1px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISUAL TAGS\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-tag{\r\n\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  width:170px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    rgba(2,6,47,.86);\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}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\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#perito-grafologia .perito-doc-tag.one{\r\n\r\n  top:48px;\r\n  left:24px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag.one strong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag.two{\r\n\r\n  top:250px;\r\n  right:24px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag.two strong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag.three{\r\n\r\n  left:28px;\r\n  bottom:28px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-tag.three strong{\r\n  color:#9fb8ff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-panel{\r\n\r\n  min-height:620px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:29px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(2,6,47,.10);\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEAD\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.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#perito-grafologia .perito-doc-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\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#perito-grafologia .perito-doc-panel h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-intro{\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.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-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:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-card{\r\n\r\n  min-height:145px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e5ecf4;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-num{\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:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-doc-card:nth-child(1)\r\n.perito-doc-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-doc-card:nth-child(2)\r\n.perito-doc-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-doc-card:nth-child(3)\r\n.perito-doc-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-doc-card:nth-child(4)\r\n.perito-doc-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8.3px;\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#perito-grafologia .perito-doc-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#718095 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-principle{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 48%,\r\n      #fff9df\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.14);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-principle strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9.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#perito-grafologia .perito-doc-principle span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#6d7c90 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:12px;\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#perito-grafologia .perito-doc-route-badge{\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    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.16);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !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}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE GRID\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-route-grid{\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}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:105px;\r\n\r\n  padding:14px;\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,.07);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--cyan);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia\r\n.perito-doc-route-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-step small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-route-step 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:7.1px;\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\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-grafologia .perito-doc-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-grafologia .perito-doc-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-grafologia .perito-doc-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-grafologia .perito-doc-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-grafologia .perito-doc-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-grafologia .perito-doc-head,\r\n  #perito-grafologia .perito-doc-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-visual{\r\n\r\n    min-height:560px;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia\r\n  .perito-doc-route-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-grafologia{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-visual{\r\n\r\n    min-height:490px;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-sheet{\r\n\r\n    transform-origin:center;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-sheet.back{\r\n\r\n    left:50%;\r\n\r\n    transform:\r\n      translateX(-54%)\r\n      rotate(-6deg)\r\n      scale(.80);\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-sheet.front{\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      rotate(3deg)\r\n      scale(.80);\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-analysis-frame{\r\n\r\n    transform:\r\n      translateX(-50%)\r\n      scale(.80);\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-tag{\r\n\r\n    width:145px;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-grafologia .perito-doc-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-grafologia *{\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=\"perito-doc-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-doc-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-doc-eyebrow\">\r\n        07 \u00b7 Grafolog\u00eda y Documentolog\u00eda\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Un documento tambi\u00e9n puede\r\n\r\n        <span>\r\n          convertirse en objeto de an\u00e1lisis.\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 introduce\r\n      al estudiante\r\n      en la inspecci\u00f3n\r\n      de material de duda\r\n      y en t\u00e9cnicas relacionadas\r\n      con grafolog\u00eda,\r\n      documentolog\u00eda\r\n      y an\u00e1lisis documental.\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=\"perito-doc-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         VISUAL\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-doc-visual\">\r\n\r\n\r\n      <div class=\"perito-sheet back\"><\/div>\r\n\r\n\r\n      <div class=\"perito-sheet front\">\r\n\r\n        <span class=\"perito-sheet-line l1\"><\/span>\r\n        <span class=\"perito-sheet-line l2\"><\/span>\r\n        <span class=\"perito-sheet-line l3\"><\/span>\r\n        <span class=\"perito-sheet-line l4\"><\/span>\r\n        <span class=\"perito-sheet-line l5\"><\/span>\r\n\r\n        <div class=\"perito-signature\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-analysis-frame\"><\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-doc-tag one\">\r\n\r\n        <small>\r\n          Elemento\r\n        <\/small>\r\n\r\n        <strong>\r\n          Material de duda\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-tag two\">\r\n\r\n        <small>\r\n          An\u00e1lisis\r\n        <\/small>\r\n\r\n        <strong>\r\n          Escritura y documento\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-tag three\">\r\n\r\n        <small>\r\n          Resultado\r\n        <\/small>\r\n\r\n        <strong>\r\n          Informaci\u00f3n t\u00e9cnica\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         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-doc-panel\">\r\n\r\n\r\n      <small>\r\n        An\u00e1lisis documental\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Examina caracter\u00edsticas.\r\n\r\n        <span>\r\n          Organiza hallazgos.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-doc-intro\">\r\n\r\n        El m\u00f3dulo\r\n        de Grafolog\u00eda\r\n        y Documentolog\u00eda\r\n        acerca al estudiante\r\n        al an\u00e1lisis t\u00e9cnico\r\n        de documentos\r\n        y material de duda,\r\n        dentro de procedimientos\r\n        establecidos.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- CARDS -->\r\n\r\n      <div class=\"perito-doc-grid\">\r\n\r\n\r\n        <div class=\"perito-doc-card\">\r\n\r\n          <div class=\"perito-doc-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Inspeccionar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Reconocer\r\n            caracter\u00edsticas\r\n            presentes\r\n            en documentos\r\n            y material\r\n            sometido a revisi\u00f3n.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-doc-card\">\r\n\r\n          <div class=\"perito-doc-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Comparar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Observar\r\n            diferencias,\r\n            similitudes\r\n            y elementos\r\n            relevantes\r\n            para el an\u00e1lisis.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-doc-card\">\r\n\r\n          <div class=\"perito-doc-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Analizar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Organizar\r\n            informaci\u00f3n\r\n            derivada\r\n            de la revisi\u00f3n\r\n            t\u00e9cnica documental.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-doc-card\">\r\n\r\n          <div class=\"perito-doc-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Documentar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Registrar\r\n            observaciones\r\n            de manera clara,\r\n            estructurada\r\n            y verificable.\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      <!-- PRINCIPLE -->\r\n\r\n      <div class=\"perito-doc-principle\">\r\n\r\n        <small>\r\n          Principio de an\u00e1lisis\r\n        <\/small>\r\n\r\n        <strong>\r\n          Primero se examina. Despu\u00e9s se construyen conclusiones.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          El an\u00e1lisis t\u00e9cnico\r\n          debe diferenciar\r\n          las caracter\u00edsticas observadas\r\n          de las interpretaciones\r\n          que posteriormente\r\n          puedan formularse.\r\n\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       ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-doc-route\">\r\n\r\n\r\n    <div class=\"perito-doc-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de an\u00e1lisis documental\r\n        <\/small>\r\n\r\n        <strong>\r\n          Del documento observado a la informaci\u00f3n t\u00e9cnicamente organizada.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-doc-route-badge\">\r\n        Document Analysis\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-doc-route-grid\">\r\n\r\n\r\n      <div class=\"perito-doc-route-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Inspeccionar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-route-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reconocer\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-route-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comparar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-route-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-route-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documentar\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-doc-cta\">\r\n\r\n\r\n    <div class=\"perito-doc-cta-code\">\r\n      GD\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n especializada\r\n      <\/small>\r\n\r\n      <strong>\r\n        Grafolog\u00eda y Documentolog\u00eda hacen parte de tu ruta como Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta con ECFI\r\n        modalidad,\r\n        horarios,\r\n        requisitos\r\n        y proceso de inscripci\u00f3n.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20m%C3%B3dulo%20de%20Grafolog%C3%ADa%20y%20Documentolog%C3%ADa%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar programa \u2192\r\n    <\/a>\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-5e7c8ff e-con e-atomic-element e-flexbox-base e-default-div e-f234ac1 \" data-id=\"5e7c8ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5e7c8ff\" data-e-type=\"e-flexbox\" data-id=\"5e7c8ff\">\n    \t\t<div class=\"elementor-element elementor-element-4be9a0c elementor-widget elementor-widget-html\" data-id=\"4be9a0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 08 \u00b7 AN\u00c1LISIS E INFORME PERICIAL\r\n========================================================= -->\r\n\r\n<section id=\"perito-informe\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-informe{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(21,199,217,.09),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-informe *,\r\n#perito-informe *::before,\r\n#perito-informe *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-informe::before{\r\n\r\n  content:\"08\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-informe .perito-report-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-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#perito-informe .perito-report-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#perito-informe .perito-report-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-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   PHOTO\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-photo{\r\n\r\n  position:relative;\r\n\r\n  min-height:620px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(2,6,47,.03),\r\n      rgba(2,6,47,.06) 44%,\r\n      rgba(2,6,47,.91) 100%\r\n    ),\r\n\r\n    url(\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/07\/shutterstock_1686006697-2-scaled.jpg\")\r\n    center center \/ cover\r\n    no-repeat;\r\n\r\n  box-shadow:\r\n    0\r\n    27px\r\n    65px\r\n    rgba(2,6,47,.17);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO TAG\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-tag{\r\n\r\n  position:absolute;\r\n\r\n  top:17px;\r\n  left:17px;\r\n\r\n  z-index:5;\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    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(2,6,47,.82);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.11);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\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#perito-informe .perito-report-tag::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}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING REPORT CARD\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-floating{\r\n\r\n  position:absolute;\r\n\r\n  top:108px;\r\n  right:18px;\r\n\r\n  z-index:5;\r\n\r\n  width:190px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    rgba(2,6,47,.86);\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(12px);\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-floating small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-floating strong{\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  font-size:7.4px;\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\/* =========================================================\r\n   PHOTO BOTTOM\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-photo-bottom{\r\n\r\n  position:absolute;\r\n\r\n  left:17px;\r\n  right:17px;\r\n  bottom:17px;\r\n\r\n  z-index:5;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(2,6,47,.87);\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(14px);\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-photo-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-photo-bottom 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:12px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-photo-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-photo-bottom p{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    0;\r\n\r\n  color:#afbed1 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-panel{\r\n\r\n  min-height:620px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:29px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(21,199,217,.11),\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  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEAD\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.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#perito-informe .perito-report-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\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#perito-informe .perito-report-panel h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-intro{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REPORT STEPS\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-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:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-card{\r\n\r\n  min-height:145px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-num{\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:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-informe\r\n.perito-report-card:nth-child(1)\r\n.perito-report-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-informe\r\n.perito-report-card:nth-child(2)\r\n.perito-report-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-informe\r\n.perito-report-card:nth-child(3)\r\n.perito-report-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-informe\r\n.perito-report-card:nth-child(4)\r\n.perito-report-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-informe .perito-report-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#9eb0c5 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.44;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-principle{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-principle strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:9.1px;\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#perito-informe .perito-report-principle span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE HEAD\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-informe .perito-report-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-informe .perito-report-route-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eef5ff;\r\n\r\n  color:\r\n    var(--electric)\r\n    !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}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE GRID\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-route-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-route-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:108px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-route-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--electric);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-informe\r\n.perito-report-route-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-informe .perito-report-route-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-route-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.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\/* =========================================================\r\n   REPORT PREVIEW\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-preview{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .86fr\r\n    1.14fr;\r\n\r\n  gap:18px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n#perito-informe .perito-report-preview-copy{\r\n\r\n  padding:22px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-preview-copy small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-preview-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:12px;\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#perito-informe .perito-report-preview-copy p{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    0;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.52;\r\n\r\n}\r\n\r\n\r\n\/* DOCUMENT *\/\r\n\r\n#perito-informe .perito-report-document{\r\n\r\n  padding:20px;\r\n\r\n  border-radius:18px;\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    16px\r\n    35px\r\n    rgba(2,6,47,.05);\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-document-top{\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:12px;\r\n\r\n  padding-bottom:12px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-document-top small{\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-document-top span{\r\n\r\n  color:#8b98aa !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-doc-row{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    100px\r\n    1fr;\r\n\r\n  gap:10px;\r\n\r\n  padding:\r\n    10px\r\n    0;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #edf1f6;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-doc-row:last-child{\r\n  border-bottom:none;\r\n}\r\n\r\n\r\n#perito-informe .perito-doc-row small{\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-doc-row strong{\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6.6px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-informe .perito-report-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-informe .perito-report-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-informe .perito-report-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-informe .perito-report-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-informe .perito-report-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-informe .perito-report-head,\r\n  #perito-informe .perito-report-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-photo{\r\n\r\n    min-height:530px;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe\r\n  .perito-report-route-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n  #perito-informe .perito-report-preview{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-informe{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-photo{\r\n\r\n    min-height:440px;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-floating{\r\n\r\n    width:155px;\r\n\r\n    top:78px;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-doc-row{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-informe .perito-report-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-informe *{\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=\"perito-report-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-report-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-report-eyebrow\">\r\n        08 \u00b7 An\u00e1lisis e informe pericial\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Analizar es importante.\r\n\r\n        <span>\r\n          Saber sustentar tambi\u00e9n.\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 informaci\u00f3n obtenida\r\n      durante una investigaci\u00f3n\r\n      debe organizarse,\r\n      analizarse\r\n      y comunicarse\r\n      de manera clara,\r\n      objetiva\r\n      y t\u00e9cnicamente estructurada.\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=\"perito-report-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PHOTO\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-report-photo\">\r\n\r\n\r\n      <span class=\"perito-report-tag\">\r\n        Pericial Analysis\r\n      <\/span>\r\n\r\n\r\n      <div class=\"perito-report-floating\">\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Sustentar informe pericial\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-report-photo-bottom\">\r\n\r\n        <small>\r\n          Informaci\u00f3n pericial\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Los hallazgos necesitan\r\n\r\n          <span>\r\n            estructura y argumentaci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/strong>\r\n\r\n        <p>\r\n\r\n          Organizar hechos,\r\n          registrar informaci\u00f3n\r\n          y consolidar conclusiones\r\n          son parte\r\n          del proceso\r\n          de construcci\u00f3n pericial.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         PANEL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-report-panel\">\r\n\r\n\r\n      <small>\r\n        Construcci\u00f3n del informe\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        De los hechos\r\n\r\n        <span>\r\n          a una conclusi\u00f3n t\u00e9cnica.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p class=\"perito-report-intro\">\r\n\r\n        El estudiante desarrolla\r\n        competencias relacionadas\r\n        con la organizaci\u00f3n\r\n        de informaci\u00f3n,\r\n        estructuraci\u00f3n de hechos,\r\n        elaboraci\u00f3n de contenidos\r\n        periciales\r\n        y sustentaci\u00f3n\r\n        bajo criterios t\u00e9cnicos.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- CARDS -->\r\n\r\n      <div class=\"perito-report-grid\">\r\n\r\n\r\n        <div class=\"perito-report-card\">\r\n\r\n          <div class=\"perito-report-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <strong>\r\n            Organizar informaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Clasificar\r\n            hechos,\r\n            datos\r\n            y elementos relevantes\r\n            para su an\u00e1lisis.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-report-card\">\r\n\r\n          <div class=\"perito-report-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <strong>\r\n            Estructurar hechos\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Construir\r\n            una secuencia clara\r\n            de informaci\u00f3n\r\n            dentro del contexto\r\n            investigativo.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-report-card\">\r\n\r\n          <div class=\"perito-report-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <strong>\r\n            Redactar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Presentar\r\n            informaci\u00f3n t\u00e9cnica\r\n            de forma ordenada,\r\n            comprensible\r\n            y objetiva.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-report-card\">\r\n\r\n          <div class=\"perito-report-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <strong>\r\n            Sustentar\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Comunicar\r\n            el contenido\r\n            del informe\r\n            de acuerdo\r\n            con el contexto requerido.\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      <!-- PRINCIPLE -->\r\n\r\n      <div class=\"perito-report-principle\">\r\n\r\n        <small>\r\n          Principio pericial\r\n        <\/small>\r\n\r\n        <strong>\r\n          Una conclusi\u00f3n debe poder explicarse y sustentarse.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          El informe t\u00e9cnico\r\n          requiere claridad,\r\n          organizaci\u00f3n\r\n          y relaci\u00f3n\r\n          entre los hechos,\r\n          la informaci\u00f3n analizada\r\n          y las conclusiones.\r\n\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       ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-report-route\">\r\n\r\n\r\n    <div class=\"perito-report-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta del informe\r\n        <\/small>\r\n\r\n        <strong>\r\n          Convertir informaci\u00f3n en un documento t\u00e9cnicamente estructurado.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-report-route-badge\">\r\n        Pericial Report\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-report-route-grid\">\r\n\r\n\r\n      <div class=\"perito-report-route-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reunir informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-report-route-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Revisar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-report-route-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Estructurar hechos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-report-route-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Redactar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-report-route-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Concluir\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-report-route-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       REPORT PREVIEW\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-report-preview\">\r\n\r\n\r\n    <div class=\"perito-report-preview-copy\">\r\n\r\n      <small>\r\n        Informe pericial\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprender a escribir tambi\u00e9n hace parte de investigar.\r\n      <\/strong>\r\n\r\n      <p>\r\n\r\n        La formaci\u00f3n contempla\r\n        la organizaci\u00f3n\r\n        y presentaci\u00f3n\r\n        de informaci\u00f3n t\u00e9cnica,\r\n        incluyendo\r\n        la redacci\u00f3n de hechos\r\n        y consolidaci\u00f3n\r\n        de conclusiones.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-report-document\">\r\n\r\n\r\n      <div class=\"perito-report-document-top\">\r\n\r\n        <small>\r\n          Estructura conceptual\r\n        <\/small>\r\n\r\n        <span>\r\n          Documento t\u00e9cnico\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-row\">\r\n\r\n        <small>\r\n          Encabezado\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificaci\u00f3n y contexto del informe\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-row\">\r\n\r\n        <small>\r\n          Hechos\r\n        <\/small>\r\n\r\n        <strong>\r\n          Informaci\u00f3n organizada del caso analizado\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-row\">\r\n\r\n        <small>\r\n          An\u00e1lisis\r\n        <\/small>\r\n\r\n        <strong>\r\n          Relaci\u00f3n t\u00e9cnica de la informaci\u00f3n revisada\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-row\">\r\n\r\n        <small>\r\n          Conclusiones\r\n        <\/small>\r\n\r\n        <strong>\r\n          S\u00edntesis derivada del proceso de an\u00e1lisis\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-doc-row\">\r\n\r\n        <small>\r\n          Sustentaci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          Presentaci\u00f3n y explicaci\u00f3n del contenido t\u00e9cnico\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-report-cta\">\r\n\r\n\r\n    <div class=\"perito-report-cta-code\">\r\n      IP\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Competencia profesional\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende a transformar informaci\u00f3n investigativa en un informe t\u00e9cnicamente sustentado.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta con ECFI\r\n        las modalidades,\r\n        horarios\r\n        y proceso actual\r\n        de inscripci\u00f3n.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20la%20formaci%C3%B3n%20en%20an%C3%A1lisis%20e%20informes%20periciales%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero informaci\u00f3n \u2192\r\n    <\/a>\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-9c3bf50 e-con e-atomic-element e-flexbox-base e-default-div e-f21c1ad \" data-id=\"9c3bf50\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9c3bf50\" data-e-type=\"e-flexbox\" data-id=\"9c3bf50\">\n    \t\t<div class=\"elementor-element elementor-element-10b793b elementor-widget elementor-widget-html\" data-id=\"10b793b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 09 \u00b7 DERECHO, AUDIENCIAS Y CONCILIACI\u00d3N\r\n========================================================= -->\r\n\r\n<section id=\"perito-derecho\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-derecho{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(215,169,40,.09),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 7% 90%,\r\n      rgba(21,199,217,.10),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 53%,\r\n      #0a2c86 78%,\r\n      #083b57 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#perito-derecho *,\r\n#perito-derecho *::before,\r\n#perito-derecho *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#perito-derecho::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.021) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.021) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    46px\r\n    46px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-derecho::after{\r\n\r\n  content:\"09\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\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#perito-derecho .perito-law-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-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#perito-derecho .perito-law-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-soft)\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#perito-derecho .perito-law-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    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:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-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#perito-derecho .perito-law-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c1cede !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   MAIN CARDS\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:390px;\r\n\r\n  padding:25px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:24px;\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  box-shadow:\r\n    0\r\n    20px\r\n    48px\r\n    rgba(0,0,0,.14);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-card:hover{\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ACCENT\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-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  background:var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-card:nth-child(2)::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-card:nth-child(3)::before{\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-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:16px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:22px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-card:nth-child(2)\r\n.perito-law-icon{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-card:nth-child(3)\r\n.perito-law-icon{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TEXT\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:22px;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-card h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:21px;\r\n\r\n  line-height:1.08;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.5px;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-card p{\r\n\r\n  margin:0;\r\n\r\n  color:#adbed2 !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIST\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-list{\r\n\r\n  margin-top:19px;\r\n\r\n  display:grid;\r\n\r\n  gap:7px;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-list span{\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  padding-left:17px;\r\n\r\n  color:#d0d9e5 !important;\r\n\r\n  font-size:6.1px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:750;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-list span::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:5px;\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}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-card:nth-child(2)\r\n.perito-law-list span::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-card:nth-child(3)\r\n.perito-law-list span::before{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTEXT\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-context{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .86fr\r\n    1.14fr;\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-context-title{\r\n\r\n  padding:25px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-context-title small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-derecho .perito-law-context-title strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:24px;\r\n\r\n  line-height:1.08;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-context-title strong span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-context-title p{\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    0;\r\n\r\n  color:#69788d !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTEXT GRID\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-areas{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-area{\r\n\r\n  min-height:130px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:15px;\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#perito-derecho .perito-law-area small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-area 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:8px;\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#perito-derecho\r\n.perito-law-area:nth-child(1)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-area:nth-child(2)\r\nstrong{\r\n  color:#9fb9ff !important;\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-area:nth-child(3)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-area:nth-child(4)\r\nstrong{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-area:nth-child(5)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-area:nth-child(6)\r\nstrong{\r\n  color:#9fb9ff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-flow{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-flow-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-flow-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-derecho .perito-law-flow-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-derecho .perito-law-flow-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#fff7dc;\r\n\r\n  color:#9b7300 !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-flow-grid{\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}\r\n\r\n\r\n#perito-derecho .perito-law-flow-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:108px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-flow-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--electric);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-derecho\r\n.perito-law-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-flow-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.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\/* =========================================================\r\n   IMPORTANT NOTE\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-note{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:22px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-note-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--gold),\r\n      var(--yellow)\r\n    );\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#perito-derecho .perito-law-note small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-note strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10.5px;\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#perito-derecho .perito-law-note span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-derecho .perito-law-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-derecho .perito-law-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-derecho .perito-law-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-derecho .perito-law-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#69788d !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-derecho .perito-law-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-derecho .perito-law-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-card{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-context{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-flow-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho\r\n  .perito-law-flow-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-derecho{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-areas{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-note{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-derecho .perito-law-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:440px){\r\n\r\n  #perito-derecho .perito-law-areas{\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  #perito-derecho *{\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=\"perito-law-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-law-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-law-eyebrow\">\r\n        09 \u00b7 Derecho, audiencias y conciliaci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        La evidencia necesita\r\n\r\n        <span>\r\n          contexto jur\u00eddico.\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 trabajo pericial\r\n      se desarrolla dentro\r\n      de procedimientos,\r\n      normas\r\n      y escenarios judiciales\r\n      que el estudiante\r\n      debe aprender\r\n      a reconocer\r\n      y comprender.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       THREE AREAS\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-law-grid\">\r\n\r\n\r\n    <!-- DERECHO -->\r\n\r\n    <article class=\"perito-law-card\">\r\n\r\n\r\n      <div class=\"perito-law-icon\">\r\n        \u00a7\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Contexto normativo\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Derecho Penal\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Comprende principios\r\n        y conceptos jur\u00eddicos\r\n        necesarios para interpretar\r\n        el entorno\r\n        en el que se desarrolla\r\n        una actuaci\u00f3n investigativa\r\n        o pericial.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"perito-law-list\">\r\n\r\n        <span>\r\n          Principios jur\u00eddicos\r\n        <\/span>\r\n\r\n        <span>\r\n          Normativa aplicable\r\n        <\/span>\r\n\r\n        <span>\r\n          Procedimientos\r\n        <\/span>\r\n\r\n        <span>\r\n          Legalidad\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- AUDIENCIA -->\r\n\r\n    <article class=\"perito-law-card\">\r\n\r\n\r\n      <div class=\"perito-law-icon\">\r\n        \u25c9\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Actuaci\u00f3n judicial\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Organizaci\u00f3n de la Audiencia\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Familiar\u00edzate\r\n        con los escenarios\r\n        en los que diferentes\r\n        actores participan\r\n        y presentan informaci\u00f3n\r\n        dentro de una actuaci\u00f3n judicial.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"perito-law-list\">\r\n\r\n        <span>\r\n          Roles\r\n        <\/span>\r\n\r\n        <span>\r\n          Intervenciones\r\n        <\/span>\r\n\r\n        <span>\r\n          Comunicaci\u00f3n t\u00e9cnica\r\n        <\/span>\r\n\r\n        <span>\r\n          Sustentaci\u00f3n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- CONCILIACI\u00d3N -->\r\n\r\n    <article class=\"perito-law-card\">\r\n\r\n\r\n      <div class=\"perito-law-icon\">\r\n        \u2194\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Gesti\u00f3n del conflicto\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Conciliaci\u00f3n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Conoce elementos\r\n        asociados\r\n        a la intermediaci\u00f3n\r\n        y tratamiento\r\n        de conflictos\r\n        dentro de los marcos\r\n        normativos correspondientes.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"perito-law-list\">\r\n\r\n        <span>\r\n          Comunicaci\u00f3n\r\n        <\/span>\r\n\r\n        <span>\r\n          Intermediaci\u00f3n\r\n        <\/span>\r\n\r\n        <span>\r\n          Gesti\u00f3n del conflicto\r\n        <\/span>\r\n\r\n        <span>\r\n          Marco normativo\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       LEGAL CONTEXT\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-law-context\">\r\n\r\n\r\n    <div class=\"perito-law-context-title\">\r\n\r\n      <small>\r\n        Visi\u00f3n jur\u00eddica\r\n      <\/small>\r\n\r\n      <strong>\r\n\r\n        Un mismo an\u00e1lisis puede aparecer en\r\n\r\n        <span>\r\n          diferentes contextos legales.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n      <p>\r\n\r\n        El programa plantea\r\n        una formaci\u00f3n que aproxima\r\n        al estudiante\r\n        a diversos escenarios\r\n        en los que pueden existir\r\n        procesos investigativos,\r\n        probatorios\r\n        o de apoyo t\u00e9cnico.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-law-areas\">\r\n\r\n\r\n      <div class=\"perito-law-area\">\r\n\r\n        <small>\r\n          \u00c1rea\r\n        <\/small>\r\n\r\n        <strong>\r\n          Penal\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-area\">\r\n\r\n        <small>\r\n          \u00c1rea\r\n        <\/small>\r\n\r\n        <strong>\r\n          Civil\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-area\">\r\n\r\n        <small>\r\n          \u00c1rea\r\n        <\/small>\r\n\r\n        <strong>\r\n          Laboral\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-area\">\r\n\r\n        <small>\r\n          \u00c1rea\r\n        <\/small>\r\n\r\n        <strong>\r\n          Administrativa\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-area\">\r\n\r\n        <small>\r\n          \u00c1rea\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comercial\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-area\">\r\n\r\n        <small>\r\n          Enfoque\r\n        <\/small>\r\n\r\n        <strong>\r\n          Investigaci\u00f3n\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       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-law-flow\">\r\n\r\n\r\n    <div class=\"perito-law-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Relaci\u00f3n entre investigaci\u00f3n y derecho\r\n        <\/small>\r\n\r\n        <strong>\r\n          La informaci\u00f3n t\u00e9cnica adquiere sentido dentro de un procedimiento.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-law-flow-badge\">\r\n        Legal Context\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-law-flow-grid\">\r\n\r\n\r\n      <div class=\"perito-law-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reconocer el contexto\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprender la norma\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Elaborar contenido t\u00e9cnico\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-law-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comunicar o sustentar\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       NOTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-law-note\">\r\n\r\n\r\n    <div class=\"perito-law-note-code\">\r\n      \u00a7\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n responsable\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conocer el procedimiento es tan importante como comprender la evidencia.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        La formaci\u00f3n pericial\r\n        se desarrolla\r\n        dentro de principios\r\n        de legalidad,\r\n        \u00e9tica,\r\n        objetividad\r\n        y responsabilidad.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-law-cta\">\r\n\r\n\r\n    <div class=\"perito-law-cta-code\">\r\n      DJ\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Ampl\u00eda tu perfil\r\n      <\/small>\r\n\r\n      <strong>\r\n        Combina investigaci\u00f3n, an\u00e1lisis t\u00e9cnico y comprensi\u00f3n del contexto jur\u00eddico.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidades,\r\n        horarios\r\n        y proceso de inscripci\u00f3n\r\n        directamente con ECFI.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20conocer%20m%C3%A1s%20sobre%20Derecho%20Penal%2C%20Audiencias%20y%20Conciliaci%C3%B3n%20dentro%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar programa \u2192\r\n    <\/a>\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-56c8ee5 e-con e-atomic-element e-flexbox-base e-default-div e-181f5ec \" data-id=\"56c8ee5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"56c8ee5\" data-e-type=\"e-flexbox\" data-id=\"56c8ee5\">\n    \t\t<div class=\"elementor-element elementor-element-4fee6b7 elementor-widget elementor-widget-html\" data-id=\"4fee6b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 10 \u00b7 EXPERIENCIA DE APRENDIZAJE\r\n========================================================= -->\r\n\r\n<section id=\"perito-experiencia\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-experiencia{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(21,199,217,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 7% 92%,\r\n      rgba(23,107,255,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-experiencia *,\r\n#perito-experiencia *::before,\r\n#perito-experiencia *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-experiencia::before{\r\n\r\n  content:\"10\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-experiencia .perito-exp-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-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#perito-experiencia .perito-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:\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#perito-experiencia .perito-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-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   EXPERIENCE LAB\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-lab{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:32px;\r\n\r\n  border-radius:30px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 95% 5%,\r\n      rgba(21,199,217,.12),\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  box-shadow:\r\n    0\r\n    28px\r\n    65px\r\n    rgba(2,6,47,.15);\r\n\r\n}\r\n\r\n\r\n\/* GRID OVERLAY *\/\r\n\r\n#perito-experiencia .perito-exp-lab::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.022) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.022) 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\/* =========================================================\r\n   LAB HEAD\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-lab-head{\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:26px;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-lab-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-lab-head strong{\r\n\r\n  display:block;\r\n\r\n  max-width:750px;\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      23px,\r\n      3vw,\r\n      36px\r\n    );\r\n\r\n  line-height:1.05;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-lab-head strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-lab-badge{\r\n\r\n  padding:\r\n    9px\r\n    12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.18);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !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  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   METHOD CARDS\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-grid{\r\n\r\n  position:relative;\r\n  z-index:2;\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}\r\n\r\n\r\n#perito-experiencia .perito-exp-card{\r\n\r\n  min-height:225px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:17px;\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,.075);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-card:hover{\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD NUMBER\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-num{\r\n\r\n  width:39px;\r\n  height:39px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(2)\r\n.perito-exp-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(3)\r\n.perito-exp-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(4)\r\n.perito-exp-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(5)\r\n.perito-exp-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(6)\r\n.perito-exp-num{\r\n  background:#a9c1ff;\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(7)\r\n.perito-exp-num{\r\n  background:var(--yellow-soft);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-card:nth-child(8)\r\n.perito-exp-num{\r\n  background:#d7c27a;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:15px;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-card h3{\r\n\r\n  margin:\r\n    5px\r\n    0\r\n    7px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10px;\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#perito-experiencia .perito-exp-card p{\r\n\r\n  margin:0;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:5.9px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOW IT FEELS\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-process{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .88fr\r\n    1.12fr;\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-process-copy{\r\n\r\n  padding:26px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-copy small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:24px;\r\n\r\n  line-height:1.08;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.7px;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-copy strong span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-copy p{\r\n\r\n  margin:\r\n    10px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PROCESS\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-process-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:165px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-process-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8.4px;\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#perito-experiencia .perito-exp-process-step 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:5.6px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* ACCENTS *\/\r\n\r\n#perito-experiencia\r\n.perito-exp-process-step:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-process-step:nth-child(2){\r\n  border-top:3px solid var(--electric);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-process-step:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-process-step:nth-child(4){\r\n  border-top:3px solid var(--gold);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-process-step:nth-child(5){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-experiencia\r\n.perito-exp-process-step:nth-child(6){\r\n  border-top:3px solid var(--electric);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EVALUATION\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-eval{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EVAL HEAD\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-eval-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-eval-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-experiencia .perito-exp-eval-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-experiencia .perito-exp-eval-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #dfe8f3;\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EVALUATION TOOLS\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-tools{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-tool{\r\n\r\n  min-height:105px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #e5ecf4;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-tool small{\r\n\r\n  display:block;\r\n\r\n  color:#929fb0 !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-tool strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6.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\/* =========================================================\r\n   DISTANCE NOTE\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-distance{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:22px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\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      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-distance-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-experiencia .perito-exp-distance small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-distance strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10.5px;\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#perito-experiencia .perito-exp-distance span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-experiencia .perito-exp-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-experiencia .perito-exp-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-experiencia .perito-exp-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-experiencia .perito-exp-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-experiencia .perito-exp-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  #perito-experiencia .perito-exp-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-process{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-tools{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-experiencia{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-lab{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-lab-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-lab-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-process-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-eval-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-eval-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-tools{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-distance{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-experiencia .perito-exp-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:430px){\r\n\r\n  #perito-experiencia .perito-exp-tools{\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  #perito-experiencia *{\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=\"perito-exp-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-exp-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-exp-eyebrow\">\r\n        10 \u00b7 Experiencia de aprendizaje\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        No se trata solo de estudiar.\r\n\r\n        <span>\r\n          Se trata de aprender a investigar.\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 combina\r\n      an\u00e1lisis de situaciones,\r\n      casos,\r\n      actividades aplicadas,\r\n      simulaciones\r\n      y acompa\u00f1amiento docente\r\n      para desarrollar\r\n      competencias propias\r\n      del contexto judicial.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       JUDICIAL LEARNING LAB\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-exp-lab\">\r\n\r\n\r\n    <div class=\"perito-exp-lab-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          ECFI Judicial Learning Lab\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Aprende enfrent\u00e1ndote a\r\n\r\n          <span>\r\n            situaciones que exigen analizar y decidir.\r\n          <\/span>\r\n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-exp-lab-badge\">\r\n        Formaci\u00f3n por competencias\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- METHODS -->\r\n\r\n    <div class=\"perito-exp-grid\">\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          01\r\n        <\/div>\r\n\r\n        <small>\r\n          Metodolog\u00eda\r\n        <\/small>\r\n\r\n        <h3>\r\n          Aprendizaje basado en problemas\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Analiza situaciones\r\n          del \u00e1mbito judicial\r\n          para identificar problemas,\r\n          relacionar informaci\u00f3n\r\n          y plantear respuestas t\u00e9cnicas.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          02\r\n        <\/div>\r\n\r\n        <small>\r\n          Metodolog\u00eda\r\n        <\/small>\r\n\r\n        <h3>\r\n          Estudio de casos\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Examina situaciones\r\n          documentadas o planteadas\r\n          para interpretar hechos,\r\n          procedimientos\r\n          y posibles actuaciones.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          03\r\n        <\/div>\r\n\r\n        <small>\r\n          Experiencia\r\n        <\/small>\r\n\r\n        <h3>\r\n          Simulaciones\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Participa\r\n          en escenarios simulados\r\n          relacionados con inspecci\u00f3n,\r\n          an\u00e1lisis,\r\n          entrevistas\r\n          o actuaciones judiciales.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          04\r\n        <\/div>\r\n\r\n        <small>\r\n          Experiencia\r\n        <\/small>\r\n\r\n        <h3>\r\n          Juegos de roles\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Asume diferentes roles\r\n          para comprender\r\n          la interacci\u00f3n\r\n          entre participantes\r\n          dentro de situaciones judiciales.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          05\r\n        <\/div>\r\n\r\n        <small>\r\n          Aplicaci\u00f3n\r\n        <\/small>\r\n\r\n        <h3>\r\n          Proyectos\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Desarrolla productos\r\n          como informes,\r\n          protocolos\r\n          o investigaciones aplicadas\r\n          que integran\r\n          distintos conocimientos.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          06\r\n        <\/div>\r\n\r\n        <small>\r\n          Acompa\u00f1amiento\r\n        <\/small>\r\n\r\n        <h3>\r\n          Tutor\u00edas\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Recibe orientaci\u00f3n,\r\n          retroalimentaci\u00f3n\r\n          y espacios\r\n          para resolver dudas\r\n          durante el proceso formativo.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          07\r\n        <\/div>\r\n\r\n        <small>\r\n          Recursos\r\n        <\/small>\r\n\r\n        <h3>\r\n          Herramientas digitales\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Utiliza videos,\r\n          documentos,\r\n          recursos interactivos\r\n          y ambientes virtuales\r\n          como apoyo al aprendizaje.\r\n\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"perito-exp-card\">\r\n\r\n        <div class=\"perito-exp-num\">\r\n          08\r\n        <\/div>\r\n\r\n        <small>\r\n          Evaluaci\u00f3n\r\n        <\/small>\r\n\r\n        <h3>\r\n          Retroalimentaci\u00f3n continua\r\n        <\/h3>\r\n\r\n        <p>\r\n\r\n          Revisa tu desempe\u00f1o\r\n          mediante actividades,\r\n          criterios de evaluaci\u00f3n\r\n          y an\u00e1lisis\r\n          de los resultados obtenidos.\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       STUDENT EXPERIENCE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-exp-process\">\r\n\r\n\r\n    <div class=\"perito-exp-process-copy\">\r\n\r\n      <small>\r\n        \u00bfC\u00f3mo aprende el estudiante?\r\n      <\/small>\r\n\r\n      <strong>\r\n\r\n        Observa.\r\n\r\n        <span>\r\n          Analiza. Aplica.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n      <p>\r\n\r\n        La propuesta metodol\u00f3gica\r\n        busca que el estudiante\r\n        no permanezca \u00fanicamente\r\n        como receptor de informaci\u00f3n.\r\n        Debe interpretar,\r\n        argumentar,\r\n        resolver situaciones\r\n        y construir productos\r\n        relacionados con las competencias\r\n        del programa.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-exp-process-grid\">\r\n\r\n\r\n      <div class=\"perito-exp-process-step\">\r\n\r\n        <small>\r\n          Momento 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Explora\r\n        <\/strong>\r\n\r\n        <span>\r\n          Conoce conceptos, procedimientos y contexto.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-process-step\">\r\n\r\n        <small>\r\n          Momento 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analiza\r\n        <\/strong>\r\n\r\n        <span>\r\n          Revisa informaci\u00f3n y reconoce elementos relevantes.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-process-step\">\r\n\r\n        <small>\r\n          Momento 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Resuelve\r\n        <\/strong>\r\n\r\n        <span>\r\n          Trabaja sobre problemas y casos planteados.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-process-step\">\r\n\r\n        <small>\r\n          Momento 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Simula\r\n        <\/strong>\r\n\r\n        <span>\r\n          Participa en actividades pr\u00f3ximas al contexto profesional.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-process-step\">\r\n\r\n        <small>\r\n          Momento 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documenta\r\n        <\/strong>\r\n\r\n        <span>\r\n          Organiza resultados, hallazgos e informaci\u00f3n t\u00e9cnica.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-process-step\">\r\n\r\n        <small>\r\n          Momento 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Sustenta\r\n        <\/strong>\r\n\r\n        <span>\r\n          Comunica y argumenta el trabajo desarrollado.\r\n        <\/span>\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       EVALUATION\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-exp-eval\">\r\n\r\n\r\n    <div class=\"perito-exp-eval-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Evaluaci\u00f3n del aprendizaje\r\n        <\/small>\r\n\r\n        <strong>\r\n          No todo se eval\u00faa con un examen.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-exp-eval-badge\">\r\n        Evidence of Learning\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-exp-tools\">\r\n\r\n\r\n      <div class=\"perito-exp-tool\">\r\n\r\n        <small>\r\n          Instrumento\r\n        <\/small>\r\n\r\n        <strong>\r\n          Listas de chequeo\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-tool\">\r\n\r\n        <small>\r\n          Instrumento\r\n        <\/small>\r\n\r\n        <strong>\r\n          R\u00fabricas\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-tool\">\r\n\r\n        <small>\r\n          Instrumento\r\n        <\/small>\r\n\r\n        <strong>\r\n          Gu\u00edas de observaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-tool\">\r\n\r\n        <small>\r\n          Producto\r\n        <\/small>\r\n\r\n        <strong>\r\n          Informes periciales\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-tool\">\r\n\r\n        <small>\r\n          Actividad\r\n        <\/small>\r\n\r\n        <strong>\r\n          Audiencias simuladas\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-exp-tool\">\r\n\r\n        <small>\r\n          Seguimiento\r\n        <\/small>\r\n\r\n        <strong>\r\n          Bit\u00e1coras y diarios\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       DISTANCE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-exp-distance\">\r\n\r\n\r\n    <div class=\"perito-exp-distance-code\">\r\n      AVA\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Modalidad a distancia\r\n      <\/small>\r\n\r\n      <strong>\r\n        El aprendizaje tambi\u00e9n puede desarrollarse mediante ambientes virtuales.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        La metodolog\u00eda contempla\r\n        videoconferencias,\r\n        foros,\r\n        recursos digitales,\r\n        actividades colaborativas\r\n        y trabajo aut\u00f3nomo\r\n        con acompa\u00f1amiento docente.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-exp-cta\">\r\n\r\n\r\n    <div class=\"perito-exp-cta-code\">\r\n      EX\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfQuieres estudiar de esta manera?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conoce la modalidad que mejor se adapta a ti.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Pregunta por horarios,\r\n        modalidad presencial\r\n        o a distancia\r\n        y disponibilidad\r\n        para el pr\u00f3ximo grupo.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20conocer%20c%C3%B3mo%20es%20la%20metodolog%C3%ADa%20y%20la%20experiencia%20de%20aprendizaje%20del%20programa%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar metodolog\u00eda \u2192\r\n    <\/a>\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-41a4f8a e-con e-atomic-element e-flexbox-base e-default-div e-99ee425 \" data-id=\"41a4f8a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"41a4f8a\" data-e-type=\"e-flexbox\" data-id=\"41a4f8a\">\n    \t\t<div class=\"elementor-element elementor-element-d9e93db elementor-widget elementor-widget-html\" data-id=\"d9e93db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 11 \u00b7 PLAN DE ESTUDIOS\r\n========================================================= -->\r\n\r\n<section id=\"perito-plan-estudios\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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 91% 9%,\r\n      rgba(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(21,199,217,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-plan-estudios *,\r\n#perito-plan-estudios *::before,\r\n#perito-plan-estudios *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios::before{\r\n\r\n  content:\"11\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-plan-estudios .perito-plan-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-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#perito-plan-estudios .perito-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:\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#perito-plan-estudios .perito-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-head h2{\r\n\r\n  max-width:840px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-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   FACT STRIP\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-facts{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:10px;\r\n\r\n  margin-bottom:24px;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-fact{\r\n\r\n  min-height:105px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    16px\r\n    35px\r\n    rgba(2,6,47,.10);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-fact small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-fact 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:9px;\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#perito-plan-estudios\r\n.perito-plan-fact:nth-child(1)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-plan-fact:nth-child(2)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-plan-fact:nth-child(3)\r\nstrong{\r\n  color:#9fb9ff !important;\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-plan-fact:nth-child(4)\r\nstrong{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.12fr\r\n    .88fr;\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   SPECIFIC PANEL\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-specific-panel{\r\n\r\n  padding:28px;\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(21,199,217,.12),\r\n      transparent 27%\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  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-panel-label{\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:15px;\r\n\r\n  margin-bottom:20px;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-panel-label small{\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.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#perito-plan-estudios .perito-panel-label span{\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    rgba(255,255,255,.07);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODULE\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-module-list{\r\n\r\n  display:grid;\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-module{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    45px\r\n    1fr\r\n    auto;\r\n\r\n  gap:13px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:76px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:13px;\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,.07);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-module:hover{\r\n\r\n  transform:\r\n    translateX(4px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-module-num{\r\n\r\n  width:40px;\r\n  height:40px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(2)\r\n.perito-module-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(3)\r\n.perito-module-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(4)\r\n.perito-module-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(5)\r\n.perito-module-num{\r\n  background:#a9c1ff;\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(6)\r\n.perito-module-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(7)\r\n.perito-module-num{\r\n  background:#d7c27a;\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-module:nth-child(8)\r\n.perito-module-num{\r\n  background:var(--yellow-soft);\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-module small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-module strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7.7px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-module-tag{\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    rgba(21,199,217,.08);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:4.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   TRANSVERSAL PANEL\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-trans-panel{\r\n\r\n  padding:28px;\r\n\r\n  border-radius:28px;\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    22px\r\n    50px\r\n    rgba(2,6,47,.07);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-trans-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.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#perito-plan-estudios .perito-trans-panel h3{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    9px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:28px;\r\n\r\n  line-height:1.05;\r\n\r\n  letter-spacing:-.8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-trans-panel h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-trans-panel 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:7px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRANSVERSAL GRID\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-trans-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:9px;\r\n\r\n  margin-top:20px;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-trans-card{\r\n\r\n  min-height:130px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-trans-card small{\r\n\r\n  display:block;\r\n\r\n  color:#8d99aa !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-trans-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.5px;\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\/* =========================================================\r\n   WHY\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-why{\r\n\r\n  margin-top:20px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 48%,\r\n      #fff9df\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.15);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-why small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-why strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\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#perito-plan-estudios .perito-plan-why span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORMATION ROUTE\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\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    18px\r\n    45px\r\n    rgba(2,6,47,.06);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-plan-estudios .perito-plan-route-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eef5ff;\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-route-grid{\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}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:115px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--electric);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios\r\n.perito-plan-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.1px;\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\/* =========================================================\r\n   PRACTICE NOTE\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-practice-note{\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\r\n  gap:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-practice-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-plan-estudios .perito-practice-note small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-practice-note strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10.5px;\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#perito-plan-estudios .perito-practice-note span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-plan-estudios .perito-plan-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-plan-estudios .perito-plan-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-plan-estudios .perito-plan-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-plan-estudios .perito-plan-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-plan-estudios .perito-plan-head,\r\n  #perito-plan-estudios .perito-plan-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-facts{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios\r\n  .perito-plan-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-plan-estudios{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-facts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-specific-panel,\r\n  #perito-plan-estudios .perito-trans-panel{\r\n\r\n    padding:20px;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-module{\r\n\r\n    grid-template-columns:\r\n      42px\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-module-tag{\r\n\r\n    grid-column:\r\n      2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-trans-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-practice-note{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-plan-estudios .perito-plan-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-plan-estudios *{\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=\"perito-plan-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-plan-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-plan-eyebrow\">\r\n        11 \u00b7 Plan de estudios\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Una ruta dise\u00f1ada para\r\n\r\n        <span>\r\n          aprender a investigar.\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 plan integra\r\n      formaci\u00f3n criminal\u00edstica,\r\n      jur\u00eddica,\r\n      pericial\r\n      y transversal\r\n      para desarrollar\r\n      competencias aplicables\r\n      a diferentes contextos\r\n      de investigaci\u00f3n judicial.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FACTS\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-plan-facts\">\r\n\r\n\r\n    <div class=\"perito-plan-fact\">\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=\"perito-plan-fact\">\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=\"perito-plan-fact\">\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=\"perito-plan-fact\">\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\r\n  <!-- =====================================================\r\n       MAIN\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-plan-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         SPECIFIC FORMATION\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-specific-panel\">\r\n\r\n\r\n      <div class=\"perito-panel-label\">\r\n\r\n        <small>\r\n          Formaci\u00f3n espec\u00edfica\r\n        <\/small>\r\n\r\n        <span>\r\n          8 m\u00f3dulos\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-module-list\">\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Investigaci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              Investigaci\u00f3n Criminal\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            criminal\u00edstica\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Comportamiento\r\n            <\/small>\r\n\r\n            <strong>\r\n              Psicolog\u00eda Judicial y Forense\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            an\u00e1lisis\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Marco jur\u00eddico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Derecho Penal\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            legalidad\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Gesti\u00f3n del conflicto\r\n            <\/small>\r\n\r\n            <strong>\r\n              Conciliaci\u00f3n\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            mediaci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            05\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Escenario judicial\r\n            <\/small>\r\n\r\n            <strong>\r\n              Organizaci\u00f3n de la Audiencia\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            actuaci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            06\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Identificaci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              Lofoscopia\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            huellas\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            07\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              An\u00e1lisis\r\n            <\/small>\r\n\r\n            <strong>\r\n              An\u00e1lisis de Informaci\u00f3n Pericial\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            informe\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"perito-module\">\r\n\r\n          <div class=\"perito-module-num\">\r\n            08\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documentos\r\n            <\/small>\r\n\r\n            <strong>\r\n              Grafolog\u00eda y Documentolog\u00eda\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-module-tag\">\r\n            evidencia documental\r\n          <\/span>\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         TRANSVERSAL FORMATION\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-trans-panel\">\r\n\r\n\r\n      <small>\r\n        Formaci\u00f3n transversal\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Competencias que\r\n\r\n        <span>\r\n          complementan tu perfil.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Adem\u00e1s de la formaci\u00f3n\r\n        espec\u00edfica,\r\n        el programa incorpora\r\n        herramientas que fortalecen\r\n        la comunicaci\u00f3n,\r\n        autonom\u00eda,\r\n        \u00e9tica\r\n        y desempe\u00f1o profesional.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-trans-grid\">\r\n\r\n\r\n        <div class=\"perito-trans-card\">\r\n\r\n          <small>\r\n            Digital\r\n          <\/small>\r\n\r\n          <strong>\r\n            Herramientas Ofim\u00e1ticas\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-trans-card\">\r\n\r\n          <small>\r\n            Gesti\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Emprendimiento y Empresarismo\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-trans-card\">\r\n\r\n          <small>\r\n            Profesional\r\n          <\/small>\r\n\r\n          <strong>\r\n            \u00c9tica y Valores\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-trans-card\">\r\n\r\n          <small>\r\n            Expresi\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Comunicaci\u00f3n\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-trans-card\">\r\n\r\n          <small>\r\n            Aprendizaje\r\n          <\/small>\r\n\r\n          <strong>\r\n            T\u00e9cnicas de Estudio\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-trans-card\">\r\n\r\n          <small>\r\n            Idioma\r\n          <\/small>\r\n\r\n          <strong>\r\n            Ingl\u00e9s\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-plan-why\">\r\n\r\n        <small>\r\n          Formaci\u00f3n integral\r\n        <\/small>\r\n\r\n        <strong>\r\n          Un buen perfil t\u00e9cnico necesita m\u00e1s que conocimientos especializados.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Comunicaci\u00f3n,\r\n          tecnolog\u00eda,\r\n          \u00e9tica\r\n          y aprendizaje aut\u00f3nomo\r\n          complementan\r\n          las competencias espec\u00edficas\r\n          del programa.\r\n\r\n        <\/span>\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       FORMATION ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-plan-route\">\r\n\r\n\r\n    <div class=\"perito-plan-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta acad\u00e9mica\r\n        <\/small>\r\n\r\n        <strong>\r\n          Los contenidos se conectan para construir un perfil investigativo integral.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-plan-route-badge\">\r\n        1 semestre\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-plan-route-grid\">\r\n\r\n\r\n      <div class=\"perito-plan-step\">\r\n\r\n        <small>\r\n          Bloque 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Investigaci\u00f3n y criminal\u00edstica\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-plan-step\">\r\n\r\n        <small>\r\n          Bloque 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Evidencia e identificaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-plan-step\">\r\n\r\n        <small>\r\n          Bloque 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          An\u00e1lisis pericial\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-plan-step\">\r\n\r\n        <small>\r\n          Bloque 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Derecho y actuaci\u00f3n judicial\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-plan-step\">\r\n\r\n        <small>\r\n          Bloque 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Competencias transversales\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       PRACTICE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-practice-note\">\r\n\r\n\r\n    <div class=\"perito-practice-code\">\r\n      +PR\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Opci\u00f3n complementaria\r\n      <\/small>\r\n\r\n      <strong>\r\n        Despu\u00e9s del semestre puedes contar con opci\u00f3n de pr\u00e1ctica.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        La pr\u00e1ctica se presenta\r\n        como una alternativa\r\n        complementaria\r\n        para fortalecer\r\n        la aplicaci\u00f3n\r\n        de las competencias adquiridas,\r\n        seg\u00fan disponibilidad\r\n        y condiciones vigentes de ECFI.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-plan-cta\">\r\n\r\n\r\n    <div class=\"perito-plan-cta-code\">\r\n      14\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfTe interesa este plan de estudios?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Pregunta por el pr\u00f3ximo grupo del T\u00e9cnico Laboral en Perito Judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta disponibilidad,\r\n        modalidad,\r\n        horarios\r\n        y proceso de matr\u00edcula\r\n        directamente con ECFI.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20vi%20el%20plan%20de%20estudios%20del%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20quiero%20informaci%C3%B3n%20para%20inscribirme.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero inscribirme \u2192\r\n    <\/a>\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-cce492c e-con e-atomic-element e-flexbox-base e-default-div e-e1062fd \" data-id=\"cce492c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cce492c\" data-e-type=\"e-flexbox\" data-id=\"cce492c\">\n    \t\t<div class=\"elementor-element elementor-element-7fe9174 elementor-widget elementor-widget-html\" data-id=\"7fe9174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 12 \u00b7 MODALIDADES\r\n========================================================= -->\r\n\r\n<section id=\"perito-modalidades\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-modalidades{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(21,199,217,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-modalidades *,\r\n#perito-modalidades *::before,\r\n#perito-modalidades *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-modalidades::before{\r\n\r\n  content:\"12\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-modalidades .perito-mode-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-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#perito-modalidades .perito-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:\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#perito-modalidades .perito-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-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   MODE GRID\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-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#perito-modalidades .perito-mode-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:520px;\r\n\r\n  padding:30px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:28px;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.12);\r\n\r\n}\r\n\r\n\r\n\/* PRESENCIAL *\/\r\n\r\n#perito-modalidades .perito-mode-card.presencial{\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(21,199,217,.12),\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  color:#ffffff;\r\n\r\n}\r\n\r\n\r\n\/* DISTANCIA *\/\r\n\r\n#perito-modalidades .perito-mode-card.distancia{\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-top{\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-code{\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:15px;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-code{\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-code{\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-badge{\r\n\r\n  background:\r\n    rgba(255,255,255,.07);\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-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-badge{\r\n\r\n  background:#eef5ff;\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:24px;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial small{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia small{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-card h3{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    10px;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.4vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial h3{\r\n  color:#ffffff !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia h3{\r\n  color:var(--navy) !important;\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-card p{\r\n\r\n  margin:0;\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial p{\r\n  color:#b8c7d9 !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia p{\r\n  color:var(--muted) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-features{\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#perito-modalidades .perito-mode-feature{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    34px\r\n    1fr;\r\n\r\n  gap:11px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:64px;\r\n\r\n  padding:11px;\r\n\r\n  border-radius:12px;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-feature{\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-feature{\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-feature-num{\r\n\r\n  width:32px;\r\n  height:32px;\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:5.5px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-feature-num{\r\n\r\n  background:var(--cyan);\r\n\r\n  color:var(--navy) !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-feature-num{\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:var(--navy) !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-feature strong{\r\n\r\n  display:block;\r\n\r\n  font-size:7px;\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#perito-modalidades .presencial\r\n.perito-mode-feature strong{\r\n  color:#ffffff !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-feature strong{\r\n  color:var(--navy) !important;\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-feature span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  font-size:5.4px;\r\n\r\n  line-height:1.4;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-feature span{\r\n  color:#9fb1c6 !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-feature span{\r\n  color:#738198 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHO IS IT FOR\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-for{\r\n\r\n  margin-top:20px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:14px;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-for{\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-for{\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #fff9df\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.15);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-for small{\r\n\r\n  margin:0;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-for small{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-for small{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-for strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  font-size:8.5px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .presencial\r\n.perito-mode-for strong{\r\n  color:#ffffff !important;\r\n}\r\n\r\n\r\n#perito-modalidades .distancia\r\n.perito-mode-for strong{\r\n  color:var(--navy) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPARISON\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-compare{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPARE HEAD\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-compare-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-compare-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-modalidades .perito-compare-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\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#perito-modalidades .perito-compare-badge{\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    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPARISON GRID\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-compare-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-compare-card{\r\n\r\n  min-height:125px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:13px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-compare-card small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-compare-card 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:7.5px;\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#perito-modalidades\r\n.perito-compare-card:nth-child(1)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-modalidades\r\n.perito-compare-card:nth-child(2)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-modalidades\r\n.perito-compare-card:nth-child(3)\r\nstrong{\r\n  color:#9fb9ff !important;\r\n}\r\n\r\n\r\n#perito-modalidades\r\n.perito-compare-card:nth-child(4)\r\nstrong{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECISION\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-decision{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .88fr\r\n    1.12fr;\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n#perito-modalidades .perito-decision-copy{\r\n\r\n  padding:25px;\r\n\r\n  border-radius:21px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-decision-copy small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-decision-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:22px;\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.6px;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-decision-copy strong span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-decision-copy p{\r\n\r\n  margin:\r\n    8px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* OPTIONS *\/\r\n\r\n#perito-modalidades .perito-decision-options{\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}\r\n\r\n\r\n#perito-modalidades .perito-decision-option{\r\n\r\n  padding:19px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-decision-option small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-decision-option strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\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#perito-modalidades .perito-decision-option 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:5.9px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades\r\n.perito-decision-option:first-child{\r\n  border-top:\r\n    3px solid\r\n    var(--cyan);\r\n}\r\n\r\n\r\n#perito-modalidades\r\n.perito-decision-option:last-child{\r\n  border-top:\r\n    3px solid\r\n    var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-modalidades .perito-mode-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-modalidades .perito-mode-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-modalidades .perito-mode-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-modalidades .perito-mode-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-modalidades .perito-mode-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-modalidades .perito-mode-head,\r\n  #perito-modalidades .perito-mode-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-card{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-compare-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-decision{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-modalidades{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-card{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-compare-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-compare-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-compare-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-decision-options{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-modalidades .perito-mode-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-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=\"perito-mode-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-mode-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-mode-eyebrow\">\r\n        12 \u00b7 Modalidades\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Elige c\u00f3mo quieres\r\n\r\n        <span>\r\n          comenzar 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      El T\u00e9cnico Laboral\r\n      en Perito Judicial\r\n      cuenta actualmente\r\n      con modalidad presencial\r\n      y modalidad a distancia,\r\n      para que puedas elegir\r\n      la alternativa\r\n      que mejor se adapte\r\n      a tu din\u00e1mica personal.\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=\"perito-mode-grid\">\r\n\r\n\r\n    <!-- ===================================================\r\n         PRESENCIAL\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-mode-card presencial\">\r\n\r\n\r\n      <div class=\"perito-mode-top\">\r\n\r\n        <div class=\"perito-mode-code\">\r\n          PR\r\n        <\/div>\r\n\r\n        <span class=\"perito-mode-badge\">\r\n          Modalidad disponible\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Formaci\u00f3n presencial\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Presencial\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Una alternativa\r\n        para quienes prefieren\r\n        desarrollar su formaci\u00f3n\r\n        asistiendo f\u00edsicamente\r\n        a los espacios acad\u00e9micos\r\n        programados por ECFI.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-mode-features\">\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Encuentro acad\u00e9mico\r\n            <\/strong>\r\n\r\n            <span>\r\n              Formaci\u00f3n desarrollada en espacios presenciales programados.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Interacci\u00f3n directa\r\n            <\/strong>\r\n\r\n            <span>\r\n              Participaci\u00f3n e intercambio con docentes y compa\u00f1eros.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            03\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              Desarrollo de ejercicios y experiencias propias del proceso formativo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Acompa\u00f1amiento\r\n            <\/strong>\r\n\r\n            <span>\r\n              Orientaci\u00f3n acad\u00e9mica durante el desarrollo del programa.\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=\"perito-mode-for\">\r\n\r\n        <small>\r\n          Puede ser para ti si...\r\n        <\/small>\r\n\r\n        <strong>\r\n          Prefieres una experiencia acad\u00e9mica con asistencia f\u00edsica e interacci\u00f3n directa.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         DISTANCE\r\n    ==================================================== -->\r\n\r\n    <article class=\"perito-mode-card distancia\">\r\n\r\n\r\n      <div class=\"perito-mode-top\">\r\n\r\n        <div class=\"perito-mode-code\">\r\n          AD\r\n        <\/div>\r\n\r\n        <span class=\"perito-mode-badge\">\r\n          Modalidad disponible\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Formaci\u00f3n flexible\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        A distancia\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Una modalidad orientada\r\n        al aprendizaje aut\u00f3nomo,\r\n        flexible\r\n        y acompa\u00f1ado,\r\n        con apoyo\r\n        de ambientes virtuales\r\n        y recursos digitales.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-mode-features\">\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            01\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 digitales y espacios de aprendizaje en l\u00ednea.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Videoconferencias\r\n            <\/strong>\r\n\r\n            <span>\r\n              Encuentros virtuales como apoyo al proceso acad\u00e9mico.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Foros y comunicaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Espacios de participaci\u00f3n, interacci\u00f3n y trabajo colaborativo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-mode-feature\">\r\n\r\n          <div class=\"perito-mode-feature-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Trabajo aut\u00f3nomo\r\n            <\/strong>\r\n\r\n            <span>\r\n              Organizaci\u00f3n del aprendizaje con acompa\u00f1amiento docente.\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=\"perito-mode-for\">\r\n\r\n        <small>\r\n          Puede ser para ti si...\r\n        <\/small>\r\n\r\n        <strong>\r\n          Buscas mayor flexibilidad para organizar tu proceso de aprendizaje.\r\n        <\/strong>\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       COMMON BENEFITS\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-mode-compare\">\r\n\r\n\r\n    <div class=\"perito-compare-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Un mismo programa \u00b7 dos alternativas\r\n        <\/small>\r\n\r\n        <strong>\r\n          Elige la modalidad. Mant\u00e9n el enfoque en las competencias.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-compare-badge\">\r\n        1 semestre\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-compare-grid\">\r\n\r\n\r\n      <div class=\"perito-compare-card\">\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=\"perito-compare-card\">\r\n\r\n        <small>\r\n          Alternativa 01\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=\"perito-compare-card\">\r\n\r\n        <small>\r\n          Alternativa 02\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=\"perito-compare-card\">\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\r\n\r\n  <!-- =====================================================\r\n       DECISION\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-mode-decision\">\r\n\r\n\r\n    <div class=\"perito-decision-copy\">\r\n\r\n      <small>\r\n        \u00bfCu\u00e1l elegir?\r\n      <\/small>\r\n\r\n      <strong>\r\n\r\n        La mejor modalidad es la que\r\n\r\n        <span>\r\n          puedas sostener.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n      <p>\r\n\r\n        Antes de inscribirte,\r\n        revisa tu disponibilidad,\r\n        forma de aprendizaje\r\n        y posibilidades de asistencia.\r\n        El equipo de admisiones\r\n        puede orientarte\r\n        sobre la alternativa\r\n        disponible para el grupo\r\n        al que deseas ingresar.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-decision-options\">\r\n\r\n\r\n      <div class=\"perito-decision-option\">\r\n\r\n        <small>\r\n          Elige presencial si...\r\n        <\/small>\r\n\r\n        <strong>\r\n          Valoras el encuentro f\u00edsico.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Puede ser conveniente\r\n          si prefieres interacci\u00f3n\r\n          directa\r\n          y puedes asistir\r\n          a los encuentros programados.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-decision-option\">\r\n\r\n        <small>\r\n          Elige a distancia si...\r\n        <\/small>\r\n\r\n        <strong>\r\n          Necesitas mayor flexibilidad.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Puede ser conveniente\r\n          si puedes organizar\r\n          trabajo aut\u00f3nomo\r\n          y participar\r\n          en los espacios virtuales\r\n          del programa.\r\n\r\n        <\/span>\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-mode-cta\">\r\n\r\n\r\n    <div class=\"perito-mode-cta-code\">\r\n      2X\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfA\u00fan no sabes cu\u00e1l modalidad elegir?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Habla con admisiones y revisa qu\u00e9 opci\u00f3n se adapta mejor a ti.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Pregunta por disponibilidad,\r\n        horarios,\r\n        modalidad\r\n        y proceso de matr\u00edcula\r\n        del pr\u00f3ximo grupo.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20estudiar%20el%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20quiero%20asesor%C3%ADa%20para%20elegir%20entre%20modalidad%20presencial%20y%20a%20distancia.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Elegir modalidad \u2192\r\n    <\/a>\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-055f45f e-con e-atomic-element e-flexbox-base e-default-div e-d72649a \" data-id=\"055f45f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"055f45f\" data-e-type=\"e-flexbox\" data-id=\"055f45f\">\n    \t\t<div class=\"elementor-element elementor-element-4e3159c elementor-widget elementor-widget-html\" data-id=\"4e3159c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 13 \u00b7 OPCI\u00d3N DE PR\u00c1CTICA\r\n========================================================= -->\r\n\r\n<section id=\"perito-practica\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-practica{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\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 88% 12%,\r\n      rgba(215,169,40,.10),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 10% 88%,\r\n      rgba(21,199,217,.11),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 55%,\r\n      #0a2c86 80%,\r\n      #083b57 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#perito-practica *,\r\n#perito-practica *::before,\r\n#perito-practica *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#perito-practica::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.021) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.021) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    46px\r\n    46px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-practica::after{\r\n\r\n  content:\"13\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\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#perito-practica .perito-practice-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-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#perito-practica .perito-practice-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-soft)\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#perito-practica .perito-practice-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    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:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-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#perito-practica .perito-practice-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c1cede !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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .92fr\r\n    1.08fr;\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   LEFT VALUE CARD\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-value{\r\n\r\n  min-height:560px;\r\n\r\n  padding:30px;\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(21,199,217,.12),\r\n      transparent 30%\r\n    ),\r\n\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  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-value small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-value h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    11px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-value h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-value p{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE POINTS\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-points{\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#perito-practica .perito-practice-point{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    38px\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:78px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:13px;\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#perito-practica .perito-practice-point-num{\r\n\r\n  width:36px;\r\n  height:36px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-point:nth-child(1)\r\n.perito-practice-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-point:nth-child(2)\r\n.perito-practice-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-point:nth-child(3)\r\n.perito-practice-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-point:nth-child(4)\r\n.perito-practice-point-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-point strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7.6px;\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#perito-practica .perito-practice-point span{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:#9fb1c6 !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  line-height:1.43;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-panel{\r\n\r\n  min-height:560px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADER\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-panel > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-panel h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-panel h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-panel > p{\r\n\r\n  margin:0;\r\n\r\n  color:#6d7c90 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-steps{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-step{\r\n\r\n  min-height:145px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e5ecf4;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\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#perito-practica .perito-practice-step span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#6f7f94 !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-step:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-step:nth-child(2){\r\n  border-top:3px solid var(--electric);\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-step:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-step:nth-child(4){\r\n  border-top:3px solid var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONDITION NOTE\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-condition{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #fff9df\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.15);\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-condition small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-condition strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\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#perito-practica .perito-practice-condition span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#6c7b8f !important;\r\n\r\n  font-size:6.1px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   APPLICATION ROUTE\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:22px;\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#perito-practica .perito-practice-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:12px;\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#perito-practica .perito-practice-route-badge{\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    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE GRID\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-route-grid{\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}\r\n\r\n\r\n#perito-practica .perito-practice-route-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:108px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(2,6,47,.42);\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#perito-practica .perito-practice-route-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--cyan);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-practica\r\n.perito-practice-route-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-route-step small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-route-step 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:7px;\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\/* =========================================================\r\n   TRUST NOTE\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-trust{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\r\n\r\n  align-items:center;\r\n\r\n  padding:22px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-trust-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--gold),\r\n      var(--yellow)\r\n    );\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#perito-practica .perito-practice-trust small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-trust strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10.4px;\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#perito-practica .perito-practice-trust span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-practica .perito-practice-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    50px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-practica .perito-practice-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-practica .perito-practice-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-practica .perito-practice-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#6d7c90 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-practica .perito-practice-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-practica .perito-practice-head,\r\n  #perito-practica .perito-practice-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-value,\r\n  #perito-practica .perito-practice-panel{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica\r\n  .perito-practice-route-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-practica{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-value,\r\n  #perito-practica .perito-practice-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-steps{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-trust{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-practica .perito-practice-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-practica *{\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=\"perito-practice-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-practice-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-practice-eyebrow\">\r\n        13 \u00b7 Opci\u00f3n de pr\u00e1ctica\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Aprende la t\u00e9cnica.\r\n\r\n        <span>\r\n          Luego busca aplicarla.\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 cuenta\r\n      con opci\u00f3n de pr\u00e1ctica\r\n      como alternativa complementaria\r\n      para fortalecer\r\n      la aplicaci\u00f3n\r\n      de las competencias\r\n      desarrolladas durante\r\n      el semestre acad\u00e9mico.\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=\"perito-practice-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         VALUE\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-practice-value\">\r\n\r\n\r\n      <small>\r\n        De la formaci\u00f3n a la aplicaci\u00f3n\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Convierte conocimientos en\r\n\r\n        <span>\r\n          experiencia aplicada.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La opci\u00f3n de pr\u00e1ctica\r\n        puede permitir\r\n        que el estudiante\r\n        fortalezca habilidades\r\n        relacionadas\r\n        con procedimientos,\r\n        documentaci\u00f3n,\r\n        an\u00e1lisis\r\n        y responsabilidad profesional.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-practice-points\">\r\n\r\n\r\n        <div class=\"perito-practice-point\">\r\n\r\n          <div class=\"perito-practice-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Aplicar conocimientos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Relacionar la formaci\u00f3n acad\u00e9mica con situaciones de aplicaci\u00f3n.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-practice-point\">\r\n\r\n          <div class=\"perito-practice-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Fortalecer procedimientos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Consolidar h\u00e1bitos de organizaci\u00f3n, an\u00e1lisis y documentaci\u00f3n.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-practice-point\">\r\n\r\n          <div class=\"perito-practice-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Desarrollar criterio\r\n            <\/strong>\r\n\r\n            <span>\r\n              Relacionar informaci\u00f3n t\u00e9cnica con situaciones concretas.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-practice-point\">\r\n\r\n          <div class=\"perito-practice-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Reforzar el perfil\r\n            <\/strong>\r\n\r\n            <span>\r\n              Complementar las competencias adquiridas durante la formaci\u00f3n.\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         PANEL\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-practice-panel\">\r\n\r\n\r\n      <small>\r\n        \u00bfQu\u00e9 puede aportar?\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Una oportunidad para\r\n\r\n        <span>\r\n          poner a prueba lo aprendido.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La pr\u00e1ctica\r\n        no reemplaza\r\n        la formaci\u00f3n acad\u00e9mica.\r\n        Su valor est\u00e1\r\n        en complementar\r\n        los aprendizajes\r\n        y permitir\r\n        que el estudiante\r\n        contin\u00fae desarrollando\r\n        competencias t\u00e9cnicas.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-practice-steps\">\r\n\r\n\r\n        <div class=\"perito-practice-step\">\r\n\r\n          <small>\r\n            Competencia\r\n          <\/small>\r\n\r\n          <strong>\r\n            Observaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Fortalecer\r\n            la capacidad\r\n            de reconocer informaci\u00f3n\r\n            relevante\r\n            en diferentes situaciones.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-practice-step\">\r\n\r\n          <small>\r\n            Competencia\r\n          <\/small>\r\n\r\n          <strong>\r\n            Documentaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Aplicar criterios\r\n            de organizaci\u00f3n\r\n            y registro\r\n            de informaci\u00f3n t\u00e9cnica.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-practice-step\">\r\n\r\n          <small>\r\n            Competencia\r\n          <\/small>\r\n\r\n          <strong>\r\n            An\u00e1lisis\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Relacionar hechos,\r\n            informaci\u00f3n\r\n            y procedimientos\r\n            de manera estructurada.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-practice-step\">\r\n\r\n          <small>\r\n            Competencia\r\n          <\/small>\r\n\r\n          <strong>\r\n            Responsabilidad\r\n          <\/strong>\r\n\r\n          <span>\r\n\r\n            Desarrollar\r\n            h\u00e1bitos profesionales\r\n            asociados\r\n            a \u00e9tica,\r\n            confidencialidad\r\n            y cumplimiento.\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      <div class=\"perito-practice-condition\">\r\n\r\n        <small>\r\n          Importante\r\n        <\/small>\r\n\r\n        <strong>\r\n          La pr\u00e1ctica se ofrece como una opci\u00f3n complementaria.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Su disponibilidad,\r\n          condiciones,\r\n          escenarios\r\n          y proceso de asignaci\u00f3n\r\n          deben confirmarse\r\n          directamente\r\n          con el \u00e1rea de admisiones\r\n          de ECFI.\r\n\r\n        <\/span>\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       ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-practice-route\">\r\n\r\n\r\n    <div class=\"perito-practice-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de aplicaci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          La experiencia cobra valor cuando conecta lo aprendido con situaciones reales o aplicadas.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-practice-route-badge\">\r\n        Opci\u00f3n complementaria\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-practice-route-grid\">\r\n\r\n\r\n      <div class=\"perito-practice-route-step\">\r\n\r\n        <small>\r\n          Paso 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Formarte\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-practice-route-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Consolidar competencias\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-practice-route-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Consultar disponibilidad\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-practice-route-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aplicar conocimientos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-practice-route-step\">\r\n\r\n        <small>\r\n          Paso 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Fortalecer experiencia\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       TRUST NOTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-practice-trust\">\r\n\r\n\r\n    <div class=\"perito-practice-trust-code\">\r\n      +\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Informaci\u00f3n transparente\r\n      <\/small>\r\n\r\n      <strong>\r\n        Opci\u00f3n de pr\u00e1ctica no significa plaza laboral garantizada.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        ECFI puede orientarte\r\n        sobre las condiciones\r\n        vigentes,\r\n        disponibilidad\r\n        y proceso correspondiente\r\n        al momento\r\n        de tu formaci\u00f3n.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-practice-cta\">\r\n\r\n\r\n    <div class=\"perito-practice-cta-code\">\r\n      PR\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfQuieres conocer c\u00f3mo funciona la opci\u00f3n de pr\u00e1ctica?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Pregunta por las condiciones vigentes antes de matricularte.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        El equipo de admisiones\r\n        puede explicarte\r\n        disponibilidad,\r\n        requisitos\r\n        y caracter\u00edsticas\r\n        de esta alternativa.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20la%20opci%C3%B3n%20de%20pr%C3%A1ctica%20del%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20sus%20condiciones%20actuales.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar pr\u00e1ctica \u2192\r\n    <\/a>\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-23a0c97 e-con e-atomic-element e-flexbox-base e-default-div e-9fa7b31 \" data-id=\"23a0c97\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"23a0c97\" data-e-type=\"e-flexbox\" data-id=\"23a0c97\">\n    \t\t<div class=\"elementor-element elementor-element-5829745 elementor-widget elementor-widget-html\" data-id=\"5829745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 14 \u00b7 CAMPO LABORAL\r\n========================================================= -->\r\n\r\n<section id=\"perito-campo-laboral\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(21,199,217,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 7% 92%,\r\n      rgba(215,169,40,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-campo-laboral *,\r\n#perito-campo-laboral *::before,\r\n#perito-campo-laboral *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral::before{\r\n\r\n  content:\"14\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-campo-laboral .perito-career-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-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#perito-campo-laboral .perito-career-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#perito-campo-laboral .perito-career-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-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   INTRO STRIP\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-intro{\r\n\r\n  margin-bottom:24px;\r\n\r\n  padding:25px;\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:18px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    52px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-intro-code{\r\n\r\n  width:60px;\r\n  height:60px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-campo-laboral .perito-career-intro small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-campo-laboral .perito-career-intro strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-intro span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#afbed1 !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#perito-campo-laboral .perito-career-intro-badge{\r\n\r\n  padding:\r\n    9px\r\n    11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\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   WORK AREAS\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-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   CAREER CARD\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:250px;\r\n\r\n  padding:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:18px;\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    16px\r\n    38px\r\n    rgba(2,6,47,.055);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    box-shadow .22s ease;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-card:hover{\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    45px\r\n    rgba(2,6,47,.10);\r\n\r\n}\r\n\r\n\r\n\/* ACCENTS *\/\r\n\r\n#perito-campo-laboral .perito-career-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  background:var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-card:nth-child(2)::before{\r\n  background:var(--electric);\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-card:nth-child(3)::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-card:nth-child(4)::before{\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-card:nth-child(5)::before{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-card:nth-child(6)::before{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CODE\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-card-code{\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:11px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TEXT\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:16px;\r\n\r\n  color:#8d9aab !important;\r\n\r\n  font-size:4.8px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-card h3{\r\n\r\n  margin:\r\n    5px\r\n    0\r\n    8px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.18;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-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:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OCCUPATIONS\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-roles{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:28px;\r\n\r\n  border-radius:27px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(21,199,217,.11),\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  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROLES HEAD\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-roles-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:20px;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-roles-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-campo-laboral .perito-roles-head 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:24px;\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.6px;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-roles-head strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-roles-badge{\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    rgba(255,255,255,.06);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROLE GRID\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-role-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-role{\r\n\r\n  min-height:115px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:13px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-role small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-role 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:7.6px;\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#perito-campo-laboral\r\n.perito-role:nth-child(1)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-role:nth-child(2)\r\nstrong{\r\n  color:#9fb8ff !important;\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-role:nth-child(3)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-role:nth-child(4)\r\nstrong{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-role:nth-child(5)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-role:nth-child(6)\r\nstrong{\r\n  color:#9fb8ff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAREER MAP\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-map{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .88fr\r\n    1.12fr;\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n#perito-campo-laboral .perito-career-map-copy{\r\n\r\n  padding:24px;\r\n\r\n  border-radius:20px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-copy small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:23px;\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.6px;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-copy strong span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-copy p{\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP ROUTE\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-map-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-step{\r\n\r\n  min-height:145px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8d99aa !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-map-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\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#perito-campo-laboral .perito-career-map-step 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:5.6px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-map-step:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-map-step:nth-child(2){\r\n  border-top:3px solid var(--electric);\r\n}\r\n\r\n\r\n#perito-campo-laboral\r\n.perito-career-map-step:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIBILITY NOTE\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-note{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:22px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\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      120deg,\r\n      #fff9df,\r\n      #ffffff 48%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.18);\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-note-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-campo-laboral .perito-career-note small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #9a7410\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-note strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:10.5px;\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#perito-campo-laboral .perito-career-note span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-campo-laboral .perito-career-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-cta-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-campo-laboral .perito-career-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-campo-laboral .perito-career-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11.5px;\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#perito-campo-laboral .perito-career-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-campo-laboral .perito-career-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  #perito-campo-laboral .perito-career-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-role-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-map{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-campo-laboral{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-intro{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-intro-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-grid,\r\n  #perito-campo-laboral .perito-role-grid,\r\n  #perito-campo-laboral .perito-career-map-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-roles-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-roles-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-note{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-campo-laboral .perito-career-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-campo-laboral *{\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=\"perito-career-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-career-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-career-eyebrow\">\r\n        14 \u00b7 Campo laboral\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Tu formaci\u00f3n puede abrir\r\n\r\n        <span>\r\n          diferentes escenarios de desempe\u00f1o.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Las competencias\r\n      desarrolladas en el programa\r\n      pueden proyectarse\r\n      hacia actividades\r\n      de apoyo t\u00e9cnico,\r\n      investigaci\u00f3n,\r\n      an\u00e1lisis documental\r\n      y asistencia\r\n      en diferentes contextos\r\n      judiciales y privados.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       INTRO\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-career-intro\">\r\n\r\n\r\n    <div class=\"perito-career-intro-code\">\r\n      CL\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Proyecci\u00f3n ocupacional\r\n      <\/small>\r\n\r\n      <strong>\r\n        Investigaci\u00f3n, an\u00e1lisis y apoyo t\u00e9cnico pueden integrarse en distintos sectores.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        El campo de aplicaci\u00f3n\r\n        depender\u00e1 del perfil requerido,\r\n        experiencia,\r\n        funciones del cargo\r\n        y requisitos establecidos\r\n        por cada entidad.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <span class=\"perito-career-intro-badge\">\r\n      Perfil t\u00e9cnico\r\n    <\/span>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       WORK AREAS\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-career-grid\">\r\n\r\n\r\n    <article class=\"perito-career-card\">\r\n\r\n\r\n      <div class=\"perito-career-card-code\">\r\n        01\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Sector\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Apoyo judicial\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Actividades\r\n        de asistencia t\u00e9cnica\r\n        y organizaci\u00f3n\r\n        de informaci\u00f3n\r\n        vinculada\r\n        a procesos judiciales,\r\n        seg\u00fan las funciones\r\n        y requisitos\r\n        de cada entidad.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"perito-career-card\">\r\n\r\n\r\n      <div class=\"perito-career-card-code\">\r\n        02\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Sector\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Criminal\u00edstica\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Apoyo\r\n        en actividades\r\n        relacionadas\r\n        con investigaci\u00f3n,\r\n        documentaci\u00f3n,\r\n        an\u00e1lisis\r\n        y organizaci\u00f3n\r\n        de informaci\u00f3n t\u00e9cnica.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"perito-career-card\">\r\n\r\n\r\n      <div class=\"perito-career-card-code\">\r\n        03\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Sector\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Investigaci\u00f3n privada\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Posible participaci\u00f3n\r\n        en labores auxiliares\r\n        de investigaci\u00f3n\r\n        dentro de organizaciones\r\n        o servicios privados,\r\n        conforme a los requisitos\r\n        legales aplicables.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"perito-career-card\">\r\n\r\n\r\n      <div class=\"perito-career-card-code\">\r\n        04\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Sector\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Consultor\u00eda legal\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Apoyo t\u00e9cnico\r\n        en oficinas jur\u00eddicas,\r\n        firmas\r\n        o consultor\u00edas\r\n        que requieran\r\n        organizaci\u00f3n documental,\r\n        revisi\u00f3n de informaci\u00f3n\r\n        o an\u00e1lisis probatorio.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"perito-career-card\">\r\n\r\n\r\n      <div class=\"perito-career-card-code\">\r\n        05\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Sector\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Seguros y an\u00e1lisis\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Posible apoyo\r\n        en procesos\r\n        de revisi\u00f3n documental,\r\n        an\u00e1lisis de informaci\u00f3n\r\n        y situaciones\r\n        relacionadas\r\n        con investigaciones\r\n        internas o reclamaciones.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <article class=\"perito-career-card\">\r\n\r\n\r\n      <div class=\"perito-career-card-code\">\r\n        06\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Sector\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Seguridad y control\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Competencias \u00fatiles\r\n        en \u00e1reas\r\n        de seguridad,\r\n        prevenci\u00f3n,\r\n        an\u00e1lisis de riesgos\r\n        o apoyo investigativo,\r\n        de acuerdo\r\n        con el cargo requerido.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       POSSIBLE ROLES\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-roles\">\r\n\r\n\r\n    <div class=\"perito-roles-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Posibles perfiles ocupacionales\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Tu formaci\u00f3n puede proyectarte hacia\r\n\r\n          <span>\r\n            funciones de apoyo especializado.\r\n          <\/span>\r\n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-roles-badge\">\r\n        Seg\u00fan requisitos del cargo\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-role-grid\">\r\n\r\n\r\n      <div class=\"perito-role\">\r\n\r\n        <small>\r\n          Perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Asistente t\u00e9cnico judicial\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-role\">\r\n\r\n        <small>\r\n          Perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Asistente de criminal\u00edstica\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-role\">\r\n\r\n        <small>\r\n          Perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Investigador auxiliar privado\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-role\">\r\n\r\n        <small>\r\n          Perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analista de documentaci\u00f3n legal\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-role\">\r\n\r\n        <small>\r\n          Perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Asistente de oficina forense\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-role\">\r\n\r\n        <small>\r\n          Perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Apoyo en an\u00e1lisis probatorio\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       CAREER MAP\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-career-map\">\r\n\r\n\r\n    <div class=\"perito-career-map-copy\">\r\n\r\n\r\n      <small>\r\n        \u00bfC\u00f3mo se construye el perfil?\r\n      <\/small>\r\n\r\n\r\n      <strong>\r\n\r\n        Formaci\u00f3n +\r\n\r\n        <span>\r\n          pr\u00e1ctica + experiencia.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n\r\n      <p>\r\n\r\n        El t\u00edtulo t\u00e9cnico\r\n        es una parte\r\n        del desarrollo profesional.\r\n        La experiencia,\r\n        actualizaci\u00f3n,\r\n        requisitos legales\r\n        y caracter\u00edsticas\r\n        de cada organizaci\u00f3n\r\n        tambi\u00e9n influyen\r\n        en las oportunidades\r\n        de desempe\u00f1o.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-career-map-grid\">\r\n\r\n\r\n      <div class=\"perito-career-map-step\">\r\n\r\n        <small>\r\n          Base\r\n        <\/small>\r\n\r\n        <strong>\r\n          Formaci\u00f3n t\u00e9cnica\r\n        <\/strong>\r\n\r\n        <span>\r\n          Adquieres fundamentos y competencias del programa.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-career-map-step\">\r\n\r\n        <small>\r\n          Desarrollo\r\n        <\/small>\r\n\r\n        <strong>\r\n          Experiencia aplicada\r\n        <\/strong>\r\n\r\n        <span>\r\n          Fortaleces criterio, procedimientos y desempe\u00f1o.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-career-map-step\">\r\n\r\n        <small>\r\n          Proyecci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          Perfil ocupacional\r\n        <\/strong>\r\n\r\n        <span>\r\n          Postulas a funciones compatibles con tu formaci\u00f3n y requisitos.\r\n        <\/span>\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       IMPORTANT NOTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-career-note\">\r\n\r\n\r\n    <div class=\"perito-career-note-code\">\r\n      \u00a7\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Importante sobre el ejercicio profesional\r\n      <\/small>\r\n\r\n      <strong>\r\n        La formaci\u00f3n no reemplaza acreditaciones o requisitos exigidos para determinadas funciones.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Algunas actividades,\r\n        cargos\r\n        o actuaciones como perito\r\n        pueden estar sujetas\r\n        a experiencia,\r\n        inscripci\u00f3n,\r\n        acreditaci\u00f3n\r\n        o condiciones establecidas\r\n        por autoridades,\r\n        entidades\r\n        o normas aplicables.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-career-cta\">\r\n\r\n\r\n    <div class=\"perito-career-cta-code\">\r\n      CV\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Empieza a construir tu perfil\r\n      <\/small>\r\n\r\n      <strong>\r\n        Da el primer paso con formaci\u00f3n en investigaci\u00f3n y an\u00e1lisis judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Pregunta por\r\n        el pr\u00f3ximo grupo,\r\n        modalidades\r\n        y proceso de inscripci\u00f3n\r\n        del T\u00e9cnico Laboral\r\n        en Perito Judicial.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20vi%20el%20campo%20laboral%20del%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20quiero%20informaci%C3%B3n%20para%20inscribirme.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero estudiar \u2192\r\n    <\/a>\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-ca91548 e-con e-atomic-element e-flexbox-base e-default-div e-11648a6 \" data-id=\"ca91548\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca91548\" data-e-type=\"e-flexbox\" data-id=\"ca91548\">\n    \t\t<div class=\"elementor-element elementor-element-831bf5d elementor-widget elementor-widget-html\" data-id=\"831bf5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 15 \u00b7 PERFIL QUE DESARROLLAR\u00c1S\r\n========================================================= -->\r\n\r\n<section id=\"perito-perfil\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-perfil{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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 88% 10%,\r\n      rgba(21,199,217,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-perfil *,\r\n#perito-perfil *::before,\r\n#perito-perfil *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-perfil::before{\r\n\r\n  content:\"15\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-perfil .perito-profile-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-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#perito-perfil .perito-profile-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#perito-perfil .perito-profile-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-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   CORE PROFILE\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-core{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .9fr\r\n    1.1fr;\r\n\r\n  gap:20px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-identity{\r\n\r\n  padding:30px;\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(21,199,217,.12),\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  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-identity small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-perfil .perito-profile-identity h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    11px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.5vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-identity h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-identity p{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IDENTITY BADGES\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-badges{\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:22px;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-badges span{\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    rgba(255,255,255,.06);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-badges span:nth-child(1){\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-badges span:nth-child(2){\r\n  color:#9fb8ff !important;\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-badges span:nth-child(3){\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-badges span:nth-child(4){\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE STATEMENT\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-statement{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-statement small{\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-statement strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT GRID\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-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:10px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE CARD\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-card{\r\n\r\n  min-height:190px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:17px;\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    14px\r\n    34px\r\n    rgba(2,6,47,.05);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-card:hover{\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    42px\r\n    rgba(2,6,47,.09);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-num{\r\n\r\n  width:40px;\r\n  height:40px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    var(--cyan);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-card:nth-child(2)\r\n.perito-profile-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-card:nth-child(3)\r\n.perito-profile-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-card:nth-child(4)\r\n.perito-profile-num{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-card:nth-child(5)\r\n.perito-profile-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-card:nth-child(6)\r\n.perito-profile-num{\r\n  background:#b4c8ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:13px;\r\n\r\n  color:#8d99aa !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8.7px;\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#perito-perfil .perito-profile-card 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:5.8px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SKILL FLOW\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-flow{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\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#perito-perfil .perito-profile-flow-badge{\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    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-flow-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:108px;\r\n\r\n  padding:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--cyan);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-flow-step 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:7px;\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\/* =========================================================\r\n   VALUES STRIP\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-values{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-value{\r\n\r\n  min-height:125px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-value small{\r\n\r\n  display:block;\r\n\r\n  color:#8d99aa !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-value strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\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#perito-perfil\r\n.perito-profile-value:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-value:nth-child(2){\r\n  border-top:3px solid var(--electric);\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-value:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#perito-perfil\r\n.perito-profile-value:nth-child(4){\r\n  border-top:3px solid var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-perfil .perito-profile-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-perfil .perito-profile-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-perfil .perito-profile-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-perfil .perito-profile-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-perfil .perito-profile-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-perfil .perito-profile-head,\r\n  #perito-perfil .perito-profile-core{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-flow-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil\r\n  .perito-profile-flow-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-values{\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:680px){\r\n\r\n  #perito-perfil{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-identity{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-values{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-perfil .perito-profile-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-perfil *{\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=\"perito-profile-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-profile-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-profile-eyebrow\">\r\n        15 \u00b7 Perfil que desarrollar\u00e1s\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        No solo aprendas procedimientos.\r\n\r\n        <span>\r\n          Desarrolla criterio investigativo.\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 busca\r\n      desarrollar un perfil\r\n      capaz de observar,\r\n      analizar,\r\n      documentar,\r\n      comunicar\r\n      y actuar\r\n      con responsabilidad\r\n      dentro de contextos\r\n      judiciales y criminal\u00edsticos.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       CORE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-profile-core\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IDENTITY\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-profile-identity\">\r\n\r\n\r\n      <small>\r\n        Perfil formativo\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        T\u00e9cnica con\r\n\r\n        <span>\r\n          criterio profesional.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Al finalizar la formaci\u00f3n,\r\n        el estudiante habr\u00e1 fortalecido\r\n        conocimientos\r\n        y competencias\r\n        relacionadas\r\n        con investigaci\u00f3n,\r\n        evidencia,\r\n        normas,\r\n        an\u00e1lisis,\r\n        documentaci\u00f3n\r\n        e informes t\u00e9cnicos.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-badges\">\r\n\r\n        <span>\r\n          Investigativo\r\n        <\/span>\r\n\r\n        <span>\r\n          Anal\u00edtico\r\n        <\/span>\r\n\r\n        <span>\r\n          T\u00e9cnico\r\n        <\/span>\r\n\r\n        <span>\r\n          \u00c9tico\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-statement\">\r\n\r\n        <small>\r\n          Objetivo del perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aprender a tomar decisiones t\u00e9cnicas basadas en informaci\u00f3n y procedimientos.\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         CAPABILITIES\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-profile-grid\">\r\n\r\n\r\n      <div class=\"perito-profile-card\">\r\n\r\n        <div class=\"perito-profile-num\">\r\n          01\r\n        <\/div>\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Observaci\u00f3n investigativa\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Reconocer hechos,\r\n          indicios\r\n          y elementos\r\n          relevantes\r\n          dentro de un contexto\r\n          de investigaci\u00f3n.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-card\">\r\n\r\n        <div class=\"perito-profile-num\">\r\n          02\r\n        <\/div>\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          An\u00e1lisis de informaci\u00f3n\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Organizar\r\n          y relacionar datos,\r\n          documentos\r\n          y elementos\r\n          vinculados\r\n          con una situaci\u00f3n investigada.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-card\">\r\n\r\n        <div class=\"perito-profile-num\">\r\n          03\r\n        <\/div>\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Manejo documental\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Registrar\r\n          y estructurar informaci\u00f3n\r\n          de forma clara,\r\n          organizada\r\n          y acorde\r\n          con procedimientos t\u00e9cnicos.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-card\">\r\n\r\n        <div class=\"perito-profile-num\">\r\n          04\r\n        <\/div>\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comunicaci\u00f3n t\u00e9cnica\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Elaborar\r\n          y presentar informaci\u00f3n\r\n          con claridad,\r\n          objetividad\r\n          y soporte t\u00e9cnico.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-card\">\r\n\r\n        <div class=\"perito-profile-num\">\r\n          05\r\n        <\/div>\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprensi\u00f3n jur\u00eddica\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Reconocer\r\n          principios,\r\n          normas\r\n          y procedimientos\r\n          relacionados\r\n          con la actuaci\u00f3n pericial.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"perito-profile-card\">\r\n\r\n        <div class=\"perito-profile-num\">\r\n          06\r\n        <\/div>\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Uso de herramientas\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Apoyarse\r\n          en recursos tecnol\u00f3gicos,\r\n          bases de datos\r\n          y herramientas digitales\r\n          para gestionar informaci\u00f3n.\r\n\r\n        <\/span>\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       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-profile-flow\">\r\n\r\n\r\n    <div class=\"perito-profile-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Perfil en acci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          El criterio investigativo se construye conectando varias capacidades.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-profile-flow-badge\">\r\n        Judicial Intelligence\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-profile-flow-grid\">\r\n\r\n\r\n      <div class=\"perito-profile-flow-step\">\r\n\r\n        <small>\r\n          Capacidad 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Observar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-profile-flow-step\">\r\n\r\n        <small>\r\n          Capacidad 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-profile-flow-step\">\r\n\r\n        <small>\r\n          Capacidad 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-profile-flow-step\">\r\n\r\n        <small>\r\n          Capacidad 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documentar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-profile-flow-step\">\r\n\r\n        <small>\r\n          Capacidad 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Argumentar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-profile-flow-step\">\r\n\r\n        <small>\r\n          Capacidad 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Actuar responsablemente\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       PROFESSIONAL VALUES\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-profile-values\">\r\n\r\n\r\n    <div class=\"perito-profile-value\">\r\n\r\n      <small>\r\n        Principio\r\n      <\/small>\r\n\r\n      <strong>\r\n        Objetividad\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-profile-value\">\r\n\r\n      <small>\r\n        Principio\r\n      <\/small>\r\n\r\n      <strong>\r\n        Pensamiento cr\u00edtico\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-profile-value\">\r\n\r\n      <small>\r\n        Principio\r\n      <\/small>\r\n\r\n      <strong>\r\n        Confidencialidad\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-profile-value\">\r\n\r\n      <small>\r\n        Principio\r\n      <\/small>\r\n\r\n      <strong>\r\n        Responsabilidad\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-profile-cta\">\r\n\r\n\r\n    <div class=\"perito-profile-cta-code\">\r\n      PJ\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Construye tu perfil\r\n      <\/small>\r\n\r\n      <strong>\r\n        Empieza a desarrollar competencias para el an\u00e1lisis y la investigaci\u00f3n judicial.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        horarios,\r\n        requisitos\r\n        y disponibilidad\r\n        del pr\u00f3ximo grupo\r\n        con el equipo de admisiones.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20me%20interesa%20el%20perfil%20del%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20quiero%20informaci%C3%B3n%20para%20inscribirme.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero formarme \u2192\r\n    <\/a>\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-c4d0b70 e-con e-atomic-element e-flexbox-base e-default-div e-3e70252 \" data-id=\"c4d0b70\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c4d0b70\" data-e-type=\"e-flexbox\" data-id=\"c4d0b70\">\n    \t\t<div class=\"elementor-element elementor-element-83d00f2 elementor-widget elementor-widget-html\" data-id=\"83d00f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 16 \u00b7 \u00c9TICA, LEGALIDAD Y RESPONSABILIDAD\r\n========================================================= -->\r\n\r\n<section id=\"perito-etica\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-etica{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\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 88% 12%,\r\n      rgba(215,169,40,.09),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 9% 90%,\r\n      rgba(21,199,217,.10),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 54%,\r\n      #0a2c86 79%,\r\n      #083a55 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#perito-etica *,\r\n#perito-etica *::before,\r\n#perito-etica *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#perito-etica::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.021) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.021) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    46px\r\n    46px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-etica::after{\r\n\r\n  content:\"16\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\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   WRAP\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-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#perito-etica .perito-ethics-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-soft)\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#perito-etica .perito-ethics-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    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:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-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#perito-etica .perito-ethics-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c2cede !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   MAIN VALUES\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:355px;\r\n\r\n  padding:25px;\r\n\r\n  border-radius:23px;\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  box-shadow:\r\n    0\r\n    20px\r\n    48px\r\n    rgba(0,0,0,.14);\r\n\r\n  transition:\r\n    transform .22s ease,\r\n    background .22s ease;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-card:hover{\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCENT\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-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  background:var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(2)::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(3)::before{\r\n  background:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-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:16px;\r\n\r\n  background:\r\n    rgba(255,255,255,.07);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  font-size:19px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(1)\r\n.perito-ethics-icon{\r\n  color:var(--cyan) !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(2)\r\n.perito-ethics-icon{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(3)\r\n.perito-ethics-icon{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TEXT\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:21px;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-card h3{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    9px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:21px;\r\n\r\n  line-height:1.08;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.5px;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-card p{\r\n\r\n  margin:0;\r\n\r\n  color:#adbed2 !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE LIST\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-list{\r\n\r\n  display:grid;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:19px;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-list span{\r\n\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  padding-left:17px;\r\n\r\n  color:#d2dbe6 !important;\r\n\r\n  font-size:6.1px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:750;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-list span::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  top:5px;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--cyan);\r\n\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(2)\r\n.perito-ethics-list span::before{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-card:nth-child(3)\r\n.perito-ethics-list span::before{\r\n  background:var(--gold-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFESSIONAL DECISION\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-decision{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .88fr\r\n    1.12fr;\r\n\r\n  gap:18px;\r\n\r\n}\r\n\r\n\r\n\/* LEFT *\/\r\n\r\n#perito-etica .perito-ethics-decision-copy{\r\n\r\n  padding:25px;\r\n\r\n  border-radius:21px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-copy small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-copy strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:23px;\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-.6px;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-copy strong span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-copy p{\r\n\r\n  margin:\r\n    9px\r\n    0\r\n    0;\r\n\r\n  color:#69788d !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECISION STEPS\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-decision-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-step{\r\n\r\n  min-height:170px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-decision-step strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8.4px;\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#perito-etica .perito-ethics-decision-step span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#6f7f94 !important;\r\n\r\n  font-size:5.7px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-decision-step:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-decision-step:nth-child(2){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-decision-step:nth-child(3){\r\n  border-top:3px solid var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFESSIONAL PRINCIPLES\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-principles{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEAD\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-principles-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-principles-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-etica .perito-ethics-principles-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:13px;\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#perito-etica .perito-ethics-principles-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#fff7dc;\r\n\r\n  color:#9b7300 !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE GRID\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-principles-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-principle{\r\n\r\n  min-height:115px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-principle small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-principle strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.1px;\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#perito-etica\r\n.perito-ethics-principle:nth-child(1)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-principle:nth-child(2)\r\nstrong{\r\n  color:var(--electric) !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-principle:nth-child(3)\r\nstrong{\r\n  color:#a87e00 !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-principle:nth-child(4)\r\nstrong{\r\n  color:#7e6827 !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-principle:nth-child(5)\r\nstrong{\r\n  color:var(--blue) !important;\r\n}\r\n\r\n\r\n#perito-etica\r\n.perito-ethics-principle:nth-child(6)\r\nstrong{\r\n  color:#087f98 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST STRIP\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-trust{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:22px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-trust-code{\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    linear-gradient(\r\n      135deg,\r\n      var(--gold),\r\n      var(--yellow)\r\n    );\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#perito-etica .perito-ethics-trust small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-trust strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:10.5px;\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#perito-etica .perito-ethics-trust span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-etica .perito-ethics-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:#ffffff;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-etica .perito-ethics-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-etica .perito-ethics-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-etica .perito-ethics-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#69788d !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-etica .perito-ethics-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  #perito-etica .perito-ethics-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-card{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-decision{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-principles-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-etica{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-decision-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-principles-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-principles-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-principles-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-trust{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-etica .perito-ethics-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-etica *{\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=\"perito-ethics-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-ethics-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-ethics-eyebrow\">\r\n        16 \u00b7 \u00c9tica, legalidad y responsabilidad\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Investigar exige criterio.\r\n\r\n        <span>\r\n          Actuar exige \u00e9tica.\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 manejo de informaci\u00f3n,\r\n      documentos,\r\n      evidencia\r\n      y conclusiones t\u00e9cnicas\r\n      exige actuar\r\n      con objetividad,\r\n      confidencialidad,\r\n      legalidad\r\n      y responsabilidad.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       THREE CORE PRINCIPLES\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-ethics-main\">\r\n\r\n\r\n    <!-- LEGALIDAD -->\r\n\r\n    <article class=\"perito-ethics-card\">\r\n\r\n\r\n      <div class=\"perito-ethics-icon\">\r\n        \u00a7\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Pilar 01\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Legalidad\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La actuaci\u00f3n t\u00e9cnica\r\n        debe desarrollarse\r\n        dentro de las normas,\r\n        procedimientos\r\n        y l\u00edmites\r\n        establecidos\r\n        para cada contexto.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"perito-ethics-list\">\r\n\r\n        <span>\r\n          Respeto por el procedimiento\r\n        <\/span>\r\n\r\n        <span>\r\n          Comprensi\u00f3n normativa\r\n        <\/span>\r\n\r\n        <span>\r\n          Actuaci\u00f3n dentro de funciones\r\n        <\/span>\r\n\r\n        <span>\r\n          Registro responsable\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- OBJETIVIDAD -->\r\n\r\n    <article class=\"perito-ethics-card\">\r\n\r\n\r\n      <div class=\"perito-ethics-icon\">\r\n        \u25ce\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Pilar 02\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Objetividad\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El an\u00e1lisis\r\n        debe apoyarse\r\n        en informaci\u00f3n observada,\r\n        procedimientos\r\n        y criterios t\u00e9cnicos,\r\n        evitando sustituir\r\n        los hechos por suposiciones.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"perito-ethics-list\">\r\n\r\n        <span>\r\n          Separar hechos de opiniones\r\n        <\/span>\r\n\r\n        <span>\r\n          Analizar con criterio t\u00e9cnico\r\n        <\/span>\r\n\r\n        <span>\r\n          Sustentar conclusiones\r\n        <\/span>\r\n\r\n        <span>\r\n          Mantener imparcialidad\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- CONFIDENCIALIDAD -->\r\n\r\n    <article class=\"perito-ethics-card\">\r\n\r\n\r\n      <div class=\"perito-ethics-icon\">\r\n        \u25c6\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Pilar 03\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n        Confidencialidad\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La informaci\u00f3n\r\n        relacionada\r\n        con investigaciones\r\n        y actuaciones judiciales\r\n        debe tratarse\r\n        con reserva\r\n        y responsabilidad.\r\n\r\n      <\/p>\r\n\r\n\r\n      <div class=\"perito-ethics-list\">\r\n\r\n        <span>\r\n          Protecci\u00f3n de informaci\u00f3n\r\n        <\/span>\r\n\r\n        <span>\r\n          Manejo responsable de datos\r\n        <\/span>\r\n\r\n        <span>\r\n          Reserva profesional\r\n        <\/span>\r\n\r\n        <span>\r\n          Responsabilidad documental\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       PROFESSIONAL DECISION\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-ethics-decision\">\r\n\r\n\r\n    <div class=\"perito-ethics-decision-copy\">\r\n\r\n\r\n      <small>\r\n        El criterio tambi\u00e9n se entrena\r\n      <\/small>\r\n\r\n\r\n      <strong>\r\n\r\n        Saber qu\u00e9 hacer es importante.\r\n\r\n        <span>\r\n          Saber qu\u00e9 no hacer tambi\u00e9n.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n\r\n      <p>\r\n\r\n        Una formaci\u00f3n responsable\r\n        no se limita\r\n        a ense\u00f1ar t\u00e9cnicas.\r\n        Tambi\u00e9n exige\r\n        reconocer l\u00edmites,\r\n        procedimientos\r\n        y consecuencias\r\n        asociadas\r\n        al manejo\r\n        de informaci\u00f3n sensible.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-ethics-decision-grid\">\r\n\r\n\r\n      <div class=\"perito-ethics-decision-step\">\r\n\r\n        <small>\r\n          Antes de actuar\r\n        <\/small>\r\n\r\n        <strong>\r\n          Verificar\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Reconocer\r\n          cu\u00e1l es el procedimiento\r\n          y qu\u00e9 funciones\r\n          corresponden\r\n          en cada situaci\u00f3n.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-decision-step\">\r\n\r\n        <small>\r\n          Durante el an\u00e1lisis\r\n        <\/small>\r\n\r\n        <strong>\r\n          Mantener objetividad\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Diferenciar\r\n          informaci\u00f3n,\r\n          hallazgos\r\n          e interpretaciones\r\n          antes de concluir.\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-decision-step\">\r\n\r\n        <small>\r\n          Despu\u00e9s\r\n        <\/small>\r\n\r\n        <strong>\r\n          Resguardar informaci\u00f3n\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          Manejar documentos\r\n          y datos\r\n          de acuerdo\r\n          con criterios\r\n          de confidencialidad\r\n          y responsabilidad.\r\n\r\n        <\/span>\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       PRINCIPLES\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-ethics-principles\">\r\n\r\n\r\n    <div class=\"perito-ethics-principles-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Perfil responsable\r\n        <\/small>\r\n\r\n        <strong>\r\n          Seis principios que deben acompa\u00f1ar una actuaci\u00f3n t\u00e9cnica.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-ethics-principles-badge\">\r\n        Professional Conduct\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-ethics-principles-grid\">\r\n\r\n\r\n      <div class=\"perito-ethics-principle\">\r\n\r\n        <small>\r\n          Principio 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Legalidad\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-principle\">\r\n\r\n        <small>\r\n          Principio 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Objetividad\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-principle\">\r\n\r\n        <small>\r\n          Principio 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Confidencialidad\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-principle\">\r\n\r\n        <small>\r\n          Principio 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Responsabilidad\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-principle\">\r\n\r\n        <small>\r\n          Principio 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Rigurosidad\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-ethics-principle\">\r\n\r\n        <small>\r\n          Principio 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Respeto por el procedimiento\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       TRUST\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-ethics-trust\">\r\n\r\n\r\n    <div class=\"perito-ethics-trust-code\">\r\n      E\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n con responsabilidad\r\n      <\/small>\r\n\r\n      <strong>\r\n        La credibilidad t\u00e9cnica tambi\u00e9n depende de c\u00f3mo se act\u00faa.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        \u00c9tica,\r\n        confidencialidad\r\n        y respeto\r\n        por los procedimientos\r\n        son parte\r\n        del perfil formativo\r\n        propuesto por el programa.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-ethics-cta\">\r\n\r\n\r\n    <div class=\"perito-ethics-cta-code\">\r\n      ET\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        F\u00f3rmate con criterio\r\n      <\/small>\r\n\r\n      <strong>\r\n        Desarrolla competencias t\u00e9cnicas sin perder de vista la responsabilidad profesional.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        requisitos\r\n        y disponibilidad\r\n        del pr\u00f3ximo grupo\r\n        con el equipo\r\n        de admisiones ECFI.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20su%20formaci%C3%B3n%20en%20%C3%A9tica%2C%20legalidad%20y%20responsabilidad.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Solicitar informaci\u00f3n \u2192\r\n    <\/a>\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-e3411f1 e-con e-atomic-element e-flexbox-base e-default-div e-03bdd4d \" data-id=\"e3411f1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e3411f1\" data-e-type=\"e-flexbox\" data-id=\"e3411f1\">\n    \t\t<div class=\"elementor-element elementor-element-432d869 elementor-widget elementor-widget-html\" data-id=\"432d869\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 17 \u00b7 REQUISITOS DE INGRESO\r\n========================================================= -->\r\n\r\n<section id=\"perito-requisitos\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-requisitos{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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(23,107,255,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 7% 92%,\r\n      rgba(21,199,217,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-requisitos *,\r\n#perito-requisitos *::before,\r\n#perito-requisitos *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-requisitos::before{\r\n\r\n  content:\"17\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  left:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-requisitos .perito-req-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-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#perito-requisitos .perito-req-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#perito-requisitos .perito-req-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-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   MAIN\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .88fr\r\n    1.12fr;\r\n\r\n  gap:20px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT PANEL\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-start{\r\n\r\n  min-height:520px;\r\n\r\n  padding:30px;\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(21,199,217,.12),\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  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-start small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-start h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    11px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.4vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-start h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-start p{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.4px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEY REQUIREMENTS\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-key{\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#perito-requisitos .perito-req-key-item{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    40px\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:78px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:13px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-key-num{\r\n\r\n  width:38px;\r\n  height:38px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-key-item:nth-child(1)\r\n.perito-req-key-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-key-item:nth-child(2)\r\n.perito-req-key-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-key-item:nth-child(3)\r\n.perito-req-key-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-key-item strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7.6px;\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#perito-requisitos .perito-req-key-item span{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:#9fb1c6 !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  line-height:1.43;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT DOCUMENT PANEL\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-docs{\r\n\r\n  min-height:520px;\r\n\r\n  padding:30px;\r\n\r\n  border-radius:28px;\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    22px\r\n    50px\r\n    rgba(2,6,47,.07);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-docs > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-docs h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      30px,\r\n      3.4vw,\r\n      44px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-docs h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-docs > 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.3px;\r\n\r\n  line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT LIST\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-doc-list{\r\n\r\n  display:grid;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:24px;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-doc-item{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    42px\r\n    1fr\r\n    auto;\r\n\r\n  gap:13px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:78px;\r\n\r\n  padding:12px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-doc-icon{\r\n\r\n  width:40px;\r\n  height:40px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-requisitos .perito-doc-item small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-doc-item strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.5px;\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#perito-requisitos .perito-doc-status{\r\n\r\n  padding:\r\n    6px\r\n    8px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefcff;\r\n\r\n  color:#087f98 !important;\r\n\r\n  font-size:4.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   ACADEMIC NOTE\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-academic{\r\n\r\n  margin-top:21px;\r\n\r\n  padding:18px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #fff9df,\r\n      #ffffff 48%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.18);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-academic small{\r\n\r\n  display:block;\r\n\r\n  color:#9b7300 !important;\r\n\r\n  font-size:5px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-academic strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\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#perito-requisitos .perito-req-academic 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:6px;\r\n\r\n  line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADMISSION ROUTE\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-route{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:26px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-route-head{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-route-head small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-requisitos .perito-req-route-head strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\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#perito-requisitos .perito-req-route-badge{\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    rgba(215,169,40,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n  font-size:5.3px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE STEPS\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-route-grid{\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}\r\n\r\n\r\n#perito-requisitos .perito-req-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:108px;\r\n\r\n  padding:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-step::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  right:-9px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  color:\r\n    var(--cyan);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-step small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.5px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-step 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:7px;\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\/* =========================================================\r\n   QUICK INFO\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-info{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-info-card{\r\n\r\n  min-height:125px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    var(--line);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-info-card small{\r\n\r\n  display:block;\r\n\r\n  color:#8d99aa !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-info-card strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\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#perito-requisitos .perito-req-info-card 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:5.7px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-info-card:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-info-card:nth-child(2){\r\n  border-top:3px solid var(--electric);\r\n}\r\n\r\n\r\n#perito-requisitos\r\n.perito-req-info-card:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-requisitos .perito-req-cta{\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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:19px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #eef4ff,\r\n      #ffffff 50%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(23,107,255,.12);\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-cta-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-requisitos .perito-req-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-requisitos .perito-req-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:11.5px;\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#perito-requisitos .perito-req-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-requisitos .perito-req-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-requisitos .perito-req-head,\r\n  #perito-requisitos .perito-req-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-start,\r\n  #perito-requisitos .perito-req-docs{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos\r\n  .perito-req-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-requisitos{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-start,\r\n  #perito-requisitos .perito-req-docs{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-doc-item{\r\n\r\n    grid-template-columns:\r\n      42px\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-doc-status{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-info{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-requisitos .perito-req-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-requisitos *{\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=\"perito-req-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-req-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-req-eyebrow\">\r\n        17 \u00b7 Requisitos de ingreso\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Tu proceso puede empezar\r\n\r\n        <span>\r\n          con pocos pasos.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Antes de matricularte,\r\n      verifica los documentos\r\n      y condiciones vigentes\r\n      directamente con ECFI.\r\n      El equipo de admisiones\r\n      puede orientarte\r\n      durante todo el proceso.\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=\"perito-req-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         START\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-req-start\">\r\n\r\n\r\n      <small>\r\n        Antes de comenzar\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Revisa que tengas\r\n\r\n        <span>\r\n          tu documentaci\u00f3n lista.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La admisi\u00f3n\r\n        requiere validar\r\n        informaci\u00f3n personal,\r\n        afiliaci\u00f3n\r\n        y antecedentes acad\u00e9micos\r\n        de acuerdo\r\n        con las condiciones\r\n        establecidas por ECFI.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-req-key\">\r\n\r\n\r\n        <div class=\"perito-req-key-item\">\r\n\r\n          <div class=\"perito-req-key-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Identificaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Documento de identidad del aspirante.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-req-key-item\">\r\n\r\n          <div class=\"perito-req-key-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Informaci\u00f3n acad\u00e9mica\r\n            <\/strong>\r\n\r\n            <span>\r\n              Soporte del nivel educativo requerido seg\u00fan la convocatoria vigente.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-req-key-item\">\r\n\r\n          <div class=\"perito-req-key-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Afiliaci\u00f3n en salud\r\n            <\/strong>\r\n\r\n            <span>\r\n              Documento que permita acreditar afiliaci\u00f3n a EPS.\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         DOCUMENTS\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-req-docs\">\r\n\r\n\r\n      <small>\r\n        Documentaci\u00f3n\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        \u00bfQu\u00e9 documentos\r\n\r\n        <span>\r\n          debes preparar?\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Estos son\r\n        los documentos\r\n        mencionados\r\n        dentro de la informaci\u00f3n\r\n        del programa.\r\n        Admisiones debe confirmar\r\n        la versi\u00f3n vigente\r\n        antes de realizar\r\n        la matr\u00edcula.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-doc-list\">\r\n\r\n\r\n        <div class=\"perito-doc-item\">\r\n\r\n          <div class=\"perito-doc-icon\">\r\n            ID\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documento\r\n            <\/small>\r\n\r\n            <strong>\r\n              Copia del documento de identidad\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-doc-status\">\r\n            Preparar\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-doc-item\">\r\n\r\n          <div class=\"perito-doc-icon\">\r\n            EPS\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Seguridad social\r\n            <\/small>\r\n\r\n            <strong>\r\n              Soporte de afiliaci\u00f3n a EPS\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-doc-status\">\r\n            Preparar\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-doc-item\">\r\n\r\n          <div class=\"perito-doc-icon\">\r\n            AC\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Acad\u00e9mico\r\n            <\/small>\r\n\r\n            <strong>\r\n              Diploma, acta o certificado acad\u00e9mico aplicable\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-doc-status\">\r\n            Verificar\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           ACADEMIC WARNING\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-req-academic\">\r\n\r\n        <small>\r\n          Requisito acad\u00e9mico\r\n        <\/small>\r\n\r\n        <strong>\r\n          Confirma con admisiones el nivel acad\u00e9mico exigido para la convocatoria actual.\r\n        <\/strong>\r\n\r\n        <span>\r\n\r\n          La documentaci\u00f3n base\r\n          del programa presenta\r\n          referencias distintas\r\n          sobre el nivel acad\u00e9mico\r\n          de ingreso.\r\n          Por eso,\r\n          la condici\u00f3n vigente\r\n          debe confirmarse\r\n          directamente con ECFI\r\n          antes de matricularse.\r\n\r\n        <\/span>\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       ADMISSION ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-req-route\">\r\n\r\n\r\n    <div class=\"perito-req-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de admisi\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          De la consulta inicial a tu matr\u00edcula.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"perito-req-route-badge\">\r\n        Admisiones ECFI\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"perito-req-route-grid\">\r\n\r\n\r\n      <div class=\"perito-req-step\">\r\n\r\n        <small>\r\n          Paso 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Solicitar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-req-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Confirmar requisitos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-req-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Preparar documentos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-req-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Realizar inscripci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"perito-req-step\">\r\n\r\n        <small>\r\n          Paso 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Formalizar matr\u00edcula\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       QUICK INFO\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-req-info\">\r\n\r\n\r\n    <div class=\"perito-req-info-card\">\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      <span>\r\n        Oferta acad\u00e9mica vigente comunicada para el programa.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-req-info-card\">\r\n\r\n      <small>\r\n        Modalidades\r\n      <\/small>\r\n\r\n      <strong>\r\n        Presencial y a distancia\r\n      <\/strong>\r\n\r\n      <span>\r\n        Consulta disponibilidad de cada modalidad con admisiones.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"perito-req-info-card\">\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      <span>\r\n        Sujeta a las condiciones y disponibilidad vigentes.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-req-cta\">\r\n\r\n\r\n    <div class=\"perito-req-cta-code\">\r\n      AD\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Verifica tus requisitos\r\n      <\/small>\r\n\r\n      <strong>\r\n        Habla con admisiones antes de iniciar tu matr\u00edcula.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Confirma\r\n        requisito acad\u00e9mico,\r\n        documentos,\r\n        modalidad\r\n        y disponibilidad\r\n        del pr\u00f3ximo grupo.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20inscribirme%20al%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20deseo%20confirmar%20los%20requisitos%20de%20ingreso%20y%20documentos%20necesarios.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Confirmar requisitos \u2192\r\n    <\/a>\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-d15304c e-con e-atomic-element e-flexbox-base e-default-div e-9f0a403 \" data-id=\"d15304c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d15304c\" data-e-type=\"e-flexbox\" data-id=\"d15304c\">\n    \t\t<div class=\"elementor-element elementor-element-e57f09a elementor-widget elementor-widget-html\" data-id=\"e57f09a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 18 \u00b7 PREGUNTAS FRECUENTES\r\n========================================================= -->\r\n\r\n<section id=\"perito-faq\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-faq{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f4f7fb;\r\n\r\n  --text:#18233a;\r\n  --muted:#69788e;\r\n  --line:#dde5ef;\r\n\r\n  position:relative;\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% 10%,\r\n      rgba(21,199,217,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(215,169,40,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\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#perito-faq *,\r\n#perito-faq *::before,\r\n#perito-faq *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-faq::before{\r\n\r\n  content:\"18\";\r\n\r\n  position:absolute;\r\n\r\n  top:5px;\r\n  right:3%;\r\n\r\n  color:\r\n    rgba(2,6,47,.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#perito-faq .perito-faq-wrap{\r\n\r\n  position:relative;\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   HEADER\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-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#perito-faq .perito-faq-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#perito-faq .perito-faq-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(--electric),\r\n      var(--cyan),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-head h2{\r\n\r\n  max-width:850px;\r\n\r\n  margin:\r\n    9px\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.7vw,\r\n      60px\r\n    );\r\n\r\n  line-height:.98;\r\n\r\n  letter-spacing:-2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-head h2 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-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   FAQ LAYOUT\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-layout{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .72fr\r\n    1.28fr;\r\n\r\n  gap:22px;\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT PANEL\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-side{\r\n\r\n  position:sticky;\r\n\r\n  top:105px;\r\n\r\n  padding:28px;\r\n\r\n  border-radius:27px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 100% 0%,\r\n      rgba(21,199,217,.13),\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  box-shadow:\r\n    0\r\n    24px\r\n    55px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-side small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-faq .perito-faq-side h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    11px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      3vw,\r\n      40px\r\n    );\r\n\r\n  line-height:1.03;\r\n\r\n  letter-spacing:-.9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-side h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-side p{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:7.5px;\r\n\r\n  line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK FACTS\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-facts{\r\n\r\n  display:grid;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:23px;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-fact{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    38px\r\n    1fr;\r\n\r\n  gap:11px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:67px;\r\n\r\n  padding:10px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-fact-code{\r\n\r\n  width:36px;\r\n  height:36px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:5.5px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-faq\r\n.perito-faq-fact:nth-child(1)\r\n.perito-faq-fact-code{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-faq\r\n.perito-faq-fact:nth-child(2)\r\n.perito-faq-fact-code{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-faq\r\n.perito-faq-fact:nth-child(3)\r\n.perito-faq-fact-code{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-fact strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\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#perito-faq .perito-faq-fact span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#9fb1c6 !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  line-height:1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDE CTA\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-side-cta{\r\n\r\n  margin-top:20px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    rgba(215,169,40,.09);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.17);\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-side-cta small{\r\n\r\n  color:\r\n    var(--gold-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-side-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:8.8px;\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#perito-faq .perito-faq-side-cta a{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  min-height:44px;\r\n\r\n  margin-top:13px;\r\n\r\n  padding:\r\n    0\r\n    15px;\r\n\r\n  border-radius:10px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-side-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCORDION\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-list{\r\n\r\n  display:grid;\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-item{\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:17px;\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    13px\r\n    32px\r\n    rgba(2,6,47,.045);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-item summary{\r\n\r\n  position:relative;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    44px\r\n    1fr\r\n    34px;\r\n\r\n  gap:13px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:92px;\r\n\r\n  padding:\r\n    17px\r\n    18px;\r\n\r\n  cursor:pointer;\r\n\r\n  list-style:none;\r\n\r\n  user-select:none;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-item summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-qnum{\r\n\r\n  width:42px;\r\n  height:42px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:11px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n  font-size:6px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-question small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:4.6px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-question strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* PLUS *\/\r\n\r\n#perito-faq .perito-faq-plus{\r\n\r\n  position:relative;\r\n\r\n  width:32px;\r\n  height:32px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#eef5ff;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-plus::before,\r\n#perito-faq .perito-faq-plus::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n  left:50%;\r\n\r\n  width:12px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    var(--electric);\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-plus::after{\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(90deg);\r\n\r\n}\r\n\r\n\r\n#perito-faq\r\n.perito-faq-item[open]\r\n.perito-faq-plus::after{\r\n\r\n  transform:\r\n    translate(-50%,-50%)\r\n    rotate(0deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-answer{\r\n\r\n  padding:\r\n    0\r\n    20px\r\n    20px\r\n    75px;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-answer 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:7px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-answer strong{\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN STATE\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-item[open]{\r\n\r\n  border-color:\r\n    rgba(23,107,255,.18);\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    40px\r\n    rgba(2,6,47,.07);\r\n\r\n}\r\n\r\n\r\n#perito-faq\r\n.perito-faq-item[open]\r\nsummary{\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eef5ff,\r\n      #ffffff 55%,\r\n      #eefcff\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST NOTE\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-note{\r\n\r\n  margin-top:24px;\r\n\r\n  padding:22px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:15px;\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      120deg,\r\n      #fff9df,\r\n      #ffffff 48%,\r\n      #eefcff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(215,169,40,.18);\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-note-code{\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    linear-gradient(\r\n      145deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\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#perito-faq .perito-faq-note small{\r\n\r\n  display:block;\r\n\r\n  color:#9a7410 !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-note strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:10.5px;\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#perito-faq .perito-faq-note span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:6.2px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#perito-faq .perito-faq-cta{\r\n\r\n  margin-top:24px;\r\n\r\n  padding: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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 90% 0%,\r\n      rgba(21,199,217,.12),\r\n      transparent 26%\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  box-shadow:\r\n    0\r\n    22px\r\n    52px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-cta-code{\r\n\r\n  width:60px;\r\n  height:60px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--cyan),\r\n      var(--electric)\r\n    );\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#perito-faq .perito-faq-cta small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !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}\r\n\r\n\r\n#perito-faq .perito-faq-cta strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11.5px;\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#perito-faq .perito-faq-cta span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6.3px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-cta a{\r\n\r\n  min-height:46px;\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    18px;\r\n\r\n  border-radius:11px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  white-space:nowrap;\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-faq .perito-faq-cta a:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-faq .perito-faq-head,\r\n  #perito-faq .perito-faq-layout{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-side{\r\n\r\n    position:relative;\r\n    top:auto;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #perito-faq{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-side{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-item summary{\r\n\r\n    grid-template-columns:\r\n      40px\r\n      1fr\r\n      30px;\r\n\r\n    gap:10px;\r\n\r\n    padding:\r\n      15px\r\n      14px;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-qnum{\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-answer{\r\n\r\n    padding:\r\n      0\r\n      15px\r\n      18px\r\n      64px;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-note{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-cta a{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:430px){\r\n\r\n  #perito-faq .perito-faq-item summary{\r\n\r\n    grid-template-columns:\r\n      36px\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-plus{\r\n\r\n    grid-column:2;\r\n\r\n    margin-top:4px;\r\n\r\n  }\r\n\r\n\r\n  #perito-faq .perito-faq-answer{\r\n\r\n    padding:\r\n      0\r\n      14px\r\n      17px\r\n      14px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-faq *{\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=\"perito-faq-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-faq-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"perito-faq-eyebrow\">\r\n        18 \u00b7 Preguntas frecuentes\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Antes de decidir,\r\n\r\n        <span>\r\n          aclara tus dudas.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Aqu\u00ed encuentras\r\n      respuestas r\u00e1pidas\r\n      sobre duraci\u00f3n,\r\n      modalidades,\r\n      pr\u00e1ctica,\r\n      metodolog\u00eda,\r\n      campo laboral\r\n      y proceso de ingreso\r\n      al T\u00e9cnico Laboral\r\n      en Perito Judicial.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FAQ LAYOUT\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-faq-layout\">\r\n\r\n\r\n    <!-- ===================================================\r\n         SIDE\r\n    ==================================================== -->\r\n\r\n    <aside class=\"perito-faq-side\">\r\n\r\n\r\n      <small>\r\n        Informaci\u00f3n esencial\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Todo lo que necesitas saber\r\n\r\n        <span>\r\n          antes de inscribirte.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La informaci\u00f3n\r\n        del programa debe ayudarte\r\n        a tomar una decisi\u00f3n\r\n        clara y responsable.\r\n        Si una condici\u00f3n depende\r\n        de la convocatoria vigente,\r\n        lo mejor es confirmarla\r\n        directamente con admisiones.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"perito-faq-facts\">\r\n\r\n\r\n        <div class=\"perito-faq-fact\">\r\n\r\n          <div class=\"perito-faq-fact-code\">\r\n            1S\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              1 semestre\r\n            <\/strong>\r\n\r\n            <span>\r\n              Duraci\u00f3n actual comunicada para el programa.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-faq-fact\">\r\n\r\n          <div class=\"perito-faq-fact-code\">\r\n            2M\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Dos modalidades\r\n            <\/strong>\r\n\r\n            <span>\r\n              Presencial y a distancia.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"perito-faq-fact\">\r\n\r\n          <div class=\"perito-faq-fact-code\">\r\n            +P\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Opci\u00f3n de pr\u00e1ctica\r\n            <\/strong>\r\n\r\n            <span>\r\n              Como alternativa complementaria.\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=\"perito-faq-side-cta\">\r\n\r\n        <small>\r\n          \u00bfTu pregunta no aparece aqu\u00ed?\r\n        <\/small>\r\n\r\n        <strong>\r\n          Habla directamente con el equipo de admisiones ECFI.\r\n        <\/strong>\r\n\r\n        <a\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20tengo%20una%20pregunta%20sobre%20el%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Resolver mi duda \u2192\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/aside>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         FAQ LIST\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-faq-list\">\r\n\r\n\r\n      <!-- FAQ 01 -->\r\n\r\n      <details class=\"perito-faq-item\" open>\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            01\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Duraci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfCu\u00e1nto dura el T\u00e9cnico Laboral en Perito Judicial?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La oferta actual comunicada para el programa tiene una duraci\u00f3n de\r\n            <strong>1 semestre<\/strong>.\r\n            Para conocer fechas de inicio y disponibilidad del pr\u00f3ximo grupo,\r\n            debes consultar directamente con admisiones ECFI.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 02 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            02\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Modalidad\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfPuedo estudiar presencial o a distancia?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            S\u00ed. El programa se ofrece actualmente en\r\n            <strong>modalidad presencial y a distancia<\/strong>.\r\n            La disponibilidad, horarios y condiciones de cada alternativa\r\n            deben confirmarse para el grupo al que deseas ingresar.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 03 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            03\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Pr\u00e1ctica\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfEl programa incluye pr\u00e1ctica?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El programa cuenta con\r\n            <strong>opci\u00f3n de pr\u00e1ctica<\/strong>\r\n            como alternativa complementaria.\r\n            No debe interpretarse como una plaza obligatoria o garantizada.\r\n            Su disponibilidad y condiciones deben consultarse directamente con ECFI.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 04 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            04\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Formaci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfQu\u00e9 voy a aprender?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El plan incluye formaci\u00f3n en\r\n            <strong>\r\n              Investigaci\u00f3n Criminal, Psicolog\u00eda Judicial y Forense,\r\n              Derecho Penal, Conciliaci\u00f3n, Organizaci\u00f3n de la Audiencia,\r\n              Lofoscopia, An\u00e1lisis de Informaci\u00f3n Pericial\r\n              y Grafolog\u00eda y Documentolog\u00eda\r\n            <\/strong>,\r\n            adem\u00e1s de componentes transversales.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 05 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            05\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Metodolog\u00eda\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfLa formaci\u00f3n es solo te\u00f3rica?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            No. La propuesta metodol\u00f3gica contempla actividades como\r\n            <strong>\r\n              an\u00e1lisis de casos, aprendizaje basado en problemas,\r\n              simulaciones, juegos de roles, proyectos,\r\n              actividades guiadas y evaluaci\u00f3n formativa\r\n            <\/strong>.\r\n            El objetivo es relacionar conocimientos con situaciones de aplicaci\u00f3n.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 06 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            06\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Campo laboral\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfEn qu\u00e9 \u00e1reas podr\u00eda desempe\u00f1arme?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La formaci\u00f3n puede proyectarse hacia actividades de\r\n            <strong>\r\n              apoyo judicial, criminal\u00edstica, investigaci\u00f3n privada,\r\n              consultor\u00eda legal, an\u00e1lisis documental,\r\n              seguridad y otros contextos de apoyo investigativo\r\n            <\/strong>.\r\n            Cada cargo depende de los requisitos establecidos por la entidad contratante.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 07 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            07\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Alcance del t\u00edtulo\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfAl graduarme puedo ejercer autom\u00e1ticamente como perito ante cualquier autoridad?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La formaci\u00f3n desarrolla competencias relacionadas\r\n            con investigaci\u00f3n y an\u00e1lisis pericial, pero\r\n            <strong>\r\n              no sustituye requisitos legales, acreditaciones,\r\n              experiencia, inscripci\u00f3n o condiciones adicionales\r\n            <\/strong>\r\n            que una autoridad o entidad pueda exigir para determinadas actuaciones.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 08 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            08\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Requisitos\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfQu\u00e9 nivel acad\u00e9mico necesito para ingresar?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El requisito acad\u00e9mico debe\r\n            <strong>confirmarse con admisiones para la convocatoria vigente<\/strong>.\r\n            La documentaci\u00f3n base del programa contiene referencias diferentes\r\n            sobre el nivel acad\u00e9mico requerido, por lo que no conviene asumir\r\n            una condici\u00f3n sin validaci\u00f3n institucional.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 09 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            09\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Documentos\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfQu\u00e9 documentos debo preparar?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La informaci\u00f3n del programa menciona\r\n            <strong>\r\n              documento de identidad,\r\n              soporte de afiliaci\u00f3n a EPS\r\n              y documentaci\u00f3n acad\u00e9mica correspondiente\r\n            <\/strong>.\r\n            Admisiones debe confirmar la lista definitiva antes de formalizar la matr\u00edcula.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 10 -->\r\n\r\n      <details class=\"perito-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <div class=\"perito-faq-qnum\">\r\n            10\r\n          <\/div>\r\n\r\n          <div class=\"perito-faq-question\">\r\n\r\n            <small>\r\n              Inscripci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfC\u00f3mo inicio el proceso?\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"perito-faq-plus\"><\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"perito-faq-answer\">\r\n\r\n          <p>\r\n\r\n            Puedes comunicarte con el equipo de\r\n            <strong>admisiones ECFI<\/strong>\r\n            para confirmar requisitos, modalidad, horarios,\r\n            disponibilidad del pr\u00f3ximo grupo y los pasos necesarios\r\n            para realizar tu inscripci\u00f3n y matr\u00edcula.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       TRUST NOTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-faq-note\">\r\n\r\n\r\n    <div class=\"perito-faq-note-code\">\r\n      i\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Informaci\u00f3n importante\r\n      <\/small>\r\n\r\n      <strong>\r\n        Las condiciones espec\u00edficas deben verificarse antes de formalizar la matr\u00edcula.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Fechas,\r\n        horarios,\r\n        disponibilidad,\r\n        requisitos acad\u00e9micos\r\n        y condiciones\r\n        de la opci\u00f3n de pr\u00e1ctica\r\n        pueden depender\r\n        de la convocatoria\r\n        vigente de ECFI.\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       CTA\r\n  ====================================================== -->\r\n\r\n  <div class=\"perito-faq-cta\">\r\n\r\n\r\n    <div class=\"perito-faq-cta-code\">\r\n      ?\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfListo para resolver la \u00faltima duda?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Habla con ECFI y recibe orientaci\u00f3n para iniciar tu proceso.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        requisitos,\r\n        disponibilidad\r\n        y proceso de matr\u00edcula\r\n        del T\u00e9cnico Laboral\r\n        en Perito Judicial.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a\r\n      href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20estoy%20interesado%20en%20el%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%20y%20quiero%20resolver%20mis%20%C3%BAltimas%20dudas%20antes%20de%20inscribirme.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Hablar con admisiones \u2192\r\n    <\/a>\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-ba20bc3 e-con e-atomic-element e-flexbox-base e-default-div e-61c2f10 \" data-id=\"ba20bc3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ba20bc3\" data-e-type=\"e-flexbox\" data-id=\"ba20bc3\">\n    \t\t<div class=\"elementor-element elementor-element-dac2f97 elementor-widget elementor-widget-html\" data-id=\"dac2f97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 PERITO JUDICIAL\r\n SECCI\u00d3N 19 \u00b7 CTA FINAL DE INSCRIPCI\u00d3N\r\n========================================================= -->\r\n\r\n<section id=\"perito-inscripcion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#perito-inscripcion{\r\n\r\n  --navy:#02062f;\r\n  --navy2:#06135f;\r\n  --blue:#0a2c86;\r\n  --electric:#176bff;\r\n\r\n  --cyan:#15c7d9;\r\n  --cyan-soft:#8eeff2;\r\n\r\n  --steel:#7f96b3;\r\n  --steel-soft:#d6e0eb;\r\n\r\n  --gold:#d7a928;\r\n  --gold-soft:#efd57d;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --muted:#afbed1;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:110px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 82% 14%,\r\n      rgba(21,199,217,.16),\r\n      transparent 25%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 12% 88%,\r\n      rgba(215,169,40,.12),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 48%,\r\n      #0a2c86 76%,\r\n      #073f5d 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#perito-inscripcion *,\r\n#perito-inscripcion *::before,\r\n#perito-inscripcion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TECH GRID\r\n========================================================= *\/\r\n\r\n#perito-inscripcion::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\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    46px\r\n    46px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#perito-inscripcion::after{\r\n\r\n  content:\"19\";\r\n\r\n  position:absolute;\r\n\r\n  top:-10px;\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      135px,\r\n      19vw,\r\n      250px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-10px;\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#perito-inscripcion .perito-final-wrap{\r\n\r\n  position:relative;\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   MAIN CARD\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-card{\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    54px\r\n    54px\r\n    46px;\r\n\r\n  border-radius:34px;\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    0\r\n    35px\r\n    85px\r\n    rgba(0,0,0,.20);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE ACCENTS\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-card::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:-150px;\r\n  right:-100px;\r\n\r\n  width:420px;\r\n  height:420px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(142,239,242,.10);\r\n\r\n  box-shadow:\r\n    0 0 0 45px rgba(142,239,242,.025),\r\n    0 0 0 90px rgba(142,239,242,.018);\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-card::after{\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(--electric),\r\n      var(--cyan),\r\n      var(--yellow),\r\n      var(--gold)\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-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-soft)\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#perito-inscripcion .perito-final-eyebrow::before{\r\n\r\n  content:\"\";\r\n\r\n  width:24px;\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\/* =========================================================\r\n   HERO COPY\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-content{\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.1fr\r\n    .9fr;\r\n\r\n  gap:45px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-copy h2{\r\n\r\n  max-width:800px;\r\n\r\n  margin:\r\n    10px\r\n    0\r\n    16px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      43px,\r\n      6vw,\r\n      76px\r\n    );\r\n\r\n  line-height:.94;\r\n\r\n  letter-spacing:-3px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-copy h2 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-copy p{\r\n\r\n  max-width:690px;\r\n\r\n  margin:0;\r\n\r\n  color:#bdcadb !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   FACTS\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-facts{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:9px;\r\n\r\n  margin-top:28px;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-fact{\r\n\r\n  min-height:100px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-fact small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--steel)\r\n    !important;\r\n\r\n  font-size:4.7px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-fact 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:7.7px;\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#perito-inscripcion\r\n.perito-final-fact:nth-child(1)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#perito-inscripcion\r\n.perito-final-fact:nth-child(2)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#perito-inscripcion\r\n.perito-final-fact:nth-child(3)\r\nstrong{\r\n  color:#a7bfff !important;\r\n}\r\n\r\n\r\n#perito-inscripcion\r\n.perito-final-fact:nth-child(4)\r\nstrong{\r\n  color:var(--gold-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONVERSION PANEL\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-conversion{\r\n\r\n  position:relative;\r\n\r\n  padding:28px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    60px\r\n    rgba(0,0,0,.18);\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-conversion > small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !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}\r\n\r\n\r\n#perito-inscripcion .perito-final-conversion h3{\r\n\r\n  margin:\r\n    6px\r\n    0\r\n    9px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      27px,\r\n      3.4vw,\r\n      39px\r\n    );\r\n\r\n  line-height:1.03;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-conversion h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-conversion p{\r\n\r\n  margin:0;\r\n\r\n  color:#69788d !important;\r\n\r\n  font-size:7px;\r\n\r\n  line-height:1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI STEPS\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-steps{\r\n\r\n  display:grid;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:21px;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-step{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    36px\r\n    1fr;\r\n\r\n  gap:11px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:65px;\r\n\r\n  padding:10px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-step-num{\r\n\r\n  width:34px;\r\n  height:34px;\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:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:5.5px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion\r\n.perito-final-step:nth-child(1)\r\n.perito-final-step-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#perito-inscripcion\r\n.perito-final-step:nth-child(2)\r\n.perito-final-step-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#perito-inscripcion\r\n.perito-final-step:nth-child(3)\r\n.perito-final-step-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-step 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:7px;\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#perito-inscripcion .perito-final-step span{\r\n\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:#728197 !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  line-height:1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTONS\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-actions{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:22px;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-primary{\r\n\r\n  min-height:52px;\r\n\r\n  display: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    18px;\r\n\r\n  border-radius:12px;\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  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  text-decoration:none !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  box-shadow:\r\n    0\r\n    12px\r\n    28px\r\n    rgba(245,189,5,.20);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-primary:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n  box-shadow:\r\n    0\r\n    16px\r\n    34px\r\n    rgba(245,189,5,.27);\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-secondary{\r\n\r\n  min-height:48px;\r\n\r\n  display: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    18px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#eef5ff;\r\n\r\n  border:\r\n    1px solid\r\n    #d9e6f8;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  text-decoration:none !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  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-secondary:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-trust{\r\n\r\n  margin-top:20px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 55%,\r\n      #fff9df\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.15);\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-trust small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--blue)\r\n    !important;\r\n\r\n  font-size:4.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#perito-inscripcion .perito-final-trust strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:7.5px;\r\n\r\n  line-height:1.4;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM MESSAGE\r\n========================================================= *\/\r\n\r\n#perito-inscripcion .perito-final-bottom{\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin-top:30px;\r\n\r\n  padding-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:20px;\r\n\r\n  align-items:center;\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#perito-inscripcion .perito-final-bottom small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:5.2px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-bottom strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-bottom strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-phone{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  padding:\r\n    10px\r\n    14px;\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,.09);\r\n\r\n  color:#ffffff !important;\r\n\r\n  text-decoration:none !important;\r\n\r\n  white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-phone i{\r\n\r\n  width:10px;\r\n  height:10px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    #25d366;\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    0\r\n    5px\r\n    rgba(37,211,102,.11);\r\n\r\n}\r\n\r\n\r\n#perito-inscripcion .perito-final-phone span{\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:6.5px;\r\n\r\n  font-style:normal;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  #perito-inscripcion .perito-final-content{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-conversion{\r\n\r\n    max-width:700px;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-facts{\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:680px){\r\n\r\n  #perito-inscripcion{\r\n\r\n    padding:\r\n      70px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-card{\r\n\r\n    padding:\r\n      34px\r\n      21px\r\n      28px;\r\n\r\n    border-radius:24px;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-copy h2{\r\n\r\n    font-size:42px;\r\n\r\n    letter-spacing:-2px;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-facts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-conversion{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-bottom{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-phone{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:430px){\r\n\r\n  #perito-inscripcion .perito-final-copy h2{\r\n\r\n    font-size:36px;\r\n\r\n  }\r\n\r\n\r\n  #perito-inscripcion .perito-final-phone{\r\n\r\n    width:100%;\r\n\r\n    justify-content:center;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #perito-inscripcion *{\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=\"perito-final-wrap\">\r\n\r\n\r\n  <div class=\"perito-final-card\">\r\n\r\n\r\n    <!-- ===================================================\r\n         MAIN CONTENT\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-final-content\">\r\n\r\n\r\n      <!-- =================================================\r\n           COPY\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-final-copy\">\r\n\r\n\r\n        <span class=\"perito-final-eyebrow\">\r\n          19 \u00b7 Inscripciones\r\n        <\/span>\r\n\r\n\r\n        <h2>\r\n\r\n          Los hechos dejan informaci\u00f3n.\r\n\r\n          <span>\r\n            Aprende a interpretarla.\r\n          <\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p>\r\n\r\n          F\u00f3rmate en investigaci\u00f3n criminal,\r\n          an\u00e1lisis de informaci\u00f3n,\r\n          evidencia,\r\n          lofoscopia,\r\n          documentolog\u00eda,\r\n          contexto jur\u00eddico\r\n          e informes periciales\r\n          con el T\u00e9cnico Laboral\r\n          por Competencias\r\n          en Perito Judicial de ECFI.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- FACTS -->\r\n\r\n        <div class=\"perito-final-facts\">\r\n\r\n\r\n          <div class=\"perito-final-fact\">\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=\"perito-final-fact\">\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=\"perito-final-fact\">\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=\"perito-final-fact\">\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\r\n\r\n      <!-- =================================================\r\n           CONVERSION\r\n      ================================================== -->\r\n\r\n      <div class=\"perito-final-conversion\">\r\n\r\n\r\n        <small>\r\n          Admisiones abiertas\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n\r\n          Da el siguiente paso.\r\n\r\n          <span>\r\n            Habla con ECFI.\r\n          <\/span>\r\n\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Recibe orientaci\u00f3n\r\n          sobre requisitos,\r\n          modalidad,\r\n          horarios,\r\n          disponibilidad\r\n          y proceso\r\n          de matr\u00edcula.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- STEPS -->\r\n\r\n        <div class=\"perito-final-steps\">\r\n\r\n\r\n          <div class=\"perito-final-step\">\r\n\r\n            <div class=\"perito-final-step-num\">\r\n              01\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Escr\u00edbenos\r\n              <\/strong>\r\n\r\n              <span>\r\n                Solicita informaci\u00f3n sobre el programa.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"perito-final-step\">\r\n\r\n            <div class=\"perito-final-step-num\">\r\n              02\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Confirma tus requisitos\r\n              <\/strong>\r\n\r\n              <span>\r\n                Revisa modalidad y documentos necesarios.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"perito-final-step\">\r\n\r\n            <div class=\"perito-final-step-num\">\r\n              03\r\n            <\/div>\r\n\r\n            <div>\r\n\r\n              <strong>\r\n                Inicia tu matr\u00edcula\r\n              <\/strong>\r\n\r\n              <span>\r\n                Recibe orientaci\u00f3n para formalizar tu proceso.\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        <!-- ACTIONS -->\r\n\r\n        <div class=\"perito-final-actions\">\r\n\r\n\r\n          <a\r\n            class=\"perito-final-primary\"\r\n            href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20inscribirme%20al%20T%C3%A9cnico%20Laboral%20por%20Competencias%20en%20Perito%20Judicial.%20Deseo%20conocer%20disponibilidad%2C%20modalidad%2C%20horarios%2C%20requisitos%20y%20proceso%20de%20matr%C3%ADcula.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Quiero inscribirme por WhatsApp \u2192\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            class=\"perito-final-secondary\"\r\n            href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20estoy%20interesado%20en%20el%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial%2C%20pero%20antes%20de%20inscribirme%20quiero%20resolver%20unas%20dudas.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Primero quiero resolver una duda\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TRUST -->\r\n\r\n        <div class=\"perito-final-trust\">\r\n\r\n          <small>\r\n            Informaci\u00f3n antes de matricularte\r\n          <\/small>\r\n\r\n          <strong>\r\n\r\n            Confirma con admisiones\r\n            los requisitos,\r\n            horarios,\r\n            disponibilidad\r\n            y condiciones vigentes\r\n            de la opci\u00f3n de pr\u00e1ctica.\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         BOTTOM\r\n    ==================================================== -->\r\n\r\n    <div class=\"perito-final-bottom\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Escuela Colombiana de Formaci\u00f3n Integral\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Tu siguiente investigaci\u00f3n puede comenzar\r\n\r\n          <span>\r\n            con una decisi\u00f3n.\r\n          <\/span>\r\n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a\r\n        class=\"perito-final-phone\"\r\n        href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20informaci%C3%B3n%20sobre%20el%20T%C3%A9cnico%20Laboral%20en%20Perito%20Judicial.\"\r\n        target=\"_blank\"\r\n        rel=\"noopener\"\r\n      >\r\n\r\n        <i><\/i>\r\n\r\n        <span>\r\n          318 433 0841\r\n        <\/span>\r\n\r\n      <\/a>\r\n\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 ECFI Judicial Intelligence T\u00e9cnico Laboral en Perito Judicial investiga con criterio. F\u00f3rmate para apoyar t\u00e9cnica y cient\u00edficamente procesos investigativos, analizar informaci\u00f3n, comprender el manejo de evidencia y elaborar informes dentro de contextos judiciales y criminal\u00edsticos. Hechos \u2192 Evidencia \u2192 An\u00e1lisis \u2192 Informe Quiero inscribirme \u2192 Solicitar informaci\u00f3n Duraci\u00f3n 1 semestre Modalidad 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:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":9,"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/peritojudicial.ecfi.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}