{"id":16047,"date":"2025-08-25T22:13:41","date_gmt":"2025-08-26T03:13:41","guid":{"rendered":"https:\/\/uepfranciscadelasllagas.com\/?page_id=16047"},"modified":"2026-10-02T14:36:42","modified_gmt":"2026-10-02T19:36:42","slug":"plataforma","status":"publish","type":"page","link":"https:\/\/uepfranciscadelasllagas.com\/index.php\/plataforma\/","title":{"rendered":"Plataforma"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16047\" class=\"elementor elementor-16047\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c6b004 e-con-full e-flex e-con e-parent\" data-id=\"3c6b004\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0a7b12 elementor-widget elementor-widget-html\" data-id=\"d0a7b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section\r\n  class=\"fradel-plataformas-hero\"\r\n  style=\"\r\n    --hero-image:\r\n    url('https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/08\/nav.jpeg');\r\n  \"\r\n>\r\n  <div class=\"fradel-plataformas-hero__overlay\"><\/div>\r\n\r\n  <div class=\"fradel-plataformas-hero__inner\">\r\n\r\n    <div class=\"fradel-plataformas-hero__content\">\r\n\r\n      <span class=\"fradel-plataformas-hero__eyebrow\">\r\n        RECURSOS DIGITALES\r\n      <\/span>\r\n\r\n      <h1>Plataformas<\/h1>\r\n\r\n      <p>\r\n        Accede de forma r\u00e1pida a las plataformas y recursos\r\n        digitales utilizados por nuestra comunidad educativa.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"fradel-plataformas-hero__scroll\"\r\n      href=\"#plataformas-contenido\"\r\n      aria-label=\"Ir a las plataformas educativas\"\r\n    >\r\n      <span>Acceder a las plataformas<\/span>\r\n\r\n      <svg width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n        <path\r\n          d=\"M12 5v14M6.5 13.5 12 19l5.5-5.5\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"1.8\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        \/>\r\n      <\/svg>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.fradel-plataformas-hero,\r\n.fradel-plataformas-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-plataformas-hero{\r\n  width:100vw;\r\n  min-height:56svh;\r\n  min-height:56dvh;\r\n\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  display:flex;\r\n\r\n  background-image:var(--hero-image);\r\n  background-size:cover;\r\n  background-position:center;\r\n  background-repeat:no-repeat;\r\n\r\n  color:#fff;\r\n}\r\n\r\n.fradel-plataformas-hero__overlay{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(4,22,40,.92) 0%,\r\n      rgba(5,28,51,.78) 42%,\r\n      rgba(5,28,51,.38) 100%\r\n    );\r\n}\r\n\r\n.fradel-plataformas-hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  height:45%;\r\n\r\n  background:\r\n    linear-gradient(to top,rgba(3,19,34,.63),transparent);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.fradel-plataformas-hero__inner{\r\n  width:min(1180px,100%);\r\n  min-height:inherit;\r\n\r\n  margin:0 auto;\r\n  padding:60px 24px 36px;\r\n\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n}\r\n\r\n.fradel-plataformas-hero__content{\r\n  width:min(720px,100%);\r\n  margin-bottom:28px;\r\n}\r\n\r\n.fradel-plataformas-hero__eyebrow{\r\n  display:inline-block;\r\n  margin-bottom:13px;\r\n\r\n  color:#f1d56b;\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.17em;\r\n}\r\n\r\n.fradel-plataformas-hero h1{\r\n  margin:0;\r\n\r\n  color:#fff;\r\n\r\n  font-family:Georgia,\"Times New Roman\",serif;\r\n  font-size:clamp(46px,6vw,72px);\r\n  font-weight:500;\r\n\r\n  line-height:1;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n.fradel-plataformas-hero p{\r\n  max-width:650px;\r\n\r\n  margin:20px 0 0;\r\n\r\n  color:rgba(255,255,255,.92);\r\n\r\n  font-size:clamp(16px,2vw,19px);\r\n  line-height:1.65;\r\n}\r\n\r\n.fradel-plataformas-hero__scroll{\r\n  width:max-content;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  color:#fff !important;\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  text-decoration:none !important;\r\n\r\n  opacity:.82;\r\n}\r\n\r\n.fradel-plataformas-hero__scroll svg{\r\n  animation:fradelPlataformasArrow 1.7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fradelPlataformasArrow{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(5px);}\r\n}\r\n\r\n@media(max-width:600px){\r\n  .fradel-plataformas-hero{\r\n    min-height:60svh;\r\n    min-height:60dvh;\r\n  }\r\n\r\n  .fradel-plataformas-hero__overlay{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(4,22,40,.20),\r\n        rgba(4,22,40,.45) 35%,\r\n        rgba(4,22,40,.94) 100%\r\n      );\r\n  }\r\n\r\n  .fradel-plataformas-hero__inner{\r\n    padding:38px 20px 27px;\r\n  }\r\n\r\n  .fradel-plataformas-hero__content{\r\n    margin-bottom:26px;\r\n  }\r\n\r\n  .fradel-plataformas-hero__eyebrow{\r\n    font-size:10px;\r\n  }\r\n\r\n  .fradel-plataformas-hero h1{\r\n    font-size:clamp(40px,12vw,54px);\r\n  }\r\n\r\n  .fradel-plataformas-hero p{\r\n    font-size:16px;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .fradel-plataformas-hero__scroll svg{\r\n    animation:none;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3489220 e-flex e-con-boxed e-con e-parent\" data-id=\"3489220\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a20df88 elementor-widget elementor-widget-html\" data-id=\"a20df88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ================================================\r\n   FRADEL | PORTAL IDUKAY\r\n   DISE\u00d1O HORIZONTAL PARA ELEMENTOR\r\n================================================ *\/\r\n\r\n.fradel-portal {\r\n  --fp-blue: #0B2A4A;\r\n  --fp-blue-light: #154B7D;\r\n  --fp-gold: #C9A227;\r\n  --fp-cream: #F8F3DF;\r\n  --fp-gray: #64748B;\r\n  --fp-border: #E2E8F0;\r\n\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 45px 24px;\r\n  background: #F8FAFC;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.fradel-portal,\r\n.fradel-portal * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* CABECERA *\/\r\n\r\n.fradel-portal .fp-header {\r\n  max-width: 750px;\r\n  margin: 0 auto 35px;\r\n  text-align: center;\r\n}\r\n\r\n.fradel-portal .fp-eyebrow {\r\n  display: inline-block;\r\n  margin-bottom: 12px;\r\n  color: #A58318;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fradel-portal .fp-header h2 {\r\n  margin: 0 0 14px !important;\r\n  color: var(--fp-blue) !important;\r\n  font-family: Georgia, serif !important;\r\n  font-size: clamp(30px, 3.5vw, 43px);\r\n  font-weight: 400 !important;\r\n  line-height: 1.2;\r\n  text-align: center;\r\n}\r\n\r\n.fradel-portal .fp-header p {\r\n  margin: 0 !important;\r\n  color: var(--fp-gray);\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  text-align: center;\r\n}\r\n\r\n\/* TARJETA PRINCIPAL *\/\r\n\r\n.fradel-portal .fp-card {\r\n  position: relative;\r\n  display: grid !important;\r\n  grid-template-columns:\r\n    minmax(0, 1.15fr)\r\n    minmax(0, 0.85fr);\r\n  width: 100%;\r\n  overflow: hidden;\r\n  border: 1px solid var(--fp-border);\r\n  border-radius: 15px;\r\n  background: #FFFFFF;\r\n  box-shadow: 0 12px 35px rgba(11,42,74,.06);\r\n}\r\n\r\n\/* L\u00cdNEA INSTITUCIONAL *\/\r\n\r\n.fradel-portal .fp-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  z-index: 1;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--fp-blue),\r\n    var(--fp-gold)\r\n  );\r\n}\r\n\r\n\/* COLUMNA IZQUIERDA *\/\r\n\r\n.fradel-portal .fp-content {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center;\r\n  min-width: 0;\r\n  padding: 38px;\r\n}\r\n\r\n.fradel-portal .fp-label {\r\n  display: block;\r\n  margin-bottom: 13px;\r\n  color: #A58318;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.6px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fradel-portal .fp-content h3 {\r\n  margin: 0 0 13px !important;\r\n  color: var(--fp-blue) !important;\r\n  font-family: Georgia, serif !important;\r\n  font-size: clamp(27px, 3vw, 35px);\r\n  font-weight: 500 !important;\r\n  line-height: 1.2;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-portal .fp-content p {\r\n  max-width: 490px;\r\n  margin: 0 0 24px !important;\r\n  color: var(--fp-gray);\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  text-align: left !important;\r\n}\r\n\r\n\/* FUNCIONALIDADES *\/\r\n\r\n.fradel-portal .fp-features {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 11px;\r\n  width: 100%;\r\n}\r\n\r\n.fradel-portal .fp-feature {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  align-items: center;\r\n  gap: 10px;\r\n  min-width: 0;\r\n  padding: 13px;\r\n  border: 1px solid #EDF0F3;\r\n  border-radius: 9px;\r\n  background: #F8FAFC;\r\n  color: var(--fp-blue);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  text-align: left;\r\n}\r\n\r\n.fradel-portal .fp-feature-icon {\r\n  display: flex;\r\n  flex: 0 0 30px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 30px;\r\n  height: 30px;\r\n  border-radius: 8px;\r\n  background: var(--fp-cream);\r\n  color: var(--fp-blue);\r\n}\r\n\r\n.fradel-portal .fp-feature-icon svg {\r\n  display: block;\r\n  width: 17px;\r\n  height: 17px;\r\n}\r\n\r\n\/* COLUMNA DERECHA *\/\r\n\r\n.fradel-portal .fp-action {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n  min-width: 0;\r\n  padding: 35px;\r\n  background: var(--fp-cream);\r\n  text-align: center;\r\n}\r\n\r\n.fradel-portal .fp-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  min-height: 115px;\r\n}\r\n\r\n.fradel-portal .fp-logo img {\r\n  display: block;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  max-width: min(100%, 260px) !important;\r\n  max-height: 115px;\r\n  object-fit: contain;\r\n}\r\n\r\n.fradel-portal .fp-action-text {\r\n  max-width: 290px;\r\n  margin: 0 !important;\r\n  color: var(--fp-gray);\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n\r\n.fradel-portal .fp-button {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n  max-width: 290px;\r\n  min-height: 52px;\r\n  padding: 14px 20px !important;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  background: var(--fp-blue) !important;\r\n  color: #FFFFFF !important;\r\n  font-size: 14px !important;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 8px 20px rgba(11,42,74,.12);\r\n  transition:\r\n    background .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.fradel-portal .fp-button:hover {\r\n  background: var(--fp-blue-light) !important;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.fradel-portal .fp-button:focus-visible {\r\n  outline: 3px solid var(--fp-gold);\r\n  outline-offset: 4px;\r\n}\r\n\r\n.fradel-portal .fp-button svg {\r\n  display: block;\r\n  flex: 0 0 18px;\r\n  width: 18px;\r\n  height: 18px;\r\n}\r\n\r\n.fradel-portal .fp-note {\r\n  margin: 0 !important;\r\n  color: #64748B;\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .fradel-portal .fp-card {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .fradel-portal .fp-content {\r\n    padding: 30px;\r\n  }\r\n\r\n  .fradel-portal .fp-action {\r\n    padding: 30px;\r\n  }\r\n\r\n  .fradel-portal .fp-logo {\r\n    min-height: 80px;\r\n  }\r\n}\r\n\r\n\/* CELULAR *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-portal {\r\n    padding: 35px 16px;\r\n  }\r\n\r\n  .fradel-portal .fp-header {\r\n    margin-bottom: 27px;\r\n  }\r\n\r\n  .fradel-portal .fp-header h2 {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .fradel-portal .fp-content {\r\n    padding: 25px 20px;\r\n  }\r\n\r\n  .fradel-portal .fp-content h3 {\r\n    font-size: 29px;\r\n  }\r\n\r\n  .fradel-portal .fp-features {\r\n    gap: 8px;\r\n  }\r\n\r\n  .fradel-portal .fp-feature {\r\n    gap: 7px;\r\n    padding: 10px 8px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .fradel-portal .fp-feature-icon {\r\n    flex-basis: 26px;\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  .fradel-portal .fp-action {\r\n    padding: 28px 20px;\r\n  }\r\n\r\n  .fradel-portal .fp-button {\r\n    max-width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n  .fradel-portal .fp-features {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .fradel-portal .fp-button {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"fradel-portal\"\r\n  id=\"plataformas-contenido\"\r\n>\r\n\r\n  <!-- CABECERA -->\r\n\r\n  <header class=\"fp-header\">\r\n\r\n    <span class=\"fp-eyebrow\">\r\n      ECOSISTEMA DIGITAL\r\n    <\/span>\r\n\r\n    <h2>\r\n      Nuestra comunidad, m\u00e1s conectada\r\n    <\/h2>\r\n\r\n    <p>\r\n      Centralizamos parte de nuestra gesti\u00f3n acad\u00e9mica\r\n      en herramientas digitales que facilitan el acceso\r\n      a informaci\u00f3n importante para estudiantes y familias.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- TARJETA HORIZONTAL -->\r\n\r\n  <div class=\"fp-card\">\r\n\r\n\r\n    <!-- INFORMACI\u00d3N -->\r\n\r\n    <div class=\"fp-content\">\r\n\r\n      <span class=\"fp-label\">\r\n        PLATAFORMA EDUCATIVA\r\n      <\/span>\r\n\r\n      <h3>\r\n        Portal Idukay\r\n      <\/h3>\r\n\r\n      <p>\r\n        Accede a tu cuenta para consultar\r\n        informaci\u00f3n acad\u00e9mica, tareas,\r\n        asistencia y comunicados disponibles\r\n        en la plataforma.\r\n      <\/p>\r\n\r\n\r\n      <!-- FUNCIONALIDADES -->\r\n\r\n      <div\r\n        class=\"fp-features\"\r\n        aria-label=\"Funciones de Idukay\"\r\n      >\r\n\r\n\r\n        <!-- CALIFICACIONES -->\r\n\r\n        <div class=\"fp-feature\">\r\n\r\n          <span class=\"fp-feature-icon\">\r\n\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                 fill=\"none\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 aria-hidden=\"true\">\r\n\r\n              <path stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    d=\"M9 12l2 2 4-4\r\n                       M12 3a9 9 0 110 18\r\n                       9 9 0 010-18z\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          Calificaciones\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- TAREAS -->\r\n\r\n        <div class=\"fp-feature\">\r\n\r\n          <span class=\"fp-feature-icon\">\r\n\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                 fill=\"none\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 aria-hidden=\"true\">\r\n\r\n              <path stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    d=\"M8 4h10a2 2 0 012 2v14\r\n                       l-4-2-4 2-4-2-4 2V6\r\n                       a2 2 0 012-2h2z\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          Tareas\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ASISTENCIA -->\r\n\r\n        <div class=\"fp-feature\">\r\n\r\n          <span class=\"fp-feature-icon\">\r\n\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                 fill=\"none\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 aria-hidden=\"true\">\r\n\r\n              <rect x=\"3\" y=\"5\"\r\n                    width=\"18\" height=\"16\"\r\n                    rx=\"2\"\/>\r\n\r\n              <path stroke-linecap=\"round\"\r\n                    d=\"M7 3v4M17 3v4M3 10h18\r\n                       M9 15l2 2 4-4\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          Asistencia\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- COMUNICADOS -->\r\n\r\n        <div class=\"fp-feature\">\r\n\r\n          <span class=\"fp-feature-icon\">\r\n\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                 fill=\"none\"\r\n                 viewBox=\"0 0 24 24\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"1.8\"\r\n                 aria-hidden=\"true\">\r\n\r\n              <path stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\r\n                    d=\"M4 5h16a2 2 0 012 2v10\r\n                       a2 2 0 01-2 2H4\r\n                       a2 2 0 01-2-2V7\r\n                       a2 2 0 012-2z\r\n                       M2 7l10 7 10-7\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          Comunicados\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ACCESO -->\r\n\r\n    <div class=\"fp-action\">\r\n\r\n      <div class=\"fp-logo\">\r\n\r\n        <img\r\n          src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2026\/09\/idukay.png\"\r\n          alt=\"Logotipo de Idukay\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"fp-action-text\">\r\n        Ingresa a tu espacio acad\u00e9mico\r\n        desde cualquier dispositivo.\r\n      <\/p>\r\n\r\n\r\n      <a\r\n        href=\"https:\/\/idukay.net\/colegios\/#\/login\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n        class=\"fp-button\"\r\n      >\r\n\r\n        Ingresar a Idukay\r\n\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n             fill=\"none\"\r\n             viewBox=\"0 0 24 24\"\r\n             stroke=\"currentColor\"\r\n             stroke-width=\"2\"\r\n             aria-hidden=\"true\">\r\n\r\n          <path stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                d=\"M7 17L17 7M7 7h10v10\"\/>\r\n        <\/svg>\r\n\r\n      <\/a>\r\n\r\n\r\n      <p class=\"fp-note\">\r\n        Se abrir\u00e1 en una nueva pesta\u00f1a.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-529ad98 e-flex e-con-boxed e-con e-parent\" data-id=\"529ad98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e9e472 elementor-widget elementor-widget-html\" data-id=\"9e9e472\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* =========================================\r\n   FRADEL - CAPACITACI\u00d3N IDUKAY\r\n   VERSI\u00d3N OPTIMIZADA PARA ELEMENTOR\r\n========================================= *\/\r\n\r\n.fradel-cap {\r\n  --azul: #0B2A4A;\r\n  --dorado: #C9A227;\r\n  --gris: #64748B;\r\n  --borde: #E2E8F0;\r\n\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 45px 24px;\r\n  background: #F8FAFC;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.fradel-cap,\r\n.fradel-cap * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* CABECERA *\/\r\n\r\n.fradel-cap .cap-header {\r\n  max-width: 720px;\r\n  margin: 0 auto 35px;\r\n  text-align: center;\r\n}\r\n\r\n.fradel-cap .cap-label {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n  color: var(--dorado);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.fradel-cap .cap-title {\r\n  margin: 0 0 12px !important;\r\n  color: var(--azul) !important;\r\n  font-family: Georgia, serif;\r\n  font-size: clamp(30px, 3.5vw, 43px);\r\n  font-weight: 400;\r\n  line-height: 1.2;\r\n  text-align: center;\r\n}\r\n\r\n.fradel-cap .cap-description {\r\n  margin: 0 !important;\r\n  color: var(--gris);\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  text-align: center;\r\n}\r\n\r\n\/* CONTENEDOR PRINCIPAL *\/\r\n\r\n.fradel-cap .cap-grid {\r\n  display: grid !important;\r\n  grid-template-columns:\r\n    minmax(0, 0.85fr)\r\n    minmax(0, 1.15fr);\r\n  gap: 28px;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n\/* COLUMNA IZQUIERDA *\/\r\n\r\n.fradel-cap .cap-left {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 16px;\r\n  min-width: 0;\r\n}\r\n\r\n.fradel-cap .cap-card {\r\n  display: block !important;\r\n  width: 100%;\r\n  padding: 25px;\r\n  background: #FFFFFF;\r\n  border: 1px solid var(--borde);\r\n  border-top: 3px solid var(--dorado);\r\n  border-radius: 12px;\r\n}\r\n\r\n.fradel-cap .cap-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 45px;\r\n  height: 45px;\r\n  margin-bottom: 15px;\r\n  border-radius: 10px;\r\n  background: #F8F3DF;\r\n  color: var(--azul);\r\n}\r\n\r\n.fradel-cap .cap-icon svg {\r\n  width: 23px;\r\n  height: 23px;\r\n}\r\n\r\n.fradel-cap .cap-card h3 {\r\n  margin: 0 0 12px !important;\r\n  color: var(--azul) !important;\r\n  font-family: Arial, sans-serif !important;\r\n  font-size: 20px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.3;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-cap .cap-card p {\r\n  margin: 0 0 17px !important;\r\n  color: var(--gris);\r\n  font-size: 13px;\r\n  line-height: 1.65;\r\n  text-align: left !important;\r\n}\r\n\r\n\/* LISTA CORREGIDA *\/\r\n\r\n.fradel-cap .cap-list {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 11px;\r\n  width: 100%;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  list-style: none !important;\r\n}\r\n\r\n.fradel-cap .cap-list li {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  align-items: flex-start;\r\n  justify-content: flex-start;\r\n  gap: 10px;\r\n  width: 100%;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: var(--azul);\r\n  font-size: 13px;\r\n  line-height: 1.5;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-cap .cap-check {\r\n  flex: 0 0 17px;\r\n  color: var(--dorado);\r\n  font-weight: 900;\r\n}\r\n\r\n\/* GOOGLE DRIVE *\/\r\n\r\n.fradel-cap .cap-drive {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  align-items: flex-start;\r\n  width: 100%;\r\n  padding: 20px 24px;\r\n  border: 1px solid #E9DFAE;\r\n  border-radius: 12px;\r\n  background: #F8F3DF;\r\n}\r\n\r\n.fradel-cap .cap-drive h4 {\r\n  margin: 0 0 8px !important;\r\n  color: var(--azul) !important;\r\n  font-size: 15px !important;\r\n  font-weight: 800 !important;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-cap .cap-drive p {\r\n  margin: 0 0 15px !important;\r\n  color: var(--gris);\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-cap .cap-button {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n  width: auto !important;\r\n  max-width: 100%;\r\n  padding: 12px 18px !important;\r\n  border: none;\r\n  border-radius: 8px;\r\n  background: var(--azul) !important;\r\n  color: #FFFFFF !important;\r\n  font-size: 12px !important;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  text-decoration: none !important;\r\n  transition: background .2s ease;\r\n}\r\n\r\n.fradel-cap .cap-button:hover {\r\n  background: #154B7D !important;\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n.fradel-cap .cap-button:focus-visible {\r\n  outline: 3px solid var(--dorado);\r\n  outline-offset: 3px;\r\n}\r\n\r\n.fradel-cap .cap-button svg {\r\n  width: 16px;\r\n  height: 16px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* COLUMNA DERECHA *\/\r\n\r\n.fradel-cap .cap-right {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  justify-content: center;\r\n  min-width: 0;\r\n  width: 100%;\r\n}\r\n\r\n.fradel-cap .cap-video-header {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.fradel-cap .cap-video-header h3 {\r\n  margin: 0 !important;\r\n  color: var(--azul) !important;\r\n  font-family: Arial, sans-serif !important;\r\n  font-size: 17px !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.4;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-cap .cap-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 7px 12px;\r\n  border-radius: 30px;\r\n  background: #F8F3DF;\r\n  color: var(--azul);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n}\r\n\r\n.fradel-cap .cap-dot {\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--dorado);\r\n}\r\n\r\n\/* VIDEO RESPONSIVO *\/\r\n\r\n.fradel-cap .cap-video {\r\n  position: relative;\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n  aspect-ratio: 16 \/ 9;\r\n  overflow: hidden;\r\n  border-radius: 12px;\r\n  background: var(--azul);\r\n  box-shadow: 0 12px 30px rgba(11,42,74,.12);\r\n}\r\n\r\n.fradel-cap .cap-video iframe {\r\n  position: absolute !important;\r\n  inset: 0;\r\n  display: block;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  min-height: 0 !important;\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  border: 0 !important;\r\n}\r\n\r\n.fradel-cap .cap-caption {\r\n  margin: 12px 0 0 !important;\r\n  color: var(--gris);\r\n  font-size: 12px;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .fradel-cap .cap-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .fradel-cap .cap-left {\r\n    display: grid !important;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .fradel-cap .cap-card,\r\n  .fradel-cap .cap-drive {\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n\/* CELULAR *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-cap {\r\n    padding: 35px 16px;\r\n  }\r\n\r\n  .fradel-cap .cap-header {\r\n    margin-bottom: 27px;\r\n  }\r\n\r\n  .fradel-cap .cap-title {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .fradel-cap .cap-left {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .fradel-cap .cap-card,\r\n  .fradel-cap .cap-drive {\r\n    padding: 20px;\r\n  }\r\n\r\n  .fradel-cap .cap-button {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .fradel-cap .cap-video-header h3 {\r\n    font-size: 15px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .fradel-cap .cap-button {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fradel-cap\">\r\n\r\n  <!-- CABECERA -->\r\n\r\n  <header class=\"cap-header\">\r\n\r\n    <span class=\"cap-label\">\r\n      MATERIAL DE APOYO\r\n    <\/span>\r\n\r\n    <h2 class=\"cap-title\">\r\n      Capacitaci\u00f3n sobre Idukay\r\n    <\/h2>\r\n\r\n    <p class=\"cap-description\">\r\n      Accede a la grabaci\u00f3n de nuestra capacitaci\u00f3n\r\n      institucional y refuerza tus conocimientos\r\n      sobre el uso de la plataforma educativa.\r\n    <\/p>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- DOS COLUMNAS -->\r\n\r\n  <div class=\"cap-grid\">\r\n\r\n\r\n    <!-- IZQUIERDA -->\r\n\r\n    <div class=\"cap-left\">\r\n\r\n      <div class=\"cap-card\">\r\n\r\n        <div class=\"cap-icon\">\r\n\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n               fill=\"none\"\r\n               viewBox=\"0 0 24 24\"\r\n               stroke=\"currentColor\">\r\n\r\n            <path stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                  stroke-width=\"1.8\"\r\n                  d=\"M12 6.253v13m0-13\r\n                  C10.832 5.477 9.246 5\r\n                  7.5 5 5.754 5\r\n                  4.168 5.477 3 6.253v13\r\n                  C4.168 18.477 5.754 18\r\n                  7.5 18c1.746 0\r\n                  3.332.477 4.5 1.253\r\n                  m0-13C13.168 5.477\r\n                  14.754 5 16.5 5\r\n                  c1.746 0 3.332.477\r\n                  4.5 1.253v13\r\n                  C19.832 18.477\r\n                  18.246 18 16.5 18\r\n                  c-1.746 0-3.332.477\r\n                  -4.5 1.253\"\/>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Aprende a tu ritmo<\/h3>\r\n\r\n        <p>\r\n          Consulta los contenidos de la capacitaci\u00f3n\r\n          y revisa las explicaciones siempre que\r\n          lo necesites.\r\n        <\/p>\r\n\r\n        <ul class=\"cap-list\">\r\n\r\n          <li>\r\n            <span class=\"cap-check\">\u2713<\/span>\r\n            <span>Grabaci\u00f3n disponible para consulta.<\/span>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span class=\"cap-check\">\u2713<\/span>\r\n            <span>Refuerzo de los temas abordados.<\/span>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span class=\"cap-check\">\u2713<\/span>\r\n            <span>Acceso desde diferentes dispositivos.<\/span>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- DRIVE -->\r\n\r\n      <div class=\"cap-drive\">\r\n\r\n        <h4>\u00bfProblemas con el video?<\/h4>\r\n\r\n        <p>\r\n          Si no puedes reproducir la grabaci\u00f3n\r\n          desde esta p\u00e1gina, tambi\u00e9n puedes\r\n          visualizarla directamente en Google Drive.\r\n        <\/p>\r\n\r\n        <a\r\n          class=\"cap-button\"\r\n          href=\"https:\/\/drive.google.com\/file\/d\/1hV2ZV6mfruBMM8XNAYofpnuiBsXcjTXF\/view\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n        >\r\n\r\n          Abrir en Google Drive\r\n\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n               fill=\"none\"\r\n               viewBox=\"0 0 24 24\"\r\n               stroke=\"currentColor\">\r\n\r\n            <path stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                  stroke-width=\"2\"\r\n                  d=\"M10 6H6a2 2 0 00-2 2v10\r\n                  a2 2 0 002 2h10\r\n                  a2 2 0 002-2v-4\r\n                  M14 4h6m0 0v6m0-6L10 14\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DERECHA -->\r\n\r\n    <div class=\"cap-right\">\r\n\r\n      <div class=\"cap-video-header\">\r\n\r\n        <h3>Grabaci\u00f3n de la capacitaci\u00f3n<\/h3>\r\n\r\n        <span class=\"cap-badge\">\r\n\r\n          <span class=\"cap-dot\"><\/span>\r\n\r\n          CAPACITACI\u00d3N REALIZADA\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- VIDEO -->\r\n\r\n      <div class=\"cap-video\">\r\n\r\n        <iframe\r\n          src=\"https:\/\/drive.google.com\/file\/d\/1hV2ZV6mfruBMM8XNAYofpnuiBsXcjTXF\/preview\"\r\n          title=\"Capacitaci\u00f3n sobre Idukay\"\r\n          loading=\"lazy\"\r\n          allow=\"autoplay; fullscreen\"\r\n          allowfullscreen>\r\n        <\/iframe>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"cap-caption\">\r\n        Capacitaci\u00f3n institucional sobre\r\n        el uso de la plataforma Idukay.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcd2416 e-flex e-con-boxed e-con e-parent\" data-id=\"bcd2416\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-288ece9 elementor-widget elementor-widget-html\" data-id=\"288ece9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<style>\r\n\/* ==========================================\r\n   FRADEL | SOPORTE IDUKAY\r\n   OPTIMIZADO PARA ELEMENTOR\r\n========================================== *\/\r\n\r\n.fradel-support {\r\n  --azul: #0B2A4A;\r\n  --azul-hover: #154B7D;\r\n  --dorado: #C9A227;\r\n  --texto: #64748B;\r\n  --borde: #E2E8F0;\r\n  --crema: #F8F3DF;\r\n\r\n  width: 100%;\r\n  max-width: 100%;\r\n  padding: 55px 24px;\r\n  background: #F8FAFC;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.fradel-support,\r\n.fradel-support * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fradel-support .support-container {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* CABECERA *\/\r\n\r\n.fradel-support .support-header {\r\n  max-width: 720px;\r\n  margin: 0 auto 35px;\r\n  text-align: center;\r\n}\r\n\r\n.fradel-support .support-label {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n  color: var(--dorado);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fradel-support .support-title {\r\n  margin: 0 0 13px !important;\r\n  color: var(--azul) !important;\r\n  font-family: Georgia, serif !important;\r\n  font-size: clamp(30px, 3.5vw, 43px) !important;\r\n  font-weight: 400 !important;\r\n  line-height: 1.2;\r\n  text-align: center !important;\r\n}\r\n\r\n.fradel-support .support-description {\r\n  margin: 0 !important;\r\n  color: var(--texto);\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* DOS COLUMNAS *\/\r\n\r\n.fradel-support .support-grid {\r\n  display: grid !important;\r\n  grid-template-columns:\r\n    minmax(0, .82fr)\r\n    minmax(0, 1.18fr);\r\n  gap: 25px;\r\n  align-items: start;\r\n}\r\n\r\n\/* TARJETAS *\/\r\n\r\n.fradel-support .support-card {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 30px;\r\n  overflow: hidden;\r\n  border: 1px solid var(--borde);\r\n  border-radius: 14px;\r\n  background: #FFFFFF;\r\n  box-shadow: 0 10px 30px rgba(11,42,74,.05);\r\n}\r\n\r\n.fradel-support .support-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: linear-gradient(\r\n    90deg,\r\n    var(--azul),\r\n    var(--dorado)\r\n  );\r\n}\r\n\r\n\/* TARJETA DE CONTRASE\u00d1A *\/\r\n\r\n.fradel-support .support-password {\r\n  background: linear-gradient(\r\n    145deg,\r\n    #FFFFFF,\r\n    #FFFCF3\r\n  );\r\n}\r\n\r\n.fradel-support .support-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 48px;\r\n  height: 48px;\r\n  margin-bottom: 18px;\r\n  border-radius: 11px;\r\n  background: var(--crema);\r\n  color: var(--azul);\r\n}\r\n\r\n.fradel-support .support-icon svg {\r\n  width: 25px;\r\n  height: 25px;\r\n}\r\n\r\n.fradel-support .support-card h3 {\r\n  margin: 0 0 12px !important;\r\n  color: var(--azul) !important;\r\n  font-family: Georgia, serif !important;\r\n  font-size: 25px !important;\r\n  font-weight: 500 !important;\r\n  line-height: 1.3;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-support .support-card-description {\r\n  margin: 0 0 22px !important;\r\n  color: var(--texto);\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n  text-align: left !important;\r\n}\r\n\r\n\/* BOT\u00d3N PDF *\/\r\n\r\n.fradel-support .support-button {\r\n  display: inline-flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  width: 100%;\r\n  min-height: 51px;\r\n  padding: 13px 17px !important;\r\n  border: 0;\r\n  border-radius: 8px;\r\n  background: var(--azul) !important;\r\n  color: #FFFFFF !important;\r\n  font-size: 13px !important;\r\n  font-weight: 800;\r\n  line-height: 1.5;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  transition:\r\n    background .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.fradel-support .support-button:hover {\r\n  background: var(--azul-hover) !important;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.fradel-support .support-button svg {\r\n  width: 19px;\r\n  height: 19px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fradel-support .support-note {\r\n  margin: 13px 0 0 !important;\r\n  color: #8794A3;\r\n  font-size: 11px;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n}\r\n\r\n\/* PREGUNTAS FRECUENTES *\/\r\n\r\n.fradel-support .support-faq {\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 10px;\r\n  width: 100%;\r\n}\r\n\r\n.fradel-support .support-faq-item {\r\n  display: block;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow: hidden;\r\n  border: 1px solid #E5E9ED;\r\n  border-radius: 9px;\r\n  background: #FAFBFC;\r\n}\r\n\r\n.fradel-support .support-faq-item[open] {\r\n  border-color: #E7D8A5;\r\n  background: #FFFFFF;\r\n}\r\n\r\n\/* PREGUNTA *\/\r\n\r\n.fradel-support .support-question {\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 14px;\r\n  width: 100%;\r\n  padding: 16px !important;\r\n  color: var(--azul) !important;\r\n  font-family: Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 750;\r\n  line-height: 1.5;\r\n  text-align: left !important;\r\n  list-style: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.fradel-support .support-question::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.fradel-support .support-question::marker {\r\n  content: \"\";\r\n}\r\n\r\n\/* ICONO + *\/\r\n\r\n.fradel-support .support-plus {\r\n  position: relative;\r\n  flex: 0 0 25px;\r\n  width: 25px;\r\n  height: 25px;\r\n  border-radius: 50%;\r\n  background: var(--crema);\r\n}\r\n\r\n.fradel-support .support-plus::before,\r\n.fradel-support .support-plus::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 11px;\r\n  height: 2px;\r\n  border-radius: 2px;\r\n  background: var(--azul);\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.fradel-support .support-plus::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(90deg);\r\n  transition: transform .2s ease;\r\n}\r\n\r\n.fradel-support\r\n.support-faq-item[open]\r\n.support-plus::after {\r\n  transform:\r\n    translate(-50%, -50%)\r\n    rotate(0deg);\r\n}\r\n\r\n\/* RESPUESTA *\/\r\n\r\n.fradel-support .support-answer {\r\n  padding: 0 16px 17px;\r\n  color: var(--texto);\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.fradel-support .support-answer p {\r\n  margin: 0 0 10px !important;\r\n  color: var(--texto);\r\n  font-size: inherit;\r\n  line-height: inherit;\r\n  text-align: left !important;\r\n}\r\n\r\n.fradel-support .support-answer p:last-child {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.fradel-support .support-answer strong {\r\n  color: var(--azul);\r\n  font-weight: 750;\r\n}\r\n\r\n\/* AVISO IMPORTANTE *\/\r\n\r\n.fradel-support .support-highlight {\r\n  display: block;\r\n  margin-top: 13px;\r\n  padding: 13px;\r\n  border-left: 3px solid var(--dorado);\r\n  border-radius: 5px;\r\n  background: var(--crema);\r\n  color: var(--texto);\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* PIE *\/\r\n\r\n.fradel-support .support-footer {\r\n  margin: 32px auto 0;\r\n  padding-top: 19px;\r\n  border-top: 1px solid var(--borde);\r\n  text-align: center;\r\n}\r\n\r\n.fradel-support .support-footer p {\r\n  margin: 0 !important;\r\n  color: var(--texto);\r\n  font-size: 12px;\r\n  line-height: 1.7;\r\n  text-align: center !important;\r\n}\r\n\r\n.fradel-support .support-footer strong {\r\n  color: var(--azul);\r\n}\r\n\r\n\/* ACCESIBILIDAD *\/\r\n\r\n.fradel-support a:focus-visible,\r\n.fradel-support summary:focus-visible {\r\n  outline: 3px solid var(--dorado);\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .fradel-support .support-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .fradel-support .support-card {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n\/* CELULAR *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-support {\r\n    padding: 42px 16px;\r\n  }\r\n\r\n  .fradel-support .support-header {\r\n    margin-bottom: 27px;\r\n  }\r\n\r\n  .fradel-support .support-title {\r\n    font-size: 31px !important;\r\n  }\r\n\r\n  .fradel-support .support-description {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .fradel-support .support-card {\r\n    padding: 23px 18px;\r\n  }\r\n\r\n  .fradel-support .support-card h3 {\r\n    font-size: 23px !important;\r\n  }\r\n\r\n  .fradel-support .support-question {\r\n    padding: 14px !important;\r\n  }\r\n\r\n  .fradel-support .support-answer {\r\n    padding: 0 14px 15px;\r\n  }\r\n\r\n  .fradel-support .support-button {\r\n    font-size: 12px !important;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .fradel-support .support-button,\r\n  .fradel-support .support-plus::after {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fradel-support\" id=\"soporte-idukay\">\r\n\r\n  <div class=\"support-container\">\r\n\r\n    <!-- CABECERA -->\r\n\r\n    <header class=\"support-header\">\r\n\r\n      <span class=\"support-label\">\r\n        SOPORTE FRADELL\r\n      <\/span>\r\n\r\n      <h2 class=\"support-title\">\r\n        \u00bfNecesitas ayuda con Idukay?\r\n      <\/h2>\r\n\r\n      <p class=\"support-description\">\r\n        Encuentra informaci\u00f3n para recuperar\r\n        tu contrase\u00f1a y resolver las consultas\r\n        m\u00e1s frecuentes sobre el acceso\r\n        a la plataforma.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- DOS COLUMNAS -->\r\n\r\n    <div class=\"support-grid\">\r\n\r\n\r\n      <!-- COLUMNA IZQUIERDA -->\r\n\r\n      <article class=\"support-card support-password\">\r\n\r\n        <div class=\"support-icon\">\r\n\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n               fill=\"none\"\r\n               viewBox=\"0 0 24 24\"\r\n               stroke=\"currentColor\"\r\n               aria-hidden=\"true\">\r\n\r\n            <circle\r\n              cx=\"8\"\r\n              cy=\"15\"\r\n              r=\"4\"\r\n              stroke-width=\"1.8\"\r\n            \/>\r\n\r\n            <path\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              stroke-width=\"1.8\"\r\n              d=\"M10.8 12.2L20 3\r\n                 l2 2-2 2 1 1-3 3-2-2\r\n                 -3.2 3.2\"\r\n            \/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>\u00bfOlvidaste tu contrase\u00f1a?<\/h3>\r\n\r\n        <p class=\"support-card-description\">\r\n          Si tienes dificultades para ingresar\r\n          a Idukay, consulta nuestra gu\u00eda\r\n          paso a paso para recuperar\r\n          tu contrase\u00f1a y volver a acceder\r\n          a la plataforma.\r\n        <\/p>\r\n\r\n\r\n        <!-- BOT\u00d3N PDF -->\r\n\r\n        <a\r\n          href=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2026\/09\/Recuperacion-Clave-Idukay.pdf\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          class=\"support-button\"\r\n        >\r\n\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n               fill=\"none\"\r\n               viewBox=\"0 0 24 24\"\r\n               stroke=\"currentColor\"\r\n               aria-hidden=\"true\">\r\n\r\n            <path\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              stroke-width=\"2\"\r\n              d=\"M12 3v12m0 0l4-4\r\n                 m-4 4l-4-4M5 21h14\"\r\n            \/>\r\n\r\n          <\/svg>\r\n\r\n          Ver gu\u00eda de recuperaci\u00f3n\r\n\r\n        <\/a>\r\n\r\n        <p class=\"support-note\">\r\n          Gu\u00eda paso a paso en formato PDF.\r\n          Se abrir\u00e1 en una nueva pesta\u00f1a.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- COLUMNA DERECHA -->\r\n\r\n      <article class=\"support-card\">\r\n\r\n        <div class=\"support-icon\">\r\n\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n               fill=\"none\"\r\n               viewBox=\"0 0 24 24\"\r\n               stroke=\"currentColor\"\r\n               aria-hidden=\"true\">\r\n\r\n            <circle\r\n              cx=\"12\"\r\n              cy=\"12\"\r\n              r=\"9\"\r\n              stroke-width=\"1.8\"\r\n            \/>\r\n\r\n            <path\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n              stroke-width=\"1.8\"\r\n              d=\"M9 9a3 3 0 116 0\r\n                 c0 2-3 2-3 4\r\n                 m0 4h.01\"\r\n            \/>\r\n\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Preguntas frecuentes<\/h3>\r\n\r\n        <p class=\"support-card-description\">\r\n          Consulta estas respuestas r\u00e1pidas\r\n          antes de solicitar asistencia.\r\n        <\/p>\r\n\r\n\r\n        <!-- ACORDE\u00d3N -->\r\n\r\n        <div class=\"support-faq\">\r\n\r\n\r\n          <!-- PREGUNTA 1 -->\r\n\r\n          <details class=\"support-faq-item\" open>\r\n\r\n            <summary class=\"support-question\">\r\n\r\n              <span>\r\n                \u00bfA qu\u00e9 correo llega la\r\n                activaci\u00f3n de Idukay?\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"support-plus\"\r\n                aria-hidden=\"true\">\r\n              <\/span>\r\n\r\n            <\/summary>\r\n\r\n            <div class=\"support-answer\">\r\n\r\n              <p>\r\n                El correo de activaci\u00f3n se env\u00eda\r\n                al <strong>correo electr\u00f3nico del\r\n                representante del estudiante\r\n                registrado en la plataforma.<\/strong>\r\n              <\/p>\r\n\r\n              <div class=\"support-highlight\">\r\n\r\n                <strong>Importante:<\/strong>\r\n                para activar y utilizar la cuenta\r\n                debes emplear el correo del\r\n                representante legal registrado.\r\n\r\n                El correo del estudiante\r\n                o de otro familiar no funcionar\u00e1\r\n                si no est\u00e1 registrado\r\n                como representante.\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/details>\r\n\r\n\r\n          <!-- PREGUNTA 2 -->\r\n\r\n          <details class=\"support-faq-item\">\r\n\r\n            <summary class=\"support-question\">\r\n\r\n              <span>\r\n                No encuentro el correo de\r\n                activaci\u00f3n. \u00bfQu\u00e9 hago?\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"support-plus\"\r\n                aria-hidden=\"true\">\r\n              <\/span>\r\n\r\n            <\/summary>\r\n\r\n            <div class=\"support-answer\">\r\n\r\n              <p>\r\n                Revisa todas las carpetas\r\n                de tu correo electr\u00f3nico,\r\n                especialmente\r\n                <strong>\r\n                  Spam, Correo no deseado,\r\n                  Promociones y Social.\r\n                <\/strong>\r\n              <\/p>\r\n\r\n              <p>\r\n                Tambi\u00e9n puedes utilizar\r\n                la barra de b\u00fasqueda\r\n                de tu correo y escribir\r\n                <strong>\u00abIdukay\u00bb<\/strong>\r\n                para localizar el mensaje\r\n                de activaci\u00f3n.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/details>\r\n\r\n\r\n          <!-- PREGUNTA 3 -->\r\n\r\n          <details class=\"support-faq-item\">\r\n\r\n            <summary class=\"support-question\">\r\n\r\n              <span>\r\n                \u00bfQu\u00e9 ocurre si el correo\r\n                registrado no es correcto?\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"support-plus\"\r\n                aria-hidden=\"true\">\r\n              <\/span>\r\n\r\n            <\/summary>\r\n\r\n            <div class=\"support-answer\">\r\n\r\n              <p>\r\n                Si el correo electr\u00f3nico\r\n                registrado del representante\r\n                ya no est\u00e1 activo, fue cambiado\r\n                o no corresponde al correo\r\n                que utiliza actualmente,\r\n                el representante deber\u00e1\r\n                <strong>\r\n                  acercarse a Secretar\u00eda\r\n                  de la instituci\u00f3n y solicitar\r\n                  la actualizaci\u00f3n de sus datos.\r\n                <\/strong>\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/details>\r\n\r\n\r\n          <!-- PREGUNTA 4 -->\r\n\r\n          <details class=\"support-faq-item\">\r\n\r\n            <summary class=\"support-question\">\r\n\r\n              <span>\r\n                Mis datos son correctos,\r\n                pero a\u00fan no puedo ingresar.\r\n                \u00bfQu\u00e9 hago?\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"support-plus\"\r\n                aria-hidden=\"true\">\r\n              <\/span>\r\n\r\n            <\/summary>\r\n\r\n            <div class=\"support-answer\">\r\n\r\n              <p>\r\n                Si ya revisaste todas\r\n                las carpetas de tu correo,\r\n                buscaste la palabra\r\n                <strong>\u00abIdukay\u00bb<\/strong>\r\n                y confirmaste que el correo\r\n                del representante registrado\r\n                es correcto, contin\u00faa\r\n                con el proceso de\r\n                <strong>\r\n                  recuperaci\u00f3n de contrase\u00f1a.\r\n                <\/strong>\r\n              <\/p>\r\n\r\n              <p>\r\n                Puedes seguir la gu\u00eda\r\n                disponible en la tarjeta\r\n                <strong>\r\n                  \u00ab\u00bfOlvidaste tu contrase\u00f1a?\u00bb\r\n                <\/strong>\r\n                ubicada junto a estas\r\n                preguntas frecuentes.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/details>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- PIE INSTITUCIONAL -->\r\n\r\n    <footer class=\"support-footer\">\r\n\r\n      <p>\r\n        <strong>\r\n          UEP Francisca de las Llagas\r\n        <\/strong>\r\n        <br>\r\n        Material de apoyo para nuestra\r\n        comunidad educativa.\r\n      <\/p>\r\n\r\n    <\/footer>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RECURSOS DIGITALES Plataformas Accede de forma r\u00e1pida a las plataformas y recursos digitales utilizados por nuestra comunidad educativa. Acceder a las plataformas ECOSISTEMA DIGITAL Nuestra comunidad, m\u00e1s conectada Centralizamos parte de nuestra gesti\u00f3n acad\u00e9mica en herramientas digitales que facilitan el acceso a informaci\u00f3n importante para estudiantes y familias. PLATAFORMA EDUCATIVA Portal Idukay Accede a tu [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-16047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/comments?post=16047"}],"version-history":[{"count":115,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16047\/revisions"}],"predecessor-version":[{"id":29901,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16047\/revisions\/29901"}],"wp:attachment":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/media?parent=16047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}