{"id":16898,"date":"2025-12-02T21:54:42","date_gmt":"2025-12-03T02:54:42","guid":{"rendered":"https:\/\/uepfranciscadelasllagas.com\/?page_id=16898"},"modified":"2026-09-14T18:08:34","modified_gmt":"2026-09-14T23:08:34","slug":"vida-estudiantil-2","status":"publish","type":"page","link":"https:\/\/uepfranciscadelasllagas.com\/index.php\/vida-estudiantil-2\/","title":{"rendered":"Vida Estudiantil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16898\" class=\"elementor elementor-16898\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-142968a e-flex e-con-boxed e-con e-parent\" data-id=\"142968a\" 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-bc5f610 elementor-widget elementor-widget-html\" data-id=\"bc5f610\" 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-vida-hero\"\r\n  style=\"\r\n    --hero-image:\r\n    url('https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/juramento-scaled.webp');\r\n  \"\r\n>\r\n  <div class=\"fradel-vida-hero__overlay\"><\/div>\r\n\r\n  <div class=\"fradel-vida-hero__inner\">\r\n\r\n    <div class=\"fradel-vida-hero__content\">\r\n\r\n      <span class=\"fradel-vida-hero__eyebrow\">\r\n        UEP FRANCISCA DE LAS LLAGAS\r\n      <\/span>\r\n\r\n      <h1>Vida Estudiantil<\/h1>\r\n\r\n      <p>\r\n        Experiencias que acompa\u00f1an el aprendizaje, fortalecen la\r\n        convivencia y permiten a nuestros estudiantes crecer\r\n        dentro y fuera del aula.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"fradel-vida-hero__scroll\"\r\n      href=\"#vida-contenido\"\r\n      aria-label=\"Continuar al contenido de Vida Estudiantil\"\r\n    >\r\n      <span>Descubre la vida estudiantil<\/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-vida-hero,\r\n.fradel-vida-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-vida-hero{\r\n  --navbar-height:86px;\r\n\r\n  width:100vw;\r\n  min-height:calc(100svh - var(--navbar-height));\r\n  min-height:calc(100dvh - var(--navbar-height));\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-vida-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,.91) 0%,\r\n      rgba(5,28,51,.78) 38%,\r\n      rgba(5,28,51,.47) 65%,\r\n      rgba(5,28,51,.18) 100%\r\n    );\r\n}\r\n\r\n.fradel-vida-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  height:42%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(3,19,34,.65),\r\n      transparent\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.fradel-vida-hero__inner{\r\n  width:min(1180px,100%);\r\n  min-height:inherit;\r\n\r\n  margin:0 auto;\r\n  padding:70px 24px 42px;\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-vida-hero__content{\r\n  width:min(750px,100%);\r\n  margin-bottom:46px;\r\n}\r\n\r\n.fradel-vida-hero__eyebrow{\r\n  display:inline-block;\r\n\r\n  margin-bottom:15px;\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  text-transform:uppercase;\r\n}\r\n\r\n.fradel-vida-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(50px,7vw,84px);\r\n  font-weight:500;\r\n\r\n  line-height:.99;\r\n  letter-spacing:-.035em;\r\n\r\n  text-shadow:0 3px 22px rgba(0,0,0,.18);\r\n}\r\n\r\n.fradel-vida-hero p{\r\n  max-width:680px;\r\n\r\n  margin:23px 0 0;\r\n\r\n  color:rgba(255,255,255,.92);\r\n\r\n  font-size:clamp(17px,2vw,20px);\r\n  line-height:1.7;\r\n}\r\n\r\n.fradel-vida-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-vida-hero__scroll svg{\r\n  animation:fradelVidaArrow 1.7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fradelVidaArrow{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(5px);}\r\n}\r\n\r\n@media(max-width:900px){\r\n  .fradel-vida-hero{\r\n    --navbar-height:80px;\r\n  }\r\n\r\n  .fradel-vida-hero__inner{\r\n    padding:55px 22px 38px;\r\n  }\r\n\r\n  .fradel-vida-hero h1{\r\n    font-size:clamp(48px,8vw,70px);\r\n  }\r\n}\r\n\r\n@media(max-width:600px){\r\n  .fradel-vida-hero{\r\n    --navbar-height:74px;\r\n  }\r\n\r\n  .fradel-vida-hero__overlay{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(4,22,40,.18) 0%,\r\n        rgba(4,22,40,.37) 31%,\r\n        rgba(4,22,40,.79) 64%,\r\n        rgba(4,22,40,.95) 100%\r\n      );\r\n  }\r\n\r\n  .fradel-vida-hero__inner{\r\n    padding:42px 20px 28px;\r\n  }\r\n\r\n  .fradel-vida-hero__content{\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  .fradel-vida-hero__eyebrow{\r\n    font-size:10px;\r\n  }\r\n\r\n  .fradel-vida-hero h1{\r\n    font-size:clamp(42px,12.5vw,58px);\r\n  }\r\n\r\n  .fradel-vida-hero p{\r\n    margin-top:18px;\r\n    font-size:16px;\r\n    line-height:1.6;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .fradel-vida-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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5f74b2 e-con-full e-flex e-con e-parent\" data-id=\"c5f74b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74957a6 elementor-widget elementor-widget-html\" data-id=\"74957a6\" 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 class=\"fradel-honor\" aria-labelledby=\"fradel-honor-title\">\r\n\r\n  <!-- =====================================================\r\n       ENCABEZADO\r\n       ===================================================== -->\r\n\r\n  <header class=\"fradel-honor__header\">\r\n\r\n    <h2 id=\"fradel-honor-title\">\r\n      Cuadro de Honor\r\n    <\/h2>\r\n\r\n    <div class=\"fradel-honor__year\">\r\n      A\u00f1o lectivo 2026\u20132027\r\n    <\/div>\r\n\r\n    <p class=\"fradel-honor__intro\">\r\n      La Unidad Educativa Particular Francisca de las Llagas tiene el honor\r\n      de presentar a los estudiantes que representan con orgullo nuestros\r\n      s\u00edmbolos, como reconocimiento a su excelencia, esfuerzo y compromiso.\r\n    <\/p>\r\n\r\n    <div class=\"fradel-honor__ornament\" aria-hidden=\"true\">\r\n      <span><\/span>\r\n      <i>\u2726<\/i>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n  <\/header>\r\n\r\n\r\n  <!-- =====================================================\r\n       CARRUSEL\r\n       ===================================================== -->\r\n\r\n  <div class=\"fradel-honor__carousel\">\r\n\r\n    <button\r\n      class=\"fradel-honor__arrow fradel-honor__arrow--prev\"\r\n      type=\"button\"\r\n      aria-label=\"Representaci\u00f3n anterior\"\r\n    >\r\n      \u2039\r\n    <\/button>\r\n\r\n\r\n    <div class=\"fradel-honor__viewport\">\r\n\r\n      <div class=\"fradel-honor__track\">\r\n\r\n\r\n        <!-- =================================================\r\n             1. PABELL\u00d3N NACIONAL\r\n             ================================================= -->\r\n\r\n        <article class=\"fradel-honor__slide\">\r\n\r\n          <div class=\"fradel-honor-card\">\r\n\r\n            <div class=\"fradel-honor-card__photo\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2026\/09\/nacional.jpeg\"\r\n                alt=\"Abanderado y escoltas del Pabell\u00f3n Nacional\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"fradel-honor-card__photo-shade\"><\/div>\r\n\r\n              <div class=\"fradel-honor-card__category\">\r\n                <span>Representaci\u00f3n<\/span>\r\n                <strong>Pabell\u00f3n Nacional<\/strong>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fradel-honor-card__people\">\r\n\r\n              <div class=\"fradel-honor-card__principal\">\r\n\r\n                <span class=\"fradel-honor-card__role\">\r\n                  Abanderado\r\n                <\/span>\r\n\r\n                <h3>\r\n                  Maykel Fernando\r\n                  <span>Simba\u00f1a Vallejo<\/span>\r\n                <\/h3>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fradel-honor-tree\" aria-hidden=\"true\">\r\n\r\n                <div class=\"fradel-honor-tree__vertical\"><\/div>\r\n                <div class=\"fradel-honor-tree__horizontal\"><\/div>\r\n                <div class=\"fradel-honor-tree__left\"><\/div>\r\n                <div class=\"fradel-honor-tree__right\"><\/div>\r\n                <div class=\"fradel-honor-tree__dot\"><\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fradel-honor-card__escorts\">\r\n\r\n                <div class=\"fradel-honor-person\">\r\n\r\n                  <span class=\"fradel-honor-card__role\">\r\n                    Primera escolta\r\n                  <\/span>\r\n\r\n                  <h4>\r\n                    Gabriela Sara\u00ed\r\n                    <span>Cumbal Gualotu\u00f1a<\/span>\r\n                  <\/h4>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"fradel-honor-person\">\r\n\r\n                  <span class=\"fradel-honor-card__role\">\r\n                    Segunda escolta\r\n                  <\/span>\r\n\r\n                  <h4>\r\n                    Isabella Alejandra\r\n                    <span>Medina Morillo<\/span>\r\n                  <\/h4>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             2. ESTANDARTE DE LA CIUDAD\r\n             ================================================= -->\r\n\r\n        <article class=\"fradel-honor__slide\">\r\n\r\n          <div class=\"fradel-honor-card\">\r\n\r\n            <div class=\"fradel-honor-card__photo\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2026\/09\/ciudad.jpeg\"\r\n                alt=\"Portaestandarte y escoltas del Estandarte de la Ciudad\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"fradel-honor-card__photo-shade\"><\/div>\r\n\r\n              <div class=\"fradel-honor-card__category\">\r\n                <span>Representaci\u00f3n<\/span>\r\n                <strong>Estandarte de la Ciudad<\/strong>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fradel-honor-card__people\">\r\n\r\n              <div class=\"fradel-honor-card__principal\">\r\n\r\n                <span class=\"fradel-honor-card__role\">\r\n                  Portaestandarte de la Ciudad\r\n                <\/span>\r\n\r\n                <h3>\r\n                  Cristhian Andr\u00e9s\r\n                  <span>Cadena Gaibor<\/span>\r\n                <\/h3>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fradel-honor-tree\" aria-hidden=\"true\">\r\n\r\n                <div class=\"fradel-honor-tree__vertical\"><\/div>\r\n                <div class=\"fradel-honor-tree__horizontal\"><\/div>\r\n                <div class=\"fradel-honor-tree__left\"><\/div>\r\n                <div class=\"fradel-honor-tree__right\"><\/div>\r\n                <div class=\"fradel-honor-tree__dot\"><\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fradel-honor-card__escorts\">\r\n\r\n                <div class=\"fradel-honor-person\">\r\n\r\n                  <span class=\"fradel-honor-card__role\">\r\n                    Primer escolta\r\n                  <\/span>\r\n\r\n                  <h4>\r\n                    V\u00edctor Mateo\r\n                    <span>Villarroel Torres<\/span>\r\n                  <\/h4>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"fradel-honor-person\">\r\n\r\n                  <span class=\"fradel-honor-card__role\">\r\n                    Segunda escolta\r\n                  <\/span>\r\n\r\n                  <h4>\r\n                    Mar\u00eda Jos\u00e9\r\n                    <span>Mosquera Baquero<\/span>\r\n                  <\/h4>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             3. ESTANDARTE DE LA INSTITUCI\u00d3N\r\n             ================================================= -->\r\n\r\n        <article class=\"fradel-honor__slide\">\r\n\r\n          <div class=\"fradel-honor-card\">\r\n\r\n            <div class=\"fradel-honor-card__photo\">\r\n\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2026\/09\/institucion.jpeg\"\r\n                alt=\"Portaestandarte y escoltas de la Instituci\u00f3n\"\r\n                loading=\"lazy\"\r\n              >\r\n\r\n              <div class=\"fradel-honor-card__photo-shade\"><\/div>\r\n\r\n              <div class=\"fradel-honor-card__category\">\r\n                <span>Representaci\u00f3n<\/span>\r\n                <strong>Estandarte de la Instituci\u00f3n<\/strong>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fradel-honor-card__people\">\r\n\r\n              <div class=\"fradel-honor-card__principal\">\r\n\r\n                <span class=\"fradel-honor-card__role\">\r\n                  Portaestandarte de la Instituci\u00f3n\r\n                <\/span>\r\n\r\n                <h3>\r\n                  Mayte Abigail\r\n                  <span>S\u00e1nchez Coronel<\/span>\r\n                <\/h3>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fradel-honor-tree\" aria-hidden=\"true\">\r\n\r\n                <div class=\"fradel-honor-tree__vertical\"><\/div>\r\n                <div class=\"fradel-honor-tree__horizontal\"><\/div>\r\n                <div class=\"fradel-honor-tree__left\"><\/div>\r\n                <div class=\"fradel-honor-tree__right\"><\/div>\r\n                <div class=\"fradel-honor-tree__dot\"><\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fradel-honor-card__escorts\">\r\n\r\n                <div class=\"fradel-honor-person\">\r\n\r\n                  <span class=\"fradel-honor-card__role\">\r\n                    Primera escolta\r\n                  <\/span>\r\n\r\n                  <h4>\r\n                    Danna Valentina\r\n                    <span>Guerra Altamirano<\/span>\r\n                  <\/h4>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"fradel-honor-person\">\r\n\r\n                  <span class=\"fradel-honor-card__role\">\r\n                    Segunda escolta\r\n                  <\/span>\r\n\r\n                  <h4>\r\n                    Lia Rafaela\r\n                    <span>Alvarado Naranjo<\/span>\r\n                  <\/h4>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n      class=\"fradel-honor__arrow fradel-honor__arrow--next\"\r\n      type=\"button\"\r\n      aria-label=\"Siguiente representaci\u00f3n\"\r\n    >\r\n      \u203a\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       INDICADORES\r\n       ===================================================== -->\r\n\r\n  <div class=\"fradel-honor__dots\">\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"fradel-honor__dot is-active\"\r\n      aria-label=\"Ver Pabell\u00f3n Nacional\"\r\n    ><\/button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"fradel-honor__dot\"\r\n      aria-label=\"Ver Estandarte de la Ciudad\"\r\n    ><\/button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"fradel-honor__dot\"\r\n      aria-label=\"Ver Estandarte de la Instituci\u00f3n\"\r\n    ><\/button>\r\n\r\n  <\/div>\r\n\r\n\r\n  <p class=\"fradel-honor__caption\">\r\n    Excelencia que inspira \u00b7 Valores que representan \u00b7 Orgullo que nos une\r\n  <\/p>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   CUADRO DE HONOR\r\n   ========================================================= *\/\r\n\r\n.fradel-honor {\r\n  --navy: #071c31;\r\n  --blue: #0b2a4a;\r\n  --blue-light: #123c65;\r\n  --gold: #d8b957;\r\n  --gold-dark: #b58d2b;\r\n  --beige: #f7f3e8;\r\n  --text: #34475a;\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  padding: 78px 24px 82px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 0%,\r\n      rgba(216,185,87,.08),\r\n      transparent 35%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff,\r\n      #faf8f3\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BANDERAS DECORATIVAS\r\n   ========================================================= *\/\r\n\r\n.fradel-honor::before,\r\n.fradel-honor::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 0;\r\n\r\n  width: 220px;\r\n  height: 420px;\r\n\r\n  background-repeat: no-repeat;\r\n  background-size: contain;\r\n\r\n  opacity: .10;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n.fradel-honor::before {\r\n  left: -55px;\r\n  top: 190px;\r\n\r\n  background-image:\r\n    url(\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/banderas2.webp\");\r\n\r\n  background-position: left center;\r\n}\r\n\r\n\r\n.fradel-honor::after {\r\n  right: -60px;\r\n  top: 230px;\r\n\r\n  background-image:\r\n    url(\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/banderas.webp\");\r\n\r\n  background-position: right center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ENCABEZADO\r\n   ========================================================= *\/\r\n\r\n.fradel-honor__header {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  max-width: 820px;\r\n\r\n  margin: 0 auto 44px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n.fradel-honor__eyebrow {\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: var(--gold-dark);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .18em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.fradel-honor__header h2 {\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(38px, 5vw, 58px);\r\n\r\n  line-height: 1.06;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   A\u00d1O LECTIVO\r\n   ========================================================= *\/\r\n\r\n.fradel-honor__year {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  margin-top: 14px;\r\n\r\n  padding: 7px 17px;\r\n\r\n  color: var(--gold-dark);\r\n\r\n  background:\r\n    rgba(216,185,87,.08);\r\n\r\n  border:\r\n    1px solid rgba(216,185,87,.28);\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.fradel-honor__intro {\r\n  max-width: 750px;\r\n\r\n  margin: 18px auto 0;\r\n\r\n  color: #627283;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n.fradel-honor__ornament {\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 11px;\r\n\r\n  margin-top: 23px;\r\n}\r\n\r\n\r\n.fradel-honor__ornament span {\r\n  width: 42px;\r\n  height: 1px;\r\n\r\n  background: var(--gold);\r\n}\r\n\r\n\r\n.fradel-honor__ornament i {\r\n  color: var(--gold);\r\n\r\n  font-size: 10px;\r\n  font-style: normal;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARRUSEL\r\n   ========================================================= *\/\r\n\r\n.fradel-honor__carousel {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  max-width: 1000px;\r\n\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n.fradel-honor__viewport {\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 28px;\r\n}\r\n\r\n\r\n.fradel-honor__track {\r\n  display: flex;\r\n\r\n  width: 100%;\r\n\r\n  transition:\r\n    transform .6s cubic-bezier(.22,.61,.36,1);\r\n\r\n  will-change: transform;\r\n}\r\n\r\n\r\n.fradel-honor__slide {\r\n  min-width: 100%;\r\n\r\n  padding: 4px 55px 18px;\r\n\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TARJETA PRINCIPAL\r\n   ========================================================= *\/\r\n\r\n.fradel-honor-card {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(360px, .95fr)\r\n    minmax(390px, 1.05fr);\r\n\r\n  min-height: 640px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid rgba(7,28,49,.08);\r\n\r\n  border-radius: 26px;\r\n\r\n  box-shadow:\r\n    0 24px 65px rgba(7,28,49,.13);\r\n}\r\n\r\n\r\n\/* L\u00cdNEA DORADA SUPERIOR *\/\r\n\r\n.fradel-honor-card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 5;\r\n\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n\r\n  height: 4px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--gold),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FOTO\r\n   ========================================================= *\/\r\n\r\n.fradel-honor-card__photo {\r\n  position: relative;\r\n\r\n  min-height: 640px;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #e7eaed;\r\n}\r\n\r\n\r\n.fradel-honor-card__photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\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.fradel-honor-card__photo-shade {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(7,28,49,.72) 0%,\r\n      rgba(7,28,49,.15) 39%,\r\n      transparent 66%\r\n    );\r\n}\r\n\r\n\r\n.fradel-honor-card__category {\r\n  position: absolute;\r\n\r\n  z-index: 2;\r\n\r\n  left: 30px;\r\n  right: 30px;\r\n  bottom: 28px;\r\n}\r\n\r\n\r\n.fradel-honor-card__category span {\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color: var(--gold);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .16em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.fradel-honor-card__category strong {\r\n  display: block;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 28px;\r\n\r\n  line-height: 1.17;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PERSONAS\r\n   ========================================================= *\/\r\n\r\n.fradel-honor-card__people {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  padding: 50px 42px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      155deg,\r\n      #ffffff 0%,\r\n      #fcfbf7 100%\r\n    );\r\n}\r\n\r\n\r\n\/* PRINCIPAL *\/\r\n\r\n.fradel-honor-card__principal {\r\n  max-width: 360px;\r\n\r\n  margin: 0 auto;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n.fradel-honor-card__role {\r\n  display: block;\r\n\r\n  margin-bottom: 8px;\r\n\r\n  color: var(--gold-dark);\r\n\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .12em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n.fradel-honor-card__principal h3 {\r\n  margin: 0;\r\n\r\n  color: var(--navy);\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 28px;\r\n\r\n  line-height: 1.2;\r\n}\r\n\r\n\r\n.fradel-honor-card__principal h3 span,\r\n.fradel-honor-person h4 span {\r\n  display: block;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TRI\u00c1NGULO\r\n   ========================================================= *\/\r\n\r\n.fradel-honor-tree {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 68px;\r\n\r\n  margin: 15px 0 0;\r\n}\r\n\r\n\r\n.fradel-honor-tree__vertical {\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 50%;\r\n\r\n  width: 1px;\r\n  height: 34px;\r\n\r\n  background:\r\n    rgba(184,143,43,.65);\r\n}\r\n\r\n\r\n.fradel-honor-tree__horizontal {\r\n  position: absolute;\r\n\r\n  left: 25%;\r\n  right: 25%;\r\n  top: 33px;\r\n\r\n  height: 1px;\r\n\r\n  background:\r\n    rgba(184,143,43,.65);\r\n}\r\n\r\n\r\n.fradel-honor-tree__left,\r\n.fradel-honor-tree__right {\r\n  position: absolute;\r\n\r\n  top: 33px;\r\n\r\n  width: 1px;\r\n  height: 35px;\r\n\r\n  background:\r\n    rgba(184,143,43,.65);\r\n}\r\n\r\n\r\n.fradel-honor-tree__left {\r\n  left: 25%;\r\n}\r\n\r\n\r\n.fradel-honor-tree__right {\r\n  right: 25%;\r\n}\r\n\r\n\r\n.fradel-honor-tree__dot {\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  top: 29px;\r\n\r\n  width: 9px;\r\n  height: 9px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  background: var(--gold);\r\n\r\n  border: 2px solid #ffffff;\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    0 0 0 1px rgba(184,143,43,.4);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ESCOLTAS\r\n   ========================================================= *\/\r\n\r\n.fradel-honor-card__escorts {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0,1fr));\r\n\r\n  gap: 18px;\r\n}\r\n\r\n\r\n.fradel-honor-person {\r\n  min-height: 125px;\r\n\r\n  padding: 19px 14px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid rgba(7,28,49,.08);\r\n\r\n  border-radius: 14px;\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(7,28,49,.05);\r\n}\r\n\r\n\r\n.fradel-honor-person h4 {\r\n  margin: 0;\r\n\r\n  color: var(--text);\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 16px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLECHAS\r\n   ========================================================= *\/\r\n\r\n.fradel-honor__arrow {\r\n  position: absolute;\r\n\r\n  z-index: 10;\r\n\r\n  top: 50%;\r\n\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  transform:\r\n    translateY(-50%);\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  padding: 0;\r\n\r\n  background: var(--navy);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.15);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Arial, sans-serif;\r\n\r\n  font-size: 32px;\r\n  line-height: 1;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    0 8px 25px rgba(7,28,49,.18);\r\n\r\n  transition:\r\n    background .2s ease,\r\n    color .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n\r\n.fradel-honor__arrow:hover {\r\n  background: var(--gold);\r\n\r\n  color: var(--navy);\r\n\r\n  transform:\r\n    translateY(-50%) scale(1.05);\r\n}\r\n\r\n\r\n.fradel-honor__arrow--prev {\r\n  left: 0;\r\n}\r\n\r\n\r\n.fradel-honor__arrow--next {\r\n  right: 0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PUNTOS\r\n   ========================================================= *\/\r\n\r\n.fradel-honor__dots {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 9px;\r\n\r\n  margin-top: 18px;\r\n}\r\n\r\n\r\n.fradel-honor__dot {\r\n  width: 9px;\r\n  height: 9px;\r\n\r\n  padding: 0;\r\n\r\n  background: #cbd2d9;\r\n\r\n  border: 0;\r\n  border-radius: 999px;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    width .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n\r\n.fradel-honor__dot.is-active {\r\n  width: 30px;\r\n\r\n  background: var(--gold);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FRASE FINAL\r\n   ========================================================= *\/\r\n\r\n.fradel-honor__caption {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin: 20px 0 0;\r\n\r\n  color: #87919a;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size: 13px;\r\n  font-style: italic;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .fradel-honor__slide {\r\n    padding:\r\n      4px 48px 16px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card {\r\n    grid-template-columns: 1fr;\r\n\r\n    min-height: auto;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__photo {\r\n    min-height: 560px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__people {\r\n    padding:\r\n      40px 35px 44px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   M\u00d3VIL\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-honor {\r\n    padding:\r\n      56px 0 60px;\r\n  }\r\n\r\n\r\n  .fradel-honor::before,\r\n  .fradel-honor::after {\r\n    width: 120px;\r\n\r\n    opacity: .06;\r\n  }\r\n\r\n\r\n  .fradel-honor__header {\r\n    padding:\r\n      0 22px;\r\n\r\n    margin-bottom:\r\n      30px;\r\n  }\r\n\r\n\r\n  .fradel-honor__header h2 {\r\n    font-size: 39px;\r\n  }\r\n\r\n\r\n  .fradel-honor__year {\r\n    margin-top: 12px;\r\n\r\n    padding:\r\n      6px 13px;\r\n\r\n    font-size: 10px;\r\n  }\r\n\r\n\r\n  .fradel-honor__intro {\r\n    font-size: 14px;\r\n\r\n    line-height: 1.7;\r\n  }\r\n\r\n\r\n  .fradel-honor__slide {\r\n    padding:\r\n      4px 18px 14px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card {\r\n    border-radius: 20px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__photo {\r\n    min-height: auto;\r\n\r\n    aspect-ratio:\r\n      4 \/ 5;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__category {\r\n    left: 20px;\r\n    right: 20px;\r\n    bottom: 20px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__category strong {\r\n    font-size: 23px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__people {\r\n    padding:\r\n      32px 18px 30px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__principal h3 {\r\n    font-size: 23px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__escorts {\r\n    gap: 10px;\r\n  }\r\n\r\n\r\n  .fradel-honor-person {\r\n    min-height: 120px;\r\n\r\n    padding:\r\n      16px 8px;\r\n  }\r\n\r\n\r\n  .fradel-honor-person h4 {\r\n    font-size: 14px;\r\n  }\r\n\r\n\r\n  .fradel-honor-card__role {\r\n    font-size: 9px;\r\n  }\r\n\r\n\r\n  .fradel-honor__arrow {\r\n    width: 40px;\r\n    height: 40px;\r\n\r\n    top: 34%;\r\n\r\n    font-size: 27px;\r\n\r\n    background:\r\n      rgba(7,28,49,.88);\r\n  }\r\n\r\n\r\n  .fradel-honor__arrow--prev {\r\n    left: 7px;\r\n  }\r\n\r\n\r\n  .fradel-honor__arrow--next {\r\n    right: 7px;\r\n  }\r\n\r\n\r\n  .fradel-honor__caption {\r\n    padding:\r\n      0 20px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n  const section =\r\n    document.querySelector(\".fradel-honor\");\r\n\r\n  if (!section) return;\r\n\r\n\r\n  const track =\r\n    section.querySelector(\r\n      \".fradel-honor__track\"\r\n    );\r\n\r\n\r\n  const slides =\r\n    section.querySelectorAll(\r\n      \".fradel-honor__slide\"\r\n    );\r\n\r\n\r\n  const dots =\r\n    section.querySelectorAll(\r\n      \".fradel-honor__dot\"\r\n    );\r\n\r\n\r\n  const prev =\r\n    section.querySelector(\r\n      \".fradel-honor__arrow--prev\"\r\n    );\r\n\r\n\r\n  const next =\r\n    section.querySelector(\r\n      \".fradel-honor__arrow--next\"\r\n    );\r\n\r\n\r\n  let current = 0;\r\n\r\n\r\n  \/* =========================================================\r\n     CONFIGURACI\u00d3N DEL CAMBIO AUTOM\u00c1TICO\r\n\r\n     10000 = 10 segundos\r\n     ========================================================= *\/\r\n\r\n  const AUTO_DELAY = 10000;\r\n\r\n  let autoTimer = null;\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     MOSTRAR TARJETA\r\n     ========================================================= *\/\r\n\r\n  function showSlide(index) {\r\n\r\n    if (index < 0) {\r\n\r\n      index =\r\n        slides.length - 1;\r\n\r\n    }\r\n\r\n\r\n    if (index >= slides.length) {\r\n\r\n      index = 0;\r\n\r\n    }\r\n\r\n\r\n    current = index;\r\n\r\n\r\n    track.style.transform =\r\n      \"translateX(-\" +\r\n      (current * 100) +\r\n      \"%)\";\r\n\r\n\r\n    dots.forEach(\r\n      function(dot, dotIndex) {\r\n\r\n        dot.classList.toggle(\r\n          \"is-active\",\r\n          dotIndex === current\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     INICIAR CAMBIO AUTOM\u00c1TICO\r\n     ========================================================= *\/\r\n\r\n  function startAutoPlay() {\r\n\r\n    clearTimeout(autoTimer);\r\n\r\n\r\n    autoTimer =\r\n      setTimeout(\r\n        function () {\r\n\r\n          showSlide(\r\n            current + 1\r\n          );\r\n\r\n\r\n          startAutoPlay();\r\n\r\n        },\r\n        AUTO_DELAY\r\n      );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     REINICIAR EL CONTADOR\r\n\r\n     Cada interacci\u00f3n manual vuelve a empezar\r\n     los 10 segundos desde cero.\r\n     ========================================================= *\/\r\n\r\n  function resetAutoPlay() {\r\n\r\n    clearTimeout(autoTimer);\r\n\r\n    startAutoPlay();\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     FLECHA ANTERIOR\r\n     ========================================================= *\/\r\n\r\n  prev.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      showSlide(\r\n        current - 1\r\n      );\r\n\r\n\r\n      resetAutoPlay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     FLECHA SIGUIENTE\r\n     ========================================================= *\/\r\n\r\n  next.addEventListener(\r\n    \"click\",\r\n    function () {\r\n\r\n      showSlide(\r\n        current + 1\r\n      );\r\n\r\n\r\n      resetAutoPlay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PUNTOS\r\n     ========================================================= *\/\r\n\r\n  dots.forEach(\r\n    function(dot, index) {\r\n\r\n      dot.addEventListener(\r\n        \"click\",\r\n        function () {\r\n\r\n          showSlide(index);\r\n\r\n          resetAutoPlay();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     SWIPE EN CELULAR\r\n     ========================================================= *\/\r\n\r\n  let startX = 0;\r\n\r\n\r\n  track.addEventListener(\r\n    \"touchstart\",\r\n    function(event) {\r\n\r\n      startX =\r\n        event.touches[0].clientX;\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n  track.addEventListener(\r\n    \"touchend\",\r\n    function(event) {\r\n\r\n      const endX =\r\n        event.changedTouches[0].clientX;\r\n\r\n\r\n      const difference =\r\n        startX - endX;\r\n\r\n\r\n      if (\r\n        Math.abs(difference) < 50\r\n      ) {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if (difference > 0) {\r\n\r\n        showSlide(\r\n          current + 1\r\n        );\r\n\r\n      } else {\r\n\r\n        showSlide(\r\n          current - 1\r\n        );\r\n\r\n      }\r\n\r\n\r\n      resetAutoPlay();\r\n\r\n    },\r\n    {\r\n      passive: true\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PAUSA CON EL CURSOR\r\n\r\n     Mientras el visitante tenga el mouse\r\n     sobre el carrusel, no cambia autom\u00e1ticamente.\r\n     ========================================================= *\/\r\n\r\n  section.addEventListener(\r\n    \"mouseenter\",\r\n    function () {\r\n\r\n      clearTimeout(autoTimer);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  section.addEventListener(\r\n    \"mouseleave\",\r\n    function () {\r\n\r\n      startAutoPlay();\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     PAUSA SI EL VISITANTE CAMBIA DE PESTA\u00d1A\r\n     ========================================================= *\/\r\n\r\n  document.addEventListener(\r\n    \"visibilitychange\",\r\n    function () {\r\n\r\n      if (document.hidden) {\r\n\r\n        clearTimeout(autoTimer);\r\n\r\n      } else {\r\n\r\n        startAutoPlay();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n     INICIO\r\n     ========================================================= *\/\r\n\r\n  showSlide(0);\r\n\r\n  startAutoPlay();\r\n\r\n});\r\n<\/script>\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-4cf7010 e-con-full e-flex e-con e-parent\" data-id=\"4cf7010\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97336a1 elementor-widget elementor-widget-html\" data-id=\"97336a1\" 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<style>\r\n\/* =========================================================\r\n   NUESTROS ESPACIOS\r\n========================================================= *\/\r\n\r\n.fradel-espacios {\r\n  --azul: #123f69;\r\n  --azul-profundo: #082c4d;\r\n  --dorado: #cba75e;\r\n  --texto: #253746;\r\n  --texto-suave: #687987;\r\n  --beige: #f7f3e9;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n\r\n  padding: 100px 0;\r\n\r\n  background: #ffffff;\r\n}\r\n\r\n.fradel-espacios * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fradel-espacios-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* CABECERA *\/\r\n\r\n.fradel-espacios-header {\r\n  max-width: 790px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.fradel-espacios-eyebrow {\r\n  display: inline-block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: var(--dorado);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.fradel-espacios-header h2 {\r\n  margin: 0 0 18px;\r\n\r\n  color: var(--azul-profundo);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: clamp(36px, 4vw, 54px);\r\n  line-height: 1.08;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.fradel-espacios-header p {\r\n  max-width: 690px;\r\n\r\n  margin: 0 auto;\r\n\r\n  color: var(--texto-suave);\r\n\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n.fradel-espacios-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n  gap: 26px;\r\n}\r\n\r\n\r\n\/* TARJETA *\/\r\n\r\n.fradel-espacio-card {\r\n  position: relative;\r\n\r\n  min-height: 430px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 14px;\r\n\r\n  background: #082c4d;\r\n\r\n  box-shadow:\r\n    0 12px 35px rgba(8,44,77,.12);\r\n}\r\n\r\n.fradel-espacio-card img {\r\n  position: absolute;\r\n\r\n  inset: 0;\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  transition:\r\n    transform .7s ease,\r\n    filter .7s ease;\r\n}\r\n\r\n.fradel-espacio-card:hover img {\r\n  transform: scale(1.045);\r\n}\r\n\r\n\r\n\/* SOMBRA FOTO *\/\r\n\r\n.fradel-espacio-overlay {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(4,19,32,.02) 25%,\r\n      rgba(4,25,43,.15) 48%,\r\n      rgba(4,27,47,.90) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* TEXTO *\/\r\n\r\n.fradel-espacio-content {\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  z-index: 2;\r\n\r\n  padding: 32px;\r\n}\r\n\r\n.fradel-espacio-numero {\r\n  display: inline-block;\r\n\r\n  margin-bottom: 13px;\r\n\r\n  color: var(--dorado);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.fradel-espacio-content h3 {\r\n  margin: 0 0 10px;\r\n\r\n  color: #ffffff;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: 29px;\r\n  line-height: 1.2;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.fradel-espacio-content p {\r\n  max-width: 490px;\r\n\r\n  margin: 0;\r\n\r\n  color: rgba(255,255,255,.82);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n  .fradel-espacios {\r\n    padding: 80px 0;\r\n  }\r\n\r\n  .fradel-espacios-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .fradel-espacio-card {\r\n    min-height: 430px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* CELULAR *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-espacios {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  .fradel-espacios-container {\r\n    width: min(100% - 32px, 1180px);\r\n  }\r\n\r\n  .fradel-espacios-header {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .fradel-espacios-header p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .fradel-espacio-card {\r\n    min-height: 360px;\r\n  }\r\n\r\n  .fradel-espacio-content {\r\n    padding: 24px;\r\n  }\r\n\r\n  .fradel-espacio-content h3 {\r\n    font-size: 25px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fradel-espacios\">\r\n\r\n  <div class=\"fradel-espacios-container\">\r\n\r\n\r\n    <div class=\"fradel-espacios-header\">\r\n\r\n      <span class=\"fradel-espacios-eyebrow\">\r\n        Vida Estudiantil\r\n      <\/span>\r\n\r\n      <h2>\r\n        Nuestros Espacios de Encuentro\r\n      <\/h2>\r\n\r\n      <p>\r\n        Contamos con espacios pensados para el deporte, la convivencia,\r\n        la recreaci\u00f3n y el desarrollo integral de nuestros estudiantes.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"fradel-espacios-grid\">\r\n\r\n\r\n      <!-- CANCHAS -->\r\n\r\n      <article class=\"fradel-espacio-card\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/canchas-scaled.webp\"\r\n          alt=\"Canchas deportivas de la instituci\u00f3n\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"fradel-espacio-overlay\"><\/div>\r\n\r\n        <div class=\"fradel-espacio-content\">\r\n\r\n          <span class=\"fradel-espacio-numero\">\r\n            01 \u00b7 DEPORTE\r\n          <\/span>\r\n\r\n          <h3>\r\n            Canchas Deportivas\r\n          <\/h3>\r\n\r\n          <p>\r\n            Espacios para la pr\u00e1ctica de f\u00fatbol, b\u00e1squet y diferentes\r\n            actividades deportivas que fortalecen una vida saludable,\r\n            el compa\u00f1erismo y el juego limpio.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- COLISEO -->\r\n\r\n      <article class=\"fradel-espacio-card\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/coliseo-scaled.webp\"\r\n          alt=\"Coliseo de la instituci\u00f3n\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"fradel-espacio-overlay\"><\/div>\r\n\r\n        <div class=\"fradel-espacio-content\">\r\n\r\n          <span class=\"fradel-espacio-numero\">\r\n            02 \u00b7 ENCUENTROS\r\n          <\/span>\r\n\r\n          <h3>\r\n            Coliseo\r\n          <\/h3>\r\n\r\n          <p>\r\n            El coraz\u00f3n de muchos de nuestros encuentros institucionales,\r\n            actividades culturales, programas especiales y eventos\r\n            deportivos.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- PISCINA -->\r\n\r\n      <article class=\"fradel-espacio-card\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/psicina-scaled.webp\"\r\n          alt=\"Piscina de la instituci\u00f3n\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"fradel-espacio-overlay\"><\/div>\r\n\r\n        <div class=\"fradel-espacio-content\">\r\n\r\n          <span class=\"fradel-espacio-numero\">\r\n            03 \u00b7 RECREACI\u00d3N\r\n          <\/span>\r\n\r\n          <h3>\r\n            Piscina\r\n          <\/h3>\r\n\r\n          <p>\r\n            Un espacio para desarrollar habilidades acu\u00e1ticas,\r\n            fortalecer la actividad f\u00edsica y brindar experiencias\r\n            recreativas a nuestros estudiantes.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- BAR -->\r\n\r\n      <article class=\"fradel-espacio-card\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/09\/bar-fradell-scaled.webp\"\r\n          alt=\"Bar estudiantil de la instituci\u00f3n\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <div class=\"fradel-espacio-overlay\"><\/div>\r\n\r\n        <div class=\"fradel-espacio-content\">\r\n\r\n          <span class=\"fradel-espacio-numero\">\r\n            04 \u00b7 CONVIVENCIA\r\n          <\/span>\r\n\r\n          <h3>\r\n            Bar Estudiantil\r\n          <\/h3>\r\n\r\n          <p>\r\n            Un punto de encuentro durante la jornada escolar donde\r\n            nuestros estudiantes pueden compartir, descansar y\r\n            recargar energ\u00edas.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1280836 e-flex e-con-boxed e-con e-parent\" data-id=\"1280836\" 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-8877dd6 elementor-widget elementor-widget-html\" data-id=\"8877dd6\" 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<style>\r\n\/* =========================================================\r\n   LABORATORIOS\r\n========================================================= *\/\r\n\r\n.fradel-laboratorios {\r\n  --azul: #123f69;\r\n  --azul-profundo: #082c4d;\r\n  --dorado: #cba75e;\r\n  --beige: #f5f1e8;\r\n  --texto: #263746;\r\n  --texto-suave: #697987;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n\r\n  padding: 100px 0;\r\n\r\n  background: var(--beige);\r\n}\r\n\r\n.fradel-laboratorios * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fradel-labs-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* CABECERA *\/\r\n\r\n.fradel-labs-header {\r\n  max-width: 790px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.fradel-labs-eyebrow {\r\n  display: inline-block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: var(--dorado);\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.fradel-labs-header h2 {\r\n  margin: 0 0 18px;\r\n\r\n  color: var(--azul-profundo);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: clamp(36px, 4vw, 54px);\r\n  line-height: 1.08;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.fradel-labs-header p {\r\n  max-width: 700px;\r\n\r\n  margin: 0 auto;\r\n\r\n  color: var(--texto-suave);\r\n\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* GRID *\/\r\n\r\n.fradel-labs-grid {\r\n  display: grid;\r\n\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n  gap: 20px;\r\n}\r\n\r\n\r\n\/* BLOQUE *\/\r\n\r\n.fradel-lab-card {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns: 65px 1fr;\r\n\r\n  gap: 22px;\r\n\r\n  align-items: start;\r\n\r\n  padding: 32px;\r\n\r\n  background: rgba(255,255,255,.72);\r\n\r\n  border: 1px solid rgba(8,44,77,.07);\r\n  border-radius: 12px;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.fradel-lab-card:hover {\r\n  transform: translateY(-4px);\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(8,44,77,.08);\r\n}\r\n\r\n\r\n\/* ICONO *\/\r\n\r\n.fradel-lab-icon {\r\n  width: 58px;\r\n  height: 58px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: var(--azul);\r\n\r\n  background: rgba(18,63,105,.07);\r\n\r\n  border-radius: 50%;\r\n\r\n  font-size: 25px;\r\n}\r\n\r\n\r\n\/* TEXTO *\/\r\n\r\n.fradel-lab-text h3 {\r\n  margin: 2px 0 10px;\r\n\r\n  color: var(--azul-profundo);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: 24px;\r\n  font-weight: 400;\r\n}\r\n\r\n.fradel-lab-text p {\r\n  margin: 0;\r\n\r\n  color: var(--texto-suave);\r\n\r\n  font-size: 15px;\r\n  line-height: 1.72;\r\n}\r\n\r\n\r\n\/* DETALLE DORADO *\/\r\n\r\n.fradel-lab-card::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 32px;\r\n  bottom: 0;\r\n\r\n  width: 42px;\r\n  height: 2px;\r\n\r\n  background: var(--dorado);\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n  .fradel-laboratorios {\r\n    padding: 80px 0;\r\n  }\r\n\r\n  .fradel-labs-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* CELULAR *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-laboratorios {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  .fradel-labs-container {\r\n    width: min(100% - 32px, 1180px);\r\n  }\r\n\r\n  .fradel-labs-header {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .fradel-labs-header p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .fradel-lab-card {\r\n    grid-template-columns: 50px 1fr;\r\n\r\n    gap: 16px;\r\n\r\n    padding: 24px;\r\n  }\r\n\r\n  .fradel-lab-icon {\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    font-size: 21px;\r\n  }\r\n\r\n  .fradel-lab-text h3 {\r\n    font-size: 21px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fradel-laboratorios\">\r\n\r\n  <div class=\"fradel-labs-container\">\r\n\r\n\r\n    <div class=\"fradel-labs-header\">\r\n\r\n      <span class=\"fradel-labs-eyebrow\">\r\n        Experimentar \u00b7 Crear \u00b7 Innovar\r\n      <\/span>\r\n\r\n      <h2>\r\n        Laboratorios: Aprendizaje Activo\r\n      <\/h2>\r\n\r\n      <p>\r\n        Espacios especializados donde nuestros estudiantes transforman\r\n        los conocimientos del aula en experiencias pr\u00e1cticas,\r\n        investigaci\u00f3n, creatividad e innovaci\u00f3n.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"fradel-labs-grid\">\r\n\r\n\r\n      <article class=\"fradel-lab-card\">\r\n\r\n        <div class=\"fradel-lab-icon\">\r\n          \u2697\r\n        <\/div>\r\n\r\n        <div class=\"fradel-lab-text\">\r\n\r\n          <h3>\r\n            Ciencias y Qu\u00edmica\r\n          <\/h3>\r\n\r\n          <p>\r\n            Un espacio para la experimentaci\u00f3n segura y el descubrimiento,\r\n            donde la curiosidad cient\u00edfica se transforma en aprendizaje.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"fradel-lab-card\">\r\n\r\n        <div class=\"fradel-lab-icon\">\r\n          \u25eb\r\n        <\/div>\r\n\r\n        <div class=\"fradel-lab-text\">\r\n\r\n          <h3>\r\n            Inform\u00e1tica y Rob\u00f3tica\r\n          <\/h3>\r\n\r\n          <p>\r\n            Tecnolog\u00eda al servicio de la creatividad, la programaci\u00f3n,\r\n            el pensamiento computacional y el desarrollo de proyectos\r\n            innovadores.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"fradel-lab-card\">\r\n\r\n        <div class=\"fradel-lab-icon\">\r\n          \u25ce\r\n        <\/div>\r\n\r\n        <div class=\"fradel-lab-text\">\r\n\r\n          <h3>\r\n            Ingl\u00e9s\r\n          <\/h3>\r\n\r\n          <p>\r\n            Recursos y herramientas interactivas que fortalecen\r\n            la comunicaci\u00f3n, la fluidez y la confianza en el aprendizaje\r\n            de un segundo idioma.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"fradel-lab-card\">\r\n\r\n        <div class=\"fradel-lab-icon\">\r\n          \u25c7\r\n        <\/div>\r\n\r\n        <div class=\"fradel-lab-text\">\r\n\r\n          <h3>\r\n            Ciencias Sociales\r\n          <\/h3>\r\n\r\n          <p>\r\n            Un ambiente orientado al an\u00e1lisis, la investigaci\u00f3n y\r\n            el debate para comprender nuestro entorno y desarrollar\r\n            pensamiento cr\u00edtico.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\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-142abf9 e-flex e-con-boxed e-con e-parent\" data-id=\"142abf9\" 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-802bd3c elementor-widget elementor-widget-html\" data-id=\"802bd3c\" 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<style>\r\n\/* =========================================================\r\n   ACTIVIDADES EXTRACURRICULARES\r\n   UEP FRANCISCA DE LAS LLAGAS\r\n   ========================================================= *\/\r\n\r\n.fradel-extra {\r\n  --azul-profundo: #071c31;\r\n  --azul-medio: #0b2a4a;\r\n  --dorado: #c7a33c;\r\n  --dorado-suave: #d8b957;\r\n  --texto: #607080;\r\n\r\n  position: relative;\r\n\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n\r\n  padding: 100px 0 90px;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 10%,\r\n      rgba(199,163,60,.08),\r\n      transparent 28%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 88%,\r\n      rgba(7,28,49,.035),\r\n      transparent 30%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #fbfaf7 100%\r\n    );\r\n\r\n  border-top: 1px solid rgba(7,28,49,.05);\r\n}\r\n\r\n.fradel-extra * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fradel-extra-container {\r\n  width: min(1180px, calc(100% - 48px));\r\n  margin: 0 auto;\r\n\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORACI\u00d3N SUAVE DE FONDO\r\n   ========================================================= *\/\r\n\r\n.fradel-extra::before,\r\n.fradel-extra::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 260px;\r\n  height: 260px;\r\n\r\n  border: 1px solid rgba(199,163,60,.08);\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.fradel-extra::before {\r\n  top: -140px;\r\n  left: -110px;\r\n}\r\n\r\n.fradel-extra::after {\r\n  right: -120px;\r\n  bottom: -150px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CABECERA\r\n   ========================================================= *\/\r\n\r\n.fradel-extra-header {\r\n  max-width: 800px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.fradel-extra-eyebrow {\r\n  display: inline-block;\r\n\r\n  margin-bottom: 14px;\r\n\r\n  color: #b58d2b;\r\n\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.fradel-extra-header h2 {\r\n  margin: 0 0 18px;\r\n\r\n  color: var(--azul-profundo);\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: clamp(36px, 4vw, 54px);\r\n  line-height: 1.08;\r\n\r\n  font-weight: 400;\r\n}\r\n\r\n.fradel-extra-header p {\r\n  max-width: 700px;\r\n\r\n  margin: 0 auto;\r\n\r\n  color: var(--texto);\r\n\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* DECORACI\u00d3N BAJO EL ENCABEZADO *\/\r\n\r\n.fradel-extra-header::after {\r\n  content: \"\";\r\n\r\n  display: block;\r\n\r\n  width: 64px;\r\n  height: 2px;\r\n\r\n  margin: 24px auto 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--dorado),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARRUSEL AUTOM\u00c1TICO\r\n   ========================================================= *\/\r\n\r\n.fradel-auto-carousel {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 6px 0 22px;\r\n}\r\n\r\n\r\n\/* DEGRADADOS LATERALES *\/\r\n\r\n.fradel-auto-carousel::before,\r\n.fradel-auto-carousel::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  bottom: 0;\r\n\r\n  width: 60px;\r\n\r\n  z-index: 5;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n.fradel-auto-carousel::before {\r\n  left: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #ffffff 0%,\r\n      rgba(255,255,255,.90) 35%,\r\n      transparent 100%\r\n    );\r\n}\r\n\r\n.fradel-auto-carousel::after {\r\n  right: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      270deg,\r\n      #fbfaf7 0%,\r\n      rgba(251,250,247,.90) 35%,\r\n      transparent 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PISTA\r\n   ========================================================= *\/\r\n\r\n.fradel-auto-track {\r\n  display: flex;\r\n\r\n  align-items: stretch;\r\n\r\n  gap: 16px;\r\n\r\n  width: max-content;\r\n\r\n  animation:\r\n    fradelAutoMovimiento 36s linear infinite;\r\n\r\n  will-change: transform;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TARJETAS\r\n   ========================================================= *\/\r\n\r\n.fradel-auto-item {\r\n  position: relative;\r\n\r\n  flex: 0 0 270px;\r\n\r\n  width: 270px;\r\n\r\n  aspect-ratio: 4 \/ 5;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 14px;\r\n\r\n  background: #ffffff;\r\n\r\n  border: 1px solid rgba(7,28,49,.08);\r\n\r\n  box-shadow:\r\n    0 14px 34px rgba(7,28,49,.10);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n\r\n\/* FOTO *\/\r\n\r\n.fradel-auto-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n\r\n  border-radius: 14px;\r\n\r\n  transition:\r\n    transform .5s ease,\r\n    filter .35s ease;\r\n}\r\n\r\n\r\n\/* SOMBRA SUAVE SOBRE LA FOTO *\/\r\n\r\n.fradel-auto-item::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 1;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(7,28,49,.16) 0%,\r\n      transparent 42%\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* BORDE INTERIOR *\/\r\n\r\n.fradel-auto-item::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  border-radius: 14px;\r\n\r\n  border: 1px solid rgba(255,255,255,.22);\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.fradel-auto-item:hover {\r\n  transform: translateY(-4px);\r\n\r\n  border-color: rgba(199,163,60,.35);\r\n\r\n  box-shadow:\r\n    0 20px 42px rgba(7,28,49,.15);\r\n}\r\n\r\n.fradel-auto-item:hover img {\r\n  transform: scale(1.03);\r\n\r\n  filter: saturate(1.03);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOVIMIENTO CONTINUO\r\n   ========================================================= *\/\r\n\r\n@keyframes fradelAutoMovimiento {\r\n\r\n  from {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  to {\r\n    transform: translateX(calc(-50% - 8px));\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* PAUSA AL PASAR EL MOUSE *\/\r\n\r\n.fradel-auto-carousel:hover .fradel-auto-track {\r\n  animation-play-state: paused;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTO FINAL\r\n   ========================================================= *\/\r\n\r\n.fradel-extra-final {\r\n  max-width: 690px;\r\n\r\n  margin: 40px auto 0;\r\n\r\n  padding-top: 32px;\r\n\r\n  border-top:\r\n    1px solid rgba(7,28,49,.10);\r\n\r\n  text-align: center;\r\n\r\n  color: #34475a;\r\n\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n\r\n  font-size: 19px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.fradel-extra-final::before {\r\n  content: \"\u2726\";\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color: var(--dorado);\r\n\r\n  font-size: 11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n  .fradel-extra {\r\n    padding: 80px 0;\r\n  }\r\n\r\n  .fradel-auto-item {\r\n    flex-basis: 240px;\r\n    width: 240px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CELULAR\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .fradel-extra {\r\n    padding: 65px 0;\r\n  }\r\n\r\n  .fradel-extra-container {\r\n    width: min(100% - 32px, 1180px);\r\n  }\r\n\r\n  .fradel-extra-header {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .fradel-extra-header h2 {\r\n    font-size: 38px;\r\n  }\r\n\r\n  .fradel-extra-header p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .fradel-auto-carousel::before,\r\n  .fradel-auto-carousel::after {\r\n    width: 22px;\r\n  }\r\n\r\n  .fradel-auto-track {\r\n    gap: 12px;\r\n\r\n    animation-duration: 30s;\r\n  }\r\n\r\n  .fradel-auto-item {\r\n    flex: 0 0 205px;\r\n\r\n    width: 205px;\r\n\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .fradel-auto-item img,\r\n  .fradel-auto-item::after {\r\n    border-radius: 11px;\r\n  }\r\n\r\n  .fradel-extra-final {\r\n    margin-top: 28px;\r\n\r\n    font-size: 17px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESIBILIDAD\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .fradel-auto-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fradel-extra\">\r\n\r\n  <div class=\"fradel-extra-container\">\r\n\r\n\r\n    <!-- CABECERA -->\r\n\r\n    <div class=\"fradel-extra-header\">\r\n\r\n      <span class=\"fradel-extra-eyebrow\">\r\n        M\u00e1s all\u00e1 del aula\r\n      <\/span>\r\n\r\n      <h2>\r\n        Actividades Extracurriculares\r\n      <\/h2>\r\n\r\n      <p>\r\n        Cada experiencia es una oportunidad para descubrir talentos,\r\n        fortalecer valores y desarrollar habilidades que acompa\u00f1an\r\n        a nuestros estudiantes m\u00e1s all\u00e1 del aula.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CARRUSEL\r\n         ===================================================== -->\r\n\r\n    <div class=\"fradel-auto-carousel\">\r\n\r\n      <div class=\"fradel-auto-track\">\r\n\r\n\r\n        <!-- =================================================\r\n             PRIMERA SERIE\r\n             ================================================= -->\r\n\r\n\r\n        <!-- BASTONERAS -->\r\n\r\n        <div class=\"fradel-auto-item\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/BASTONERAS-FINAL.jpg\"\r\n            alt=\"Bastoneras\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CHEERLEADER -->\r\n\r\n        <div class=\"fradel-auto-item\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/CHEERLEADER.jpg\"\r\n            alt=\"Cheerleader\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CORO -->\r\n\r\n        <div class=\"fradel-auto-item\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/CORO-scaled.jpg\"\r\n            alt=\"Coro\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DANZA -->\r\n\r\n        <div class=\"fradel-auto-item\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/DANZA-PRIMARIA-scaled.jpg\"\r\n            alt=\"Danza Primaria\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- F\u00daTBOL -->\r\n\r\n        <div class=\"fradel-auto-item\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/FUTBOL.jpg\"\r\n            alt=\"F\u00fatbol\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- BANDA MUSICAL -->\r\n\r\n        <div class=\"fradel-auto-item\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/BANDAMUSICAL.jpg\"\r\n            alt=\"Banda Musical\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SEGUNDA SERIE\r\n             Repetida para crear el efecto infinito\r\n             ================================================= -->\r\n\r\n\r\n        <div\r\n          class=\"fradel-auto-item\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/BASTONERAS-FINAL.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"fradel-auto-item\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/CHEERLEADER.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"fradel-auto-item\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/CORO-scaled.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"fradel-auto-item\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/DANZA-PRIMARIA-scaled.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"fradel-auto-item\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/FUTBOL.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"fradel-auto-item\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/10\/BANDAMUSICAL.jpg\"\r\n            alt=\"\"\r\n            loading=\"lazy\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- FRASE FINAL -->\r\n\r\n    <div class=\"fradel-extra-final\">\r\n\r\n      Aqu\u00ed nuestros estudiantes descubren sus pasiones mientras\r\n      aprenden, comparten y crecen juntos.\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\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>UEP FRANCISCA DE LAS LLAGAS Vida Estudiantil Experiencias que acompa\u00f1an el aprendizaje, fortalecen la convivencia y permiten a nuestros estudiantes crecer dentro y fuera del aula. Descubre la vida estudiantil Cuadro de Honor A\u00f1o lectivo 2026\u20132027 La Unidad Educativa Particular Francisca de las Llagas tiene el honor de presentar a los estudiantes que representan con [&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-16898","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16898","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=16898"}],"version-history":[{"count":66,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16898\/revisions"}],"predecessor-version":[{"id":29621,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16898\/revisions\/29621"}],"wp:attachment":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/media?parent=16898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}