{"id":2,"date":"2026-10-22T18:36:56","date_gmt":"2026-10-22T18:36:56","guid":{"rendered":"https:\/\/gestionhumana.ecfi.edu.co\/?page_id=2"},"modified":"2026-10-22T19:37:02","modified_gmt":"2026-10-22T19:37:02","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/gestionhumana.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-0837c42 e-con e-atomic-element e-flexbox-base e-default-div e-137c637 \" data-id=\"0837c42\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0837c42\" data-e-type=\"e-flexbox\" data-id=\"0837c42\">\n    \t\t<div class=\"elementor-element elementor-element-4817bab elementor-widget elementor-widget-html\" data-id=\"4817bab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 01 \u00b7 HERO\r\n========================================================= -->\r\n\r\n<section id=\"gestion-hero\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --steel:#8ba0b9;\r\n  --muted:#b3c1d2;\r\n\r\n  position:relative;\r\n\r\n  min-height:780px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:\r\n    92px\r\n    0\r\n    58px;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 86% 12%,\r\n      rgba(54,179,126,.15),\r\n      transparent 25%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 88%,\r\n      rgba(21,199,217,.11),\r\n      transparent 26%\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      #063f54 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#gestion-hero *,\r\n#gestion-hero *::before,\r\n#gestion-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#gestion-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,.024) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.024) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    48px\r\n    48px;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GIANT NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-hero::after{\r\n\r\n  content:\"01\";\r\n\r\n  position:absolute;\r\n\r\n  top:-5px;\r\n  left:2%;\r\n\r\n  color:\r\n    rgba(255,255,255,.035);\r\n\r\n  font-size:\r\n    clamp(\r\n      145px,\r\n      20vw,\r\n      270px\r\n    );\r\n\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n\r\n  letter-spacing:-11px;\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#gestion-hero .gestion-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   GRID\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.04fr\r\n    .96fr;\r\n\r\n  gap:44px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  padding:\r\n    8px\r\n    12px;\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:5.4px;\r\n\r\n  font-weight:950;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.65px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-eyebrow i{\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--talent);\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    0\r\n    5px\r\n    rgba(54,179,126,.12);\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-copy h1{\r\n\r\n  max-width:760px;\r\n\r\n  margin:\r\n    18px\r\n    0\r\n    17px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      46px,\r\n      6vw,\r\n      78px\r\n    );\r\n\r\n  line-height:.94;\r\n\r\n  letter-spacing:-3.2px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-copy h1 .gestion-title-yellow{\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#gestion-hero .gestion-hero-copy h1 .gestion-title-green{\r\n\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:.72em;\r\n\r\n  line-height:1.02;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-lead{\r\n\r\n  max-width:700px;\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   MICRO FLOW\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-flow{\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:25px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-flow span{\r\n\r\n  min-height:32px;\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    11px;\r\n\r\n  border-radius:9px;\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  color:#ffffff !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#gestion-hero .gestion-hero-flow b{\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIONS\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-actions{\r\n\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:28px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-primary,\r\n#gestion-hero .gestion-hero-secondary{\r\n\r\n  min-height:54px;\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    22px;\r\n\r\n  border-radius:13px;\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    box-shadow .2s ease;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-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,.20);\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-primary::after{\r\n\r\n  content:\"\u2192\";\r\n\r\n  margin-left:9px;\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-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,.11);\r\n\r\n  color:#ffffff !important;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-primary:hover,\r\n#gestion-hero .gestion-hero-secondary:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FACTS\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-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:32px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-fact{\r\n\r\n  min-height:95px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:14px;\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#gestion-hero .gestion-hero-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.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#gestion-hero .gestion-hero-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#gestion-hero\r\n.gestion-hero-fact:nth-child(1)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#gestion-hero\r\n.gestion-hero-fact:nth-child(2)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#gestion-hero\r\n.gestion-hero-fact:nth-child(3)\r\nstrong{\r\n  color:#a5bfff !important;\r\n}\r\n\r\n\r\n#gestion-hero\r\n.gestion-hero-fact:nth-child(4)\r\nstrong{\r\n  color:var(--talent-soft) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE SIDE\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-visual{\r\n\r\n  position:relative;\r\n\r\n  min-height:600px;\r\n\r\n}\r\n\r\n\r\n\/* IMAGE FRAME *\/\r\n\r\n#gestion-hero .gestion-hero-image{\r\n\r\n  position:absolute;\r\n\r\n  top:20px;\r\n  right:0;\r\n\r\n  width:92%;\r\n  height:535px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:\r\n    42px\r\n    42px\r\n    42px\r\n    120px;\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    75px\r\n    rgba(0,0,0,.24);\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-hero-image img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n}\r\n\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n#gestion-hero .gestion-hero-image::after{\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      180deg,\r\n      rgba(2,6,47,.05),\r\n      rgba(2,6,47,.12) 55%,\r\n      rgba(2,6,47,.60) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOAT CARDS\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-float-card{\r\n\r\n  position:absolute;\r\n  z-index:4;\r\n\r\n  padding:\r\n    12px\r\n    14px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    rgba(2,6,47,.94);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.09);\r\n\r\n  box-shadow:\r\n    0\r\n    18px\r\n    40px\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#gestion-hero .gestion-float-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.1px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-float-card 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:6.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\/* CARD 1 *\/\r\n\r\n#gestion-hero .gestion-float-card.card-a{\r\n\r\n  top:70px;\r\n  left:2px;\r\n\r\n  min-width:175px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-float-card.card-a strong{\r\n\r\n  color:\r\n    var(--talent-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* CARD 2 *\/\r\n\r\n#gestion-hero .gestion-float-card.card-b{\r\n\r\n  top:310px;\r\n  right:-5px;\r\n\r\n  min-width:190px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-float-card.card-b strong{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* CARD 3 *\/\r\n\r\n#gestion-hero .gestion-float-card.card-c{\r\n\r\n  bottom:32px;\r\n  left:65px;\r\n\r\n  min-width:215px;\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-float-card.card-c strong{\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE BADGE\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-image-badge{\r\n\r\n  position:absolute;\r\n  z-index:5;\r\n\r\n  top:42px;\r\n  right:30px;\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    11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.92);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:4.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    10px\r\n    25px\r\n    rgba(0,0,0,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-hero .gestion-image-badge::before{\r\n\r\n  content:\"\";\r\n\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    var(--talent);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STRIP\r\n========================================================= *\/\r\n\r\n#gestion-hero .gestion-hero-bottom{\r\n\r\n  position:relative;\r\n\r\n  margin-top:52px;\r\n\r\n  padding:\r\n    22px\r\n    24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:17px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:18px;\r\n\r\n  background:\r\n    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#gestion-hero .gestion-hero-bottom-code{\r\n\r\n  width:54px;\r\n  height:54px;\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(--talent),\r\n      var(--cyan)\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#gestion-hero .gestion-hero-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: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#gestion-hero .gestion-hero-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: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#gestion-hero .gestion-hero-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#gestion-hero .gestion-hero-bottom-tag{\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(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)\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  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  #gestion-hero{\r\n\r\n    min-height:auto;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-copy{\r\n\r\n    max-width:820px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-visual{\r\n\r\n    min-height:570px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-image{\r\n\r\n    width:88%;\r\n    right:5%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n  #gestion-hero{\r\n\r\n    padding:\r\n      70px\r\n      0\r\n      48px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-copy h1{\r\n\r\n    font-size:45px;\r\n\r\n    letter-spacing:-2.2px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-facts{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-visual{\r\n\r\n    min-height:500px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-image{\r\n\r\n    top:10px;\r\n    right:0;\r\n\r\n    width:100%;\r\n    height:450px;\r\n\r\n    border-radius:\r\n      30px\r\n      30px\r\n      30px\r\n      80px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card.card-a{\r\n\r\n    top:45px;\r\n    left:10px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card.card-b{\r\n\r\n    top:270px;\r\n    right:10px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card.card-c{\r\n\r\n    bottom:15px;\r\n    left:20px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-image-badge{\r\n\r\n    right:14px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-bottom{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-bottom-tag{\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  #gestion-hero .gestion-hero-copy h1{\r\n\r\n    font-size:38px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-lead{\r\n\r\n    font-size:9px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-actions{\r\n\r\n    display:grid;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-primary,\r\n  #gestion-hero .gestion-hero-secondary{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-facts{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-visual{\r\n\r\n    min-height:455px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-hero-image{\r\n\r\n    height:405px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card{\r\n\r\n    transform:\r\n      scale(.92);\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card.card-a{\r\n\r\n    left:0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card.card-b{\r\n\r\n    right:0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-hero .gestion-float-card.card-c{\r\n\r\n    left:4px;\r\n\r\n    bottom:8px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #gestion-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=\"gestion-hero-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN GRID\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-hero-grid\">\r\n\r\n\r\n    <!-- ===================================================\r\n         COPY\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-hero-copy\">\r\n\r\n\r\n      <span class=\"gestion-hero-eyebrow\">\r\n\r\n        <i><\/i>\r\n\r\n        Admisiones abiertas \u00b7 ECFI Human Talent\r\n\r\n      <\/span>\r\n\r\n\r\n\r\n      <h1>\r\n\r\n        T\u00e9cnico Laboral en\r\n\r\n        <span class=\"gestion-title-yellow\">\r\n          Auxiliar de Gesti\u00f3n Humana\r\n        <\/span>\r\n\r\n        <span class=\"gestion-title-green\">\r\n          conecta personas con oportunidades.\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n\r\n\r\n      <p class=\"gestion-hero-lead\">\r\n\r\n        F\u00f3rmate para apoyar\r\n        procesos de selecci\u00f3n,\r\n        perfiles de cargo,\r\n        vinculaci\u00f3n,\r\n        inducci\u00f3n,\r\n        n\u00f3mina,\r\n        seguridad y salud en el trabajo\r\n        y gesti\u00f3n de informaci\u00f3n\r\n        del talento humano\r\n        dentro de las organizaciones.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- FLOW -->\r\n\r\n      <div class=\"gestion-hero-flow\">\r\n\r\n        <span>\r\n          Personas\r\n        <\/span>\r\n\r\n        <b>\r\n          \u2192\r\n        <\/b>\r\n\r\n        <span>\r\n          Talento\r\n        <\/span>\r\n\r\n        <b>\r\n          \u2192\r\n        <\/b>\r\n\r\n        <span>\r\n          Selecci\u00f3n\r\n        <\/span>\r\n\r\n        <b>\r\n          \u2192\r\n        <\/b>\r\n\r\n        <span>\r\n          Vinculaci\u00f3n\r\n        <\/span>\r\n\r\n        <b>\r\n          \u2192\r\n        <\/b>\r\n\r\n        <span>\r\n          Desarrollo\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ACTIONS -->\r\n\r\n      <div class=\"gestion-hero-actions\">\r\n\r\n\r\n        <a\r\n          class=\"gestion-hero-primary\"\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20inscribirme%20al%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.%20Deseo%20conocer%20modalidades%2C%20horarios%2C%20requisitos%20y%20disponibilidad.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Quiero inscribirme\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"gestion-hero-secondary\"\r\n          href=\"#gestion-programa\"\r\n        >\r\n          Conocer el programa\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=\"gestion-hero-facts\">\r\n\r\n\r\n        <div class=\"gestion-hero-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=\"gestion-hero-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=\"gestion-hero-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=\"gestion-hero-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         IMAGE\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-hero-visual\">\r\n\r\n\r\n      <div class=\"gestion-hero-image\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/06\/trabajador-de-recursos-humanos-de-puesta-en-marcha-que-identifica-los-candidatos-adecuados-para-la-vacante-de-trabajo-que-revisa-el-curriculum-scaled.jpg\"\r\n          alt=\"Profesional de gesti\u00f3n humana revisando perfiles de candidatos\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- BADGE -->\r\n\r\n      <div class=\"gestion-image-badge\">\r\n        Gesti\u00f3n de talento\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FLOAT 1 -->\r\n\r\n      <div class=\"gestion-float-card card-a\">\r\n\r\n        <small>\r\n          Proceso clave\r\n        <\/small>\r\n\r\n        <strong>\r\n          Selecci\u00f3n de personal\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FLOAT 2 -->\r\n\r\n      <div class=\"gestion-float-card card-b\">\r\n\r\n        <small>\r\n          Competencia\r\n        <\/small>\r\n\r\n        <strong>\r\n          Perfiles de cargo\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FLOAT 3 -->\r\n\r\n      <div class=\"gestion-float-card card-c\">\r\n\r\n        <small>\r\n          Tu formaci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          Personas + procesos + organizaci\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       BOTTOM\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-hero-bottom\">\r\n\r\n\r\n    <div class=\"gestion-hero-bottom-code\">\r\n      TH\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Gesti\u00f3n Humana\r\n      <\/small>\r\n\r\n      <strong>\r\n\r\n        Detr\u00e1s de cada organizaci\u00f3n hay personas.\r\n\r\n        <span>\r\n          Aprende a gestionar su talento.\r\n        <\/span>\r\n\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <span class=\"gestion-hero-bottom-tag\">\r\n      ECFI \u00b7 Human Talent\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-6cb9e94 e-con e-atomic-element e-flexbox-base e-default-div e-839f562 \" data-id=\"6cb9e94\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6cb9e94\" data-e-type=\"e-flexbox\" data-id=\"6cb9e94\">\n    \t\t<div class=\"elementor-element elementor-element-244bdcc elementor-widget elementor-widget-html\" data-id=\"244bdcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 03 \u00b7 \u00bfQU\u00c9 APRENDER\u00c1S?\r\n========================================================= -->\r\n\r\n<section id=\"gestion-aprenderas\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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(54,179,126,.09),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 9% 90%,\r\n      rgba(23,107,255,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 79%,\r\n      #063f54 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#gestion-aprenderas *,\r\n#gestion-aprenderas *::before,\r\n#gestion-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#gestion-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,.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    48px\r\n    48px;\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#gestion-aprenderas::after{\r\n\r\n  content:\"03\";\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#gestion-aprenderas .gestion-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#gestion-aprenderas .gestion-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#gestion-aprenderas .gestion-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#gestion-aprenderas .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-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#gestion-aprenderas .gestion-learn-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !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   DASHBOARD\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-dashboard{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .82fr\r\n    1.18fr;\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   SUMMARY PANEL\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-summary{\r\n\r\n  padding:29px;\r\n\r\n  border-radius:27px;\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    22px\r\n    52px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-summary > 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#gestion-aprenderas .gestion-learn-summary 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      28px,\r\n      3.3vw,\r\n      42px\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#gestion-aprenderas .gestion-learn-summary h3 span{\r\n\r\n  color:\r\n    var(--talent-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-summary p{\r\n\r\n  margin:0;\r\n\r\n  color:#afbed1 !important;\r\n\r\n  font-size:8.2px;\r\n\r\n  line-height:1.62;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY METRICS\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-metrics{\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:23px;\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-metric{\r\n\r\n  min-height:112px;\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#gestion-aprenderas .gestion-learn-metric small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #899bb0\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#gestion-aprenderas .gestion-learn-metric 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: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#gestion-aprenderas\r\n.gestion-learn-metric:nth-child(1)\r\nstrong{\r\n  color:var(--cyan-soft) !important;\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-metric:nth-child(2)\r\nstrong{\r\n  color:var(--talent-soft) !important;\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-metric:nth-child(3)\r\nstrong{\r\n  color:var(--yellow) !important;\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-metric:nth-child(4)\r\nstrong{\r\n  color:#a7bfff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-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    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#gestion-aprenderas .gestion-learn-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-aprenderas .gestion-learn-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.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SKILLS GRID\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-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   SKILL CARD\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-card{\r\n\r\n  min-height:210px;\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    rgba(255,255,255,.05);\r\n\r\n  box-shadow:\r\n    0\r\n    17px\r\n    38px\r\n    rgba(0,0,0,.11);\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#gestion-aprenderas .gestion-learn-card:hover{\r\n\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  box-shadow:\r\n    0\r\n    23px\r\n    46px\r\n    rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-card-top{\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:12px;\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-card-num{\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    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#gestion-aprenderas\r\n.gestion-learn-card:nth-child(2)\r\n.gestion-learn-card-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-card:nth-child(3)\r\n.gestion-learn-card-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-card:nth-child(4)\r\n.gestion-learn-card-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-card:nth-child(5)\r\n.gestion-learn-card-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#gestion-aprenderas\r\n.gestion-learn-card:nth-child(6)\r\n.gestion-learn-card-num{\r\n  background:var(--talent-soft);\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-card-tag{\r\n\r\n  padding:\r\n    6px\r\n    8px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#f1f5f9;\r\n\r\n  color:\r\n    #65748b\r\n    !important;\r\n\r\n  font-size:4.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   CARD TEXT\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:14px;\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#gestion-aprenderas .gestion-learn-card h3{\r\n\r\n  margin:\r\n    5px\r\n    0\r\n    7px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-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.2px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROUTE\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-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    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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-learn-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   ROUTE GRID\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-learn-route-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(7,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-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,.34);\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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas\r\n.gestion-learn-route-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-route-step small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #8192a8\r\n    !important;\r\n\r\n  font-size:4.3px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-learn-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:6.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\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#gestion-aprenderas .gestion-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:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    20px\r\n    50px\r\n    rgba(0,0,0,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-aprenderas .gestion-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(--talent),\r\n      var(--cyan)\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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-learn-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#gestion-aprenderas .gestion-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#gestion-aprenderas .gestion-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  #gestion-aprenderas .gestion-learn-head,\r\n  #gestion-aprenderas .gestion-learn-dashboard{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-route-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas\r\n  .gestion-learn-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  #gestion-aprenderas{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-summary{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-metrics{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-route-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-route-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-route-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-learn-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-aprenderas .gestion-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  #gestion-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=\"gestion-learn-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-learn-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-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 gestionar\r\n\r\n        <span>\r\n          momentos clave del talento humano.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      El programa desarrolla\r\n      competencias para apoyar\r\n      diferentes etapas\r\n      de la gesti\u00f3n de personas,\r\n      desde la definici\u00f3n\r\n      de un cargo\r\n      hasta procesos\r\n      de vinculaci\u00f3n,\r\n      n\u00f3mina,\r\n      inducci\u00f3n\r\n      y acompa\u00f1amiento organizacional.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       DASHBOARD\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-learn-dashboard\">\r\n\r\n\r\n    <!-- ===================================================\r\n         SUMMARY\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-learn-summary\">\r\n\r\n\r\n      <small>\r\n        Human Talent Dashboard\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Personas,\r\n\r\n        <span>\r\n          procesos y organizaci\u00f3n.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La formaci\u00f3n combina\r\n        conocimientos administrativos,\r\n        herramientas de gesti\u00f3n humana\r\n        y habilidades de comunicaci\u00f3n\r\n        para apoyar\r\n        el funcionamiento\r\n        del \u00e1rea de talento humano.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-learn-metrics\">\r\n\r\n\r\n        <div class=\"gestion-learn-metric\">\r\n\r\n          <small>\r\n            \u00c1rea\r\n          <\/small>\r\n\r\n          <strong>\r\n            Perfiles de cargo\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-learn-metric\">\r\n\r\n          <small>\r\n            \u00c1rea\r\n          <\/small>\r\n\r\n          <strong>\r\n            Selecci\u00f3n\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-learn-metric\">\r\n\r\n          <small>\r\n            \u00c1rea\r\n          <\/small>\r\n\r\n          <strong>\r\n            N\u00f3mina y vinculaci\u00f3n\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-learn-metric\">\r\n\r\n          <small>\r\n            \u00c1rea\r\n          <\/small>\r\n\r\n          <strong>\r\n            SST e inducci\u00f3n\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=\"gestion-learn-principle\">\r\n\r\n        <small>\r\n          Idea central\r\n        <\/small>\r\n\r\n        <strong>\r\n          Gestionar talento significa conectar necesidades de la empresa con capacidades de las personas.\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         SKILLS\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-learn-grid\">\r\n\r\n\r\n      <!-- 01 -->\r\n\r\n      <article class=\"gestion-learn-card\">\r\n\r\n\r\n        <div class=\"gestion-learn-card-top\">\r\n\r\n          <div class=\"gestion-learn-card-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <span class=\"gestion-learn-card-tag\">\r\n            Cargos\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n          Aprender\u00e1s a apoyar\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Estructuraci\u00f3n de perfiles de cargo\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Identificar funciones,\r\n          requisitos,\r\n          competencias\r\n          y criterios asociados\r\n          con los diferentes cargos\r\n          dentro de una organizaci\u00f3n.\r\n\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 02 -->\r\n\r\n      <article class=\"gestion-learn-card\">\r\n\r\n\r\n        <div class=\"gestion-learn-card-top\">\r\n\r\n          <div class=\"gestion-learn-card-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <span class=\"gestion-learn-card-tag\">\r\n            Talento\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n          Aprender\u00e1s a apoyar\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Selecci\u00f3n de personal\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Participar\r\n          en procesos\r\n          de b\u00fasqueda,\r\n          revisi\u00f3n\r\n          y selecci\u00f3n\r\n          de candidatos\r\n          seg\u00fan procedimientos\r\n          y criterios establecidos.\r\n\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 03 -->\r\n\r\n      <article class=\"gestion-learn-card\">\r\n\r\n\r\n        <div class=\"gestion-learn-card-top\">\r\n\r\n          <div class=\"gestion-learn-card-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <span class=\"gestion-learn-card-tag\">\r\n            Vinculaci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n          Aprender\u00e1s a comprender\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Contrataci\u00f3n y vinculaci\u00f3n\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Reconocer\r\n          procesos administrativos\r\n          asociados\r\n          con el ingreso,\r\n          documentaci\u00f3n\r\n          y vinculaci\u00f3n\r\n          del talento humano.\r\n\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 04 -->\r\n\r\n      <article class=\"gestion-learn-card\">\r\n\r\n\r\n        <div class=\"gestion-learn-card-top\">\r\n\r\n          <div class=\"gestion-learn-card-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <span class=\"gestion-learn-card-tag\">\r\n            Desarrollo\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n          Aprender\u00e1s a apoyar\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Procesos de inducci\u00f3n\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Participar\r\n          en actividades\r\n          de orientaci\u00f3n\r\n          e integraci\u00f3n\r\n          de nuevos colaboradores\r\n          a la organizaci\u00f3n.\r\n\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 05 -->\r\n\r\n      <article class=\"gestion-learn-card\">\r\n\r\n\r\n        <div class=\"gestion-learn-card-top\">\r\n\r\n          <div class=\"gestion-learn-card-num\">\r\n            05\r\n          <\/div>\r\n\r\n          <span class=\"gestion-learn-card-tag\">\r\n            Administraci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n          Aprender\u00e1s a apoyar\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Gesti\u00f3n de n\u00f3mina\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Trabajar\r\n          con informaci\u00f3n\r\n          y procedimientos\r\n          administrativos\r\n          relacionados\r\n          con la generaci\u00f3n\r\n          y organizaci\u00f3n\r\n          de n\u00f3mina.\r\n\r\n        <\/p>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 06 -->\r\n\r\n      <article class=\"gestion-learn-card\">\r\n\r\n\r\n        <div class=\"gestion-learn-card-top\">\r\n\r\n          <div class=\"gestion-learn-card-num\">\r\n            06\r\n          <\/div>\r\n\r\n          <span class=\"gestion-learn-card-tag\">\r\n            Bienestar\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <small>\r\n          Aprender\u00e1s a apoyar\r\n        <\/small>\r\n\r\n\r\n        <h3>\r\n          Seguridad y Salud en el Trabajo\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Reconocer\r\n          riesgos,\r\n          acciones de prevenci\u00f3n,\r\n          comunicaci\u00f3n\r\n          y procedimientos\r\n          relacionados\r\n          con seguridad\r\n          y salud laboral.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       LEARNING ROUTE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-learn-route\">\r\n\r\n\r\n    <div class=\"gestion-learn-route-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de aprendizaje\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprende el recorrido de una persona dentro de la organizaci\u00f3n.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-learn-route-badge\">\r\n        Human Talent Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-learn-route-grid\">\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar el cargo\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Buscar talento\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Seleccionar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Vincular\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Inducir\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Administrar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-learn-route-step\">\r\n\r\n        <small>\r\n          Etapa 07\r\n        <\/small>\r\n\r\n        <strong>\r\n          Acompa\u00f1ar\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=\"gestion-learn-cta\">\r\n\r\n\r\n    <div class=\"gestion-learn-cta-code\">\r\n      +\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Desarrolla competencias aplicables\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende a apoyar procesos reales del \u00e1rea de Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        requisitos,\r\n        horarios\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%20conocer%20m%C3%A1s%20sobre%20lo%20que%20aprender%C3%A9%20en%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero aprender esto \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-5e4dc84 e-con e-atomic-element e-flexbox-base e-default-div e-f65ecbc \" data-id=\"5e4dc84\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5e4dc84\" data-e-type=\"e-flexbox\" data-id=\"5e4dc84\">\n    \t\t<div class=\"elementor-element elementor-element-e7ea637 elementor-widget elementor-widget-html\" data-id=\"e7ea637\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 04 \u00b7 ESTRUCTURACI\u00d3N DE PERFILES DE CARGO\r\n========================================================= -->\r\n\r\n<section id=\"gestion-perfiles\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-perfiles{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(23,107,255,.06),\r\n      transparent 25%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-perfiles *,\r\n#gestion-perfiles *::before,\r\n#gestion-perfiles *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-perfiles::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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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   MAIN GRID\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-profile-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .95fr\r\n    1.05fr;\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#gestion-perfiles .gestion-profile-intro{\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#gestion-perfiles .gestion-profile-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#gestion-perfiles .gestion-profile-intro 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#gestion-perfiles .gestion-profile-intro h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-profile-intro 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   CORE POINTS\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-profile-core{\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#gestion-perfiles .gestion-profile-core-item{\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:75px;\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#gestion-perfiles .gestion-profile-core-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  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#gestion-perfiles\r\n.gestion-profile-core-item:nth-child(2)\r\n.gestion-profile-core-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-profile-core-item:nth-child(3)\r\n.gestion-profile-core-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-profile-core-item:nth-child(4)\r\n.gestion-profile-core-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-profile-core-item strong{\r\n\r\n  display:block;\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#gestion-perfiles .gestion-profile-core-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-profile-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    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#gestion-perfiles .gestion-profile-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-perfiles .gestion-profile-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.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOB PROFILE MOCKUP\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-job-card{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n#gestion-perfiles .gestion-job-top{\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:14px;\r\n\r\n  align-items:center;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-job-avatar{\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    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-job-top 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#gestion-perfiles .gestion-job-top 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:12px;\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#gestion-perfiles .gestion-job-status{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   FIELDS\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-job-fields{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    1fr;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:20px;\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-job-field{\r\n\r\n  min-height:120px;\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#gestion-perfiles .gestion-job-field 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#gestion-perfiles .gestion-job-field 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.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#gestion-perfiles .gestion-job-field 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:5.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-job-field:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-job-field:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-job-field:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-job-field:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-job-field:nth-child(5){\r\n  border-top:3px solid var(--cyan-soft);\r\n}\r\n\r\n\r\n#gestion-perfiles\r\n.gestion-job-field:nth-child(6){\r\n  border-top:3px solid var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALIDATION\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-job-validation{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-perfiles .gestion-job-check{\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    var(--talent);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-job-validation 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.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#gestion-perfiles .gestion-job-validation 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:8px;\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   PROCESS\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-profile-process{\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#gestion-perfiles .gestion-profile-process-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#gestion-perfiles .gestion-profile-process-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#gestion-perfiles .gestion-profile-process-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#gestion-perfiles .gestion-profile-process-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   PROCESS GRID\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-profile-process-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#gestion-perfiles .gestion-profile-process-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:\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#gestion-perfiles .gestion-profile-process-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#gestion-perfiles\r\n.gestion-profile-process-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-perfiles .gestion-profile-process-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-perfiles .gestion-profile-process-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:6.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\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#gestion-perfiles .gestion-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    linear-gradient(\r\n      120deg,\r\n      #eef5ff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-perfiles .gestion-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      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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#gestion-perfiles .gestion-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  #gestion-perfiles .gestion-profile-head,\r\n  #gestion-perfiles .gestion-profile-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-process-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  #gestion-perfiles\r\n  .gestion-profile-process-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  #gestion-perfiles{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-intro,\r\n  #gestion-perfiles .gestion-job-card{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-job-fields{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-process-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-process-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-process-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-profile-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfiles .gestion-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  #gestion-perfiles *{\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=\"gestion-profile-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-profile-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-profile-eyebrow\">\r\n        04 \u00b7 Perfiles de cargo\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Antes de buscar talento,\r\n\r\n        <span>\r\n          hay que entender el cargo.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Aprender\u00e1s a identificar\r\n      funciones,\r\n      requisitos,\r\n      competencias\r\n      y caracter\u00edsticas\r\n      necesarias\r\n      para estructurar\r\n      perfiles de cargo\r\n      de acuerdo\r\n      con metodolog\u00edas\r\n      y necesidades organizacionales.\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=\"gestion-profile-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-profile-intro\">\r\n\r\n\r\n      <small>\r\n        Job Architecture\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Un buen proceso de selecci\u00f3n comienza con\r\n\r\n        <span>\r\n          un perfil bien definido.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El perfil de cargo\r\n        ayuda a establecer\r\n        qu\u00e9 necesita\r\n        la organizaci\u00f3n,\r\n        cu\u00e1les ser\u00e1n\r\n        las funciones,\r\n        qu\u00e9 competencias\r\n        se requieren\r\n        y qu\u00e9 caracter\u00edsticas\r\n        debe reunir\r\n        el candidato.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-profile-core\">\r\n\r\n\r\n        <div class=\"gestion-profile-core-item\">\r\n\r\n          <div class=\"gestion-profile-core-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Diagnosticar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Recopilar y organizar informaci\u00f3n relacionada con el cargo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-core-item\">\r\n\r\n          <div class=\"gestion-profile-core-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Describir\r\n            <\/strong>\r\n\r\n            <span>\r\n              Definir prop\u00f3sito, funciones y ubicaci\u00f3n del cargo.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-core-item\">\r\n\r\n          <div class=\"gestion-profile-core-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Identificar competencias\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reconocer capacidades requeridas para desempe\u00f1ar las funciones.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-core-item\">\r\n\r\n          <div class=\"gestion-profile-core-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Validar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Revisar que el perfil corresponda con procedimientos y necesidades.\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=\"gestion-profile-principle\">\r\n\r\n        <small>\r\n          Principio de Gesti\u00f3n Humana\r\n        <\/small>\r\n\r\n        <strong>\r\n          No se busca primero al candidato. Primero se define qu\u00e9 necesita el cargo.\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         PROFILE MOCKUP\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-job-card\">\r\n\r\n\r\n      <div class=\"gestion-job-top\">\r\n\r\n\r\n        <div class=\"gestion-job-avatar\">\r\n          RH\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Perfil organizacional\r\n          <\/small>\r\n\r\n          <strong>\r\n            Ficha t\u00e9cnica del cargo\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-job-status\">\r\n          Perfil estructurado\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-job-fields\">\r\n\r\n\r\n        <div class=\"gestion-job-field\">\r\n\r\n          <small>\r\n            01 \u00b7 Denominaci\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Nombre del cargo\r\n          <\/strong>\r\n\r\n          <span>\r\n            Identificaci\u00f3n clara del puesto dentro de la organizaci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-job-field\">\r\n\r\n          <small>\r\n            02 \u00b7 Prop\u00f3sito\r\n          <\/small>\r\n\r\n          <strong>\r\n            Raz\u00f3n de ser del cargo\r\n          <\/strong>\r\n\r\n          <span>\r\n            Define qu\u00e9 aporta el cargo al funcionamiento de la organizaci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-job-field\">\r\n\r\n          <small>\r\n            03 \u00b7 Funciones\r\n          <\/small>\r\n\r\n          <strong>\r\n            Responsabilidades principales\r\n          <\/strong>\r\n\r\n          <span>\r\n            Organiza las actividades y tareas asociadas al desempe\u00f1o.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-job-field\">\r\n\r\n          <small>\r\n            04 \u00b7 Competencias\r\n          <\/small>\r\n\r\n          <strong>\r\n            Capacidades requeridas\r\n          <\/strong>\r\n\r\n          <span>\r\n            Permite identificar conocimientos, habilidades y competencias.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-job-field\">\r\n\r\n          <small>\r\n            05 \u00b7 Requisitos\r\n          <\/small>\r\n\r\n          <strong>\r\n            Formaci\u00f3n y experiencia\r\n          <\/strong>\r\n\r\n          <span>\r\n            Define condiciones acad\u00e9micas, experiencia y competencias blandas.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-job-field\">\r\n\r\n          <small>\r\n            06 \u00b7 Desempe\u00f1o\r\n          <\/small>\r\n\r\n          <strong>\r\n            Criterios del cargo\r\n          <\/strong>\r\n\r\n          <span>\r\n            Establece referencias para comprender el desempe\u00f1o esperado.\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=\"gestion-job-validation\">\r\n\r\n\r\n        <div class=\"gestion-job-check\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Resultado\r\n          <\/small>\r\n\r\n          <strong>\r\n            Un perfil estructurado facilita los siguientes procesos de Gesti\u00f3n Humana.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       PROCESS\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-profile-process\">\r\n\r\n\r\n    <div class=\"gestion-profile-process-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Construcci\u00f3n del perfil\r\n        <\/small>\r\n\r\n        <strong>\r\n          Del an\u00e1lisis de informaci\u00f3n a una ficha de cargo organizada.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-profile-process-badge\">\r\n        Job Profile Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-profile-process-grid\">\r\n\r\n\r\n      <div class=\"gestion-profile-process-step\">\r\n\r\n        <small>\r\n          Paso 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Recopilar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-process-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar el cargo\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-process-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Definir funciones\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-process-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar competencias\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-process-step\">\r\n\r\n        <small>\r\n          Paso 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Establecer requisitos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-process-step\">\r\n\r\n        <small>\r\n          Paso 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Validar el perfil\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=\"gestion-profile-cta\">\r\n\r\n\r\n    <div class=\"gestion-profile-cta-code\">\r\n      CV\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Aprende a construir perfiles\r\n      <\/small>\r\n\r\n      <strong>\r\n        Comprende qu\u00e9 necesita una organizaci\u00f3n antes de iniciar la b\u00fasqueda de talento.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Desarrolla competencias\r\n        para organizar informaci\u00f3n,\r\n        describir funciones\r\n        e identificar requisitos\r\n        asociados a diferentes cargos.\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%20aprender%20sobre%20perfiles%20de%20cargo%20en%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%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-a0c6dff e-con e-atomic-element e-flexbox-base e-default-div e-abaf69c \" data-id=\"a0c6dff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a0c6dff\" data-e-type=\"e-flexbox\" data-id=\"a0c6dff\">\n    \t\t<div class=\"elementor-element elementor-element-96a874b elementor-widget elementor-widget-html\" data-id=\"96a874b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 05 \u00b7 RECLUTAMIENTO Y SELECCI\u00d3N\r\n========================================================= -->\r\n\r\n<section id=\"gestion-seleccion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-seleccion{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 10% 92%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-seleccion *,\r\n#gestion-seleccion *::before,\r\n#gestion-seleccion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-seleccion::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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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   ATS PANEL\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-ats{\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:20px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT INTRO\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-intro{\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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-intro 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#gestion-seleccion .gestion-select-intro h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-intro 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 POINTS\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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: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,.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#gestion-seleccion .gestion-select-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#gestion-seleccion\r\n.gestion-select-point:nth-child(1)\r\n.gestion-select-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-seleccion\r\n.gestion-select-point:nth-child(2)\r\n.gestion-select-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-seleccion\r\n.gestion-select-point:nth-child(3)\r\n.gestion-select-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-seleccion\r\n.gestion-select-point:nth-child(4)\r\n.gestion-select-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-point strong{\r\n\r\n  display:block;\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#gestion-seleccion .gestion-select-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT DASHBOARD\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-dashboard{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DASHBOARD TOP\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-dashboard-top{\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  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-dashboard-top 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#gestion-seleccion .gestion-select-dashboard-top 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.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-dashboard-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   CANDIDATE LIST\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-candidates{\r\n\r\n  display:grid;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:20px;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-candidate{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    44px\r\n    1fr\r\n    auto;\r\n\r\n  gap:12px;\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:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-candidate-avatar{\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:50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\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#gestion-seleccion .gestion-candidate 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#gestion-seleccion .gestion-candidate 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#gestion-seleccion .gestion-candidate-status{\r\n\r\n  padding:\r\n    6px\r\n    8px;\r\n\r\n  border-radius:999px;\r\n\r\n  font-size:4.4px;\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#gestion-seleccion\r\n.gestion-candidate:nth-child(1)\r\n.gestion-candidate-status{\r\n\r\n  background:#eefcff;\r\n  color:#087f98 !important;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion\r\n.gestion-candidate:nth-child(2)\r\n.gestion-candidate-status{\r\n\r\n  background:#eefaf5;\r\n  color:#21845f !important;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion\r\n.gestion-candidate:nth-child(3)\r\n.gestion-candidate-status{\r\n\r\n  background:#fff7dc;\r\n  color:#9a7410 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FILTER STRIP\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-filter{\r\n\r\n  margin-top:18px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-filter-item{\r\n\r\n  min-height:90px;\r\n\r\n  padding:13px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eef5ff,\r\n      #ffffff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    #e4ebf3;\r\n\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-filter-item small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.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#gestion-seleccion .gestion-select-filter-item 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   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-flow-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:\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#gestion-seleccion .gestion-select-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#gestion-seleccion\r\n.gestion-select-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-seleccion .gestion-select-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-seleccion .gestion-select-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:6.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\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-seleccion .gestion-select-principle{\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      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-seleccion .gestion-select-principle-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(--talent),\r\n      var(--cyan)\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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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: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#gestion-seleccion .gestion-select-principle 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.1px;\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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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#gestion-seleccion .gestion-select-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  #gestion-seleccion .gestion-select-head,\r\n  #gestion-seleccion .gestion-ats{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-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  #gestion-seleccion\r\n  .gestion-select-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  #gestion-seleccion{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-intro,\r\n  #gestion-seleccion .gestion-select-dashboard{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-candidate{\r\n\r\n    grid-template-columns:\r\n      42px\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-candidate-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  #gestion-seleccion .gestion-select-filter{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-principle{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-seleccion .gestion-select-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  #gestion-seleccion *{\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=\"gestion-select-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-select-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-select-eyebrow\">\r\n        05 \u00b7 Reclutamiento y selecci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Encontrar talento es m\u00e1s que\r\n\r\n        <span>\r\n          revisar hojas de vida.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Aprender\u00e1s a apoyar\r\n      procesos relacionados\r\n      con reclutamiento,\r\n      revisi\u00f3n de informaci\u00f3n,\r\n      organizaci\u00f3n de candidatos\r\n      y selecci\u00f3n\r\n      de acuerdo\r\n      con procedimientos\r\n      establecidos.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       ATS\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-ats\">\r\n\r\n\r\n    <!-- ===================================================\r\n         LEFT\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-select-intro\">\r\n\r\n\r\n      <small>\r\n        Talent Acquisition\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Del perfil del cargo al\r\n\r\n        <span>\r\n          candidato adecuado.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La selecci\u00f3n\r\n        comienza cuando\r\n        una organizaci\u00f3n\r\n        identifica una necesidad\r\n        y define\r\n        qu\u00e9 caracter\u00edsticas\r\n        requiere\r\n        para cubrirla.\r\n\r\n        El auxiliar\r\n        puede apoyar\r\n        la organizaci\u00f3n\r\n        de informaci\u00f3n\r\n        y diferentes actividades\r\n        del proceso.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-select-points\">\r\n\r\n\r\n        <div class=\"gestion-select-point\">\r\n\r\n          <div class=\"gestion-select-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Revisar informaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Organizar datos y documentos asociados con candidatos.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-select-point\">\r\n\r\n          <div class=\"gestion-select-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Apoyar reclutamiento\r\n            <\/strong>\r\n\r\n            <span>\r\n              Participar en actividades relacionadas con b\u00fasqueda de aspirantes.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-select-point\">\r\n\r\n          <div class=\"gestion-select-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Clasificar perfiles\r\n            <\/strong>\r\n\r\n            <span>\r\n              Relacionar requisitos del cargo con informaci\u00f3n del candidato.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-select-point\">\r\n\r\n          <div class=\"gestion-select-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Comunicar el proceso\r\n            <\/strong>\r\n\r\n            <span>\r\n              Apoyar el manejo organizado de informaci\u00f3n y continuidad de candidatos.\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         DASHBOARD\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-select-dashboard\">\r\n\r\n\r\n      <div class=\"gestion-select-dashboard-top\">\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Candidate Management\r\n          <\/small>\r\n\r\n          <strong>\r\n            Panel de candidatos\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-select-dashboard-badge\">\r\n          Proceso activo\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- CANDIDATES -->\r\n\r\n      <div class=\"gestion-candidates\">\r\n\r\n\r\n        <div class=\"gestion-candidate\">\r\n\r\n          <div class=\"gestion-candidate-avatar\">\r\n            CV\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Etapa\r\n            <\/small>\r\n\r\n            <strong>\r\n              Hoja de vida recibida\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-candidate-status\">\r\n            revisi\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-candidate\">\r\n\r\n          <div class=\"gestion-candidate-avatar\">\r\n            PF\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Etapa\r\n            <\/small>\r\n\r\n            <strong>\r\n              Perfil relacionado con el cargo\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-candidate-status\">\r\n            preselecci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-candidate\">\r\n\r\n          <div class=\"gestion-candidate-avatar\">\r\n            SL\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Etapa\r\n            <\/small>\r\n\r\n            <strong>\r\n              Candidato dentro del proceso\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-candidate-status\">\r\n            seguimiento\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- FILTERS -->\r\n\r\n      <div class=\"gestion-select-filter\">\r\n\r\n\r\n        <div class=\"gestion-select-filter-item\">\r\n\r\n          <small>\r\n            Criterio\r\n          <\/small>\r\n\r\n          <strong>\r\n            Formaci\u00f3n\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-select-filter-item\">\r\n\r\n          <small>\r\n            Criterio\r\n          <\/small>\r\n\r\n          <strong>\r\n            Experiencia\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-select-filter-item\">\r\n\r\n          <small>\r\n            Criterio\r\n          <\/small>\r\n\r\n          <strong>\r\n            Competencias\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-select-flow\">\r\n\r\n\r\n    <div class=\"gestion-select-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de selecci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprende c\u00f3mo avanza un candidato dentro del proceso.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-select-flow-badge\">\r\n        Recruitment Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-select-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-select-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Vacante\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-select-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reclutamiento\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-select-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Hoja de vida\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-select-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Preselecci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-select-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Evaluaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-select-flow-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Selecci\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       PRINCIPLE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-select-principle\">\r\n\r\n\r\n    <div class=\"gestion-select-principle-code\">\r\n      CV\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Selecci\u00f3n con criterio\r\n      <\/small>\r\n\r\n      <strong>\r\n        Una hoja de vida no se analiza aislada: se compara con las necesidades del cargo.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Por eso,\r\n        perfiles de cargo\r\n        y selecci\u00f3n de personal\r\n        son procesos\r\n        directamente relacionados\r\n        dentro de Gesti\u00f3n Humana.\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=\"gestion-select-cta\">\r\n\r\n\r\n    <div class=\"gestion-select-cta-code\">\r\n      RH\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Aprende selecci\u00f3n de personal\r\n      <\/small>\r\n\r\n      <strong>\r\n        Desarrolla competencias para apoyar procesos de reclutamiento y organizaci\u00f3n de candidatos.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        requisitos,\r\n        horarios\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%20aprender%20sobre%20reclutamiento%20y%20selecci%C3%B3n%20de%20personal%20en%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero aprender selecci\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-adadd18 e-con e-atomic-element e-flexbox-base e-default-div e-7f9ef88 \" data-id=\"adadd18\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"adadd18\" data-e-type=\"e-flexbox\" data-id=\"adadd18\">\n    \t\t<div class=\"elementor-element elementor-element-05bd0aa elementor-widget elementor-widget-html\" data-id=\"05bd0aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 06 \u00b7 CONTRATACI\u00d3N Y VINCULACI\u00d3N\r\n========================================================= -->\r\n\r\n<section id=\"gestion-vinculacion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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,.10),\r\n      transparent 23%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 10% 90%,\r\n      rgba(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 50%,\r\n      #0a2c86 80%,\r\n      #063f54 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#gestion-vinculacion *,\r\n#gestion-vinculacion *::before,\r\n#gestion-vinculacion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion::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   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion::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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !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#gestion-vinculacion .gestion-link-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .85fr\r\n    1.15fr;\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 INFO\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-link-intro{\r\n\r\n  padding:30px;\r\n\r\n  border-radius:28px;\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    24px\r\n    58px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-intro 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      43px\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#gestion-vinculacion .gestion-link-intro h3 span{\r\n\r\n  color:\r\n    var(--talent-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-intro p{\r\n\r\n  margin:0;\r\n\r\n  color:#b5c4d6 !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   LEFT STEPS\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-point{\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: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,.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#gestion-vinculacion .gestion-link-point-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#gestion-vinculacion\r\n.gestion-link-point:nth-child(1)\r\n.gestion-link-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-vinculacion\r\n.gestion-link-point:nth-child(2)\r\n.gestion-link-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-vinculacion\r\n.gestion-link-point:nth-child(3)\r\n.gestion-link-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-vinculacion\r\n.gestion-link-point:nth-child(4)\r\n.gestion-link-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-point strong{\r\n\r\n  display:block;\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#gestion-vinculacion .gestion-link-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EMPLOYEE CARD\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-employee-card{\r\n\r\n  padding:27px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n#gestion-vinculacion .gestion-employee-top{\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:14px;\r\n\r\n  align-items:center;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-employee-avatar{\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    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-employee-top 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.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#gestion-vinculacion .gestion-employee-top 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:12px;\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#gestion-vinculacion .gestion-employee-status{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   DOCUMENT CHECKLIST\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-link-checklist{\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#gestion-vinculacion .gestion-link-check{\r\n\r\n  min-height:110px;\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    #e5ecf4;\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-check-top{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-check-code{\r\n\r\n  width:30px;\r\n  height:30px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:8px;\r\n\r\n  background:\r\n    var(--talent);\r\n\r\n  color:#ffffff !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#gestion-vinculacion\r\n.gestion-link-check:nth-child(2)\r\n.gestion-link-check-code{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-vinculacion\r\n.gestion-link-check:nth-child(3)\r\n.gestion-link-check-code{\r\n  background:var(--yellow);\r\n  color:var(--navy) !important;\r\n}\r\n\r\n\r\n#gestion-vinculacion\r\n.gestion-link-check:nth-child(4)\r\n.gestion-link-check-code{\r\n  background:#8fb6ff;\r\n  color:var(--navy) !important;\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-check-status{\r\n\r\n  color:\r\n    #21845f\r\n    !important;\r\n\r\n  font-size:4.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#gestion-vinculacion .gestion-link-check strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !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#gestion-vinculacion .gestion-link-check 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:5.4px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS PANEL\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-employee-ready{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:17px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-vinculacion .gestion-employee-ready-icon{\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:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-employee-ready 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.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#gestion-vinculacion .gestion-employee-ready 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:8px;\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   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-link-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    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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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(2,6,47,.30);\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#gestion-vinculacion .gestion-link-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#gestion-vinculacion\r\n.gestion-link-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8192a8 !important;\r\n\r\n  font-size:4.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#gestion-vinculacion .gestion-link-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:6.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\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-vinculacion .gestion-link-principle{\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#gestion-vinculacion .gestion-link-principle-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(--yellow),\r\n      var(--yellow-soft)\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#gestion-vinculacion .gestion-link-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-vinculacion .gestion-link-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: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#gestion-vinculacion .gestion-link-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.1px;\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#gestion-vinculacion .gestion-link-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,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-vinculacion .gestion-link-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(--talent),\r\n      var(--cyan)\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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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#gestion-vinculacion .gestion-link-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  #gestion-vinculacion .gestion-link-head,\r\n  #gestion-vinculacion .gestion-link-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-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  #gestion-vinculacion\r\n  .gestion-link-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  #gestion-vinculacion{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-intro,\r\n  #gestion-vinculacion .gestion-employee-card{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-employee-top{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-employee-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  #gestion-vinculacion .gestion-link-checklist{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-principle{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-vinculacion .gestion-link-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  #gestion-vinculacion *{\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=\"gestion-link-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-link-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-link-eyebrow\">\r\n        06 \u00b7 Contrataci\u00f3n y vinculaci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Seleccionar es solo el comienzo.\r\n\r\n        <span>\r\n          Despu\u00e9s viene la vinculaci\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      Aprende a comprender\r\n      y apoyar procesos\r\n      administrativos relacionados\r\n      con la incorporaci\u00f3n\r\n      del talento humano,\r\n      el manejo de documentaci\u00f3n\r\n      y el registro\r\n      de informaci\u00f3n\r\n      asociada al ingreso\r\n      de colaboradores.\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=\"gestion-link-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-link-intro\">\r\n\r\n\r\n      <small>\r\n        Employee Onboarding\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Del candidato seleccionado al\r\n\r\n        <span>\r\n          nuevo colaborador.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Una vez finaliza\r\n        el proceso de selecci\u00f3n,\r\n        comienza una nueva etapa:\r\n        organizar la informaci\u00f3n,\r\n        completar los procedimientos\r\n        correspondientes\r\n        y preparar\r\n        el ingreso\r\n        de la persona\r\n        a la organizaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-link-points\">\r\n\r\n\r\n        <div class=\"gestion-link-point\">\r\n\r\n          <div class=\"gestion-link-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Organizar informaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Revisar y mantener ordenados los datos requeridos para el proceso.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-link-point\">\r\n\r\n          <div class=\"gestion-link-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Gestionar documentaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Apoyar el manejo administrativo de documentos del nuevo colaborador.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-link-point\">\r\n\r\n          <div class=\"gestion-link-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Registrar novedades\r\n            <\/strong>\r\n\r\n            <span>\r\n              Mantener actualizada la informaci\u00f3n relacionada con el personal.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-link-point\">\r\n\r\n          <div class=\"gestion-link-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Preparar el ingreso\r\n            <\/strong>\r\n\r\n            <span>\r\n              Conectar la vinculaci\u00f3n con el siguiente proceso: la inducci\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         EMPLOYEE CARD\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-employee-card\">\r\n\r\n\r\n      <div class=\"gestion-employee-top\">\r\n\r\n\r\n        <div class=\"gestion-employee-avatar\">\r\n          HR\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Employee Record\r\n          <\/small>\r\n\r\n          <strong>\r\n            Proceso de vinculaci\u00f3n\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-employee-status\">\r\n          En proceso\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-link-checklist\">\r\n\r\n\r\n        <div class=\"gestion-link-check\">\r\n\r\n          <div class=\"gestion-link-check-top\">\r\n\r\n            <div class=\"gestion-link-check-code\">\r\n              \u2713\r\n            <\/div>\r\n\r\n            <span class=\"gestion-link-check-status\">\r\n              revisado\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Informaci\u00f3n personal\r\n          <\/strong>\r\n\r\n          <span>\r\n            Datos necesarios para la gesti\u00f3n administrativa del colaborador.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-link-check\">\r\n\r\n          <div class=\"gestion-link-check-top\">\r\n\r\n            <div class=\"gestion-link-check-code\">\r\n              \u2713\r\n            <\/div>\r\n\r\n            <span class=\"gestion-link-check-status\">\r\n              organizado\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Soportes documentales\r\n          <\/strong>\r\n\r\n          <span>\r\n            Organizaci\u00f3n de documentos asociados al proceso de ingreso.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-link-check\">\r\n\r\n          <div class=\"gestion-link-check-top\">\r\n\r\n            <div class=\"gestion-link-check-code\">\r\n              \u2713\r\n            <\/div>\r\n\r\n            <span class=\"gestion-link-check-status\">\r\n              registrado\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Informaci\u00f3n del cargo\r\n          <\/strong>\r\n\r\n          <span>\r\n            Relaci\u00f3n entre el perfil seleccionado y el cargo correspondiente.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-link-check\">\r\n\r\n          <div class=\"gestion-link-check-top\">\r\n\r\n            <div class=\"gestion-link-check-code\">\r\n              \u2713\r\n            <\/div>\r\n\r\n            <span class=\"gestion-link-check-status\">\r\n              preparado\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Ingreso del colaborador\r\n          <\/strong>\r\n\r\n          <span>\r\n            Preparaci\u00f3n del proceso administrativo previo a su incorporaci\u00f3n.\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=\"gestion-employee-ready\">\r\n\r\n\r\n        <div class=\"gestion-employee-ready-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Siguiente etapa\r\n          <\/small>\r\n\r\n          <strong>\r\n            Colaborador preparado para continuar con el proceso de inducci\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-link-flow\">\r\n\r\n\r\n    <div class=\"gestion-link-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta de vinculaci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprende c\u00f3mo se conecta la selecci\u00f3n con el ingreso a la organizaci\u00f3n.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-link-flow-badge\">\r\n        Onboarding Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-link-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-link-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Candidato seleccionado\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-link-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-link-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Documentaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-link-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Vinculaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-link-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\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=\"gestion-link-flow-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Ingreso\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       PRINCIPLE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-link-principle\">\r\n\r\n\r\n    <div class=\"gestion-link-principle-code\">\r\n      ID\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Gesti\u00f3n responsable\r\n      <\/small>\r\n\r\n      <strong>\r\n        Vincular talento tambi\u00e9n implica manejar informaci\u00f3n de manera organizada y cuidadosa.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Los procesos\r\n        del \u00e1rea requieren\r\n        atenci\u00f3n al detalle,\r\n        responsabilidad\r\n        y respeto\r\n        por los procedimientos\r\n        establecidos\r\n        por la organizaci\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=\"gestion-link-cta\">\r\n\r\n\r\n    <div class=\"gestion-link-cta-code\">\r\n      +\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Aprende el ciclo completo\r\n      <\/small>\r\n\r\n      <strong>\r\n        Comprende c\u00f3mo un candidato seleccionado se integra administrativamente a una organizaci\u00f3n.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        F\u00f3rmate para apoyar\r\n        procesos de selecci\u00f3n,\r\n        vinculaci\u00f3n,\r\n        documentaci\u00f3n\r\n        e ingreso\r\n        del talento humano.\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%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20sus%20contenidos%20de%20contrataci%C3%B3n%20y%20vinculaci%C3%B3n.\"\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-021744b e-con e-atomic-element e-flexbox-base e-default-div e-aeae27e \" data-id=\"021744b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"021744b\" data-e-type=\"e-flexbox\" data-id=\"021744b\">\n    \t\t<div class=\"elementor-element elementor-element-faf39d5 elementor-widget elementor-widget-html\" data-id=\"faf39d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 07 \u00b7 INDUCCI\u00d3N Y EXPERIENCIA DEL COLABORADOR\r\n========================================================= -->\r\n\r\n<section id=\"gestion-induccion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-induccion{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.08),\r\n      transparent 23%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 10% 90%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-induccion *,\r\n#gestion-induccion *::before,\r\n#gestion-induccion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-induccion::before{\r\n\r\n  content:\"07\";\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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .95fr\r\n    1.05fr;\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   IMAGE\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:560px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:30px;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-induccion .gestion-induct-image img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n}\r\n\r\n\r\n#gestion-induccion .gestion-induct-image::after{\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      180deg,\r\n      rgba(2,6,47,.04),\r\n      rgba(2,6,47,.12) 48%,\r\n      rgba(2,6,47,.68) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE COPY\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-image-copy{\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  left:24px;\r\n  right:24px;\r\n  bottom:24px;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(2,6,47,.90);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#gestion-induccion .gestion-induct-image-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: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#gestion-induccion .gestion-induct-image-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: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#gestion-induccion .gestion-induct-image-copy strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-panel{\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#gestion-induccion .gestion-induct-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.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#gestion-induccion .gestion-induct-panel 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      43px\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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-panel > 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   CARDS\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-cards{\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#gestion-induccion .gestion-induct-card{\r\n\r\n  min-height:138px;\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#gestion-induccion .gestion-induct-card small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #8395aa\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#gestion-induccion .gestion-induct-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: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#gestion-induccion .gestion-induct-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#9fb1c6 !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#gestion-induccion\r\n.gestion-induct-card:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-induccion\r\n.gestion-induct-card:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-induccion\r\n.gestion-induct-card:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-induccion\r\n.gestion-induct-card:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-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    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#gestion-induccion .gestion-induct-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-induccion .gestion-induct-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.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   JOURNEY\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-journey{\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#gestion-induccion .gestion-induct-journey-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#gestion-induccion .gestion-induct-journey-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#gestion-induccion .gestion-induct-journey-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#gestion-induccion .gestion-induct-journey-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   JOURNEY GRID\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-journey-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#gestion-induccion .gestion-induct-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    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-induccion .gestion-induct-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(--talent);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-induccion\r\n.gestion-induct-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-induccion .gestion-induct-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.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#gestion-induccion .gestion-induct-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:6.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\/* =========================================================\r\n   EXPERIENCE STRIP\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-experience{\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#gestion-induccion .gestion-induct-experience-item{\r\n\r\n  min-height:120px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff\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#gestion-induccion .gestion-induct-experience-item 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#gestion-induccion .gestion-induct-experience-item 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: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#gestion-induccion .gestion-induct-experience-item 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#gestion-induccion .gestion-induct-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      #eef5ff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-induccion .gestion-induct-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(--talent),\r\n      var(--cyan)\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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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#gestion-induccion .gestion-induct-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  #gestion-induccion .gestion-induct-head,\r\n  #gestion-induccion .gestion-induct-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-image{\r\n\r\n    min-height:480px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-journey-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  #gestion-induccion\r\n  .gestion-induct-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-experience{\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  #gestion-induccion{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-image{\r\n\r\n    min-height:410px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-cards{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-journey-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-journey-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-journey-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-experience{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-induccion .gestion-induct-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  #gestion-induccion *{\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=\"gestion-induct-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-induct-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-induct-eyebrow\">\r\n        07 \u00b7 Inducci\u00f3n y experiencia del colaborador\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        El primer d\u00eda tambi\u00e9n hace parte de\r\n\r\n        <span>\r\n          Gesti\u00f3n Humana.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Despu\u00e9s de la vinculaci\u00f3n,\r\n      el nuevo colaborador\r\n      necesita conocer\r\n      la organizaci\u00f3n,\r\n      su entorno,\r\n      su cargo\r\n      y los lineamientos\r\n      que orientar\u00e1n\r\n      su experiencia\r\n      dentro de la empresa.\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=\"gestion-induct-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IMAGE\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-induct-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/02\/congratulations-on-a-great-speech-e1694659533819.jpg\"\r\n        alt=\"Comunicaci\u00f3n e inducci\u00f3n de colaboradores en una organizaci\u00f3n\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <div class=\"gestion-induct-image-copy\">\r\n\r\n        <small>\r\n          Employee Experience\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Una buena bienvenida ayuda a convertir el ingreso en\r\n\r\n          <span>\r\n            una experiencia de integraci\u00f3n.\r\n          <\/span>\r\n\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    <div class=\"gestion-induct-panel\">\r\n\r\n\r\n      <small>\r\n        Integraci\u00f3n organizacional\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Ayuda al nuevo colaborador a\r\n\r\n        <span>\r\n          comprender d\u00f3nde est\u00e1.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Los procesos de inducci\u00f3n\r\n        facilitan la orientaci\u00f3n\r\n        del nuevo integrante\r\n        respecto a la organizaci\u00f3n,\r\n        sus procedimientos,\r\n        su entorno de trabajo\r\n        y la informaci\u00f3n\r\n        necesaria\r\n        para iniciar\r\n        sus funciones.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-induct-cards\">\r\n\r\n\r\n        <div class=\"gestion-induct-card\">\r\n\r\n          <small>\r\n            01 \u00b7 Bienvenida\r\n          <\/small>\r\n\r\n          <strong>\r\n            Integraci\u00f3n inicial\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyar actividades que faciliten el ingreso del nuevo colaborador.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-induct-card\">\r\n\r\n          <small>\r\n            02 \u00b7 Organizaci\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Conocer el entorno\r\n          <\/strong>\r\n\r\n          <span>\r\n            Facilitar informaci\u00f3n relacionada con la empresa y sus procesos.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-induct-card\">\r\n\r\n          <small>\r\n            03 \u00b7 Cargo\r\n          <\/small>\r\n\r\n          <strong>\r\n            Orientaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyar la comprensi\u00f3n de funciones, responsabilidades y din\u00e1mica laboral.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-induct-card\">\r\n\r\n          <small>\r\n            04 \u00b7 Comunicaci\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n clara\r\n          <\/strong>\r\n\r\n          <span>\r\n            Participar en la transmisi\u00f3n organizada de contenidos del proceso de inducci\u00f3n.\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=\"gestion-induct-principle\">\r\n\r\n        <small>\r\n          Principio de integraci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          La vinculaci\u00f3n incorpora a la persona. La inducci\u00f3n le ayuda a comprender la organizaci\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       JOURNEY\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-induct-journey\">\r\n\r\n\r\n    <div class=\"gestion-induct-journey-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Employee Journey\r\n        <\/small>\r\n\r\n        <strong>\r\n          Una ruta para acompa\u00f1ar los primeros momentos del colaborador.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-induct-journey-badge\">\r\n        Induction Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-induct-journey-grid\">\r\n\r\n\r\n      <div class=\"gestion-induct-step\">\r\n\r\n        <small>\r\n          Momento 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Bienvenida\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-induct-step\">\r\n\r\n        <small>\r\n          Momento 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Presentaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-induct-step\">\r\n\r\n        <small>\r\n          Momento 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Informaci\u00f3n organizacional\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-induct-step\">\r\n\r\n        <small>\r\n          Momento 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Orientaci\u00f3n del cargo\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-induct-step\">\r\n\r\n        <small>\r\n          Momento 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Integraci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-induct-step\">\r\n\r\n        <small>\r\n          Momento 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Inicio de funciones\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       EXPERIENCE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-induct-experience\">\r\n\r\n\r\n    <div class=\"gestion-induct-experience-item\">\r\n\r\n      <small>\r\n        Experiencia 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Comunicaci\u00f3n\r\n      <\/strong>\r\n\r\n      <span>\r\n        Transmitir informaci\u00f3n de manera clara y organizada.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-induct-experience-item\">\r\n\r\n      <small>\r\n        Experiencia 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Orientaci\u00f3n\r\n      <\/strong>\r\n\r\n      <span>\r\n        Facilitar el conocimiento de procesos y responsabilidades.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-induct-experience-item\">\r\n\r\n      <small>\r\n        Experiencia 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Integraci\u00f3n\r\n      <\/strong>\r\n\r\n      <span>\r\n        Favorecer la incorporaci\u00f3n del colaborador a su entorno laboral.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-induct-experience-item\">\r\n\r\n      <small>\r\n        Experiencia 04\r\n      <\/small>\r\n\r\n      <strong>\r\n        Acompa\u00f1amiento\r\n      <\/strong>\r\n\r\n      <span>\r\n        Apoyar momentos iniciales de adaptaci\u00f3n a la organizaci\u00f3n.\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=\"gestion-induct-cta\">\r\n\r\n\r\n    <div class=\"gestion-induct-cta-code\">\r\n      HR\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Aprende a acompa\u00f1ar personas\r\n      <\/small>\r\n\r\n      <strong>\r\n        Gesti\u00f3n Humana tambi\u00e9n construye la experiencia de quienes ingresan a una organizaci\u00f3n.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        F\u00f3rmate para apoyar\r\n        procesos de inducci\u00f3n,\r\n        comunicaci\u00f3n\r\n        e integraci\u00f3n\r\n        del talento humano.\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%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20sus%20contenidos%20de%20inducci%C3%B3n%20y%20gesti%C3%B3n%20del%20talento.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero conocer m\u00e1s \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-80b48ec e-con e-atomic-element e-flexbox-base e-default-div e-ddce826 \" data-id=\"80b48ec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"80b48ec\" data-e-type=\"e-flexbox\" data-id=\"80b48ec\">\n    \t\t<div class=\"elementor-element elementor-element-76df259 elementor-widget elementor-widget-html\" data-id=\"76df259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 08 \u00b7 N\u00d3MINA\r\n========================================================= -->\r\n\r\n<section id=\"gestion-nomina\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-nomina{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-nomina *,\r\n#gestion-nomina *::before,\r\n#gestion-nomina *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-nomina::before{\r\n\r\n  content:\"08\";\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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-main{\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:20px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT INFO\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-intro{\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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-intro 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      43px\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#gestion-nomina .gestion-payroll-intro h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-intro 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 POINTS\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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: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,.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#gestion-nomina .gestion-payroll-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#gestion-nomina\r\n.gestion-payroll-point:nth-child(1)\r\n.gestion-payroll-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-nomina\r\n.gestion-payroll-point:nth-child(2)\r\n.gestion-payroll-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-nomina\r\n.gestion-payroll-point:nth-child(3)\r\n.gestion-payroll-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-nomina\r\n.gestion-payroll-point:nth-child(4)\r\n.gestion-payroll-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-point strong{\r\n\r\n  display:block;\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#gestion-nomina .gestion-payroll-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAYROLL DASHBOARD\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-dashboard{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n#gestion-nomina .gestion-payroll-dashboard-top{\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  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-dashboard-top 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#gestion-nomina .gestion-payroll-dashboard-top 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.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-status{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   EMPLOYEE PAYROLL CARD\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-person{\r\n\r\n  margin-top:20px;\r\n\r\n  padding:15px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:13px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eef5ff,\r\n      #ffffff 55%,\r\n      #eefaf5\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    #e1eaf4;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-avatar{\r\n\r\n  width:48px;\r\n  height:48px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-nomina .gestion-payroll-person small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.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#gestion-nomina .gestion-payroll-person 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: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#gestion-nomina .gestion-payroll-period{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:9px;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:4.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   PAYROLL ITEMS\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-items{\r\n\r\n  display:grid;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:16px;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-item{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:58px;\r\n\r\n  padding:\r\n    10px\r\n    12px;\r\n\r\n  border-radius:11px;\r\n\r\n  background:#f7f9fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-item small{\r\n\r\n  display:block;\r\n\r\n  color:#8a97a9 !important;\r\n\r\n  font-size:4.3px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-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:6.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#gestion-nomina .gestion-payroll-item-status{\r\n\r\n  min-width:68px;\r\n\r\n  padding:\r\n    6px\r\n    7px;\r\n\r\n  border-radius:999px;\r\n\r\n  text-align:center;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !important;\r\n\r\n  font-size:4.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   TOTAL \/ RESULT\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-result{\r\n\r\n  margin-top:16px;\r\n\r\n  padding:16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-result-icon{\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:12px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-result 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.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#gestion-nomina .gestion-payroll-result 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:8px;\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   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-flow-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:\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#gestion-nomina .gestion-payroll-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#gestion-nomina\r\n.gestion-payroll-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-nomina .gestion-payroll-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-nomina .gestion-payroll-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:6.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\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-nomina .gestion-payroll-principle{\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      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-nomina .gestion-payroll-principle-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(--talent),\r\n      var(--cyan)\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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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: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#gestion-nomina .gestion-payroll-principle 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.1px;\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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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#gestion-nomina .gestion-payroll-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  #gestion-nomina .gestion-payroll-head,\r\n  #gestion-nomina .gestion-payroll-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-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  #gestion-nomina\r\n  .gestion-payroll-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  #gestion-nomina{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-intro,\r\n  #gestion-nomina .gestion-payroll-dashboard{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-person{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-period{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-principle{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-nomina .gestion-payroll-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  #gestion-nomina *{\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=\"gestion-payroll-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-payroll-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-payroll-eyebrow\">\r\n        08 \u00b7 N\u00f3mina\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Gestionar personas tambi\u00e9n requiere\r\n\r\n        <span>\r\n          precisi\u00f3n administrativa.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Aprende a comprender\r\n      y apoyar el procesamiento\r\n      de informaci\u00f3n\r\n      relacionada con n\u00f3mina,\r\n      novedades\r\n      y registros administrativos\r\n      asociados\r\n      al talento humano.\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=\"gestion-payroll-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-payroll-intro\">\r\n\r\n\r\n      <small>\r\n        Payroll Management\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Informaci\u00f3n correcta.\r\n\r\n        <span>\r\n          Procesos organizados.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        La n\u00f3mina requiere\r\n        atenci\u00f3n al detalle,\r\n        registro adecuado\r\n        de informaci\u00f3n\r\n        y seguimiento\r\n        de los procedimientos\r\n        definidos\r\n        por la organizaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-payroll-points\">\r\n\r\n\r\n        <div class=\"gestion-payroll-point\">\r\n\r\n          <div class=\"gestion-payroll-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Organizar informaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Trabajar con datos administrativos asociados al colaborador.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-payroll-point\">\r\n\r\n          <div class=\"gestion-payroll-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Registrar novedades\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reconocer informaci\u00f3n que puede intervenir en el proceso de n\u00f3mina.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-payroll-point\">\r\n\r\n          <div class=\"gestion-payroll-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Aplicar procedimientos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Seguir m\u00e9todos y lineamientos t\u00e9cnicos establecidos.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-payroll-point\">\r\n\r\n          <div class=\"gestion-payroll-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Verificar informaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Revisar datos antes de consolidar resultados del 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    <\/div>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         PAYROLL DASHBOARD\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-payroll-dashboard\">\r\n\r\n\r\n      <div class=\"gestion-payroll-dashboard-top\">\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Payroll Control\r\n          <\/small>\r\n\r\n          <strong>\r\n            Panel de procesamiento\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-payroll-status\">\r\n          Informaci\u00f3n verificada\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- PERSON -->\r\n\r\n      <div class=\"gestion-payroll-person\">\r\n\r\n\r\n        <div class=\"gestion-payroll-avatar\">\r\n          TH\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Registro de colaborador\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n administrativa\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-payroll-period\">\r\n          Periodo activo\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEMS -->\r\n\r\n      <div class=\"gestion-payroll-items\">\r\n\r\n\r\n        <div class=\"gestion-payroll-item\">\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Registro 01\r\n            <\/small>\r\n\r\n            <strong>\r\n              Informaci\u00f3n del colaborador\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-payroll-item-status\">\r\n            revisado\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-payroll-item\">\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Registro 02\r\n            <\/small>\r\n\r\n            <strong>\r\n              Novedades del periodo\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-payroll-item-status\">\r\n            registrado\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-payroll-item\">\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Registro 03\r\n            <\/small>\r\n\r\n            <strong>\r\n              Validaci\u00f3n de datos\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-payroll-item-status\">\r\n            verificado\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-payroll-item\">\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Registro 04\r\n            <\/small>\r\n\r\n            <strong>\r\n              Consolidaci\u00f3n de informaci\u00f3n\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-payroll-item-status\">\r\n            listo\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- RESULT -->\r\n\r\n      <div class=\"gestion-payroll-result\">\r\n\r\n\r\n        <div class=\"gestion-payroll-result-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Resultado del proceso\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n organizada para continuar con el procedimiento de n\u00f3mina.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-payroll-flow\">\r\n\r\n\r\n    <div class=\"gestion-payroll-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta administrativa\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprende c\u00f3mo se organiza la informaci\u00f3n antes de consolidar la n\u00f3mina.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-payroll-flow-badge\">\r\n        Payroll Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-payroll-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-payroll-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Recibir informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-payroll-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Registrar novedades\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-payroll-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Organizar datos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-payroll-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Verificar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-payroll-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Procesar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-payroll-flow-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Consolidar\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       PRINCIPLE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-payroll-principle\">\r\n\r\n\r\n    <div class=\"gestion-payroll-principle-code\">\r\n      $\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Precisi\u00f3n administrativa\r\n      <\/small>\r\n\r\n      <strong>\r\n        La n\u00f3mina depende de informaci\u00f3n organizada, procedimientos y revisi\u00f3n cuidadosa.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Por eso,\r\n        el trabajo del auxiliar\r\n        requiere atenci\u00f3n,\r\n        responsabilidad\r\n        y manejo adecuado\r\n        de los datos\r\n        relacionados\r\n        con el personal.\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=\"gestion-payroll-cta\">\r\n\r\n\r\n    <div class=\"gestion-payroll-cta-code\">\r\n      RH\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Aprende procesos administrativos\r\n      <\/small>\r\n\r\n      <strong>\r\n        Incorpora la gesti\u00f3n de n\u00f3mina dentro de tu formaci\u00f3n en talento humano.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        requisitos,\r\n        horarios\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%20informaci%C3%B3n%20sobre%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20el%20contenido%20de%20n%C3%B3mina.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero conocer m\u00e1s \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-acc424d e-con e-atomic-element e-flexbox-base e-default-div e-d3061e8 \" data-id=\"acc424d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acc424d\" data-e-type=\"e-flexbox\" data-id=\"acc424d\">\n    \t\t<div class=\"elementor-element elementor-element-b6b0d01 elementor-widget elementor-widget-html\" data-id=\"b6b0d01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 09 \u00b7 SEGURIDAD Y SALUD EN EL TRABAJO\r\n========================================================= -->\r\n\r\n<section id=\"gestion-sst\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-sst{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.10),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(21,199,217,.08),\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 80%,\r\n      #063f54 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#gestion-sst *,\r\n#gestion-sst *::before,\r\n#gestion-sst *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n#gestion-sst::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    48px\r\n    48px;\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#gestion-sst::after{\r\n\r\n  content:\"09\";\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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !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#gestion-sst .gestion-sst-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .82fr\r\n    1.18fr;\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   INTRO\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-intro{\r\n\r\n  padding:30px;\r\n\r\n  border-radius:28px;\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    24px\r\n    58px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-intro 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      43px\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#gestion-sst .gestion-sst-intro h3 span{\r\n\r\n  color:\r\n    var(--talent-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-intro 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 ITEMS\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-point{\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: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,.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#gestion-sst .gestion-sst-point-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#gestion-sst\r\n.gestion-sst-point:nth-child(1)\r\n.gestion-sst-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-point:nth-child(2)\r\n.gestion-sst-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-point:nth-child(3)\r\n.gestion-sst-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-point:nth-child(4)\r\n.gestion-sst-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-point strong{\r\n\r\n  display:block;\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#gestion-sst .gestion-sst-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RISK DASHBOARD\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-dashboard{\r\n\r\n  padding:27px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n#gestion-sst .gestion-sst-dashboard-top{\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  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-dashboard-top 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#gestion-sst .gestion-sst-dashboard-top 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.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-dashboard-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   RISK CARDS\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-risk-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#gestion-sst .gestion-sst-risk{\r\n\r\n  min-height:135px;\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    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-risk small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.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#gestion-sst .gestion-sst-risk 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: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#gestion-sst .gestion-sst-risk 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-risk:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-risk:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-risk:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-sst\r\n.gestion-sst-risk:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-status{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-sst .gestion-sst-status-icon{\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:12px;\r\n\r\n  background:\r\n    var(--talent);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-status 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.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#gestion-sst .gestion-sst-status 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:8px;\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   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-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    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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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(2,6,47,.30);\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#gestion-sst .gestion-sst-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#gestion-sst\r\n.gestion-sst-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8192a8 !important;\r\n\r\n  font-size:4.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#gestion-sst .gestion-sst-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:6.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\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-sst .gestion-sst-principle{\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#gestion-sst .gestion-sst-principle-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(--yellow),\r\n      var(--yellow-soft)\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#gestion-sst .gestion-sst-principle small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-sst .gestion-sst-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: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#gestion-sst .gestion-sst-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.1px;\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#gestion-sst .gestion-sst-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,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-sst .gestion-sst-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(--talent),\r\n      var(--cyan)\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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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#gestion-sst .gestion-sst-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  #gestion-sst .gestion-sst-head,\r\n  #gestion-sst .gestion-sst-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-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  #gestion-sst\r\n  .gestion-sst-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  #gestion-sst{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-intro,\r\n  #gestion-sst .gestion-sst-dashboard{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-risk-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-principle{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-sst .gestion-sst-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  #gestion-sst *{\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=\"gestion-sst-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-sst-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-sst-eyebrow\">\r\n        09 \u00b7 Seguridad y Salud en el Trabajo\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Gestionar talento tambi\u00e9n significa\r\n\r\n        <span>\r\n          cuidar a las personas.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Aprende a apoyar\r\n      actividades relacionadas\r\n      con prevenci\u00f3n,\r\n      identificaci\u00f3n de riesgos,\r\n      comunicaci\u00f3n,\r\n      documentaci\u00f3n\r\n      y promoci\u00f3n\r\n      de condiciones\r\n      de trabajo seguras.\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=\"gestion-sst-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-sst-intro\">\r\n\r\n\r\n      <small>\r\n        Workplace Safety\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Prevenir tambi\u00e9n hace parte de\r\n\r\n        <span>\r\n          Gesti\u00f3n Humana.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Seguridad y Salud\r\n        en el Trabajo\r\n        implica reconocer\r\n        condiciones del entorno,\r\n        apoyar acciones preventivas,\r\n        comunicar informaci\u00f3n\r\n        y participar\r\n        en procedimientos\r\n        orientados\r\n        al bienestar laboral.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-sst-points\">\r\n\r\n\r\n        <div class=\"gestion-sst-point\">\r\n\r\n          <div class=\"gestion-sst-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Identificar riesgos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reconocer peligros y condiciones que requieren atenci\u00f3n.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-sst-point\">\r\n\r\n          <div class=\"gestion-sst-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Apoyar prevenci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Participar en actividades y campa\u00f1as orientadas al cuidado.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-sst-point\">\r\n\r\n          <div class=\"gestion-sst-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Comunicar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Socializar lineamientos y actividades relacionadas con SST.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-sst-point\">\r\n\r\n          <div class=\"gestion-sst-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Documentar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Apoyar registros y reportes asociados con novedades y condiciones.\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         DASHBOARD\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-sst-dashboard\">\r\n\r\n\r\n      <div class=\"gestion-sst-dashboard-top\">\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Safety & Wellbeing\r\n          <\/small>\r\n\r\n          <strong>\r\n            Panel preventivo\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-sst-dashboard-badge\">\r\n          Entorno monitoreado\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-sst-risk-grid\">\r\n\r\n\r\n        <div class=\"gestion-sst-risk\">\r\n\r\n          <small>\r\n            Riesgos y peligros\r\n          <\/small>\r\n\r\n          <strong>\r\n            Identificaci\u00f3n del entorno\r\n          <\/strong>\r\n\r\n          <span>\r\n            Reconocer condiciones inseguras, peligros y estrategias de prevenci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-sst-risk\">\r\n\r\n          <small>\r\n            Prevenci\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Campa\u00f1as y orientaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyar actividades de sensibilizaci\u00f3n y comunicaci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-sst-risk\">\r\n\r\n          <small>\r\n            Organizaci\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Comit\u00e9s y participaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Comprender funciones relacionadas con seguridad y convivencia laboral.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-sst-risk\">\r\n\r\n          <small>\r\n            Bienestar\r\n          <\/small>\r\n\r\n          <strong>\r\n            H\u00e1bitos y autocuidado\r\n          <\/strong>\r\n\r\n          <span>\r\n            Reconocer acciones orientadas a estilos de vida saludable.\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=\"gestion-sst-status\">\r\n\r\n\r\n        <div class=\"gestion-sst-status-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Resultado esperado\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n preventiva organizada y comunicada de acuerdo con procedimientos.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-sst-flow\">\r\n\r\n\r\n    <div class=\"gestion-sst-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta preventiva\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprende c\u00f3mo se articula el apoyo a Seguridad y Salud en el Trabajo.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-sst-flow-badge\">\r\n        Safety Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-sst-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-sst-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Observar el entorno\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-sst-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar riesgos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-sst-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Registrar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-sst-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comunicar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-sst-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Apoyar prevenci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-sst-flow-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Dar seguimiento\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       PRINCIPLE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-sst-principle\">\r\n\r\n\r\n    <div class=\"gestion-sst-principle-code\">\r\n      SST\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Cultura de prevenci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Cuidar a las personas tambi\u00e9n implica identificar riesgos y comunicar acciones preventivas.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        El auxiliar\r\n        puede apoyar\r\n        la difusi\u00f3n\r\n        de informaci\u00f3n,\r\n        la documentaci\u00f3n\r\n        de novedades\r\n        y diferentes actividades\r\n        vinculadas\r\n        con seguridad\r\n        y bienestar laboral.\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=\"gestion-sst-cta\">\r\n\r\n\r\n    <div class=\"gestion-sst-cta-code\">\r\n      +\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Ampl\u00eda tu perfil en Gesti\u00f3n Humana\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende a apoyar procesos de prevenci\u00f3n, comunicaci\u00f3n y bienestar laboral.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        modalidad,\r\n        requisitos,\r\n        horarios\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%20informaci%C3%B3n%20sobre%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20el%20contenido%20de%20Seguridad%20y%20Salud%20en%20el%20Trabajo.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero conocer m\u00e1s \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-d91cb11 e-con e-atomic-element e-flexbox-base e-default-div e-504fc2e \" data-id=\"d91cb11\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d91cb11\" data-e-type=\"e-flexbox\" data-id=\"d91cb11\">\n    \t\t<div class=\"elementor-element elementor-element-f941e87 elementor-widget elementor-widget-html\" data-id=\"f941e87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 10 \u00b7 GESTI\u00d3N DE INFORMACI\u00d3N DEL PERSONAL\r\n========================================================= -->\r\n\r\n<section id=\"gestion-informacion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-informacion{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-informacion *,\r\n#gestion-informacion *::before,\r\n#gestion-informacion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-informacion::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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-main{\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:20px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-info-intro{\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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-intro 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      43px\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#gestion-informacion .gestion-info-intro h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-info-intro 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   POINTS\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-point{\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: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,.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#gestion-informacion .gestion-info-point-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#gestion-informacion\r\n.gestion-info-point:nth-child(1)\r\n.gestion-info-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-info-point:nth-child(2)\r\n.gestion-info-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-info-point:nth-child(3)\r\n.gestion-info-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-info-point:nth-child(4)\r\n.gestion-info-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-info-point strong{\r\n\r\n  display:block;\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#gestion-informacion .gestion-info-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIGITAL FILE\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-file-card{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n#gestion-informacion .gestion-file-top{\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:14px;\r\n\r\n  align-items:center;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-file-avatar{\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    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-file-top 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#gestion-informacion .gestion-file-top 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:12px;\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#gestion-informacion .gestion-file-status{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   FILE RECORDS\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-file-records{\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#gestion-informacion .gestion-file-record{\r\n\r\n  min-height:126px;\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#gestion-informacion .gestion-file-record-top{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:10px;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-file-record-code{\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:8px;\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:5px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-file-record:nth-child(2)\r\n.gestion-file-record-code{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-file-record:nth-child(3)\r\n.gestion-file-record-code{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-file-record:nth-child(4)\r\n.gestion-file-record-code{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-file-record-state{\r\n\r\n  color:#21845f !important;\r\n\r\n  font-size:4.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#gestion-informacion .gestion-file-record strong{\r\n\r\n  display:block;\r\n\r\n  margin-top:10px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !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#gestion-informacion .gestion-file-record 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:5.4px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE STATUS\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-file-update{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-informacion .gestion-file-update-icon{\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:12px;\r\n\r\n  background:\r\n    var(--talent);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-file-update 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.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#gestion-informacion .gestion-file-update 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.8px;\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#gestion-informacion .gestion-file-update-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #dce6f0;\r\n\r\n  color:#21845f !important;\r\n\r\n  font-size:4.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   INFORMATION FLOW\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-flow-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:\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#gestion-informacion .gestion-info-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#gestion-informacion\r\n.gestion-info-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-info-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-informacion .gestion-info-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:6.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\/* =========================================================\r\n   RESPONSIBILITY PANEL\r\n========================================================= *\/\r\n\r\n#gestion-informacion .gestion-info-responsibility{\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#gestion-informacion .gestion-info-responsibility-item{\r\n\r\n  min-height:145px;\r\n\r\n  padding:17px;\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  box-shadow:\r\n    0\r\n    15px\r\n    35px\r\n    rgba(2,6,47,.045);\r\n\r\n}\r\n\r\n\r\n#gestion-informacion .gestion-info-responsibility-item 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#gestion-informacion .gestion-info-responsibility-item 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.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#gestion-informacion .gestion-info-responsibility-item 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.46;\r\n\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-info-responsibility-item:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-info-responsibility-item:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-informacion\r\n.gestion-info-responsibility-item: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#gestion-informacion .gestion-info-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      #eef5ff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-informacion .gestion-info-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(--talent),\r\n      var(--cyan)\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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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#gestion-informacion .gestion-info-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  #gestion-informacion .gestion-info-head,\r\n  #gestion-informacion .gestion-info-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-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  #gestion-informacion\r\n  .gestion-info-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  #gestion-informacion{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-intro,\r\n  #gestion-informacion .gestion-file-card{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-file-top{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-file-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  #gestion-informacion .gestion-file-records{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-file-update{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-file-update-badge{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-responsibility{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-informacion .gestion-info-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  #gestion-informacion *{\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=\"gestion-info-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-info-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-info-eyebrow\">\r\n        10 \u00b7 Informaci\u00f3n del personal\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        La gesti\u00f3n del talento tambi\u00e9n depende de\r\n\r\n        <span>\r\n          informaci\u00f3n organizada.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Aprende a apoyar\r\n      el registro,\r\n      actualizaci\u00f3n,\r\n      organizaci\u00f3n\r\n      y manejo\r\n      de informaci\u00f3n\r\n      relacionada\r\n      con candidatos,\r\n      colaboradores\r\n      y procesos\r\n      de Gesti\u00f3n Humana.\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=\"gestion-info-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-info-intro\">\r\n\r\n\r\n      <small>\r\n        Employee Information\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Un \u00e1rea organizada necesita\r\n\r\n        <span>\r\n          informaci\u00f3n confiable.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Las hojas de vida,\r\n        registros,\r\n        documentos\r\n        e informes\r\n        permiten dar continuidad\r\n        a los diferentes procesos\r\n        del talento humano.\r\n\r\n        El auxiliar\r\n        participa en su\r\n        organizaci\u00f3n,\r\n        actualizaci\u00f3n\r\n        y tr\u00e1mite.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-info-points\">\r\n\r\n\r\n        <div class=\"gestion-info-point\">\r\n\r\n          <div class=\"gestion-info-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Recopilar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reunir informaci\u00f3n necesaria para diferentes procesos de Gesti\u00f3n Humana.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-info-point\">\r\n\r\n          <div class=\"gestion-info-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Registrar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Incorporar datos y documentos siguiendo procedimientos organizacionales.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-info-point\">\r\n\r\n          <div class=\"gestion-info-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Actualizar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Mantener vigente la informaci\u00f3n asociada al personal.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-info-point\">\r\n\r\n          <div class=\"gestion-info-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Consultar y tramitar\r\n            <\/strong>\r\n\r\n            <span>\r\n              Facilitar informaci\u00f3n requerida para apoyar otros procesos del \u00e1rea.\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         DIGITAL FILE\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-file-card\">\r\n\r\n\r\n      <div class=\"gestion-file-top\">\r\n\r\n\r\n        <div class=\"gestion-file-avatar\">\r\n          HR\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Employee File\r\n          <\/small>\r\n\r\n          <strong>\r\n            Archivo digital del colaborador\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-file-status\">\r\n          actualizado\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-file-records\">\r\n\r\n\r\n        <div class=\"gestion-file-record\">\r\n\r\n          <div class=\"gestion-file-record-top\">\r\n\r\n            <div class=\"gestion-file-record-code\">\r\n              CV\r\n            <\/div>\r\n\r\n            <span class=\"gestion-file-record-state\">\r\n              activo\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Hoja de vida\r\n          <\/strong>\r\n\r\n          <span>\r\n            Registro y actualizaci\u00f3n de informaci\u00f3n asociada al perfil del colaborador.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-file-record\">\r\n\r\n          <div class=\"gestion-file-record-top\">\r\n\r\n            <div class=\"gestion-file-record-code\">\r\n              ID\r\n            <\/div>\r\n\r\n            <span class=\"gestion-file-record-state\">\r\n              verificado\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Datos del personal\r\n          <\/strong>\r\n\r\n          <span>\r\n            Informaci\u00f3n requerida para apoyar los procesos administrativos del \u00e1rea.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-file-record\">\r\n\r\n          <div class=\"gestion-file-record-top\">\r\n\r\n            <div class=\"gestion-file-record-code\">\r\n              DOC\r\n            <\/div>\r\n\r\n            <span class=\"gestion-file-record-state\">\r\n              organizado\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Documentaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Clasificaci\u00f3n de soportes y registros relacionados con el colaborador.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-file-record\">\r\n\r\n          <div class=\"gestion-file-record-top\">\r\n\r\n            <div class=\"gestion-file-record-code\">\r\n              REP\r\n            <\/div>\r\n\r\n            <span class=\"gestion-file-record-state\">\r\n              disponible\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <strong>\r\n            Informes\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyo en la elaboraci\u00f3n y organizaci\u00f3n de informaci\u00f3n relacionada con personal.\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=\"gestion-file-update\">\r\n\r\n\r\n        <div class=\"gestion-file-update-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Estado del registro\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n organizada para apoyar los dem\u00e1s procesos de Gesti\u00f3n Humana.\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-file-update-badge\">\r\n          Archivo vigente\r\n        <\/span>\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\r\n\r\n  <!-- =====================================================\r\n       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-info-flow\">\r\n\r\n\r\n    <div class=\"gestion-info-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ciclo de informaci\u00f3n\r\n        <\/small>\r\n\r\n        <strong>\r\n          Del ingreso del dato a su disponibilidad para los procesos del \u00e1rea.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-info-flow-badge\">\r\n        Information Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-info-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-info-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Recopilar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-info-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Verificar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-info-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\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=\"gestion-info-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Clasificar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-info-flow-step\">\r\n\r\n        <small>\r\n          Etapa 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Actualizar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-info-flow-step\">\r\n\r\n        <small>\r\n          Etapa 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Consultar\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       RESPONSIBILITY\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-info-responsibility\">\r\n\r\n\r\n    <div class=\"gestion-info-responsibility-item\">\r\n\r\n      <small>\r\n        Clave 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Organizaci\u00f3n\r\n      <\/strong>\r\n\r\n      <span>\r\n        Mantener registros y documentaci\u00f3n correctamente clasificados.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-info-responsibility-item\">\r\n\r\n      <small>\r\n        Clave 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Actualizaci\u00f3n\r\n      <\/strong>\r\n\r\n      <span>\r\n        Evitar que los procesos dependan de informaci\u00f3n desactualizada.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-info-responsibility-item\">\r\n\r\n      <small>\r\n        Clave 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Cuidado de la informaci\u00f3n\r\n      <\/strong>\r\n\r\n      <span>\r\n        Trabajar responsablemente con los datos confiados al \u00e1rea de Gesti\u00f3n Humana.\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=\"gestion-info-cta\">\r\n\r\n\r\n    <div class=\"gestion-info-cta-code\">\r\n      DB\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        La informaci\u00f3n conecta los procesos\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende a organizar y mantener registros que apoyan la gesti\u00f3n del talento humano.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Desarrolla competencias\r\n        para trabajar\r\n        con documentaci\u00f3n,\r\n        datos de personal,\r\n        hojas de vida\r\n        e informes organizacionales.\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%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20el%20manejo%20de%20informaci%C3%B3n%20del%20personal.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Quiero conocer m\u00e1s \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-a11bfb3 e-con e-atomic-element e-flexbox-base e-default-div e-f1369f0 \" data-id=\"a11bfb3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a11bfb3\" data-e-type=\"e-flexbox\" data-id=\"a11bfb3\">\n    \t\t<div class=\"elementor-element elementor-element-6504acd elementor-widget elementor-widget-html\" data-id=\"6504acd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 11 \u00b7 COMUNICACI\u00d3N Y ATENCI\u00d3N\r\n========================================================= -->\r\n\r\n<section id=\"gestion-comunicacion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 90%,\r\n      rgba(54,179,126,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-comunicacion *,\r\n#gestion-comunicacion *::before,\r\n#gestion-comunicacion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion::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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-intro{\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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-intro 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      43px\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#gestion-comunicacion .gestion-com-intro h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-intro 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   SKILLS\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-skills{\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#gestion-comunicacion .gestion-com-skill{\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: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,.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#gestion-comunicacion .gestion-com-skill-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#gestion-comunicacion\r\n.gestion-com-skill:nth-child(1)\r\n.gestion-com-skill-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-skill:nth-child(2)\r\n.gestion-com-skill-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-skill:nth-child(3)\r\n.gestion-com-skill-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-skill:nth-child(4)\r\n.gestion-com-skill-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-skill strong{\r\n\r\n  display:block;\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#gestion-comunicacion .gestion-com-skill 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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMUNICATION PANEL\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-panel{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n#gestion-comunicacion .gestion-com-panel-top{\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  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-panel-top 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#gestion-comunicacion .gestion-com-panel-top 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.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-panel-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   CONVERSATION\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-conversation{\r\n\r\n  display:grid;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:20px;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-message{\r\n\r\n  max-width:88%;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:14px;\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#gestion-comunicacion .gestion-message:nth-child(2){\r\n\r\n  margin-left:auto;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #eefcff,\r\n      #eefaf5\r\n    );\r\n\r\n  border-color:\r\n    rgba(21,199,217,.15);\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-message:nth-child(3){\r\n\r\n  max-width:94%;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-message 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.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#gestion-comunicacion .gestion-message 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.7px;\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#gestion-comunicacion .gestion-message 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:5.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMUNICATION RESULT\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-result{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-result-icon{\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:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-result 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.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#gestion-comunicacion .gestion-com-result 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:8px;\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   CHANNELS\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-channels{\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#gestion-comunicacion .gestion-com-channel{\r\n\r\n  min-height:145px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:14px;\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,.04);\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-channel 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.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#gestion-comunicacion .gestion-com-channel 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: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#gestion-comunicacion .gestion-com-channel 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-channel:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-channel:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-channel:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-comunicacion\r\n.gestion-com-channel:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion\r\n.gestion-com-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-comunicacion .gestion-com-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-comunicacion .gestion-com-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:6.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\/* =========================================================\r\n   PRINCIPLE\r\n========================================================= *\/\r\n\r\n#gestion-comunicacion .gestion-com-principle{\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      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-comunicacion .gestion-com-principle-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(--talent),\r\n      var(--cyan)\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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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: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#gestion-comunicacion .gestion-com-principle 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.1px;\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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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#gestion-comunicacion .gestion-com-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  #gestion-comunicacion .gestion-com-head,\r\n  #gestion-comunicacion .gestion-com-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-channels{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-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  #gestion-comunicacion\r\n  .gestion-com-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  #gestion-comunicacion{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-intro,\r\n  #gestion-comunicacion .gestion-com-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-channels{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-message{\r\n\r\n    max-width:100%;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-principle{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-comunicacion .gestion-com-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  #gestion-comunicacion *{\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=\"gestion-com-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-com-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-com-eyebrow\">\r\n        11 \u00b7 Comunicaci\u00f3n y atenci\u00f3n\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Gesti\u00f3n Humana trabaja con personas.\r\n\r\n        <span>\r\n          Saber comunicarse importa.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Desarrolla habilidades\r\n      para escuchar,\r\n      organizar ideas,\r\n      redactar informaci\u00f3n\r\n      y comunicarte\r\n      de manera clara\r\n      con colaboradores,\r\n      candidatos\r\n      y otras \u00e1reas\r\n      de la organizaci\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=\"gestion-com-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-com-intro\">\r\n\r\n\r\n      <small>\r\n        Human Communication\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Escuchar tambi\u00e9n es una\r\n\r\n        <span>\r\n          herramienta de trabajo.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El \u00e1rea de Gesti\u00f3n Humana\r\n        recibe solicitudes,\r\n        comunica procedimientos,\r\n        organiza informaci\u00f3n\r\n        y mantiene contacto\r\n        permanente\r\n        con diferentes personas.\r\n\r\n        Por eso,\r\n        la comunicaci\u00f3n\r\n        forma parte\r\n        del desempe\u00f1o cotidiano.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-com-skills\">\r\n\r\n\r\n        <div class=\"gestion-com-skill\">\r\n\r\n          <div class=\"gestion-com-skill-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Escucha activa\r\n            <\/strong>\r\n\r\n            <span>\r\n              Comprender informaci\u00f3n antes de responder o gestionar una solicitud.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-com-skill\">\r\n\r\n          <div class=\"gestion-com-skill-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Comunicaci\u00f3n asertiva\r\n            <\/strong>\r\n\r\n            <span>\r\n              Expresar informaci\u00f3n con claridad y respeto.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-com-skill\">\r\n\r\n          <div class=\"gestion-com-skill-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Redacci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Organizar mensajes y documentos comprensibles para diferentes procesos.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-com-skill\">\r\n\r\n          <div class=\"gestion-com-skill-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Pensamiento cr\u00edtico\r\n            <\/strong>\r\n\r\n            <span>\r\n              Analizar informaci\u00f3n para orientar respuestas y acciones.\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         COMMUNICATION PANEL\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-com-panel\">\r\n\r\n\r\n      <div class=\"gestion-com-panel-top\">\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Internal Communication\r\n          <\/small>\r\n\r\n          <strong>\r\n            Atenci\u00f3n de una solicitud\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-com-panel-badge\">\r\n          Comunicaci\u00f3n activa\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-conversation\">\r\n\r\n\r\n        <div class=\"gestion-message\">\r\n\r\n          <small>\r\n            Colaborador\r\n          <\/small>\r\n\r\n          <strong>\r\n            Tengo una consulta sobre un proceso interno.\r\n          <\/strong>\r\n\r\n          <span>\r\n            El primer paso es escuchar y comprender con precisi\u00f3n la necesidad.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-message\">\r\n\r\n          <small>\r\n            Gesti\u00f3n Humana\r\n          <\/small>\r\n\r\n          <strong>\r\n            Revisemos la informaci\u00f3n y el procedimiento correspondiente.\r\n          <\/strong>\r\n\r\n          <span>\r\n            La respuesta debe basarse en informaci\u00f3n organizada y disponible.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-message\">\r\n\r\n          <small>\r\n            Resultado\r\n          <\/small>\r\n\r\n          <strong>\r\n            Orientaci\u00f3n clara y canalizaci\u00f3n adecuada de la solicitud.\r\n          <\/strong>\r\n\r\n          <span>\r\n            Una buena atenci\u00f3n conecta comunicaci\u00f3n, informaci\u00f3n y procedimiento.\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=\"gestion-com-result\">\r\n\r\n\r\n        <div class=\"gestion-com-result-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Comunicaci\u00f3n efectiva\r\n          <\/small>\r\n\r\n          <strong>\r\n            Escuchar \u2192 comprender \u2192 revisar \u2192 responder \u2192 orientar.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       CHANNELS\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-com-channels\">\r\n\r\n\r\n    <div class=\"gestion-com-channel\">\r\n\r\n      <small>\r\n        Competencia 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Atenci\u00f3n al cliente\r\n      <\/strong>\r\n\r\n      <span>\r\n        Apoyar la atenci\u00f3n de usuarios internos o externos de acuerdo con procedimientos.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-com-channel\">\r\n\r\n      <small>\r\n        Competencia 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Relaciones interpersonales\r\n      <\/strong>\r\n\r\n      <span>\r\n        Interactuar respetuosamente con personas y equipos de trabajo.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-com-channel\">\r\n\r\n      <small>\r\n        Competencia 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Comunicaci\u00f3n escrita\r\n      <\/strong>\r\n\r\n      <span>\r\n        Redactar y organizar informaci\u00f3n utilizada dentro de los procesos administrativos.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-com-channel\">\r\n\r\n      <small>\r\n        Competencia 04\r\n      <\/small>\r\n\r\n      <strong>\r\n        Resoluci\u00f3n cooperativa\r\n      <\/strong>\r\n\r\n      <span>\r\n        Participar en la b\u00fasqueda de alternativas frente a necesidades o dificultades.\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       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-com-flow\">\r\n\r\n\r\n    <div class=\"gestion-com-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Communication Flow\r\n        <\/small>\r\n\r\n        <strong>\r\n          Una comunicaci\u00f3n profesional comienza antes de responder.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-com-flow-badge\">\r\n        People Skills\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-com-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-com-flow-step\">\r\n\r\n        <small>\r\n          Paso 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Escuchar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-com-flow-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprender\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-com-flow-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Revisar informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-com-flow-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Organizar la respuesta\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-com-flow-step\">\r\n\r\n        <small>\r\n          Paso 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comunicar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-com-flow-step\">\r\n\r\n        <small>\r\n          Paso 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Orientar\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       PRINCIPLE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-com-principle\">\r\n\r\n\r\n    <div class=\"gestion-com-principle-code\">\r\n      360\u00b0\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Relaciones humanas\r\n      <\/small>\r\n\r\n      <strong>\r\n        Una respuesta profesional combina escucha, informaci\u00f3n, claridad y respeto.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        En Gesti\u00f3n Humana,\r\n        la comunicaci\u00f3n\r\n        ayuda a conectar\r\n        personas,\r\n        necesidades\r\n        y procedimientos\r\n        dentro\r\n        de la organizaci\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=\"gestion-com-cta\">\r\n\r\n\r\n    <div class=\"gestion-com-cta-code\">\r\n      HR\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Desarrolla habilidades humanas\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprende a comunicar, orientar y atender dentro de los procesos de Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Fortalece\r\n        escucha activa,\r\n        comunicaci\u00f3n asertiva,\r\n        redacci\u00f3n\r\n        y pensamiento cr\u00edtico\r\n        durante tu formaci\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%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20quiero%20conocer%20el%20proceso%20de%20inscripci%C3%B3n.\"\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-e4db202 e-con e-atomic-element e-flexbox-base e-default-div e-debdcd1 \" data-id=\"e4db202\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e4db202\" data-e-type=\"e-flexbox\" data-id=\"e4db202\">\n    \t\t<div class=\"elementor-element elementor-element-1500702 elementor-widget elementor-widget-html\" data-id=\"1500702\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 12 \u00b7 EXPERIENCIA DE APRENDIZAJE\r\n========================================================= -->\r\n\r\n<section id=\"gestion-experiencia\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-experiencia *,\r\n#gestion-experiencia *::before,\r\n#gestion-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#gestion-experiencia::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#gestion-experiencia .gestion-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#gestion-experiencia .gestion-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#gestion-experiencia .gestion-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#gestion-experiencia .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-experiencia .gestion-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#gestion-experiencia .gestion-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#gestion-experiencia .gestion-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   MAIN\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .96fr\r\n    1.04fr;\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   IMAGE\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:570px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:30px;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-experiencia .gestion-exp-image img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n}\r\n\r\n\r\n#gestion-experiencia .gestion-exp-image::after{\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      180deg,\r\n      rgba(2,6,47,.02),\r\n      rgba(2,6,47,.08) 42%,\r\n      rgba(2,6,47,.70) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CONTENT\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-image-copy{\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  left:24px;\r\n  right:24px;\r\n  bottom:24px;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(2,6,47,.91);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#gestion-experiencia .gestion-exp-image-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: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#gestion-experiencia .gestion-exp-image-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: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#gestion-experiencia .gestion-exp-image-copy strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-panel{\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#gestion-experiencia .gestion-exp-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.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#gestion-experiencia .gestion-exp-panel 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      43px\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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-panel > 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   METHOD CARDS\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-methods{\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#gestion-experiencia .gestion-exp-method{\r\n\r\n  min-height:150px;\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#gestion-experiencia .gestion-exp-method small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #8395aa\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#gestion-experiencia .gestion-exp-method 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#gestion-experiencia .gestion-exp-method span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#9fb1c6 !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#gestion-experiencia\r\n.gestion-exp-method:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-experiencia\r\n.gestion-exp-method:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-experiencia\r\n.gestion-exp-method:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-experiencia\r\n.gestion-exp-method:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PANEL QUOTE\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-idea{\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    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#gestion-experiencia .gestion-exp-idea small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-experiencia .gestion-exp-idea 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.35;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEARNING FLOW\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-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:#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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-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:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-flow-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:120px;\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#gestion-experiencia .gestion-exp-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(--talent);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-experiencia\r\n.gestion-exp-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-experiencia .gestion-exp-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.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#gestion-experiencia .gestion-exp-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: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   LEARNING PILLARS\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-exp-pillars{\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#gestion-experiencia .gestion-exp-pillar{\r\n\r\n  min-height:145px;\r\n\r\n  padding:17px;\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\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#gestion-experiencia .gestion-exp-pillar 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#gestion-experiencia .gestion-exp-pillar 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.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#gestion-experiencia .gestion-exp-pillar 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.46;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n#gestion-experiencia .gestion-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:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--navy),\r\n      var(--blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-experiencia .gestion-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      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-exp-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#gestion-experiencia .gestion-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#gestion-experiencia .gestion-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:1000px){\r\n\r\n  #gestion-experiencia .gestion-exp-head,\r\n  #gestion-experiencia .gestion-exp-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-image{\r\n\r\n    min-height:480px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-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  #gestion-experiencia\r\n  .gestion-exp-flow-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-pillars{\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  #gestion-experiencia{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-image{\r\n\r\n    min-height:410px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-methods{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-pillars{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-experiencia .gestion-exp-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  #gestion-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=\"gestion-exp-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-exp-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-exp-eyebrow\">\r\n        12 \u00b7 Experiencia de aprendizaje\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Gesti\u00f3n Humana se aprende\r\n\r\n        <span>\r\n          comprendiendo situaciones reales.\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      que el estudiante\r\n      analice situaciones,\r\n      plantee soluciones,\r\n      participe en actividades pr\u00e1cticas\r\n      y reflexione\r\n      sobre los procesos\r\n      que puede encontrar\r\n      dentro de una organizaci\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=\"gestion-exp-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IMAGE\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-exp-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2024\/10\/view-from-business-startup-teamwork-concept-startup-partners-sitting-coworking-space-talking-about-future-project-looking-through-examples-work-laptop-digital-tablet-scaled.jpg\"\r\n        alt=\"Estudiantes y profesionales analizando situaciones de trabajo en equipo\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <div class=\"gestion-exp-image-copy\">\r\n\r\n        <small>\r\n          Learning by doing\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Analizar, resolver y practicar para\r\n\r\n          <span>\r\n            comprender c\u00f3mo funciona Gesti\u00f3n Humana.\r\n          <\/span>\r\n\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    <div class=\"gestion-exp-panel\">\r\n\r\n\r\n      <small>\r\n        Metodolog\u00eda de formaci\u00f3n\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        No solo aprender\u00e1s conceptos.\r\n\r\n        <span>\r\n          Aprender\u00e1s a aplicarlos.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El proceso formativo\r\n        incorpora estrategias\r\n        que permiten\r\n        relacionar conceptos\r\n        con situaciones\r\n        propias del entorno laboral,\r\n        promoviendo\r\n        an\u00e1lisis,\r\n        participaci\u00f3n\r\n        y aplicaci\u00f3n pr\u00e1ctica.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-exp-methods\">\r\n\r\n\r\n        <div class=\"gestion-exp-method\">\r\n\r\n          <small>\r\n            Estrategia 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            An\u00e1lisis de casos\r\n          <\/strong>\r\n\r\n          <span>\r\n            Examinar situaciones para identificar causas, efectos y posibles decisiones.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-exp-method\">\r\n\r\n          <small>\r\n            Estrategia 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Soluci\u00f3n de problemas\r\n          <\/strong>\r\n\r\n          <span>\r\n            Trabajar sobre necesidades que requieren an\u00e1lisis y alternativas de respuesta.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-exp-method\">\r\n\r\n          <small>\r\n            Estrategia 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Clases pr\u00e1cticas\r\n          <\/strong>\r\n\r\n          <span>\r\n            Aplicar conocimientos mediante actividades vinculadas con los procesos del programa.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-exp-method\">\r\n\r\n          <small>\r\n            Estrategia 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Reflexi\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Revisar lo aprendido y comprender c\u00f3mo se relaciona con situaciones laborales.\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=\"gestion-exp-idea\">\r\n\r\n        <small>\r\n          Aprendizaje aplicado\r\n        <\/small>\r\n\r\n        <strong>\r\n          El objetivo no es memorizar un proceso, sino comprender c\u00f3mo utilizarlo frente a una situaci\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=\"gestion-exp-flow\">\r\n\r\n\r\n    <div class=\"gestion-exp-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Learning Flow\r\n        <\/small>\r\n\r\n        <strong>\r\n          Una experiencia de aprendizaje que conecta conceptos con decisiones.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-exp-flow-badge\">\r\n        Formaci\u00f3n aplicada\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-exp-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-exp-flow-step\">\r\n\r\n        <small>\r\n          Paso 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Conocer el concepto\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-exp-flow-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Analizar la situaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-exp-flow-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Identificar alternativas\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-exp-flow-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aplicar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-exp-flow-step\">\r\n\r\n        <small>\r\n          Paso 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Reflexionar\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       PILLARS\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-exp-pillars\">\r\n\r\n\r\n    <div class=\"gestion-exp-pillar\">\r\n\r\n      <small>\r\n        Aprendizaje 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Anal\u00edtico\r\n      <\/strong>\r\n\r\n      <span>\r\n        Interpretar informaci\u00f3n antes de tomar una decisi\u00f3n.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-exp-pillar\">\r\n\r\n      <small>\r\n        Aprendizaje 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Pr\u00e1ctico\r\n      <\/strong>\r\n\r\n      <span>\r\n        Relacionar conocimientos con actividades propias del campo laboral.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-exp-pillar\">\r\n\r\n      <small>\r\n        Aprendizaje 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Participativo\r\n      <\/strong>\r\n\r\n      <span>\r\n        Construir respuestas mediante interacci\u00f3n, discusi\u00f3n y trabajo con situaciones.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-exp-pillar\">\r\n\r\n      <small>\r\n        Aprendizaje 04\r\n      <\/small>\r\n\r\n      <strong>\r\n        Reflexivo\r\n      <\/strong>\r\n\r\n      <span>\r\n        Revisar los resultados para fortalecer la comprensi\u00f3n del proceso.\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=\"gestion-exp-cta\">\r\n\r\n\r\n    <div class=\"gestion-exp-cta-code\">\r\n      LAB\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Aprende haciendo\r\n      <\/small>\r\n\r\n      <strong>\r\n        Prep\u00e1rate para comprender y resolver situaciones propias de Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Una formaci\u00f3n\r\n        que combina\r\n        an\u00e1lisis,\r\n        aplicaci\u00f3n,\r\n        pr\u00e1ctica\r\n        y reflexi\u00f3n\r\n        durante el proceso de aprendizaje.\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%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20su%20metodolog%C3%ADa%20de%20formaci%C3%B3n.\"\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-49b58cb e-con e-atomic-element e-flexbox-base e-default-div e-21af792 \" data-id=\"49b58cb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49b58cb\" data-e-type=\"e-flexbox\" data-id=\"49b58cb\">\n    \t\t<div class=\"elementor-element elementor-element-2ba76c5 elementor-widget elementor-widget-html\" data-id=\"2ba76c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 13 \u00b7 PLAN DE ESTUDIOS\r\n========================================================= -->\r\n\r\n<section id=\"gestion-plan-estudios\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.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,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-plan-estudios *,\r\n#gestion-plan-estudios *::before,\r\n#gestion-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#gestion-plan-estudios::before{\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(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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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   META\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-study-meta{\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#gestion-plan-estudios .gestion-study-meta-item{\r\n\r\n  min-height:108px;\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  box-shadow:\r\n    0\r\n    14px\r\n    32px\r\n    rgba(2,6,47,.04);\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-meta-item 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.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#gestion-plan-estudios .gestion-study-meta-item 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.7px;\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#gestion-plan-estudios\r\n.gestion-study-meta-item:nth-child(1){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-study-meta-item:nth-child(2){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-study-meta-item:nth-child(3){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-study-meta-item:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-study-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1.15fr\r\n    .85fr;\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#gestion-plan-estudios .gestion-study-specific{\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 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#gestion-plan-estudios .gestion-study-specific > 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#gestion-plan-estudios .gestion-study-specific h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    8px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      3.3vw,\r\n      42px\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#gestion-plan-estudios .gestion-study-specific h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-specific > p{\r\n\r\n  margin:0;\r\n\r\n  color:#b7c6d9 !important;\r\n\r\n  font-size:8.2px;\r\n\r\n  line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODULE LIST\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-module-list{\r\n\r\n  display:grid;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:22px;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-module{\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: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#gestion-plan-estudios .gestion-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  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#gestion-plan-estudios\r\n.gestion-module:nth-child(1)\r\n.gestion-module-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-module:nth-child(2)\r\n.gestion-module-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-module:nth-child(3)\r\n.gestion-module-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-module:nth-child(4)\r\n.gestion-module-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-module:nth-child(5)\r\n.gestion-module-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-module:nth-child(6)\r\n.gestion-module-num{\r\n  background:var(--talent-soft);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-module:nth-child(7)\r\n.gestion-module-num{\r\n  background:var(--yellow-soft);\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-module small{\r\n\r\n  display:block;\r\n\r\n  color:#8ea0b6 !important;\r\n\r\n  font-size:4.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#gestion-plan-estudios .gestion-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.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#gestion-plan-estudios .gestion-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(255,255,255,.06);\r\n\r\n  color:\r\n    var(--cyan-soft)\r\n    !important;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.07);\r\n\r\n  font-size:4.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   TRANSVERSAL PANEL\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-study-transversal{\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,.08);\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-transversal > 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#gestion-plan-estudios .gestion-study-transversal h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    8px;\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      3vw,\r\n      39px\r\n    );\r\n\r\n  line-height:1.04;\r\n\r\n  letter-spacing:-1px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-transversal h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-transversal > 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:8px;\r\n\r\n  line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRANSVERSAL CARDS\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-transversal-list{\r\n\r\n  display:grid;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:22px;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-transversal-item{\r\n\r\n  min-height:112px;\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    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-transversal-item 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.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#gestion-plan-estudios .gestion-transversal-item 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#gestion-plan-estudios .gestion-transversal-item 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-transversal-item:nth-child(1){\r\n  border-left:4px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-transversal-item:nth-child(2){\r\n  border-left:4px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-transversal-item:nth-child(3){\r\n  border-left:4px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-transversal-item:nth-child(4){\r\n  border-left:4px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTEGRATION\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-study-integration{\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      120deg,\r\n      #eefcff,\r\n      #ffffff 45%,\r\n      #eefaf5\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#gestion-plan-estudios .gestion-study-integration-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#gestion-plan-estudios .gestion-study-integration-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#gestion-plan-estudios .gestion-study-integration-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#gestion-plan-estudios .gestion-study-integration-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    #dce6f0;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-study-flow{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(7,1fr);\r\n\r\n  gap:8px;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-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:#ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    #e5ecf4;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-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(--talent);\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios\r\n.gestion-study-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.3px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-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:6.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   CTA\r\n========================================================= *\/\r\n\r\n#gestion-plan-estudios .gestion-study-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  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-plan-estudios .gestion-study-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(--talent),\r\n      var(--cyan)\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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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#gestion-plan-estudios .gestion-study-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  #gestion-plan-estudios .gestion-study-head,\r\n  #gestion-plan-estudios .gestion-study-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-flow{\r\n\r\n    grid-template-columns:\r\n      repeat(4,1fr);\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios\r\n  .gestion-study-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:760px){\r\n\r\n  #gestion-plan-estudios .gestion-study-meta{\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  #gestion-plan-estudios{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-meta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-specific,\r\n  #gestion-plan-estudios .gestion-study-transversal{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-module{\r\n\r\n    grid-template-columns:\r\n      40px\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-module-tag{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-integration-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-integration-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-flow{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-plan-estudios .gestion-study-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  #gestion-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=\"gestion-study-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-study-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-study-eyebrow\">\r\n        13 \u00b7 Plan de estudios\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Una ruta para comprender\r\n\r\n        <span>\r\n          el ciclo del talento humano.\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 de formaci\u00f3n\r\n      integra competencias\r\n      espec\u00edficas\r\n      de Gesti\u00f3n Humana\r\n      con herramientas\r\n      transversales\r\n      que fortalecen\r\n      el desempe\u00f1o\r\n      administrativo\r\n      y organizacional.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       META\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-study-meta\">\r\n\r\n\r\n    <div class=\"gestion-study-meta-item\">\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=\"gestion-study-meta-item\">\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=\"gestion-study-meta-item\">\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=\"gestion-study-meta-item\">\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=\"gestion-study-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         SPECIFIC\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-study-specific\">\r\n\r\n\r\n      <small>\r\n        Formaci\u00f3n espec\u00edfica\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Competencias del\r\n\r\n        <span>\r\n          \u00e1rea de Gesti\u00f3n Humana.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Estos componentes\r\n        concentran los procesos\r\n        principales\r\n        que el estudiante\r\n        aprender\u00e1 a comprender\r\n        y apoyar\r\n        dentro del \u00e1rea\r\n        de talento humano.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-module-list\">\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              Estructuraci\u00f3n de perfiles de cargo\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            cargos\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              Seguridad y Salud en el Trabajo\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            SST\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              Procesos de inducci\u00f3n\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            ingreso\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              Selecci\u00f3n de personal\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            talento\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            05\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              N\u00f3mina\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            administraci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            06\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              Contrataci\u00f3n y vinculaci\u00f3n laboral\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            vinculaci\u00f3n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-module\">\r\n\r\n          <div class=\"gestion-module-num\">\r\n            07\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Competencia\r\n            <\/small>\r\n\r\n            <strong>\r\n              Atenci\u00f3n al cliente\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"gestion-module-tag\">\r\n            servicio\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\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-study-transversal\">\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        Herramientas que fortalecen\r\n\r\n        <span>\r\n          tu perfil t\u00e9cnico.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Adem\u00e1s de los procesos\r\n        propios del \u00e1rea,\r\n        la formaci\u00f3n incorpora\r\n        componentes\r\n        que apoyan\r\n        el manejo\r\n        de informaci\u00f3n,\r\n        comunicaci\u00f3n\r\n        y desempe\u00f1o laboral.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-transversal-list\">\r\n\r\n\r\n        <div class=\"gestion-transversal-item\">\r\n\r\n          <small>\r\n            Componente transversal\r\n          <\/small>\r\n\r\n          <strong>\r\n            Herramientas ofim\u00e1ticas\r\n          <\/strong>\r\n\r\n          <span>\r\n            Uso de recursos digitales para apoyar tareas administrativas y organizaci\u00f3n de informaci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-transversal-item\">\r\n\r\n          <small>\r\n            Componente transversal\r\n          <\/small>\r\n\r\n          <strong>\r\n            Emprendimiento y empresarismo\r\n          <\/strong>\r\n\r\n          <span>\r\n            Desarrollo de capacidades relacionadas con iniciativa y comprensi\u00f3n del entorno productivo.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-transversal-item\">\r\n\r\n          <small>\r\n            Componente transversal\r\n          <\/small>\r\n\r\n          <strong>\r\n            Sistema de Gesti\u00f3n de SST\r\n          <\/strong>\r\n\r\n          <span>\r\n            Formaci\u00f3n complementaria asociada con seguridad, prevenci\u00f3n y condiciones de trabajo.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-transversal-item\">\r\n\r\n          <small>\r\n            Componente transversal\r\n          <\/small>\r\n\r\n          <strong>\r\n            Ingl\u00e9s\r\n          <\/strong>\r\n\r\n          <span>\r\n            Fortalecimiento de competencias comunicativas complementarias para el entorno laboral.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       INTEGRATION\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-study-integration\">\r\n\r\n\r\n    <div class=\"gestion-study-integration-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Ruta integrada\r\n        <\/small>\r\n\r\n        <strong>\r\n          Los m\u00f3dulos se conectan dentro de un mismo ciclo de Gesti\u00f3n Humana.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-study-integration-badge\">\r\n        Human Talent Journey\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-study-flow\">\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Definir perfiles\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Seleccionar talento\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Vincular\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Inducir\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Gestionar n\u00f3mina\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Apoyar SST\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-study-flow-step\">\r\n\r\n        <small>\r\n          Ruta 07\r\n        <\/small>\r\n\r\n        <strong>\r\n          Atender y comunicar\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=\"gestion-study-cta\">\r\n\r\n\r\n    <div class=\"gestion-study-cta-code\">\r\n      01\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Una formaci\u00f3n concentrada\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conoce en un semestre los procesos esenciales que articulan la Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Disponible\r\n        en modalidad presencial\r\n        y a distancia,\r\n        con opci\u00f3n de pr\u00e1ctica\r\n        como alternativa complementaria\r\n        de experiencia aplicada.\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%20plan%20de%20estudios%20del%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20deseo%20conocer%20el%20proceso%20de%20inscripci%C3%B3n.\"\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-e684959 e-con e-atomic-element e-flexbox-base e-default-div e-e8e08a3 \" data-id=\"e684959\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e684959\" data-e-type=\"e-flexbox\" data-id=\"e684959\">\n    \t\t<div class=\"elementor-element elementor-element-0c318c1 elementor-widget elementor-widget-html\" data-id=\"0c318c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 14 \u00b7 MODALIDADES DE ESTUDIO\r\n========================================================= -->\r\n\r\n<section id=\"gestion-modalidades\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 90%,\r\n      rgba(54,179,126,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-modalidades *,\r\n#gestion-modalidades *::before,\r\n#gestion-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#gestion-modalidades::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#gestion-modalidades .gestion-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#gestion-modalidades .gestion-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#gestion-modalidades .gestion-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#gestion-modalidades .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-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#gestion-modalidades .gestion-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#gestion-modalidades .gestion-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   MAIN\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-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:20px;\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#gestion-modalidades .gestion-mode-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:560px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:30px;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-image img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-image::after{\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      180deg,\r\n      rgba(2,6,47,.04),\r\n      rgba(2,6,47,.10) 44%,\r\n      rgba(2,6,47,.70) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE COPY\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-image-copy{\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  left:24px;\r\n  right:24px;\r\n  bottom:24px;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(2,6,47,.91);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-image-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: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#gestion-modalidades .gestion-mode-image-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: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#gestion-modalidades .gestion-mode-image-copy strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-panel{\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#gestion-modalidades .gestion-mode-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.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#gestion-modalidades .gestion-mode-panel 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      43px\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#gestion-modalidades .gestion-mode-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#gestion-modalidades .gestion-mode-panel > 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   MODES\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-cards{\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#gestion-modalidades .gestion-mode-card{\r\n\r\n  padding:17px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-card-top{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-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:12px;\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:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades\r\n.gestion-mode-card:nth-child(2)\r\n.gestion-mode-card-code{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-card small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #8ea0b6\r\n    !important;\r\n\r\n  font-size:4.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#gestion-modalidades .gestion-mode-card 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: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#gestion-modalidades .gestion-mode-card-badge{\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(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(--cyan-soft)\r\n    !important;\r\n\r\n  font-size:4.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#gestion-modalidades .gestion-mode-card p{\r\n\r\n  margin:\r\n    12px\r\n    0\r\n    0;\r\n\r\n  color:#aebed2 !important;\r\n\r\n  font-size:6px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-features{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:8px;\r\n\r\n  margin-top:13px;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-feature{\r\n\r\n  min-height:65px;\r\n\r\n  padding:10px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:\r\n    rgba(2,6,47,.27);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.06);\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-feature small{\r\n\r\n  display:block;\r\n\r\n  color:#8194aa !important;\r\n\r\n  font-size:4.1px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-feature 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:6.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   COMMON STRIP\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-common{\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#gestion-modalidades .gestion-mode-common-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#gestion-modalidades .gestion-mode-common-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#gestion-modalidades .gestion-mode-common-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#gestion-modalidades .gestion-mode-common-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   COMMON GRID\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-common-grid{\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#gestion-modalidades .gestion-mode-common-item{\r\n\r\n  min-height:120px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:14px;\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#gestion-modalidades .gestion-mode-common-item 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.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#gestion-modalidades .gestion-mode-common-item 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: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#gestion-modalidades .gestion-mode-common-item 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades\r\n.gestion-mode-common-item:nth-child(1){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-modalidades\r\n.gestion-mode-common-item:nth-child(2){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-modalidades\r\n.gestion-mode-common-item:nth-child(3){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-modalidades\r\n.gestion-mode-common-item:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECISION\r\n========================================================= *\/\r\n\r\n#gestion-modalidades .gestion-mode-decision{\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      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-modalidades .gestion-mode-decision-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(--talent),\r\n      var(--cyan)\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#gestion-modalidades .gestion-mode-decision 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#gestion-modalidades .gestion-mode-decision 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#gestion-modalidades .gestion-mode-decision 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.1px;\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#gestion-modalidades .gestion-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    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    50px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-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      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  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-modalidades .gestion-mode-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#gestion-modalidades .gestion-mode-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#gestion-modalidades .gestion-mode-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#gestion-modalidades .gestion-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(--talent),\r\n      var(--cyan)\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#gestion-modalidades .gestion-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  #gestion-modalidades .gestion-mode-head,\r\n  #gestion-modalidades .gestion-mode-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-image{\r\n\r\n    min-height:480px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-common-grid{\r\n\r\n    grid-template-columns:\r\n      1fr\r\n      1fr;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #gestion-modalidades{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-image{\r\n\r\n    min-height:410px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-card-top{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-card-badge{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-features{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-common-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-common-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-common-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-decision{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-mode-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-modalidades .gestion-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  #gestion-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=\"gestion-mode-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-mode-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-mode-eyebrow\">\r\n        14 \u00b7 Modalidades de estudio\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Elige c\u00f3mo estudiar.\r\n\r\n        <span>\r\n          Tu formaci\u00f3n sigue siendo Gesti\u00f3n Humana.\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\r\n      est\u00e1 disponible\r\n      en modalidad presencial\r\n      y a distancia,\r\n      para que puedas\r\n      elegir la alternativa\r\n      que mejor se adapte\r\n      a tu contexto\r\n      y forma de aprendizaje.\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=\"gestion-mode-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IMAGE\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-mode-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2025\/05\/female-professor-on-computer-screen-giving-online-2024-01-31-19-20-22-utc.jpg\"\r\n        alt=\"Formaci\u00f3n a distancia con docente mediante recursos digitales\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <div class=\"gestion-mode-image-copy\">\r\n\r\n        <small>\r\n          Flexibilidad acad\u00e9mica\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Una misma formaci\u00f3n.\r\n\r\n          <span>\r\n            Dos formas de acceder a ella.\r\n          <\/span>\r\n\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         MODES PANEL\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-mode-panel\">\r\n\r\n\r\n      <small>\r\n        Modalidades disponibles\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Escoge la modalidad que\r\n\r\n        <span>\r\n          se adapte a ti.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Antes de inscribirte,\r\n        puedes consultar\r\n        con admisiones\r\n        las condiciones\r\n        vigentes\r\n        de cada modalidad,\r\n        as\u00ed como disponibilidad,\r\n        horarios\r\n        y proceso de matr\u00edcula.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- PRESENCIAL -->\r\n\r\n      <div class=\"gestion-mode-cards\">\r\n\r\n\r\n        <article class=\"gestion-mode-card\">\r\n\r\n\r\n          <div class=\"gestion-mode-card-top\">\r\n\r\n\r\n            <div class=\"gestion-mode-card-code\">\r\n              P\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              <small>\r\n                Modalidad 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            <span class=\"gestion-mode-card-badge\">\r\n              Campus\r\n            <\/span>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <p>\r\n\r\n            Alternativa para quienes\r\n            prefieren desarrollar\r\n            su proceso formativo\r\n            mediante encuentros\r\n            presenciales\r\n            y contacto directo\r\n            con el entorno acad\u00e9mico.\r\n\r\n          <\/p>\r\n\r\n\r\n          <div class=\"gestion-mode-features\">\r\n\r\n\r\n            <div class=\"gestion-mode-feature\">\r\n\r\n              <small>\r\n                Experiencia\r\n              <\/small>\r\n\r\n              <strong>\r\n                Interacci\u00f3n presencial\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gestion-mode-feature\">\r\n\r\n              <small>\r\n                Formaci\u00f3n\r\n              <\/small>\r\n\r\n              <strong>\r\n                Actividades aplicadas\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- DISTANCIA -->\r\n\r\n        <article class=\"gestion-mode-card\">\r\n\r\n\r\n          <div class=\"gestion-mode-card-top\">\r\n\r\n\r\n            <div class=\"gestion-mode-card-code\">\r\n              D\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n              <small>\r\n                Modalidad 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            <span class=\"gestion-mode-card-badge\">\r\n              Flexible\r\n            <\/span>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <p>\r\n\r\n            Alternativa para estudiantes\r\n            que requieren\r\n            una modalidad\r\n            que les permita\r\n            desarrollar\r\n            el proceso acad\u00e9mico\r\n            con apoyo\r\n            de recursos\r\n            y entornos de aprendizaje\r\n            a distancia.\r\n\r\n          <\/p>\r\n\r\n\r\n          <div class=\"gestion-mode-features\">\r\n\r\n\r\n            <div class=\"gestion-mode-feature\">\r\n\r\n              <small>\r\n                Acceso\r\n              <\/small>\r\n\r\n              <strong>\r\n                Formaci\u00f3n a distancia\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"gestion-mode-feature\">\r\n\r\n              <small>\r\n                Aprendizaje\r\n              <\/small>\r\n\r\n              <strong>\r\n                Apoyo de recursos digitales\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       COMMON\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-mode-common\">\r\n\r\n\r\n    <div class=\"gestion-mode-common-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Lo esencial del programa\r\n        <\/small>\r\n\r\n        <strong>\r\n          Independientemente de la modalidad, estos son los datos clave de la oferta.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-mode-common-badge\">\r\n        Informaci\u00f3n del programa\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-mode-common-grid\">\r\n\r\n\r\n      <div class=\"gestion-mode-common-item\">\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          Formaci\u00f3n concentrada en los procesos esenciales del \u00e1rea.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-mode-common-item\">\r\n\r\n        <small>\r\n          Opci\u00f3n 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Presencial\r\n        <\/strong>\r\n\r\n        <span>\r\n          Modalidad disponible dentro de la oferta acad\u00e9mica actual.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-mode-common-item\">\r\n\r\n        <small>\r\n          Opci\u00f3n 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          A distancia\r\n        <\/strong>\r\n\r\n        <span>\r\n          Alternativa de estudio disponible para el programa.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-mode-common-item\">\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          Posibilidad complementaria para fortalecer la experiencia aplicada.\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       DECISION\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-mode-decision\">\r\n\r\n\r\n    <div class=\"gestion-mode-decision-code\">\r\n      ?\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Antes de elegir\r\n      <\/small>\r\n\r\n      <strong>\r\n        Consulta con admisiones cu\u00e1l modalidad se ajusta mejor a tu disponibilidad.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        El equipo puede orientarte\r\n        sobre requisitos,\r\n        horarios,\r\n        disponibilidad de grupos\r\n        y condiciones vigentes\r\n        para realizar\r\n        tu inscripci\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=\"gestion-mode-cta\">\r\n\r\n\r\n    <div class=\"gestion-mode-cta-code\">\r\n      2X\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Presencial o a distancia\r\n      <\/small>\r\n\r\n      <strong>\r\n        Elige tu modalidad y comienza tu formaci\u00f3n en Auxiliar de Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Programa de 1 semestre\r\n        con opci\u00f3n de pr\u00e1ctica\r\n        y formaci\u00f3n enfocada\r\n        en procesos\r\n        de talento humano.\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%20las%20modalidades%20presencial%20y%20a%20distancia%20del%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Consultar 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-fce0e2b e-con e-atomic-element e-flexbox-base e-default-div e-fa4ad54 \" data-id=\"fce0e2b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fce0e2b\" data-e-type=\"e-flexbox\" data-id=\"fce0e2b\">\n    \t\t<div class=\"elementor-element elementor-element-3389b27 elementor-widget elementor-widget-html\" data-id=\"3389b27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 15 \u00b7 OPCI\u00d3N DE PR\u00c1CTICA\r\n========================================================= -->\r\n\r\n<section id=\"gestion-practica\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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(54,179,126,.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,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 80%,\r\n      #063f54 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#gestion-practica *,\r\n#gestion-practica *::before,\r\n#gestion-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#gestion-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    48px\r\n    48px;\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#gestion-practica::after{\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(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#gestion-practica .gestion-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#gestion-practica .gestion-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#gestion-practica .gestion-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#gestion-practica .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-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#gestion-practica .gestion-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#gestion-practica .gestion-practice-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !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#gestion-practica .gestion-practice-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .84fr\r\n    1.16fr;\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#gestion-practica .gestion-practice-intro{\r\n\r\n  padding:30px;\r\n\r\n  border-radius:28px;\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    24px\r\n    58px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-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#gestion-practica .gestion-practice-intro 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      43px\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#gestion-practica .gestion-practice-intro h3 span{\r\n\r\n  color:\r\n    var(--talent-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-intro 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 POINTS\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-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#gestion-practica .gestion-practice-point{\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: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,.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#gestion-practica .gestion-practice-point-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#gestion-practica\r\n.gestion-practice-point:nth-child(1)\r\n.gestion-practice-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-point:nth-child(2)\r\n.gestion-practice-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-point:nth-child(3)\r\n.gestion-practice-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-point:nth-child(4)\r\n.gestion-practice-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-point strong{\r\n\r\n  display:block;\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#gestion-practica .gestion-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT EXPERIENCE CARD\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-practice-card{\r\n\r\n  padding:27px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n\/* TOP *\/\r\n\r\n#gestion-practica .gestion-practice-card-top{\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:14px;\r\n\r\n  align-items:center;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-card-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    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-card-top 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#gestion-practica .gestion-practice-card-top 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:12px;\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#gestion-practica .gestion-practice-card-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#fff7dc;\r\n\r\n  color:#93700b !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\/* =========================================================\r\n   APPLICATION GRID\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-practice-applications{\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#gestion-practica .gestion-practice-application{\r\n\r\n  min-height:135px;\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    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-application 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.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#gestion-practica .gestion-practice-application 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: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#gestion-practica .gestion-practice-application 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-application:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-application:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-application:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-practica\r\n.gestion-practice-application:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTICE\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-practice-notice{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:17px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-practica .gestion-practice-notice-icon{\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:12px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-notice 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.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#gestion-practica .gestion-practice-notice 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:8px;\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   FLOW\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-practice-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    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#gestion-practica .gestion-practice-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#gestion-practica .gestion-practice-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#gestion-practica .gestion-practice-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#gestion-practica .gestion-practice-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-practice-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#gestion-practica .gestion-practice-flow-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:\r\n    rgba(2,6,47,.30);\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#gestion-practica .gestion-practice-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#gestion-practica\r\n.gestion-practice-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8192a8 !important;\r\n\r\n  font-size:4.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#gestion-practica .gestion-practice-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:6.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\/* =========================================================\r\n   DISCLAIMER\r\n========================================================= *\/\r\n\r\n#gestion-practica .gestion-practice-disclaimer{\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,.18);\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-disclaimer-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(--yellow),\r\n      var(--yellow-soft)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-practice-disclaimer small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-practica .gestion-practice-disclaimer 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#gestion-practica .gestion-practice-disclaimer 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.1px;\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#gestion-practica .gestion-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,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-practica .gestion-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      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-practica .gestion-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#gestion-practica .gestion-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#gestion-practica .gestion-practice-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#gestion-practica .gestion-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#gestion-practica .gestion-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  #gestion-practica .gestion-practice-head,\r\n  #gestion-practica .gestion-practice-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-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  #gestion-practica\r\n  .gestion-practice-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  #gestion-practica{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-intro,\r\n  #gestion-practica .gestion-practice-card{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-card-top{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-card-badge{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-applications{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-disclaimer{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-practice-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-practica .gestion-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  #gestion-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=\"gestion-practice-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-practice-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-practice-eyebrow\">\r\n        15 \u00b7 Opci\u00f3n de pr\u00e1ctica\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Aprende los procesos.\r\n\r\n        <span>\r\n          Luego fortal\u00e9celos con experiencia aplicada.\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 contempla\r\n      una opci\u00f3n de pr\u00e1ctica\r\n      como alternativa complementaria\r\n      para fortalecer\r\n      la experiencia\r\n      y relacionar\r\n      los aprendizajes\r\n      del programa\r\n      con situaciones\r\n      del entorno organizacional.\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=\"gestion-practice-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-practice-intro\">\r\n\r\n\r\n      <small>\r\n        Applied Experience\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Conecta lo aprendido con\r\n\r\n        <span>\r\n          situaciones de trabajo.\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        permite complementar\r\n        la formaci\u00f3n t\u00e9cnica\r\n        mediante experiencias\r\n        en las que\r\n        pueden ponerse en contexto\r\n        procesos relacionados\r\n        con Gesti\u00f3n Humana.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-practice-points\">\r\n\r\n\r\n        <div class=\"gestion-practice-point\">\r\n\r\n          <div class=\"gestion-practice-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Observar procesos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Reconocer c\u00f3mo se desarrollan actividades de Gesti\u00f3n Humana en un entorno organizacional.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-practice-point\">\r\n\r\n          <div class=\"gestion-practice-point-num\">\r\n            02\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 lo aprendido durante el programa con situaciones concretas.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-practice-point\">\r\n\r\n          <div class=\"gestion-practice-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Fortalecer habilidades\r\n            <\/strong>\r\n\r\n            <span>\r\n              Desarrollar organizaci\u00f3n, comunicaci\u00f3n y manejo responsable de informaci\u00f3n.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-practice-point\">\r\n\r\n          <div class=\"gestion-practice-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Comprender el entorno\r\n            <\/strong>\r\n\r\n            <span>\r\n              Acercarse a din\u00e1micas reales de trabajo y colaboraci\u00f3n organizacional.\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         EXPERIENCE CARD\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-practice-card\">\r\n\r\n\r\n      <div class=\"gestion-practice-card-top\">\r\n\r\n\r\n        <div class=\"gestion-practice-card-icon\">\r\n          LAB\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Experiencia complementaria\r\n          <\/small>\r\n\r\n          <strong>\r\n            \u00bfQu\u00e9 puedes fortalecer?\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-practice-card-badge\">\r\n          Opcional\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-practice-applications\">\r\n\r\n\r\n        <div class=\"gestion-practice-application\">\r\n\r\n          <small>\r\n            Aplicaci\u00f3n 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n de personal\r\n          <\/strong>\r\n\r\n          <span>\r\n            Organizaci\u00f3n de registros y apoyo al manejo documental.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-practice-application\">\r\n\r\n          <small>\r\n            Aplicaci\u00f3n 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Selecci\u00f3n y vinculaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Comprensi\u00f3n pr\u00e1ctica del recorrido de candidatos y colaboradores.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-practice-application\">\r\n\r\n          <small>\r\n            Aplicaci\u00f3n 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Comunicaci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Interacci\u00f3n con personas, solicitudes y procesos del \u00e1rea.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-practice-application\">\r\n\r\n          <small>\r\n            Aplicaci\u00f3n 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Organizaci\u00f3n del trabajo\r\n          <\/strong>\r\n\r\n          <span>\r\n            Seguimiento de procedimientos y apoyo a actividades administrativas.\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=\"gestion-practice-notice\">\r\n\r\n\r\n        <div class=\"gestion-practice-notice-icon\">\r\n          !\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Importante\r\n          <\/small>\r\n\r\n          <strong>\r\n            La pr\u00e1ctica se presenta como una opci\u00f3n complementaria y no como garant\u00eda de vinculaci\u00f3n laboral.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-practice-flow\">\r\n\r\n\r\n    <div class=\"gestion-practice-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Applied Learning Flow\r\n        <\/small>\r\n\r\n        <strong>\r\n          Una ruta para convertir conocimientos en experiencia.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-practice-flow-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=\"gestion-practice-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-practice-flow-step\">\r\n\r\n        <small>\r\n          Etapa 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aprender\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-practice-flow-step\">\r\n\r\n        <small>\r\n          Etapa 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comprender procesos\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-practice-flow-step\">\r\n\r\n        <small>\r\n          Etapa 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aplicar\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-practice-flow-step\">\r\n\r\n        <small>\r\n          Etapa 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Observar resultados\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-practice-flow-step\">\r\n\r\n        <small>\r\n          Etapa 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       DISCLAIMER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-practice-disclaimer\">\r\n\r\n\r\n    <div class=\"gestion-practice-disclaimer-code\">\r\n      i\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Condiciones de la opci\u00f3n de pr\u00e1ctica\r\n      <\/small>\r\n\r\n      <strong>\r\n        Consulta con admisiones las condiciones, disponibilidad y proceso vigente para acceder a esta alternativa.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        La inclusi\u00f3n de esta opci\u00f3n\r\n        dentro de la oferta\r\n        no debe interpretarse\r\n        como promesa\r\n        de empleo,\r\n        contrataci\u00f3n\r\n        o asignaci\u00f3n autom\u00e1tica\r\n        de una organizaci\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=\"gestion-practice-cta\">\r\n\r\n\r\n    <div class=\"gestion-practice-cta-code\">\r\n      +\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Formaci\u00f3n + experiencia aplicada\r\n      <\/small>\r\n\r\n      <strong>\r\n        Conoce c\u00f3mo complementar tu semestre de formaci\u00f3n con la opci\u00f3n de pr\u00e1ctica.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Consulta\r\n        condiciones vigentes,\r\n        requisitos\r\n        y disponibilidad\r\n        directamente\r\n        con el equipo\r\n        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%20quiero%20informaci%C3%B3n%20sobre%20la%20opci%C3%B3n%20de%20pr%C3%A1ctica%20del%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.\"\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-7bda10c e-con e-atomic-element e-flexbox-base e-default-div e-01a7111 \" data-id=\"7bda10c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7bda10c\" data-e-type=\"e-flexbox\" data-id=\"7bda10c\">\n    \t\t<div class=\"elementor-element elementor-element-dd57ec8 elementor-widget elementor-widget-html\" data-id=\"dd57ec8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 16 \u00b7 CAMPO LABORAL\r\n========================================================= -->\r\n\r\n<section id=\"gestion-campo-laboral\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-campo-laboral *,\r\n#gestion-campo-laboral *::before,\r\n#gestion-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#gestion-campo-laboral::before{\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(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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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:20px;\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#gestion-campo-laboral .gestion-field-image{\r\n\r\n  position:relative;\r\n\r\n  min-height:560px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:30px;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-image img{\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:block;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-image::after{\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      180deg,\r\n      rgba(2,6,47,.02),\r\n      rgba(2,6,47,.10) 42%,\r\n      rgba(2,6,47,.72) 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE COPY\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-image-copy{\r\n\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  left:24px;\r\n  right:24px;\r\n  bottom:24px;\r\n\r\n  padding:20px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(2,6,47,.91);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.08);\r\n\r\n  backdrop-filter:\r\n    blur(8px);\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-image-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: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#gestion-campo-laboral .gestion-field-image-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: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#gestion-campo-laboral .gestion-field-image-copy strong span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-panel{\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#gestion-campo-laboral .gestion-field-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.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#gestion-campo-laboral .gestion-field-panel 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      43px\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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-panel > 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   AREAS\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-areas{\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#gestion-campo-laboral .gestion-field-area{\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#gestion-campo-laboral .gestion-field-area small{\r\n\r\n  display:block;\r\n\r\n  color:#8b9db2 !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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-area span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#9fb1c6 !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#gestion-campo-laboral\r\n.gestion-field-area:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-campo-laboral\r\n.gestion-field-area:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-campo-laboral\r\n.gestion-field-area:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-campo-laboral\r\n.gestion-field-area:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTORS\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-sectors{\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#gestion-campo-laboral .gestion-field-sectors-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#gestion-campo-laboral .gestion-field-sectors-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#gestion-campo-laboral .gestion-field-sectors-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#gestion-campo-laboral .gestion-field-sectors-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   SECTOR GRID\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-sector-grid{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-sector{\r\n\r\n  min-height:125px;\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#gestion-campo-laboral .gestion-field-sector small{\r\n\r\n  display:block;\r\n\r\n  color:#8997a8 !important;\r\n\r\n  font-size:4.3px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-sector 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: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   VALUE PROPOSITION\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-value{\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#gestion-campo-laboral .gestion-field-value-card{\r\n\r\n  min-height:150px;\r\n\r\n  padding:17px;\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\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#gestion-campo-laboral .gestion-field-value-card 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#gestion-campo-laboral .gestion-field-value-card 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.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#gestion-campo-laboral .gestion-field-value-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.6px;\r\n\r\n  line-height:1.46;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTICE\r\n========================================================= *\/\r\n\r\n#gestion-campo-laboral .gestion-field-notice{\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  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(2,6,47,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-campo-laboral .gestion-field-notice-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(--yellow),\r\n      var(--yellow-soft)\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#gestion-campo-laboral .gestion-field-notice 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#gestion-campo-laboral .gestion-field-notice 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#gestion-campo-laboral .gestion-field-notice 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.1px;\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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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(--talent),\r\n      var(--cyan)\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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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#gestion-campo-laboral .gestion-field-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  #gestion-campo-laboral .gestion-field-head,\r\n  #gestion-campo-laboral .gestion-field-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-image{\r\n\r\n    min-height:480px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-sector-grid{\r\n\r\n    grid-template-columns:\r\n      repeat(3,1fr);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n  #gestion-campo-laboral .gestion-field-value{\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  #gestion-campo-laboral{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-image{\r\n\r\n    min-height:410px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-panel{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-areas{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-sectors-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-sectors-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-sector-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-notice{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-campo-laboral .gestion-field-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  #gestion-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=\"gestion-field-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-field-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-field-eyebrow\">\r\n        16 \u00b7 Campo laboral\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Donde hay personas,\r\n\r\n        <span>\r\n          hay procesos de Gesti\u00f3n Humana.\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\r\n      permite desarrollar\r\n      competencias de apoyo\r\n      aplicables a \u00e1reas\r\n      administrativas\r\n      y de talento humano,\r\n      especialmente\r\n      en procesos\r\n      relacionados\r\n      con personal.\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=\"gestion-field-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IMAGE\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-field-image\">\r\n\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/ecfi.edu.co\/wp-content\/uploads\/2024\/10\/people-meeting-support-group-scaled.jpg\"\r\n        alt=\"Personas trabajando y colaborando dentro de una organizaci\u00f3n\"\r\n        loading=\"lazy\"\r\n      >\r\n\r\n\r\n      <div class=\"gestion-field-image-copy\">\r\n\r\n        <small>\r\n          Entornos organizacionales\r\n        <\/small>\r\n\r\n        <strong>\r\n\r\n          Gesti\u00f3n Humana conecta\r\n\r\n          <span>\r\n            personas, equipos y procesos.\r\n          <\/span>\r\n\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         AREAS PANEL\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-field-panel\">\r\n\r\n\r\n      <small>\r\n        \u00bfD\u00f3nde puede aportar este perfil?\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        \u00c1reas que trabajan con\r\n\r\n        <span>\r\n          personas e informaci\u00f3n.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Las competencias\r\n        del programa\r\n        se relacionan\r\n        con procesos\r\n        de selecci\u00f3n,\r\n        vinculaci\u00f3n,\r\n        bienestar,\r\n        documentaci\u00f3n,\r\n        n\u00f3mina\r\n        y apoyo administrativo\r\n        del talento humano.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-field-areas\">\r\n\r\n\r\n        <div class=\"gestion-field-area\">\r\n\r\n          <small>\r\n            \u00c1rea 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            Talento Humano\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyo a procesos administrativos y operativos relacionados con personal.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-field-area\">\r\n\r\n          <small>\r\n            \u00c1rea 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Selecci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyo al reclutamiento, organizaci\u00f3n de candidatos y manejo de informaci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-field-area\">\r\n\r\n          <small>\r\n            \u00c1rea 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Bienestar y relaciones laborales\r\n          <\/strong>\r\n\r\n          <span>\r\n            Participaci\u00f3n de apoyo en actividades relacionadas con colaboradores.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-field-area\">\r\n\r\n          <small>\r\n            \u00c1rea 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Administraci\u00f3n de personal\r\n          <\/strong>\r\n\r\n          <span>\r\n            Organizaci\u00f3n de documentos, registros, novedades y procesos internos.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       SECTORS\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-field-sectors\">\r\n\r\n\r\n    <div class=\"gestion-field-sectors-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Entornos donde puede desarrollarse\r\n        <\/small>\r\n\r\n        <strong>\r\n          El perfil puede ser pertinente en organizaciones que cuenten con procesos de personal.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-field-sectors-badge\">\r\n        Campo organizacional\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-field-sector-grid\">\r\n\r\n\r\n      <div class=\"gestion-field-sector\">\r\n\r\n        <small>\r\n          Entorno 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Empresas privadas\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-field-sector\">\r\n\r\n        <small>\r\n          Entorno 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Entidades p\u00fablicas\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-field-sector\">\r\n\r\n        <small>\r\n          Entorno 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          \u00c1reas administrativas\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-field-sector\">\r\n\r\n        <small>\r\n          Entorno 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Departamentos de talento humano\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-field-sector\">\r\n\r\n        <small>\r\n          Entorno 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Procesos de selecci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-field-sector\">\r\n\r\n        <small>\r\n          Entorno 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Bienestar y relaciones laborales\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       VALUE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-field-value\">\r\n\r\n\r\n    <div class=\"gestion-field-value-card\">\r\n\r\n      <small>\r\n        Aporte 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Apoyo administrativo\r\n      <\/strong>\r\n\r\n      <span>\r\n        Organizar informaci\u00f3n y acompa\u00f1ar procedimientos del \u00e1rea.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-field-value-card\">\r\n\r\n      <small>\r\n        Aporte 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Gesti\u00f3n de personas\r\n      <\/strong>\r\n\r\n      <span>\r\n        Participar en procesos donde intervienen candidatos y colaboradores.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-field-value-card\">\r\n\r\n      <small>\r\n        Aporte 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Articulaci\u00f3n de procesos\r\n      <\/strong>\r\n\r\n      <span>\r\n        Conectar informaci\u00f3n, documentaci\u00f3n y atenci\u00f3n dentro de Gesti\u00f3n Humana.\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       NOTICE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-field-notice\">\r\n\r\n\r\n    <div class=\"gestion-field-notice-code\">\r\n      RH\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        La formaci\u00f3n ampl\u00eda tu perfil para apoyar distintos procesos de talento humano.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Las oportunidades concretas\r\n        dependen del perfil solicitado\r\n        por cada organizaci\u00f3n,\r\n        sus procesos de selecci\u00f3n,\r\n        experiencia requerida\r\n        y condiciones del mercado laboral.\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=\"gestion-field-cta\">\r\n\r\n\r\n    <div class=\"gestion-field-cta-code\">\r\n      +\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Construye un perfil vers\u00e1til\r\n      <\/small>\r\n\r\n      <strong>\r\n        F\u00f3rmate para apoyar \u00e1reas donde las personas son parte esencial de la organizaci\u00f3n.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Conoce\r\n        el programa,\r\n        modalidades,\r\n        requisitos\r\n        y proceso\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%20el%20campo%20laboral%20del%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20deseo%20conocer%20el%20proceso%20de%20inscripci%C3%B3n.\"\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-cb538ef e-con e-atomic-element e-flexbox-base e-default-div e-30b43d6 \" data-id=\"cb538ef\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cb538ef\" data-e-type=\"e-flexbox\" data-id=\"cb538ef\">\n    \t\t<div class=\"elementor-element elementor-element-db4b032 elementor-widget elementor-widget-html\" data-id=\"db4b032\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 17 \u00b7 POSIBLES PERFILES OCUPACIONALES\r\n========================================================= -->\r\n\r\n<section id=\"gestion-ocupaciones\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones{\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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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,.10),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 80%,\r\n      #063f54 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#gestion-ocupaciones *,\r\n#gestion-ocupaciones *::before,\r\n#gestion-ocupaciones *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID BACKGROUND\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones::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    48px 48px;\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#gestion-ocupaciones::after{\r\n\r\n  content:\"17\";\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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !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   MAP PANEL\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones .gestion-role-map{\r\n\r\n  padding:28px;\r\n\r\n  border-radius:28px;\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    24px\r\n    58px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-map-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#gestion-ocupaciones .gestion-role-map-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#gestion-ocupaciones .gestion-role-map-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#gestion-ocupaciones .gestion-role-map-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   ROLES GRID\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones .gestion-role-grid{\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#gestion-ocupaciones .gestion-role-card{\r\n\r\n  position:relative;\r\n\r\n  min-height:190px;\r\n\r\n  padding:17px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:\r\n    rgba(2,6,47,.31);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.075);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-card::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:75px;\r\n  height:75px;\r\n\r\n  right:-25px;\r\n  bottom:-25px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.025);\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-card-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  background: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#gestion-ocupaciones\r\n.gestion-role-card:nth-child(2)\r\n.gestion-role-card-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-card:nth-child(3)\r\n.gestion-role-card-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-card:nth-child(4)\r\n.gestion-role-card-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-card:nth-child(5)\r\n.gestion-role-card-num{\r\n  background:var(--cyan-soft);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-card:nth-child(6)\r\n.gestion-role-card-num{\r\n  background:var(--talent-soft);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-card:nth-child(7)\r\n.gestion-role-card-num{\r\n  background:var(--yellow-soft);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-card:nth-child(8)\r\n.gestion-role-card-num{\r\n  background:#a9c2ff;\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-card small{\r\n\r\n  display:block;\r\n\r\n  margin-top:15px;\r\n\r\n  color:#8194aa !important;\r\n\r\n  font-size:4.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#gestion-ocupaciones .gestion-role-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:9px;\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#gestion-ocupaciones .gestion-role-card span{\r\n\r\n  display:block;\r\n\r\n  margin-top:7px;\r\n\r\n  color:#9fb1c6 !important;\r\n\r\n  font-size:5.6px;\r\n\r\n  line-height:1.47;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPETENCE CONNECTION\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones .gestion-role-connect{\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  box-shadow:\r\n    0\r\n    22px\r\n    50px\r\n    rgba(0,0,0,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-connect-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#gestion-ocupaciones .gestion-role-connect-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#gestion-ocupaciones .gestion-role-connect-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#gestion-ocupaciones .gestion-role-connect-badge{\r\n\r\n  padding:\r\n    8px\r\n    10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   COMPETENCE CARDS\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones .gestion-role-skills{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(5,1fr);\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-skill{\r\n\r\n  min-height:125px;\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#gestion-ocupaciones .gestion-role-skill small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.3px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-skill 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: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#gestion-ocupaciones\r\n.gestion-role-skill:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-skill:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-skill:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-skill:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n#gestion-ocupaciones\r\n.gestion-role-skill:nth-child(5){\r\n  border-top:3px solid var(--cyan-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROFILE LOGIC\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones .gestion-role-logic{\r\n\r\n  margin-top:24px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    1fr\r\n    auto\r\n    1fr\r\n    auto\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-logic-box{\r\n\r\n  min-height:140px;\r\n\r\n  padding:17px;\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,.075);\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-logic-box 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.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#gestion-ocupaciones .gestion-role-logic-box 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: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#gestion-ocupaciones .gestion-role-logic-box span{\r\n\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:#9fb1c6 !important;\r\n\r\n  font-size:5.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-arrow{\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  color:\r\n    var(--cyan)\r\n    !important;\r\n\r\n  font-size:20px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NOTICE\r\n========================================================= *\/\r\n\r\n#gestion-ocupaciones .gestion-role-notice{\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#gestion-ocupaciones .gestion-role-notice-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(--yellow),\r\n      var(--yellow-soft)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-notice small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-ocupaciones .gestion-role-notice 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.2px;\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#gestion-ocupaciones .gestion-role-notice 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.1px;\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#gestion-ocupaciones .gestion-role-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,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-ocupaciones .gestion-role-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(--talent),\r\n      var(--cyan)\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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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#gestion-ocupaciones .gestion-role-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  #gestion-ocupaciones .gestion-role-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-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  #gestion-ocupaciones .gestion-role-skills{\r\n\r\n    grid-template-columns:\r\n      repeat(3,1fr);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n  #gestion-ocupaciones .gestion-role-logic{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-arrow{\r\n\r\n    transform:rotate(90deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:680px){\r\n\r\n  #gestion-ocupaciones{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-map{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-map-head,\r\n  #gestion-ocupaciones .gestion-role-connect-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-map-badge,\r\n  #gestion-ocupaciones .gestion-role-connect-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-skills{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-notice{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-ocupaciones .gestion-role-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  #gestion-ocupaciones *{\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=\"gestion-role-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-role-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-role-eyebrow\">\r\n        17 \u00b7 Posibles perfiles ocupacionales\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Una formaci\u00f3n.\r\n\r\n        <span>\r\n          Diferentes roles de apoyo.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      El programa desarrolla\r\n      competencias relacionadas\r\n      con diferentes procesos\r\n      de talento humano,\r\n      por lo que el perfil\r\n      puede ser pertinente\r\n      para distintas denominaciones\r\n      auxiliares dentro\r\n      de las organizaciones.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       OCCUPATIONAL MAP\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-role-map\">\r\n\r\n\r\n    <div class=\"gestion-role-map-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Occupational Map\r\n        <\/small>\r\n\r\n        <strong>\r\n          Denominaciones ocupacionales asociadas al programa.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-role-map-badge\">\r\n        8 perfiles posibles\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-role-grid\">\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          01\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar en Talento Humano\r\n        <\/strong>\r\n\r\n        <span>\r\n          Apoyo a procesos administrativos y operativos asociados con la gesti\u00f3n de personas.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          02\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Bienestar\r\n        <\/strong>\r\n\r\n        <span>\r\n          Apoyo a actividades y procesos dirigidos al acompa\u00f1amiento de colaboradores.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          03\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Contrataci\u00f3n\r\n        <\/strong>\r\n\r\n        <span>\r\n          Apoyo al manejo documental y administrativo asociado con procesos de vinculaci\u00f3n.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          04\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Gesti\u00f3n Humana\r\n        <\/strong>\r\n\r\n        <span>\r\n          Participaci\u00f3n en diferentes procesos administrativos relacionados con el talento humano.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          05\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Personal\r\n        <\/strong>\r\n\r\n        <span>\r\n          Organizaci\u00f3n de registros, documentos y novedades vinculadas con los colaboradores.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          06\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Recursos Humanos\r\n        <\/strong>\r\n\r\n        <span>\r\n          Apoyo transversal a actividades relacionadas con personas, documentaci\u00f3n y procesos internos.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          07\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Relaciones Laborales\r\n        <\/strong>\r\n\r\n        <span>\r\n          Apoyo administrativo y comunicativo en procesos relacionados con colaboradores.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"gestion-role-card\">\r\n\r\n        <div class=\"gestion-role-card-num\">\r\n          08\r\n        <\/div>\r\n\r\n        <small>\r\n          Perfil ocupacional\r\n        <\/small>\r\n\r\n        <strong>\r\n          Auxiliar de Selecci\u00f3n de Personal\r\n        <\/strong>\r\n\r\n        <span>\r\n          Apoyo al reclutamiento, revisi\u00f3n de perfiles y seguimiento de candidatos.\r\n        <\/span>\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       COMPETENCE CONNECTION\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-role-connect\">\r\n\r\n\r\n    <div class=\"gestion-role-connect-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          \u00bfQu\u00e9 conecta estos perfiles?\r\n        <\/small>\r\n\r\n        <strong>\r\n          Un conjunto com\u00fan de competencias relacionadas con la gesti\u00f3n de personas.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-role-connect-badge\">\r\n        Perfil t\u00e9cnico\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-role-skills\">\r\n\r\n\r\n      <div class=\"gestion-role-skill\">\r\n\r\n        <small>\r\n          Competencia 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Selecci\u00f3n y perfiles\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-role-skill\">\r\n\r\n        <small>\r\n          Competencia 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Vinculaci\u00f3n y documentaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-role-skill\">\r\n\r\n        <small>\r\n          Competencia 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          N\u00f3mina e informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-role-skill\">\r\n\r\n        <small>\r\n          Competencia 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Inducci\u00f3n y atenci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-role-skill\">\r\n\r\n        <small>\r\n          Competencia 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          SST y bienestar\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       LOGIC\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-role-logic\">\r\n\r\n\r\n    <div class=\"gestion-role-logic-box\">\r\n\r\n      <small>\r\n        Formaci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Aprendes procesos de Gesti\u00f3n Humana\r\n      <\/strong>\r\n\r\n      <span>\r\n        Perfiles, selecci\u00f3n, vinculaci\u00f3n, n\u00f3mina, inducci\u00f3n, SST e informaci\u00f3n.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-role-arrow\">\r\n      \u2192\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-role-logic-box\">\r\n\r\n      <small>\r\n        Competencias\r\n      <\/small>\r\n\r\n      <strong>\r\n        Desarrollas capacidades de apoyo\r\n      <\/strong>\r\n\r\n      <span>\r\n        Organizaci\u00f3n, comunicaci\u00f3n, documentaci\u00f3n y seguimiento de procedimientos.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-role-arrow\">\r\n      \u2192\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-role-logic-box\">\r\n\r\n      <small>\r\n        Proyecci\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Puedes orientar tu perfil hacia distintos roles auxiliares\r\n      <\/strong>\r\n\r\n      <span>\r\n        Seg\u00fan los requisitos y necesidades de cada organizaci\u00f3n.\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       NOTICE\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-role-notice\">\r\n\r\n\r\n    <div class=\"gestion-role-notice-code\">\r\n      i\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Importante\r\n      <\/small>\r\n\r\n      <strong>\r\n        Estas denominaciones representan posibles perfiles ocupacionales, no cargos ni empleos garantizados.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        La posibilidad\r\n        de acceder a una vacante\r\n        depende de los requisitos\r\n        definidos por cada empleador,\r\n        la experiencia solicitada\r\n        y sus procesos\r\n        de selecci\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=\"gestion-role-cta\">\r\n\r\n\r\n    <div class=\"gestion-role-cta-code\">\r\n      CV\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        F\u00f3rmate para desarrollar competencias aplicables a diferentes procesos de talento humano.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Estudia en 1 semestre,\r\n        presencial\r\n        o a distancia,\r\n        con opci\u00f3n\r\n        de pr\u00e1ctica.\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%20los%20perfiles%20ocupacionales%20del%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20el%20proceso%20de%20inscripci%C3%B3n.\"\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-60fb496 e-con e-atomic-element e-flexbox-base e-default-div e-2e6f4ff \" data-id=\"60fb496\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"60fb496\" data-e-type=\"e-flexbox\" data-id=\"60fb496\">\n    \t\t<div class=\"elementor-element elementor-element-7ee8249 elementor-widget elementor-widget-html\" data-id=\"7ee8249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 18 \u00b7 PERFIL DEL EGRESADO\r\n========================================================= -->\r\n\r\n<section id=\"gestion-perfil\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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(54,179,126,.08),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-perfil *,\r\n#gestion-perfil *::before,\r\n#gestion-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#gestion-perfil::before{\r\n\r\n  content:\"18\";\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#gestion-perfil .gestion-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#gestion-perfil .gestion-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#gestion-perfil .gestion-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#gestion-perfil .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-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#gestion-perfil .gestion-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#gestion-perfil .gestion-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   MAIN\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .82fr\r\n    1.18fr;\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   IDENTITY PANEL\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-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#gestion-perfil .gestion-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#gestion-perfil .gestion-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.4vw,\r\n      43px\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#gestion-perfil .gestion-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#gestion-perfil .gestion-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 SIGNALS\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-signals{\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#gestion-perfil .gestion-profile-signal{\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: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,.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#gestion-perfil .gestion-profile-signal-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#gestion-perfil\r\n.gestion-profile-signal:nth-child(1)\r\n.gestion-profile-signal-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-signal:nth-child(2)\r\n.gestion-profile-signal-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-signal:nth-child(3)\r\n.gestion-profile-signal-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-signal:nth-child(4)\r\n.gestion-profile-signal-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-signal strong{\r\n\r\n  display:block;\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#gestion-perfil .gestion-profile-signal 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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPETENCE BOARD\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-board{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-board-top{\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  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-board-top 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#gestion-perfil .gestion-profile-board-top 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.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-board-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   CAPABILITIES\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-capabilities{\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#gestion-perfil .gestion-profile-capability{\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    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-capability 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.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#gestion-perfil .gestion-profile-capability 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: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#gestion-perfil .gestion-profile-capability 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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-capability:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-capability:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-capability:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-capability:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUMMARY\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-summary{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:17px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-perfil .gestion-profile-summary-icon{\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:12px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-perfil .gestion-profile-summary 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.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#gestion-perfil .gestion-profile-summary 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:8px;\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   VALUE CHAIN\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-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:\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#gestion-perfil .gestion-profile-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#gestion-perfil .gestion-profile-chain-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#gestion-perfil .gestion-profile-chain-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#gestion-perfil .gestion-profile-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:\r\n    rgba(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   CHAIN GRID\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-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#gestion-perfil .gestion-profile-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:\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#gestion-perfil .gestion-profile-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(--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#gestion-perfil\r\n.gestion-profile-chain-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-chain-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-perfil .gestion-profile-chain-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:6.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\/* =========================================================\r\n   VALUE CARDS\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-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#gestion-perfil .gestion-profile-value{\r\n\r\n  min-height:145px;\r\n\r\n  padding:17px;\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  box-shadow:\r\n    0\r\n    14px\r\n    32px\r\n    rgba(2,6,47,.04);\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-profile-value 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#gestion-perfil .gestion-profile-value 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.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#gestion-perfil .gestion-profile-value 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.46;\r\n\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-value:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-value:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-value:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-perfil\r\n.gestion-profile-value:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   POSITIONING\r\n========================================================= *\/\r\n\r\n#gestion-perfil .gestion-profile-position{\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      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-perfil .gestion-profile-position-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(--yellow),\r\n      var(--yellow-soft)\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#gestion-perfil .gestion-profile-position 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#gestion-perfil .gestion-profile-position 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#gestion-perfil .gestion-profile-position 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.1px;\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#gestion-perfil .gestion-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    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    50px\r\n    rgba(2,6,47,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-perfil .gestion-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      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-perfil .gestion-profile-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#gestion-perfil .gestion-profile-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#gestion-perfil .gestion-profile-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#gestion-perfil .gestion-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#gestion-perfil .gestion-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:1050px){\r\n\r\n  #gestion-perfil .gestion-profile-head,\r\n  #gestion-perfil .gestion-profile-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-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  #gestion-perfil\r\n  .gestion-profile-chain-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-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  #gestion-perfil{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-identity,\r\n  #gestion-perfil .gestion-profile-board{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-capabilities{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-chain-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-chain-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-chain-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-values{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-position{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-profile-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-perfil .gestion-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  #gestion-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=\"gestion-profile-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-profile-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-profile-eyebrow\">\r\n        18 \u00b7 Perfil del egresado\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Un perfil preparado para\r\n\r\n        <span>\r\n          apoyar la gesti\u00f3n de personas.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <p>\r\n\r\n      Al finalizar\r\n      su formaci\u00f3n,\r\n      el egresado\r\n      podr\u00e1 apoyar\r\n      diferentes procesos\r\n      administrativos\r\n      relacionados\r\n      con talento humano,\r\n      manejo de informaci\u00f3n,\r\n      personal\r\n      y atenci\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=\"gestion-profile-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         IDENTITY\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-profile-identity\">\r\n\r\n\r\n      <small>\r\n        Professional Profile\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Personas, procesos e informaci\u00f3n\r\n\r\n        <span>\r\n          en un mismo perfil.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El Auxiliar\r\n        en Gesti\u00f3n Humana\r\n        se forma para\r\n        apoyar actividades\r\n        del \u00e1rea,\r\n        trabajar\r\n        con informaci\u00f3n\r\n        de personal\r\n        y participar\r\n        en procesos\r\n        que conectan\r\n        personas\r\n        con la organizaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-profile-signals\">\r\n\r\n\r\n        <div class=\"gestion-profile-signal\">\r\n\r\n          <div class=\"gestion-profile-signal-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Apoyo administrativo\r\n            <\/strong>\r\n\r\n            <span>\r\n              Participaci\u00f3n en procesos y tareas del \u00e1rea de Gesti\u00f3n Humana.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-signal\">\r\n\r\n          <div class=\"gestion-profile-signal-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Gesti\u00f3n de informaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Actualizaci\u00f3n, organizaci\u00f3n y tr\u00e1mite de informaci\u00f3n relacionada con personal.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-signal\">\r\n\r\n          <div class=\"gestion-profile-signal-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Atenci\u00f3n y comunicaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Interacci\u00f3n con personas y apoyo a solicitudes relacionadas con el \u00e1rea.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-signal\">\r\n\r\n          <div class=\"gestion-profile-signal-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Seguimiento de procesos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Apoyo organizado a procedimientos asociados con talento humano.\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         CAPABILITY BOARD\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-profile-board\">\r\n\r\n\r\n      <div class=\"gestion-profile-board-top\">\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Capability Map\r\n          <\/small>\r\n\r\n          <strong>\r\n            \u00bfQu\u00e9 podr\u00e1 apoyar?\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-profile-board-badge\">\r\n          Perfil t\u00e9cnico\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-profile-capabilities\">\r\n\r\n\r\n        <div class=\"gestion-profile-capability\">\r\n\r\n          <small>\r\n            Capacidad 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            Procesos de personal y selecci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyar actividades relacionadas con candidatos, perfiles y gesti\u00f3n de personal.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-capability\">\r\n\r\n          <small>\r\n            Capacidad 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n de Gesti\u00f3n Humana\r\n          <\/strong>\r\n\r\n          <span>\r\n            Procesar, actualizar y mantener organizada informaci\u00f3n utilizada por el \u00e1rea.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-capability\">\r\n\r\n          <small>\r\n            Capacidad 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Capacitaci\u00f3n y desempe\u00f1o\r\n          <\/strong>\r\n\r\n          <span>\r\n            Apoyar procesos administrativos asociados con formaci\u00f3n y seguimiento del personal.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-profile-capability\">\r\n\r\n          <small>\r\n            Capacidad 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Servicio y atenci\u00f3n\r\n          <\/strong>\r\n\r\n          <span>\r\n            Participar en procesos de atenci\u00f3n y comunicaci\u00f3n relacionados con usuarios y colaboradores.\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=\"gestion-profile-summary\">\r\n\r\n\r\n        <div class=\"gestion-profile-summary-icon\">\r\n          RH\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Resultado formativo\r\n          <\/small>\r\n\r\n          <strong>\r\n            Un perfil auxiliar orientado al soporte de procesos de personas, informaci\u00f3n y administraci\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       CHAIN\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-profile-chain\">\r\n\r\n\r\n    <div class=\"gestion-profile-chain-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          C\u00f3mo aporta el egresado\r\n        <\/small>\r\n\r\n        <strong>\r\n          Su trabajo se integra a diferentes momentos del ciclo de Gesti\u00f3n Humana.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-profile-chain-badge\">\r\n        HR Support Journey\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-profile-chain-grid\">\r\n\r\n\r\n      <div class=\"gestion-profile-chain-step\">\r\n\r\n        <small>\r\n          Momento 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Organiza informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-chain-step\">\r\n\r\n        <small>\r\n          Momento 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Apoya selecci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-chain-step\">\r\n\r\n        <small>\r\n          Momento 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Apoya vinculaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-chain-step\">\r\n\r\n        <small>\r\n          Momento 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Participa en inducci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-chain-step\">\r\n\r\n        <small>\r\n          Momento 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Mantiene registros\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-profile-chain-step\">\r\n\r\n        <small>\r\n          Momento 06\r\n        <\/small>\r\n\r\n        <strong>\r\n          Atiende y comunica\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       VALUES\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-profile-values\">\r\n\r\n\r\n    <div class=\"gestion-profile-value\">\r\n\r\n      <small>\r\n        Perfil 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Organizado\r\n      <\/strong>\r\n\r\n      <span>\r\n        Trabaja con informaci\u00f3n, documentos y procesos que requieren orden.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-profile-value\">\r\n\r\n      <small>\r\n        Perfil 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Comunicativo\r\n      <\/strong>\r\n\r\n      <span>\r\n        Interact\u00faa con diferentes personas dentro de los procesos organizacionales.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-profile-value\">\r\n\r\n      <small>\r\n        Perfil 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Responsable\r\n      <\/strong>\r\n\r\n      <span>\r\n        Maneja informaci\u00f3n del \u00e1rea siguiendo procedimientos establecidos.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-profile-value\">\r\n\r\n      <small>\r\n        Perfil 04\r\n      <\/small>\r\n\r\n      <strong>\r\n        Orientado al servicio\r\n      <\/strong>\r\n\r\n      <span>\r\n        Apoya necesidades y actividades relacionadas con personas y usuarios.\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       POSITIONING\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-profile-position\">\r\n\r\n\r\n    <div class=\"gestion-profile-position-code\">\r\n      360\u00b0\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Perfil integral de apoyo\r\n      <\/small>\r\n\r\n      <strong>\r\n        El egresado no se limita a una sola tarea: puede apoyar distintos procesos del \u00e1rea de Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Su alcance concreto\r\n        depender\u00e1\r\n        de las funciones\r\n        definidas\r\n        por cada organizaci\u00f3n\r\n        y del cargo\r\n        al que se vincule.\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=\"gestion-profile-cta\">\r\n\r\n\r\n    <div class=\"gestion-profile-cta-code\">\r\n      GO\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Construye tu perfil t\u00e9cnico\r\n      <\/small>\r\n\r\n      <strong>\r\n        F\u00f3rmate para apoyar procesos de personas, informaci\u00f3n y administraci\u00f3n en Gesti\u00f3n Humana.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Programa de 1 semestre,\r\n        disponible\r\n        en modalidad presencial\r\n        y a distancia,\r\n        con opci\u00f3n de pr\u00e1ctica.\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%20perfil%20del%20egresado%20del%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20el%20proceso%20de%20inscripci%C3%B3n.\"\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-a7228f8 e-con e-atomic-element e-flexbox-base e-default-div e-8166226 \" data-id=\"a7228f8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a7228f8\" data-e-type=\"e-flexbox\" data-id=\"a7228f8\">\n    \t\t<div class=\"elementor-element elementor-element-80808a6 elementor-widget elementor-widget-html\" data-id=\"80808a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 19 \u00b7 \u00c9TICA, RESPONSABILIDAD Y CONFIDENCIALIDAD\r\n========================================================= -->\r\n\r\n<section id=\"gestion-etica\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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,.09),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 90%,\r\n      rgba(54,179,126,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #02062f 0%,\r\n      #06135f 52%,\r\n      #0a2c86 80%,\r\n      #063f54 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#gestion-etica *,\r\n#gestion-etica *::before,\r\n#gestion-etica *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND GRID\r\n========================================================= *\/\r\n\r\n#gestion-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:48px 48px;\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#gestion-etica::after{\r\n\r\n  content:\"19\";\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#gestion-etica .gestion-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#gestion-etica .gestion-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#gestion-etica .gestion-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#gestion-etica .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-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#gestion-etica .gestion-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#gestion-etica .gestion-ethics-head p{\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !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#gestion-etica .gestion-ethics-main{\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: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#gestion-etica .gestion-ethics-intro{\r\n\r\n  padding:30px;\r\n\r\n  border-radius:28px;\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    24px\r\n    58px\r\n    rgba(0,0,0,.14);\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-intro 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      43px\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#gestion-etica .gestion-ethics-intro h3 span{\r\n\r\n  color:\r\n    var(--talent-soft)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-intro 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   ETHICAL POINTS\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-point{\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: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,.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#gestion-etica .gestion-ethics-point-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#gestion-etica\r\n.gestion-ethics-point:nth-child(1)\r\n.gestion-ethics-point-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-point:nth-child(2)\r\n.gestion-ethics-point-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-point:nth-child(3)\r\n.gestion-ethics-point-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-point:nth-child(4)\r\n.gestion-ethics-point-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-point strong{\r\n\r\n  display:block;\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#gestion-etica .gestion-ethics-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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTROL PANEL\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-control{\r\n\r\n  padding:27px;\r\n\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    24px\r\n    58px\r\n    rgba(0,0,0,.16);\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-control-top{\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:14px;\r\n\r\n  align-items:center;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-control-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    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-control-top 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#gestion-etica .gestion-ethics-control-top 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:12px;\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#gestion-etica .gestion-ethics-control-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   RESPONSIBILITY CARDS\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-card{\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:#f5f8fc;\r\n\r\n  border:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-card 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.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#gestion-etica .gestion-ethics-card 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: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#gestion-etica .gestion-ethics-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.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-card:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-card:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-card:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-card:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONFIDENTIALITY\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-confidential{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:17px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-etica .gestion-ethics-confidential-icon{\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:12px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-confidential 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.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#gestion-etica .gestion-ethics-confidential 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:8px;\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   DECISION FLOW\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-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    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#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-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#gestion-etica .gestion-ethics-flow-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:112px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:\r\n    rgba(2,6,47,.30);\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#gestion-etica .gestion-ethics-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#gestion-etica\r\n.gestion-ethics-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8192a8 !important;\r\n\r\n  font-size:4.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#gestion-etica .gestion-ethics-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:6.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\/* =========================================================\r\n   PRINCIPLES\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-principles{\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#gestion-etica .gestion-ethics-principle{\r\n\r\n  min-height:145px;\r\n\r\n  padding:17px;\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  box-shadow:\r\n    0\r\n    14px\r\n    32px\r\n    rgba(0,0,0,.04);\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-ethics-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: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#gestion-etica .gestion-ethics-principle 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.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#gestion-etica .gestion-ethics-principle 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.46;\r\n\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-principle:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-principle:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-principle:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-etica\r\n.gestion-ethics-principle:nth-child(4){\r\n  border-top:3px solid #8fb6ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATEMENT\r\n========================================================= *\/\r\n\r\n#gestion-etica .gestion-ethics-statement{\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#gestion-etica .gestion-ethics-statement-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(--yellow),\r\n      var(--yellow-soft)\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#gestion-etica .gestion-ethics-statement small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    var(--gold)\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#gestion-etica .gestion-ethics-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: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#gestion-etica .gestion-ethics-statement 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.1px;\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#gestion-etica .gestion-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  box-shadow:\r\n    0\r\n    20px\r\n    50px\r\n    rgba(0,0,0,.13);\r\n\r\n}\r\n\r\n\r\n#gestion-etica .gestion-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      135deg,\r\n      var(--talent),\r\n      var(--cyan)\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#gestion-etica .gestion-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#gestion-etica .gestion-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#gestion-etica .gestion-ethics-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#gestion-etica .gestion-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#gestion-etica .gestion-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  #gestion-etica .gestion-ethics-head,\r\n  #gestion-etica .gestion-ethics-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-flow-grid{\r\n\r\n    grid-template-columns:\r\n      repeat(3,1fr);\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica\r\n  .gestion-ethics-flow-step::after{\r\n\r\n    display:none;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-principles{\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  #gestion-etica{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-intro,\r\n  #gestion-etica .gestion-ethics-control{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-control-top{\r\n\r\n    grid-template-columns:\r\n      auto\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-control-badge{\r\n\r\n    grid-column:2;\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-principles{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-statement{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-ethics-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-etica .gestion-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  #gestion-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=\"gestion-ethics-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-ethics-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-ethics-eyebrow\">\r\n        19 \u00b7 \u00c9tica, responsabilidad y confidencialidad\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Trabajar con personas implica\r\n\r\n        <span>\r\n          cuidar su informaci\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      Gesti\u00f3n Humana\r\n      trabaja con datos,\r\n      documentos,\r\n      decisiones\r\n      y situaciones\r\n      relacionadas\r\n      directamente\r\n      con las personas.\r\n\r\n      Por eso,\r\n      la responsabilidad\r\n      y el manejo cuidadoso\r\n      de la informaci\u00f3n\r\n      son esenciales.\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=\"gestion-ethics-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         INTRO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-ethics-intro\">\r\n\r\n\r\n      <small>\r\n        Professional Conduct\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        No todo lo que conoces\r\n\r\n        <span>\r\n          debe compartirse.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        El trabajo\r\n        en Gesti\u00f3n Humana\r\n        exige criterio\r\n        para manejar informaci\u00f3n,\r\n        respeto\r\n        por los procedimientos\r\n        y responsabilidad\r\n        frente a las personas\r\n        involucradas\r\n        en cada proceso.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-ethics-points\">\r\n\r\n\r\n        <div class=\"gestion-ethics-point\">\r\n\r\n          <div class=\"gestion-ethics-point-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Cuidar la informaci\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Manejar datos y documentos del personal con responsabilidad.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-ethics-point\">\r\n\r\n          <div class=\"gestion-ethics-point-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Respetar procedimientos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Actuar de acuerdo con lineamientos y procesos establecidos.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-ethics-point\">\r\n\r\n          <div class=\"gestion-ethics-point-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Comunicar con respeto\r\n            <\/strong>\r\n\r\n            <span>\r\n              Mantener relaciones profesionales con candidatos y colaboradores.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-ethics-point\">\r\n\r\n          <div class=\"gestion-ethics-point-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Asumir responsabilidad\r\n            <\/strong>\r\n\r\n            <span>\r\n              Comprender el impacto que puede tener el manejo incorrecto de informaci\u00f3n o procesos.\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         CONTROL PANEL\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-ethics-control\">\r\n\r\n\r\n      <div class=\"gestion-ethics-control-top\">\r\n\r\n\r\n        <div class=\"gestion-ethics-control-icon\">\r\n          ID\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Information Responsibility\r\n          <\/small>\r\n\r\n          <strong>\r\n            Manejo responsable de informaci\u00f3n\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-ethics-control-badge\">\r\n          acceso controlado\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-ethics-grid\">\r\n\r\n\r\n        <div class=\"gestion-ethics-card\">\r\n\r\n          <small>\r\n            Informaci\u00f3n 01\r\n          <\/small>\r\n\r\n          <strong>\r\n            Datos personales\r\n          <\/strong>\r\n\r\n          <span>\r\n            Informaci\u00f3n asociada con candidatos y colaboradores requiere manejo cuidadoso.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-ethics-card\">\r\n\r\n          <small>\r\n            Informaci\u00f3n 02\r\n          <\/small>\r\n\r\n          <strong>\r\n            Hojas de vida\r\n          <\/strong>\r\n\r\n          <span>\r\n            Los documentos de selecci\u00f3n forman parte de procesos que requieren responsabilidad.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-ethics-card\">\r\n\r\n          <small>\r\n            Informaci\u00f3n 03\r\n          <\/small>\r\n\r\n          <strong>\r\n            Registros del personal\r\n          <\/strong>\r\n\r\n          <span>\r\n            Mantener organizada y protegida la informaci\u00f3n utilizada por Gesti\u00f3n Humana.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-ethics-card\">\r\n\r\n          <small>\r\n            Informaci\u00f3n 04\r\n          <\/small>\r\n\r\n          <strong>\r\n            Procesos internos\r\n          <\/strong>\r\n\r\n          <span>\r\n            Comunicar \u00fanicamente la informaci\u00f3n correspondiente a cada procedimiento.\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=\"gestion-ethics-confidential\">\r\n\r\n\r\n        <div class=\"gestion-ethics-confidential-icon\">\r\n          \u2713\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Conducta profesional\r\n          <\/small>\r\n\r\n          <strong>\r\n            Informaci\u00f3n + procedimiento + responsabilidad = gesti\u00f3n confiable.\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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       ETHICAL FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-ethics-flow\">\r\n\r\n\r\n    <div class=\"gestion-ethics-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Responsible Information Flow\r\n        <\/small>\r\n\r\n        <strong>\r\n          Antes de usar o compartir informaci\u00f3n, hay que comprender para qu\u00e9 se necesita.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-ethics-flow-badge\">\r\n        Conducta profesional\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-ethics-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-ethics-flow-step\">\r\n\r\n        <small>\r\n          Paso 01\r\n        <\/small>\r\n\r\n        <strong>\r\n          Recibir informaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-ethics-flow-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Verificar prop\u00f3sito\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-ethics-flow-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Aplicar procedimiento\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-ethics-flow-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Manejar con cuidado\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-ethics-flow-step\">\r\n\r\n        <small>\r\n          Paso 05\r\n        <\/small>\r\n\r\n        <strong>\r\n          Comunicar 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       PRINCIPLES\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-ethics-principles\">\r\n\r\n\r\n    <div class=\"gestion-ethics-principle\">\r\n\r\n      <small>\r\n        Principio 01\r\n      <\/small>\r\n\r\n      <strong>\r\n        Confidencialidad\r\n      <\/strong>\r\n\r\n      <span>\r\n        Cuidado con la informaci\u00f3n confiada al \u00e1rea de Gesti\u00f3n Humana.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-ethics-principle\">\r\n\r\n      <small>\r\n        Principio 02\r\n      <\/small>\r\n\r\n      <strong>\r\n        Responsabilidad\r\n      <\/strong>\r\n\r\n      <span>\r\n        Cumplimiento cuidadoso de tareas y procedimientos asignados.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-ethics-principle\">\r\n\r\n      <small>\r\n        Principio 03\r\n      <\/small>\r\n\r\n      <strong>\r\n        Respeto\r\n      <\/strong>\r\n\r\n      <span>\r\n        Trato profesional y consideraci\u00f3n hacia las personas involucradas.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-ethics-principle\">\r\n\r\n      <small>\r\n        Principio 04\r\n      <\/small>\r\n\r\n      <strong>\r\n        \u00c9tica\r\n      <\/strong>\r\n\r\n      <span>\r\n        Actuar de manera coherente con las responsabilidades del proceso.\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       STATEMENT\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-ethics-statement\">\r\n\r\n\r\n    <div class=\"gestion-ethics-statement-code\">\r\n      HR\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        Gesti\u00f3n basada en confianza\r\n      <\/small>\r\n\r\n      <strong>\r\n        La informaci\u00f3n del personal no es solo un dato administrativo: representa a una persona.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Por eso,\r\n        el perfil auxiliar\r\n        requiere orden,\r\n        responsabilidad,\r\n        respeto\r\n        y criterio\r\n        en cada interacci\u00f3n\r\n        con informaci\u00f3n\r\n        y procesos\r\n        de Gesti\u00f3n Humana.\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=\"gestion-ethics-cta\">\r\n\r\n\r\n    <div class=\"gestion-ethics-cta-code\">\r\n      \u2713\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        F\u00f3rmate con responsabilidad\r\n      <\/small>\r\n\r\n      <strong>\r\n        Desarrolla competencias t\u00e9cnicas junto con una forma profesional de gestionar personas e informaci\u00f3n.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Conoce el programa\r\n        de 1 semestre,\r\n        modalidades disponibles\r\n        y proceso\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%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana%20y%20el%20proceso%20de%20inscripci%C3%B3n.\"\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-b022358 e-con e-atomic-element e-flexbox-base e-default-div e-87c9cef \" data-id=\"b022358\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b022358\" data-e-type=\"e-flexbox\" data-id=\"b022358\">\n    \t\t<div class=\"elementor-element elementor-element-0c95cee elementor-widget elementor-widget-html\" data-id=\"0c95cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 20 \u00b7 REQUISITOS DE INGRESO\r\n========================================================= -->\r\n\r\n<section id=\"gestion-requisitos\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.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,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-requisitos *,\r\n#gestion-requisitos *::before,\r\n#gestion-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#gestion-requisitos::before{\r\n\r\n  content:\"20\";\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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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   TOP SUMMARY\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-summary{\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  margin-bottom:24px;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-summary-card{\r\n\r\n  min-height:112px;\r\n\r\n  padding:17px;\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  box-shadow:\r\n    0\r\n    14px\r\n    32px\r\n    rgba(2,6,47,.04);\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-summary-card 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#gestion-requisitos .gestion-req-summary-card 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.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#gestion-requisitos\r\n.gestion-req-summary-card:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-summary-card:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-summary-card:nth-child(3){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN GRID\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .82fr\r\n    1.18fr;\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#gestion-requisitos .gestion-req-intro{\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#gestion-requisitos .gestion-req-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#gestion-requisitos .gestion-req-intro 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      43px\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#gestion-requisitos .gestion-req-intro h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-intro 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   BASIC REQUIREMENTS\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-basics{\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#gestion-requisitos .gestion-req-basic{\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: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,.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#gestion-requisitos .gestion-req-basic-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#gestion-requisitos\r\n.gestion-req-basic:nth-child(1)\r\n.gestion-req-basic-num{\r\n  background:var(--cyan);\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-basic:nth-child(2)\r\n.gestion-req-basic-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-basic:nth-child(3)\r\n.gestion-req-basic-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-basic strong{\r\n\r\n  display:block;\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#gestion-requisitos .gestion-req-basic 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.5px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENTS PANEL\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-docs{\r\n\r\n  padding:27px;\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,.08);\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-docs-top{\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  padding-bottom:18px;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e7edf4;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-docs-top 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#gestion-requisitos .gestion-req-docs-top 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.25;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-docs-badge{\r\n\r\n  padding:\r\n    7px\r\n    9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eefaf5;\r\n\r\n  color:#21845f !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\/* =========================================================\r\n   CHECKLIST\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-checklist{\r\n\r\n  display:grid;\r\n\r\n  gap:9px;\r\n\r\n  margin-top:20px;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-check{\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:72px;\r\n\r\n  padding:12px;\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#gestion-requisitos .gestion-req-check-icon{\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  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--talent),\r\n      var(--cyan)\r\n    );\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-check small{\r\n\r\n  display:block;\r\n\r\n  color:#8795a7 !important;\r\n\r\n  font-size:4.3px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-check 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.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\/* =========================================================\r\n   NOTE\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-note{\r\n\r\n  margin-top:18px;\r\n\r\n  padding:16px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr;\r\n\r\n  gap:12px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:14px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      #fff9e8,\r\n      #ffffff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(245,189,5,.20);\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-note-icon{\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:12px;\r\n\r\n  background:\r\n    var(--yellow);\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-note small{\r\n\r\n  display:block;\r\n\r\n  color:\r\n    #8f6d0a\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}\r\n\r\n\r\n#gestion-requisitos .gestion-req-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:7.8px;\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   ADMISSION FLOW\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-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#gestion-requisitos .gestion-req-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#gestion-requisitos .gestion-req-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#gestion-requisitos .gestion-req-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#gestion-requisitos .gestion-req-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(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-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\/* =========================================================\r\n   FLOW GRID\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-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#gestion-requisitos .gestion-req-flow-step{\r\n\r\n  position:relative;\r\n\r\n  min-height:118px;\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#gestion-requisitos .gestion-req-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#gestion-requisitos\r\n.gestion-req-flow-step:last-child::after{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-flow-step small{\r\n\r\n  display:block;\r\n\r\n  color:#8092a8 !important;\r\n\r\n  font-size:4.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#gestion-requisitos .gestion-req-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:6.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\/* =========================================================\r\n   BEFORE APPLYING\r\n========================================================= *\/\r\n\r\n#gestion-requisitos .gestion-req-before{\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#gestion-requisitos .gestion-req-before-card{\r\n\r\n  min-height:145px;\r\n\r\n  padding:17px;\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  box-shadow:\r\n    0\r\n    14px\r\n    32px\r\n    rgba(2,6,47,.04);\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos .gestion-req-before-card 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#gestion-requisitos .gestion-req-before-card 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.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#gestion-requisitos .gestion-req-before-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.6px;\r\n\r\n  line-height:1.46;\r\n\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-before-card:nth-child(1){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-before-card:nth-child(2){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n#gestion-requisitos\r\n.gestion-req-before-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#gestion-requisitos .gestion-req-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    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(21,199,217,.15);\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#gestion-requisitos .gestion-req-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(--talent),\r\n      var(--cyan)\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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-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#gestion-requisitos .gestion-req-cta a{\r\n\r\n  min-height:48px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  padding:\r\n    0\r\n    19px;\r\n\r\n  border-radius:11px;\r\n\r\n  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#gestion-requisitos .gestion-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:1050px){\r\n\r\n  #gestion-requisitos .gestion-req-head,\r\n  #gestion-requisitos .gestion-req-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-flow-grid{\r\n\r\n    grid-template-columns:\r\n      repeat(3,1fr);\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos\r\n  .gestion-req-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:760px){\r\n\r\n  #gestion-requisitos .gestion-req-summary,\r\n  #gestion-requisitos .gestion-req-before{\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  #gestion-requisitos{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-intro,\r\n  #gestion-requisitos .gestion-req-docs{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-docs-top{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-docs-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-flow-head{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-flow-badge{\r\n\r\n    width:max-content;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-flow-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-req-cta{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-requisitos .gestion-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  #gestion-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=\"gestion-req-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-req-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-req-eyebrow\">\r\n        20 \u00b7 Requisitos de ingreso\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Tu proceso puede comenzar\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      Revisa los requisitos\r\n      acad\u00e9micos,\r\n      prepara la documentaci\u00f3n\r\n      solicitada\r\n      y consulta\r\n      con admisiones\r\n      las condiciones vigentes\r\n      antes de iniciar\r\n      tu matr\u00edcula.\r\n\r\n    <\/p>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       SUMMARY\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-req-summary\">\r\n\r\n\r\n    <div class=\"gestion-req-summary-card\">\r\n\r\n      <small>\r\n        Edad m\u00ednima\r\n      <\/small>\r\n\r\n      <strong>\r\n        15 a\u00f1os\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-req-summary-card\">\r\n\r\n      <small>\r\n        Escolaridad\r\n      <\/small>\r\n\r\n      <strong>\r\n        Grado noveno aprobado o superior\r\n      <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-req-summary-card\">\r\n\r\n      <small>\r\n        Admisi\u00f3n\r\n      <\/small>\r\n\r\n      <strong>\r\n        Inscripci\u00f3n + entrevista\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=\"gestion-req-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         REQUIREMENTS\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-req-intro\">\r\n\r\n\r\n      <small>\r\n        Admission Requirements\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        Primero verifica que cumples\r\n\r\n        <span>\r\n          los requisitos b\u00e1sicos.\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Antes de iniciar\r\n        el proceso de matr\u00edcula,\r\n        el aspirante\r\n        debe cumplir\r\n        las condiciones\r\n        generales de ingreso\r\n        establecidas\r\n        para el programa.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-req-basics\">\r\n\r\n\r\n        <div class=\"gestion-req-basic\">\r\n\r\n          <div class=\"gestion-req-basic-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Tener m\u00ednimo 15 a\u00f1os\r\n            <\/strong>\r\n\r\n            <span>\r\n              Edad m\u00ednima establecida para el ingreso al programa.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-req-basic\">\r\n\r\n          <div class=\"gestion-req-basic-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Haber aprobado grado noveno\r\n            <\/strong>\r\n\r\n            <span>\r\n              Tambi\u00e9n puede presentarse formaci\u00f3n acad\u00e9mica superior o t\u00edtulo de bachiller.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-req-basic\">\r\n\r\n          <div class=\"gestion-req-basic-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Realizar el proceso de admisi\u00f3n\r\n            <\/strong>\r\n\r\n            <span>\r\n              Incluye inscripci\u00f3n y entrevista seg\u00fan el procedimiento institucional.\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=\"gestion-req-docs\">\r\n\r\n\r\n      <div class=\"gestion-req-docs-top\">\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Checklist de matr\u00edcula\r\n          <\/small>\r\n\r\n          <strong>\r\n            Documentaci\u00f3n relacionada\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <span class=\"gestion-req-docs-badge\">\r\n          Prepare sus documentos\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"gestion-req-checklist\">\r\n\r\n\r\n        <div class=\"gestion-req-check\">\r\n\r\n          <div class=\"gestion-req-check-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documento 01\r\n            <\/small>\r\n\r\n            <strong>\r\n              Fotocopia del documento de identidad\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-req-check\">\r\n\r\n          <div class=\"gestion-req-check-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documento 02\r\n            <\/small>\r\n\r\n            <strong>\r\n              Soporte de afiliaci\u00f3n al sistema de salud\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-req-check\">\r\n\r\n          <div class=\"gestion-req-check-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documento 03\r\n            <\/small>\r\n\r\n            <strong>\r\n              Dos fotograf\u00edas tama\u00f1o 3 \u00d7 4\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-req-check\">\r\n\r\n          <div class=\"gestion-req-check-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documento 04\r\n            <\/small>\r\n\r\n            <strong>\r\n              Certificado de grado noveno, acta de grado o diploma de bachiller\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-req-check\">\r\n\r\n          <div class=\"gestion-req-check-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Documento 05\r\n            <\/small>\r\n\r\n            <strong>\r\n              Carpeta tama\u00f1o oficio\r\n            <\/strong>\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=\"gestion-req-note\">\r\n\r\n\r\n        <div class=\"gestion-req-note-icon\">\r\n          i\r\n        <\/div>\r\n\r\n\r\n        <div>\r\n\r\n          <small>\r\n            Recomendaci\u00f3n\r\n          <\/small>\r\n\r\n          <strong>\r\n            Confirma con admisiones el listado actualizado de documentos antes de formalizar la 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  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       ADMISSION FLOW\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-req-flow\">\r\n\r\n\r\n    <div class=\"gestion-req-flow-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <small>\r\n          Proceso de ingreso\r\n        <\/small>\r\n\r\n        <strong>\r\n          Del inter\u00e9s por el programa a la matr\u00edcula.\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"gestion-req-flow-badge\">\r\n        Admission Flow\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"gestion-req-flow-grid\">\r\n\r\n\r\n      <div class=\"gestion-req-flow-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=\"gestion-req-flow-step\">\r\n\r\n        <small>\r\n          Paso 02\r\n        <\/small>\r\n\r\n        <strong>\r\n          Diligenciar inscripci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-req-flow-step\">\r\n\r\n        <small>\r\n          Paso 03\r\n        <\/small>\r\n\r\n        <strong>\r\n          Presentar entrevista\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-req-flow-step\">\r\n\r\n        <small>\r\n          Paso 04\r\n        <\/small>\r\n\r\n        <strong>\r\n          Entregar documentaci\u00f3n\r\n        <\/strong>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"gestion-req-flow-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       BEFORE APPLYING\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-req-before\">\r\n\r\n\r\n    <div class=\"gestion-req-before-card\">\r\n\r\n      <small>\r\n        Antes de inscribirte\r\n      <\/small>\r\n\r\n      <strong>\r\n        Confirma disponibilidad\r\n      <\/strong>\r\n\r\n      <span>\r\n        Consulta la apertura y disponibilidad vigente del pr\u00f3ximo grupo.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-req-before-card\">\r\n\r\n      <small>\r\n        Antes de inscribirte\r\n      <\/small>\r\n\r\n      <strong>\r\n        Elige modalidad\r\n      <\/strong>\r\n\r\n      <span>\r\n        Verifica disponibilidad presencial o a distancia seg\u00fan la oferta actual.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"gestion-req-before-card\">\r\n\r\n      <small>\r\n        Antes de inscribirte\r\n      <\/small>\r\n\r\n      <strong>\r\n        Revisa tus documentos\r\n      <\/strong>\r\n\r\n      <span>\r\n        Tenerlos preparados puede facilitar el proceso de matr\u00edcula.\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=\"gestion-req-cta\">\r\n\r\n\r\n    <div class=\"gestion-req-cta-code\">\r\n      GO\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfCumples los requisitos?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Da el siguiente paso y consulta c\u00f3mo iniciar tu proceso de inscripci\u00f3n.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        El equipo de admisiones\r\n        puede orientarte\r\n        sobre disponibilidad,\r\n        modalidad,\r\n        documentaci\u00f3n\r\n        y proceso\r\n        de matr\u00edcula vigente.\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%20iniciar%20el%20proceso%20de%20inscripci%C3%B3n%20al%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.%20Quiero%20confirmar%20los%20requisitos%20y%20documentos%20de%20matr%C3%ADcula.\"\r\n      target=\"_blank\"\r\n      rel=\"noopener\"\r\n    >\r\n      Iniciar 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-4dc4595 e-con e-atomic-element e-flexbox-base e-default-div e-9937b29 \" data-id=\"4dc4595\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4dc4595\" data-e-type=\"e-flexbox\" data-id=\"4dc4595\">\n    \t\t<div class=\"elementor-element elementor-element-bc65e29 elementor-widget elementor-widget-html\" data-id=\"bc65e29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 21 \u00b7 PREGUNTAS FRECUENTES\r\n========================================================= -->\r\n\r\n<section id=\"gestion-faq\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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% 8%,\r\n      rgba(54,179,126,.07),\r\n      transparent 24%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 8% 92%,\r\n      rgba(23,107,255,.06),\r\n      transparent 24%\r\n    ),\r\n\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f5f8fc 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#gestion-faq *,\r\n#gestion-faq *::before,\r\n#gestion-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#gestion-faq::before{\r\n\r\n  content:\"21\";\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#gestion-faq .gestion-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#gestion-faq .gestion-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#gestion-faq .gestion-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#gestion-faq .gestion-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(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-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#gestion-faq .gestion-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#gestion-faq .gestion-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   MAIN\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-main{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .74fr\r\n    1.26fr;\r\n\r\n  gap:20px;\r\n\r\n  align-items:start;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SUPPORT PANEL\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-support{\r\n\r\n  position:sticky;\r\n  top:95px;\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#gestion-faq .gestion-faq-support > 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#gestion-faq .gestion-faq-support 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.2vw,\r\n      42px\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#gestion-faq .gestion-faq-support h3 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-support 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   INFO PILLS\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-fast{\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#gestion-faq .gestion-faq-fast-item{\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:70px;\r\n\r\n  padding:11px;\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#gestion-faq .gestion-faq-fast-icon{\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  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#gestion-faq\r\n.gestion-faq-fast-item:nth-child(2)\r\n.gestion-faq-fast-icon{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-faq\r\n.gestion-faq-fast-item:nth-child(3)\r\n.gestion-faq-fast-icon{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-fast-item small{\r\n\r\n  display:block;\r\n\r\n  color:#8699af !important;\r\n\r\n  font-size:4.2px;\r\n\r\n  font-weight:900;\r\n\r\n  text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-fast-item 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:6.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\/* =========================================================\r\n   SUPPORT CTA\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-support-link{\r\n\r\n  margin-top:22px;\r\n\r\n  display:inline-flex;\r\n\r\n  width:100%;\r\n\r\n  min-height:48px;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  padding:0 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: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#gestion-faq .gestion-faq-support-link:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ PANEL\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-list{\r\n\r\n  padding:26px;\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,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ DETAILS\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-item{\r\n\r\n  margin:0;\r\n\r\n  border-bottom:\r\n    1px solid\r\n    #e6edf5;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-item:last-child{\r\n\r\n  border-bottom:none;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-item summary{\r\n\r\n  position:relative;\r\n\r\n  list-style:none;\r\n\r\n  cursor:pointer;\r\n\r\n  min-height:88px;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  gap:13px;\r\n\r\n  align-items:center;\r\n\r\n  padding:\r\n    15px\r\n    4px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-item summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-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:#eef5ff;\r\n\r\n  color:\r\n    var(--blue)\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#gestion-faq .gestion-faq-item:nth-child(2) .gestion-faq-num,\r\n#gestion-faq .gestion-faq-item:nth-child(5) .gestion-faq-num,\r\n#gestion-faq .gestion-faq-item:nth-child(8) .gestion-faq-num{\r\n\r\n  background:#eefaf5;\r\n  color:#21845f !important;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-faq-item:nth-child(3) .gestion-faq-num,\r\n#gestion-faq .gestion-faq-item:nth-child(6) .gestion-faq-num{\r\n\r\n  background:#fff7dc;\r\n  color:#9a7305 !important;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-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.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#gestion-faq .gestion-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#gestion-faq .gestion-faq-toggle{\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:50%;\r\n\r\n  background:\r\n    var(--navy);\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1;\r\n\r\n  font-weight:500;\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#gestion-faq .gestion-faq-item[open]\r\n.gestion-faq-toggle{\r\n\r\n  transform:\r\n    rotate(45deg);\r\n\r\n  background:\r\n    var(--electric);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANSWER\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-answer{\r\n\r\n  padding:\r\n    0\r\n    55px\r\n    20px;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-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.65;\r\n\r\n}\r\n\r\n\r\n#gestion-faq .gestion-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   CLOSING STRIP\r\n========================================================= *\/\r\n\r\n#gestion-faq .gestion-faq-closing{\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      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-faq .gestion-faq-closing-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(--talent),\r\n      var(--cyan)\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#gestion-faq .gestion-faq-closing 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#gestion-faq .gestion-faq-closing 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#gestion-faq .gestion-faq-closing 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.1px;\r\n\r\n  line-height:1.5;\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  #gestion-faq .gestion-faq-head,\r\n  #gestion-faq .gestion-faq-main{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-support{\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  #gestion-faq{\r\n\r\n    padding:\r\n      64px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-head h2{\r\n\r\n    font-size:35px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-support,\r\n  #gestion-faq .gestion-faq-list{\r\n\r\n    padding:21px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-item summary{\r\n\r\n    grid-template-columns:\r\n      36px\r\n      1fr\r\n      28px;\r\n\r\n    gap:10px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-num{\r\n\r\n    width:36px;\r\n    height:36px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-toggle{\r\n\r\n    width:28px;\r\n    height:28px;\r\n\r\n    font-size:12px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-answer{\r\n\r\n    padding:\r\n      0\r\n      0\r\n      18px\r\n      46px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-faq .gestion-faq-closing{\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  #gestion-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=\"gestion-faq-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       HEADER\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-faq-head\">\r\n\r\n\r\n    <div>\r\n\r\n      <span class=\"gestion-faq-eyebrow\">\r\n        21 \u00b7 Preguntas frecuentes\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Antes de inscribirte,\r\n\r\n        <span>\r\n          resuelve 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      Consulta las respuestas\r\n      a las preguntas\r\n      m\u00e1s importantes\r\n      sobre duraci\u00f3n,\r\n      modalidades,\r\n      requisitos,\r\n      pr\u00e1ctica,\r\n      perfil ocupacional\r\n      y proceso\r\n      de ingreso.\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=\"gestion-faq-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         SUPPORT\r\n    ==================================================== -->\r\n\r\n    <aside class=\"gestion-faq-support\">\r\n\r\n\r\n      <small>\r\n        Admisiones ECFI\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        \u00bfTodav\u00eda tienes\r\n\r\n        <span>\r\n          una pregunta?\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Las condiciones\r\n        de disponibilidad,\r\n        grupos,\r\n        horarios\r\n        y documentaci\u00f3n\r\n        pueden consultarse\r\n        directamente\r\n        con el equipo\r\n        de admisiones.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-faq-fast\">\r\n\r\n\r\n        <div class=\"gestion-faq-fast-item\">\r\n\r\n          <div class=\"gestion-faq-fast-icon\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <small>\r\n              Duraci\u00f3n actual\r\n            <\/small>\r\n\r\n            <strong>\r\n              1 semestre\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-faq-fast-item\">\r\n\r\n          <div class=\"gestion-faq-fast-icon\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\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          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-faq-fast-item\">\r\n\r\n          <div class=\"gestion-faq-fast-icon\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\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        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <a\r\n        class=\"gestion-faq-support-link\"\r\n        href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20tengo%20una%20pregunta%20sobre%20el%20T%C3%A9cnico%20Laboral%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.\"\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    <\/aside>\r\n\r\n\r\n\r\n    <!-- ===================================================\r\n         FAQ LIST\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-faq-list\">\r\n\r\n\r\n      <!-- FAQ 01 -->\r\n\r\n      <details\r\n        class=\"gestion-faq-item\"\r\n        open\r\n      >\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            01\r\n          <\/span>\r\n\r\n          <span class=\"gestion-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 programa?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La oferta actual\r\n            del T\u00e9cnico Laboral\r\n            por Competencias\r\n            en Auxiliar\r\n            de Gesti\u00f3n Humana\r\n            tiene una duraci\u00f3n\r\n            de <strong>1 semestre<\/strong>.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            02\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Modalidades\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfSe puede estudiar presencial o a distancia?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            S\u00ed. El programa\r\n            se ofrece actualmente\r\n            en modalidad\r\n            <strong>presencial<\/strong>\r\n            y <strong>a distancia<\/strong>.\r\n            La disponibilidad\r\n            concreta de grupos\r\n            y horarios\r\n            debe confirmarse\r\n            con admisiones.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            03\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Ingreso\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          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El documento\r\n            del programa establece\r\n            como requisito\r\n            haber cursado\r\n            y aprobado\r\n            <strong>grado noveno<\/strong>\r\n            como m\u00ednimo.\r\n            Tambi\u00e9n puede presentarse\r\n            formaci\u00f3n acad\u00e9mica superior\r\n            o t\u00edtulo de bachiller.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            04\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Edad\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfCu\u00e1l es la edad m\u00ednima de ingreso?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El requisito\r\n            establecido\r\n            en el programa\r\n            es tener\r\n            como m\u00ednimo\r\n            <strong>15 a\u00f1os<\/strong>\r\n            al momento\r\n            del proceso de ingreso.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            05\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Pr\u00e1ctica\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfEl programa tiene pr\u00e1ctica?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La oferta actual\r\n            contempla\r\n            una <strong>opci\u00f3n de pr\u00e1ctica<\/strong>\r\n            como alternativa complementaria\r\n            para fortalecer\r\n            la experiencia aplicada.\r\n            Las condiciones,\r\n            disponibilidad\r\n            y procedimiento\r\n            deben consultarse\r\n            con admisiones.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            06\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Formaci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfQu\u00e9 aprender\u00e9 durante el programa?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            La formaci\u00f3n\r\n            aborda procesos\r\n            como\r\n            <strong>perfiles de cargo,\r\n            selecci\u00f3n,\r\n            vinculaci\u00f3n,\r\n            inducci\u00f3n,\r\n            n\u00f3mina,\r\n            Seguridad y Salud\r\n            en el Trabajo\r\n            y atenci\u00f3n al cliente<\/strong>,\r\n            adem\u00e1s de competencias\r\n            transversales\r\n            relacionadas\r\n            con ofim\u00e1tica,\r\n            emprendimiento\r\n            e ingl\u00e9s.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            07\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Campo laboral\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfEn qu\u00e9 tipos de cargos podr\u00eda desempe\u00f1arme?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El programa relaciona\r\n            posibles denominaciones\r\n            como\r\n            <strong>Auxiliar en Talento Humano,\r\n            Auxiliar de Bienestar,\r\n            Auxiliar de Contrataci\u00f3n,\r\n            Auxiliar de Gesti\u00f3n Humana,\r\n            Auxiliar de Personal,\r\n            Auxiliar de Recursos Humanos,\r\n            Auxiliar de Relaciones Laborales\r\n            y Auxiliar de Selecci\u00f3n de Personal<\/strong>.\r\n\r\n            Estas denominaciones\r\n            no representan\r\n            empleos garantizados.\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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            08\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Admisi\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfC\u00f3mo es el proceso para ingresar?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El proceso\r\n            contempla\r\n            diligenciar\r\n            el formulario\r\n            de inscripci\u00f3n,\r\n            cumplir\r\n            los requisitos\r\n            de ingreso,\r\n            presentar\r\n            <strong>entrevista<\/strong>\r\n            y posteriormente,\r\n            de acuerdo\r\n            con el proceso institucional,\r\n            entregar\r\n            la documentaci\u00f3n\r\n            requerida\r\n            para 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 09 -->\r\n\r\n      <details class=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            09\r\n          <\/span>\r\n\r\n          <span class=\"gestion-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          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            El documento base\r\n            relaciona,\r\n            entre otros,\r\n            <strong>documento de identidad,\r\n            soporte de afiliaci\u00f3n\r\n            al sistema de salud,\r\n            fotograf\u00edas 3 \u00d7 4,\r\n            soporte acad\u00e9mico\r\n            de grado noveno\r\n            o bachiller\r\n            y carpeta tama\u00f1o oficio<\/strong>.\r\n\r\n            Se recomienda\r\n            confirmar el listado\r\n            actualizado\r\n            con admisiones\r\n            antes de formalizar\r\n            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=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            10\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Empleabilidad\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfEstudiar el programa garantiza conseguir empleo?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            No. La formaci\u00f3n\r\n            desarrolla competencias\r\n            relacionadas\r\n            con Gesti\u00f3n Humana,\r\n            pero la contrataci\u00f3n\r\n            depende\r\n            de las vacantes,\r\n            requisitos,\r\n            experiencia solicitada\r\n            y procesos\r\n            de selecci\u00f3n\r\n            definidos\r\n            por cada empleador.\r\n\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n\r\n      <!-- FAQ 11 -->\r\n\r\n      <details class=\"gestion-faq-item\">\r\n\r\n        <summary>\r\n\r\n          <span class=\"gestion-faq-num\">\r\n            11\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-question\">\r\n\r\n            <small>\r\n              Inscripci\u00f3n\r\n            <\/small>\r\n\r\n            <strong>\r\n              \u00bfC\u00f3mo puedo confirmar cupos, horarios o disponibilidad?\r\n            <\/strong>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"gestion-faq-toggle\">\r\n            +\r\n          <\/span>\r\n\r\n        <\/summary>\r\n\r\n\r\n        <div class=\"gestion-faq-answer\">\r\n\r\n          <p>\r\n\r\n            Esos datos\r\n            dependen\r\n            de la oferta vigente.\r\n            Lo recomendable\r\n            es comunicarse\r\n            directamente\r\n            con el equipo\r\n            de admisiones\r\n            para confirmar\r\n            <strong>cupos,\r\n            modalidad,\r\n            horarios\r\n            y apertura\r\n            del pr\u00f3ximo grupo<\/strong>.\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       CLOSING\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-faq-closing\">\r\n\r\n\r\n    <div class=\"gestion-faq-closing-code\">\r\n      ?\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        \u00bfNo encontraste tu respuesta?\r\n      <\/small>\r\n\r\n      <strong>\r\n        Consulta directamente con ECFI antes de tomar tu decisi\u00f3n de inscripci\u00f3n.\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        As\u00ed podr\u00e1s confirmar\r\n        las condiciones vigentes\r\n        del programa\r\n        y recibir orientaci\u00f3n\r\n        sobre tu proceso\r\n        de ingreso.\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<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d5420db e-con e-atomic-element e-flexbox-base e-default-div e-52b5860 \" data-id=\"d5420db\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5420db\" data-e-type=\"e-flexbox\" data-id=\"d5420db\">\n    \t\t<div class=\"elementor-element elementor-element-7c9c153 elementor-widget elementor-widget-html\" data-id=\"7c9c153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n ECFI \u00b7 AUXILIAR EN GESTI\u00d3N HUMANA\r\n SECCI\u00d3N 22 \u00b7 INSCRIPCI\u00d3N \/ CTA FINAL\r\n========================================================= -->\r\n\r\n<section id=\"gestion-inscripcion\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   VARIABLES\r\n========================================================= *\/\r\n\r\n#gestion-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  --talent:#36b37e;\r\n  --talent-soft:#a8efd0;\r\n\r\n  --yellow:#f5bd05;\r\n  --yellow-soft:#ffe477;\r\n\r\n  --gold:#d7a928;\r\n\r\n  --white:#ffffff;\r\n  --paper:#f5f8fc;\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:105px 0;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 85% 15%,\r\n      rgba(21,199,217,.17),\r\n      transparent 26%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 15% 85%,\r\n      rgba(54,179,126,.12),\r\n      transparent 28%\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      #063f54 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#gestion-inscripcion *,\r\n#gestion-inscripcion *::before,\r\n#gestion-inscripcion *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE GRID\r\n========================================================= *\/\r\n\r\n#gestion-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,.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:48px 48px;\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#gestion-inscripcion::after{\r\n\r\n  content:\"22\";\r\n\r\n  position:absolute;\r\n\r\n  top:4px;\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#gestion-inscripcion .gestion-enroll-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\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-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:24px;\r\n\r\n  align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT HERO\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-hero{\r\n\r\n  position:relative;\r\n\r\n  padding:\r\n    42px\r\n    40px;\r\n\r\n  border-radius:32px;\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  box-shadow:\r\n    0\r\n    28px\r\n    65px\r\n    rgba(0,0,0,.16);\r\n\r\n  overflow:hidden;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-hero::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:240px;\r\n  height:240px;\r\n\r\n  right:-90px;\r\n  bottom:-100px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(21,199,217,.16),\r\n      transparent 68%\r\n    );\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-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#gestion-inscripcion .gestion-enroll-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(--electric),\r\n      var(--cyan),\r\n      var(--talent),\r\n      var(--yellow)\r\n    );\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-hero h2{\r\n\r\n  max-width:820px;\r\n\r\n  margin:\r\n    11px\r\n    0\r\n    16px;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      5.4vw,\r\n      70px\r\n    );\r\n\r\n  line-height:.96;\r\n\r\n  letter-spacing:-2.4px;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-hero h2 span{\r\n\r\n  color:\r\n    var(--yellow)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-hero > p{\r\n\r\n  max-width:700px;\r\n\r\n  margin:0;\r\n\r\n  color:#c0cede !important;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.72;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRAM FACTS\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-facts{\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  margin-top:30px;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-fact{\r\n\r\n  min-height:115px;\r\n\r\n  padding:16px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(2,6,47,.28);\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#gestion-inscripcion .gestion-enroll-fact small{\r\n\r\n  display:block;\r\n\r\n  color:#8fa0b6 !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#gestion-inscripcion .gestion-enroll-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.28;\r\n\r\n  font-weight:950;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion\r\n.gestion-enroll-fact:nth-child(1){\r\n  border-top:3px solid var(--yellow);\r\n}\r\n\r\n\r\n#gestion-inscripcion\r\n.gestion-enroll-fact:nth-child(2){\r\n  border-top:3px solid var(--cyan);\r\n}\r\n\r\n\r\n#gestion-inscripcion\r\n.gestion-enroll-fact:nth-child(3){\r\n  border-top:3px solid var(--talent);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA BUTTONS\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-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:30px;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-primary{\r\n\r\n  min-height:54px;\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    24px;\r\n\r\n  border-radius:13px;\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.4px;\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    30px\r\n    rgba(245,189,5,.18);\r\n\r\n  transition:\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-primary:hover{\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-secondary{\r\n\r\n  min-height:54px;\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    24px;\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,.10);\r\n\r\n  color:#ffffff !important;\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    background .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-secondary:hover{\r\n\r\n  background:\r\n    rgba(255,255,255,.09);\r\n\r\n  transform:\r\n    translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST STRIP\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-trust{\r\n\r\n  margin-top:27px;\r\n\r\n  padding-top:20px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.08);\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#gestion-inscripcion .gestion-enroll-trust-item{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    30px\r\n    1fr;\r\n\r\n  gap:9px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-trust-icon{\r\n\r\n  width:30px;\r\n  height:30px;\r\n\r\n  display:grid;\r\n\r\n  place-items:center;\r\n\r\n  border-radius:9px;\r\n\r\n  background:\r\n    rgba(54,179,126,.10);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54,179,126,.18);\r\n\r\n  color:\r\n    var(--talent-soft)\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#gestion-inscripcion .gestion-enroll-trust-item strong{\r\n\r\n  display:block;\r\n\r\n  color:#ffffff !important;\r\n\r\n  font-size:5.8px;\r\n\r\n  line-height:1.35;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CARD\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-card{\r\n\r\n  padding:30px;\r\n\r\n  border-radius:30px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0\r\n    28px\r\n    65px\r\n    rgba(0,0,0,.17);\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-card > 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#gestion-inscripcion .gestion-enroll-card h3{\r\n\r\n  margin:\r\n    7px\r\n    0\r\n    8px;\r\n\r\n  color:\r\n    var(--navy)\r\n    !important;\r\n\r\n  font-size:\r\n    clamp(\r\n      28px,\r\n      3vw,\r\n      40px\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#gestion-inscripcion .gestion-enroll-card h3 span{\r\n\r\n  color:\r\n    var(--electric)\r\n    !important;\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-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:8px;\r\n\r\n  line-height:1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEPS\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-steps{\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#gestion-inscripcion .gestion-enroll-step{\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:76px;\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#gestion-inscripcion .gestion-enroll-step-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  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#gestion-inscripcion\r\n.gestion-enroll-step:nth-child(2)\r\n.gestion-enroll-step-num{\r\n  background:var(--talent);\r\n}\r\n\r\n\r\n#gestion-inscripcion\r\n.gestion-enroll-step:nth-child(3)\r\n.gestion-enroll-step-num{\r\n  background:var(--yellow);\r\n}\r\n\r\n\r\n#gestion-inscripcion\r\n.gestion-enroll-step:nth-child(4)\r\n.gestion-enroll-step-num{\r\n  background:#8fb6ff;\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-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: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#gestion-inscripcion .gestion-enroll-step span{\r\n\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    var(--muted)\r\n    !important;\r\n\r\n  font-size:5.4px;\r\n\r\n  line-height:1.42;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-contact{\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    linear-gradient(\r\n      120deg,\r\n      #eefcff,\r\n      #ffffff 50%,\r\n      #eefaf5\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#gestion-inscripcion .gestion-enroll-contact 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.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#gestion-inscripcion .gestion-enroll-contact 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: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#gestion-inscripcion .gestion-enroll-contact 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:5.8px;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL STRIP\r\n========================================================= *\/\r\n\r\n#gestion-inscripcion .gestion-enroll-final{\r\n\r\n  position:relative;\r\n\r\n  margin-top: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:16px;\r\n\r\n  align-items:center;\r\n\r\n  border-radius:21px;\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,.085);\r\n\r\n}\r\n\r\n\r\n#gestion-inscripcion .gestion-enroll-final-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(--talent),\r\n      var(--cyan)\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#gestion-inscripcion .gestion-enroll-final 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#gestion-inscripcion .gestion-enroll-final 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#gestion-inscripcion .gestion-enroll-final 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#gestion-inscripcion .gestion-enroll-final a{\r\n\r\n  min-height:48px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  padding:\r\n    0\r\n    19px;\r\n\r\n  border-radius:11px;\r\n\r\n  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#gestion-inscripcion .gestion-enroll-final 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  #gestion-inscripcion .gestion-enroll-main{\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:760px){\r\n\r\n  #gestion-inscripcion .gestion-enroll-facts,\r\n  #gestion-inscripcion .gestion-enroll-trust{\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  #gestion-inscripcion{\r\n\r\n    padding:\r\n      68px\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-wrap{\r\n\r\n    width:\r\n      calc(100% - 24px);\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-hero,\r\n  #gestion-inscripcion .gestion-enroll-card{\r\n\r\n    padding:22px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-hero h2{\r\n\r\n    font-size:39px;\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-actions{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-primary,\r\n  #gestion-inscripcion .gestion-enroll-secondary{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-final{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  #gestion-inscripcion .gestion-enroll-final 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  #gestion-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=\"gestion-enroll-wrap\">\r\n\r\n\r\n  <!-- =====================================================\r\n       MAIN\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-enroll-main\">\r\n\r\n\r\n    <!-- ===================================================\r\n         FINAL HERO\r\n    ==================================================== -->\r\n\r\n    <div class=\"gestion-enroll-hero\">\r\n\r\n\r\n      <span class=\"gestion-enroll-eyebrow\">\r\n        22 \u00b7 Inscripciones\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n\r\n        Tu pr\u00f3ximo paso\r\n\r\n        <span>\r\n          puede comenzar hoy.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n\r\n        F\u00f3rmate como\r\n        T\u00e9cnico Laboral\r\n        por Competencias\r\n        en Auxiliar\r\n        de Gesti\u00f3n Humana\r\n        y desarrolla habilidades\r\n        para apoyar\r\n        procesos relacionados\r\n        con selecci\u00f3n,\r\n        vinculaci\u00f3n,\r\n        n\u00f3mina,\r\n        inducci\u00f3n,\r\n        SST\r\n        e informaci\u00f3n\r\n        del personal.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <!-- PROGRAM FACTS -->\r\n\r\n      <div class=\"gestion-enroll-facts\">\r\n\r\n\r\n        <div class=\"gestion-enroll-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=\"gestion-enroll-fact\">\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        <\/div>\r\n\r\n\r\n        <div class=\"gestion-enroll-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      <!-- ACTIONS -->\r\n\r\n      <div class=\"gestion-enroll-actions\">\r\n\r\n\r\n        <a\r\n          class=\"gestion-enroll-primary\"\r\n          href=\"https:\/\/wa.me\/573184330841?text=Hola%20ECFI%2C%20quiero%20iniciar%20mi%20proceso%20de%20inscripci%C3%B3n%20al%20T%C3%A9cnico%20Laboral%20por%20Competencias%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.%20Quiero%20conocer%20disponibilidad%2C%20modalidad%20y%20pasos%20para%20matricularme.\"\r\n          target=\"_blank\"\r\n          rel=\"noopener\"\r\n        >\r\n          Iniciar mi inscripci\u00f3n \u2192\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          class=\"gestion-enroll-secondary\"\r\n          href=\"#gestion-plan-estudios\"\r\n        >\r\n          Revisar plan de estudios\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=\"gestion-enroll-trust\">\r\n\r\n\r\n        <div class=\"gestion-enroll-trust-item\">\r\n\r\n          <div class=\"gestion-enroll-trust-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <strong>\r\n            Formaci\u00f3n orientada a procesos reales de Gesti\u00f3n Humana\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-enroll-trust-item\">\r\n\r\n          <div class=\"gestion-enroll-trust-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <strong>\r\n            Competencias administrativas y humanas\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-enroll-trust-item\">\r\n\r\n          <div class=\"gestion-enroll-trust-icon\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <strong>\r\n            Dos modalidades de estudio disponibles\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         ADMISSION CARD\r\n    ==================================================== -->\r\n\r\n    <aside class=\"gestion-enroll-card\">\r\n\r\n\r\n      <small>\r\n        Ruta de inscripci\u00f3n\r\n      <\/small>\r\n\r\n\r\n      <h3>\r\n\r\n        \u00bfListo para\r\n\r\n        <span>\r\n          comenzar?\r\n        <\/span>\r\n\r\n      <\/h3>\r\n\r\n\r\n      <p>\r\n\r\n        Consulta primero\r\n        la disponibilidad\r\n        del grupo\r\n        y recibe orientaci\u00f3n\r\n        sobre modalidad,\r\n        requisitos\r\n        y documentaci\u00f3n.\r\n\r\n      <\/p>\r\n\r\n\r\n\r\n      <div class=\"gestion-enroll-steps\">\r\n\r\n\r\n        <div class=\"gestion-enroll-step\">\r\n\r\n          <div class=\"gestion-enroll-step-num\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Contacta admisiones\r\n            <\/strong>\r\n\r\n            <span>\r\n              Solicita informaci\u00f3n sobre el pr\u00f3ximo grupo disponible.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-enroll-step\">\r\n\r\n          <div class=\"gestion-enroll-step-num\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Elige modalidad\r\n            <\/strong>\r\n\r\n            <span>\r\n              Consulta disponibilidad presencial o a distancia.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-enroll-step\">\r\n\r\n          <div class=\"gestion-enroll-step-num\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Revisa requisitos\r\n            <\/strong>\r\n\r\n            <span>\r\n              Verifica edad, escolaridad y documentaci\u00f3n requerida.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"gestion-enroll-step\">\r\n\r\n          <div class=\"gestion-enroll-step-num\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <strong>\r\n              Inicia tu proceso\r\n            <\/strong>\r\n\r\n            <span>\r\n              Contin\u00faa con inscripci\u00f3n, admisi\u00f3n y matr\u00edcula seg\u00fan las indicaciones institucionales.\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=\"gestion-enroll-contact\">\r\n\r\n        <small>\r\n          Atenci\u00f3n por WhatsApp\r\n        <\/small>\r\n\r\n        <strong>\r\n          318 433 0841\r\n        <\/strong>\r\n\r\n        <span>\r\n          Consulta disponibilidad, requisitos y condiciones vigentes del programa.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/aside>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       FINAL CLOSING\r\n  ====================================================== -->\r\n\r\n  <div class=\"gestion-enroll-final\">\r\n\r\n\r\n    <div class=\"gestion-enroll-final-code\">\r\n      ECFI\r\n    <\/div>\r\n\r\n\r\n    <div>\r\n\r\n      <small>\r\n        T\u00e9cnico Laboral por Competencias\r\n      <\/small>\r\n\r\n      <strong>\r\n        Auxiliar en Gesti\u00f3n Humana\r\n      <\/strong>\r\n\r\n      <span>\r\n\r\n        Personas,\r\n        talento,\r\n        selecci\u00f3n,\r\n        vinculaci\u00f3n,\r\n        desarrollo\r\n        y organizaci\u00f3n:\r\n        convierte ese recorrido\r\n        en tu pr\u00f3xima formaci\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%20estoy%20interesado%20en%20el%20T%C3%A9cnico%20Laboral%20por%20Competencias%20en%20Auxiliar%20de%20Gesti%C3%B3n%20Humana.%20Deseo%20recibir%20informaci%C3%B3n%20para%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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Admisiones abiertas \u00b7 ECFI Human Talent T\u00e9cnico Laboral en Auxiliar de Gesti\u00f3n Humana conecta personas con oportunidades. F\u00f3rmate para apoyar procesos de selecci\u00f3n, perfiles de cargo, vinculaci\u00f3n, inducci\u00f3n, n\u00f3mina, seguridad y salud en el trabajo y gesti\u00f3n de informaci\u00f3n del talento humano dentro de las organizaciones. Personas \u2192 Talento \u2192 Selecci\u00f3n \u2192 Vinculaci\u00f3n \u2192 Desarrollo [&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:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":15,"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/gestionhumana.ecfi.edu.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}