{"id":16013,"date":"2025-08-25T22:50:17","date_gmt":"2025-08-26T03:50:17","guid":{"rendered":"https:\/\/uepfranciscadelasllagas.com\/?page_id=16013"},"modified":"2026-09-16T09:31:42","modified_gmt":"2026-09-16T14:31:42","slug":"nuestra-institucion","status":"publish","type":"page","link":"https:\/\/uepfranciscadelasllagas.com\/index.php\/nuestra-institucion\/","title":{"rendered":"Nuestra Institucion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16013\" class=\"elementor elementor-16013\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04b8aff e-con-full e-flex e-con e-parent\" data-id=\"04b8aff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a4c677 elementor-widget elementor-widget-html\" data-id=\"3a4c677\" 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-page-hero\"\r\n  style=\"\r\n    --fradel-hero-image:\r\n    url('https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/03\/04.Slider.Principal-1.png');\r\n  \"\r\n>\r\n  <div class=\"fradel-page-hero__overlay\"><\/div>\r\n\r\n  <div class=\"fradel-page-hero__inner\">\r\n\r\n    <div class=\"fradel-page-hero__content\">\r\n\r\n      <span class=\"fradel-page-hero__eyebrow\">\r\n        UEP FRANCISCA DE LAS LLAGAS\r\n      <\/span>\r\n\r\n      <h1>Nuestra Instituci\u00f3n<\/h1>\r\n\r\n      <p>\r\n        Una historia de fe, educaci\u00f3n y servicio que acompa\u00f1a\r\n        generaciones y fortalece nuestra comunidad educativa.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <a\r\n      class=\"fradel-page-hero__scroll\"\r\n      href=\"#contenido-institucion\"\r\n      aria-label=\"Continuar al contenido de Nuestra Instituci\u00f3n\"\r\n    >\r\n      <span>Descubre nuestra historia<\/span>\r\n\r\n      <svg\r\n        width=\"21\"\r\n        height=\"21\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        aria-hidden=\"true\"\r\n      >\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\/* ==========================================================\r\n   UEP FRANCISCA DE LAS LLAGAS\r\n   HERO INSTITUCIONAL REUTILIZABLE\r\n   ========================================================== *\/\r\n\r\n.fradel-page-hero,\r\n.fradel-page-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-page-hero{\r\n  \/*\r\n   * Ajustar solamente si cambia la altura\r\n   * del navbar global.\r\n   *\/\r\n  --fradel-navbar-height:86px;\r\n\r\n  width:100vw;\r\n  min-height:calc(100svh - var(--fradel-navbar-height));\r\n  min-height:calc(100dvh - var(--fradel-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  align-items:stretch;\r\n\r\n  background-image:var(--fradel-hero-image);\r\n  background-size:cover;\r\n  background-position:center center;\r\n  background-repeat:no-repeat;\r\n\r\n  color:#fff;\r\n}\r\n\r\n\/* ==========================================================\r\n   DEGRADADO\r\n   ========================================================== *\/\r\n\r\n.fradel-page-hero__overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:0;\r\n\r\n  \/*\r\n   * Oscurece principalmente el lado izquierdo\r\n   * para mantener visible la fotograf\u00eda derecha.\r\n   *\/\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(4,22,40,.90) 0%,\r\n      rgba(5,28,50,.80) 34%,\r\n      rgba(5,28,50,.53) 57%,\r\n      rgba(5,28,50,.20) 100%\r\n    );\r\n}\r\n\r\n\/* degradado inferior *\/\r\n.fradel-page-hero::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  z-index:0;\r\n\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n\r\n  height:40%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to top,\r\n      rgba(3,19,34,.62),\r\n      rgba(3,19,34,0)\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* ==========================================================\r\n   CONTENEDOR\r\n   ========================================================== *\/\r\n\r\n.fradel-page-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\/* ==========================================================\r\n   TEXTO\r\n   ========================================================== *\/\r\n\r\n.fradel-page-hero__content{\r\n  width:min(720px,100%);\r\n\r\n  margin-bottom:48px;\r\n}\r\n\r\n.fradel-page-hero__eyebrow{\r\n  display:inline-block;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:#f1d56b;\r\n\r\n  font-size:12px;\r\n  line-height:1.4;\r\n  font-weight:800;\r\n\r\n  letter-spacing:.17em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fradel-page-hero h1{\r\n  margin:0;\r\n\r\n  max-width:850px;\r\n\r\n  color:#fff;\r\n\r\n  font-family:\r\n    Georgia,\r\n    \"Times New Roman\",\r\n    serif;\r\n\r\n  font-size:clamp(50px,7vw,86px);\r\n  font-weight:500;\r\n\r\n  line-height:.98;\r\n  letter-spacing:-.035em;\r\n\r\n  text-wrap:balance;\r\n\r\n  text-shadow:\r\n    0 3px 20px rgba(0,0,0,.16);\r\n}\r\n\r\n.fradel-page-hero p{\r\n  max-width:650px;\r\n\r\n  margin:25px 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  text-wrap:pretty;\r\n}\r\n\r\n\/* ==========================================================\r\n   INDICADOR DE SCROLL\r\n   ========================================================== *\/\r\n\r\n.fradel-page-hero__scroll{\r\n  width:max-content;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:11px;\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  line-height:1.4;\r\n\r\n  text-decoration:none !important;\r\n  text-transform:uppercase;\r\n\r\n  opacity:.82;\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease;\r\n}\r\n\r\n.fradel-page-hero__scroll:hover,\r\n.fradel-page-hero__scroll:focus-visible{\r\n  opacity:1;\r\n  transform:translateY(2px);\r\n}\r\n\r\n.fradel-page-hero__scroll svg{\r\n  flex:0 0 auto;\r\n\r\n  animation:\r\n    fradelHeroArrow 1.7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fradelHeroArrow{\r\n\r\n  0%,\r\n  100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(5px);\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-page-hero{\r\n    --fradel-navbar-height:80px;\r\n\r\n    min-height:\r\n      calc(100svh - var(--fradel-navbar-height));\r\n\r\n    min-height:\r\n      calc(100dvh - var(--fradel-navbar-height));\r\n\r\n    \/*\r\n     * La imagen tiene mucha informaci\u00f3n.\r\n     * Esta posici\u00f3n conserva mejor la composici\u00f3n.\r\n     *\/\r\n    background-position:center center;\r\n  }\r\n\r\n  .fradel-page-hero__inner{\r\n    padding:\r\n      55px\r\n      22px\r\n      38px;\r\n  }\r\n\r\n  .fradel-page-hero__content{\r\n    width:min(650px,100%);\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .fradel-page-hero h1{\r\n    font-size:clamp(48px,8vw,70px);\r\n  }\r\n\r\n  .fradel-page-hero__overlay{\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(4,22,40,.90) 0%,\r\n        rgba(5,28,50,.72) 55%,\r\n        rgba(5,28,50,.35) 100%\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-page-hero{\r\n    --fradel-navbar-height:74px;\r\n\r\n    min-height:\r\n      calc(100svh - var(--fradel-navbar-height));\r\n\r\n    min-height:\r\n      calc(100dvh - var(--fradel-navbar-height));\r\n\r\n    \/*\r\n     * La imagen es horizontal.\r\n     * En m\u00f3vil cover necesariamente recorta una parte.\r\n     *\/\r\n    background-position:center center;\r\n  }\r\n\r\n  \/*\r\n   * En m\u00f3vil usamos degradado vertical.\r\n   * As\u00ed la fotograf\u00eda permanece visible arriba y el texto\r\n   * tiene suficiente contraste abajo.\r\n   *\/\r\n  .fradel-page-hero__overlay{\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(4,22,40,.20) 0%,\r\n        rgba(4,22,40,.35) 32%,\r\n        rgba(4,22,40,.76) 63%,\r\n        rgba(4,22,40,.94) 100%\r\n      );\r\n  }\r\n\r\n  .fradel-page-hero::after{\r\n    height:45%;\r\n  }\r\n\r\n  .fradel-page-hero__inner{\r\n    padding:\r\n      45px\r\n      20px\r\n      29px;\r\n  }\r\n\r\n  .fradel-page-hero__content{\r\n    width:100%;\r\n\r\n    margin-bottom:31px;\r\n  }\r\n\r\n  .fradel-page-hero__eyebrow{\r\n    margin-bottom:12px;\r\n\r\n    font-size:10px;\r\n    letter-spacing:.15em;\r\n  }\r\n\r\n  .fradel-page-hero h1{\r\n    max-width:100%;\r\n\r\n    font-size:\r\n      clamp(42px,12.5vw,58px);\r\n\r\n    line-height:1;\r\n  }\r\n\r\n  .fradel-page-hero p{\r\n    max-width:95%;\r\n\r\n    margin-top:18px;\r\n\r\n    font-size:16px;\r\n    line-height:1.6;\r\n  }\r\n\r\n  .fradel-page-hero__scroll{\r\n    font-size:10px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================================\r\n   TEL\u00c9FONOS PEQUE\u00d1OS\r\n   ========================================================== *\/\r\n\r\n@media(max-width:390px){\r\n\r\n  .fradel-page-hero__inner{\r\n    padding:\r\n      38px\r\n      18px\r\n      27px;\r\n  }\r\n\r\n  .fradel-page-hero h1{\r\n    font-size:40px;\r\n  }\r\n\r\n  .fradel-page-hero p{\r\n    font-size:15px;\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-page-hero__scroll,\r\n  .fradel-page-hero__scroll svg{\r\n    transition:none;\r\n    animation:none;\r\n  }\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-2ef19f5 e-con-full e-flex e-con e-parent\" data-id=\"2ef19f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6cd1c3 elementor-widget elementor-widget-html\" data-id=\"d6cd1c3\" 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-fundadora\">\r\n  <div class=\"fradel-fundadora__inner\">\r\n\r\n    <div class=\"fradel-fundadora__visual\">\r\n      <div class=\"fradel-fundadora__frame\">\r\n        <img loading=\"lazy\"\r\n          src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/08\/mf.png\"\r\n          alt=\"Madre Mar\u00eda Francisca de las Llagas\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n          width=\"660\"\r\n          height=\"379\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fradel-fundadora__content\">\r\n      <span class=\"fradel-fundadora__eyebrow\">\r\n        NUESTRO LEGADO\r\n      <\/span>\r\n\r\n      <h2>Nuestra Madre Fundadora<\/h2>\r\n\r\n      <h3>Mar\u00eda Francisca de las Llagas<\/h3>\r\n\r\n      <p>\r\n        Su vida y obra constituyen una fuente permanente de inspiraci\u00f3n\r\n        para nuestra comunidad educativa. Su vocaci\u00f3n franciscana,\r\n        profundamente vinculada a la fe y al servicio, dio origen a una\r\n        misi\u00f3n que encuentra en la educaci\u00f3n una forma concreta de\r\n        acompa\u00f1ar y transformar vidas.\r\n      <\/p>\r\n\r\n      <p>\r\n        Su legado contin\u00faa presente en la formaci\u00f3n de nuestros\r\n        estudiantes y en una manera de comprender la educaci\u00f3n que\r\n        integra conocimiento, valores, espiritualidad, fraternidad y\r\n        compromiso con los dem\u00e1s.\r\n      <\/p>\r\n\r\n      <blockquote>\r\n        <span>\u201c<\/span>\r\n        Educar, Amar y Servir\r\n      <\/blockquote>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.fradel-fundadora,\r\n.fradel-fundadora *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-fundadora{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  padding:95px 24px;\r\n  background:#fff;\r\n  color:#17283a;\r\n}\r\n\r\n.fradel-fundadora__inner{\r\n  width:min(1180px,100%);\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n  gap:80px;\r\n  align-items:center;\r\n}\r\n\r\n.fradel-fundadora__frame{\r\n  position:relative;\r\n  padding:20px;\r\n}\r\n\r\n.fradel-fundadora__frame::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0 38px 38px 0;\r\n  background:#f4efe3;\r\n  border-radius:30px 8px 30px 8px;\r\n}\r\n\r\n.fradel-fundadora__frame::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:90px;\r\n  height:90px;\r\n  border-left:2px solid #c9a227;\r\n  border-bottom:2px solid #c9a227;\r\n  left:0;\r\n  bottom:0;\r\n}\r\n\r\n.fradel-fundadora img{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n  position:relative;\r\n  z-index:1;\r\n  object-fit:contain;\r\n}\r\n\r\n.fradel-fundadora__eyebrow{\r\n  color:#8b7018;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n}\r\n\r\n.fradel-fundadora h2{\r\n  margin:13px 0 7px;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,\"Times New Roman\",serif;\r\n  font-size:clamp(35px,5vw,53px);\r\n  font-weight:500;\r\n  line-height:1.08;\r\n}\r\n\r\n.fradel-fundadora h3{\r\n  margin:0 0 25px;\r\n  color:#9b7b1f;\r\n  font-size:18px;\r\n  font-weight:600;\r\n}\r\n\r\n.fradel-fundadora p{\r\n  margin:0 0 18px;\r\n  color:#536171;\r\n  font-size:17px;\r\n  line-height:1.8;\r\n}\r\n\r\n.fradel-fundadora blockquote{\r\n  margin:30px 0 0;\r\n  padding:18px 0 18px 25px;\r\n  border-left:3px solid #c9a227;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,serif;\r\n  font-size:22px;\r\n  font-style:italic;\r\n}\r\n\r\n.fradel-fundadora blockquote span{\r\n  color:#c9a227;\r\n  font-size:32px;\r\n}\r\n\r\n@media(max-width:800px){\r\n  .fradel-fundadora{\r\n    padding:70px 20px;\r\n  }\r\n\r\n  .fradel-fundadora__inner{\r\n    grid-template-columns:1fr;\r\n    gap:45px;\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-a201c8f e-con-full e-flex e-con e-parent\" data-id=\"a201c8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f3243 elementor-widget elementor-widget-html\" data-id=\"d7f3243\" 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-hermanas\">\r\n  <div class=\"fradel-hermanas__inner\">\r\n\r\n    <div class=\"fradel-hermanas__content\">\r\n      <span class=\"fradel-hermanas__eyebrow\">\r\n        FE \u00b7 FRATERNIDAD \u00b7 SERVICIO\r\n      <\/span>\r\n\r\n      <h2>Hermanas Franciscanas<br>Misioneras de la Inmaculada<\/h2>\r\n\r\n      <p class=\"fradel-hermanas__lead\">\r\n        Una presencia que acompa\u00f1a nuestra misi\u00f3n educativa y mantiene\r\n        vivo el legado de Mar\u00eda Francisca de las Llagas.\r\n      <\/p>\r\n\r\n      <p>\r\n        La Comunidad de Hermanas Franciscanas Misioneras de la\r\n        Inmaculada forma parte esencial de la identidad de nuestra\r\n        instituci\u00f3n. Inspiradas por el carisma franciscano, acompa\u00f1an la\r\n        labor educativa desde la fe, la fraternidad y el servicio.\r\n      <\/p>\r\n\r\n      <p>\r\n        Su presencia fortalece la formaci\u00f3n integral de estudiantes,\r\n        familias, docentes y colaboradores, record\u00e1ndonos que educar va\r\n        m\u00e1s all\u00e1 de transmitir conocimientos: significa acompa\u00f1ar,\r\n        escuchar, servir y formar personas comprometidas con el bien\r\n        com\u00fan.\r\n      <\/p>\r\n\r\n      <div class=\"fradel-hermanas__values\">\r\n        <span>Adorar<\/span>\r\n        <i><\/i>\r\n        <span>Reparar<\/span>\r\n        <i><\/i>\r\n        <span>Servir<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <figure class=\"fradel-hermanas__image\">\r\n      <img loading=\"lazy\"\r\n        src=\"https:\/\/uepfranciscadelasllagas.com\/wp-content\/uploads\/2025\/08\/hermanas-1182x800.jpeg\"\r\n        alt=\"Comunidad de Hermanas Franciscanas Misioneras de la Inmaculada\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n        width=\"1182\"\r\n        height=\"800\"\r\n      >\r\n\r\n      <figcaption>\r\n        Comunidad de Hermanas Franciscanas Misioneras de la Inmaculada\r\n      <\/figcaption>\r\n    <\/figure>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.fradel-hermanas,\r\n.fradel-hermanas *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-hermanas{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  padding:95px 24px;\r\n  background:#f6f2e9;\r\n  color:#17283a;\r\n}\r\n\r\n.fradel-hermanas__inner{\r\n  width:min(1180px,100%);\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\r\n  align-items:center;\r\n  gap:70px;\r\n}\r\n\r\n.fradel-hermanas__eyebrow{\r\n  color:#806515;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n}\r\n\r\n.fradel-hermanas h2{\r\n  margin:14px 0 22px;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,\"Times New Roman\",serif;\r\n  font-size:clamp(33px,4.5vw,50px);\r\n  line-height:1.12;\r\n  font-weight:500;\r\n}\r\n\r\n.fradel-hermanas p{\r\n  color:#596575;\r\n  font-size:17px;\r\n  line-height:1.8;\r\n  margin:0 0 17px;\r\n}\r\n\r\n.fradel-hermanas__lead{\r\n  color:#263e56 !important;\r\n  font-size:19px !important;\r\n  font-family:Georgia,serif;\r\n}\r\n\r\n.fradel-hermanas__values{\r\n  margin-top:30px;\r\n  display:flex;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:13px;\r\n  color:#0b2a4a;\r\n  text-transform:uppercase;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n.fradel-hermanas__values i{\r\n  width:5px;\r\n  height:5px;\r\n  display:block;\r\n  border-radius:50%;\r\n  background:#c9a227;\r\n}\r\n\r\n.fradel-hermanas__image{\r\n  margin:0;\r\n  position:relative;\r\n}\r\n\r\n.fradel-hermanas__image::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:-18px;\r\n  top:-18px;\r\n  width:100px;\r\n  height:100px;\r\n  border-left:2px solid #c9a227;\r\n  border-top:2px solid #c9a227;\r\n}\r\n\r\n.fradel-hermanas__image img{\r\n  display:block;\r\n  width:100%;\r\n  height:auto;\r\n  border-radius:4px 35px 4px 35px;\r\n  box-shadow:0 25px 55px rgba(11,42,74,.13);\r\n}\r\n\r\n.fradel-hermanas figcaption{\r\n  padding:13px 3px 0;\r\n  color:#697586;\r\n  font-size:13px;\r\n  line-height:1.5;\r\n}\r\n\r\n@media(max-width:850px){\r\n  .fradel-hermanas{\r\n    padding:70px 20px;\r\n  }\r\n\r\n  .fradel-hermanas__inner{\r\n    grid-template-columns:1fr;\r\n    gap:50px;\r\n  }\r\n\r\n  .fradel-hermanas__image{\r\n    order:-1;\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-44dca24 e-con-full e-flex e-con e-parent\" data-id=\"44dca24\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06d8429 elementor-widget elementor-widget-html\" data-id=\"06d8429\" 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-identidad\">\r\n  <div class=\"fradel-identidad__inner\">\r\n\r\n    <header class=\"fradel-identidad__header\">\r\n      <span>NUESTRO PROP\u00d3SITO<\/span>\r\n      <h2>Misi\u00f3n y Visi\u00f3n<\/h2>\r\n      <p>\r\n        Los principios que orientan nuestra labor educativa y proyectan\r\n        el camino de nuestra comunidad.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"fradel-identidad__grid\">\r\n\r\n      <article class=\"fradel-identidad__block\">\r\n        <div class=\"fradel-identidad__number\">01<\/div>\r\n\r\n        <div>\r\n          <span class=\"fradel-identidad__label\">MISI\u00d3N<\/span>\r\n\r\n          <h3>Formar con identidad, valores e innovaci\u00f3n<\/h3>\r\n\r\n          <p>\r\n            La Unidad Educativa Particular \u201cFrancisca de las Llagas\u201d\r\n            forma parte de la Red Educativa Franciscana Reparadora,\r\n            formando ciudadanos con identidad institucional, principios\r\n            y valores, integrando las innovaciones tecnol\u00f3gicas para\r\n            alcanzar una educaci\u00f3n inclusiva y hol\u00edstica.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"fradel-identidad__block\">\r\n        <div class=\"fradel-identidad__number\">02<\/div>\r\n\r\n        <div>\r\n          <span class=\"fradel-identidad__label\">VISI\u00d3N<\/span>\r\n\r\n          <h3>Ser referentes de una educaci\u00f3n franciscana<\/h3>\r\n\r\n          <p>\r\n            La Unidad Educativa Particular \u201cFrancisca de las Llagas\u201d\r\n            se visualiza como l\u00edder en la educaci\u00f3n franciscana cat\u00f3lica,\r\n            fundamentada en el carisma de educar, amar y servir a la\r\n            comunidad educativa, encaminada a formar estudiantes con\r\n            s\u00f3lidos valores franciscanos.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.fradel-identidad,\r\n.fradel-identidad *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-identidad{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  padding:100px 24px;\r\n  background:#0b2a4a;\r\n  color:#fff;\r\n}\r\n\r\n.fradel-identidad__inner{\r\n  width:min(1180px,100%);\r\n  margin:auto;\r\n}\r\n\r\n.fradel-identidad__header{\r\n  max-width:680px;\r\n  margin-bottom:55px;\r\n}\r\n\r\n.fradel-identidad__header > span{\r\n  color:#f0d46d;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n}\r\n\r\n.fradel-identidad__header h2{\r\n  margin:12px 0 15px;\r\n  color:#fff;\r\n  font-family:Georgia,serif;\r\n  font-size:clamp(38px,5vw,55px);\r\n  font-weight:500;\r\n}\r\n\r\n.fradel-identidad__header p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.75);\r\n  font-size:17px;\r\n  line-height:1.7;\r\n}\r\n\r\n.fradel-identidad__grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  border-top:1px solid rgba(255,255,255,.16);\r\n}\r\n\r\n.fradel-identidad__block{\r\n  display:grid;\r\n  grid-template-columns:65px 1fr;\r\n  gap:22px;\r\n  padding:48px 45px 20px 0;\r\n}\r\n\r\n.fradel-identidad__block + .fradel-identidad__block{\r\n  border-left:1px solid rgba(255,255,255,.16);\r\n  padding-left:48px;\r\n}\r\n\r\n.fradel-identidad__number{\r\n  color:rgba(238,211,104,.55);\r\n  font-family:Georgia,serif;\r\n  font-size:39px;\r\n}\r\n\r\n.fradel-identidad__label{\r\n  color:#f0d46d;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.16em;\r\n}\r\n\r\n.fradel-identidad h3{\r\n  margin:12px 0 18px;\r\n  color:#fff;\r\n  font-family:Georgia,serif;\r\n  font-size:27px;\r\n  line-height:1.25;\r\n  font-weight:500;\r\n}\r\n\r\n.fradel-identidad__block p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.77);\r\n  font-size:16px;\r\n  line-height:1.85;\r\n}\r\n\r\n@media(max-width:760px){\r\n  .fradel-identidad{\r\n    padding:72px 20px;\r\n  }\r\n\r\n  .fradel-identidad__grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .fradel-identidad__block{\r\n    padding:38px 0;\r\n  }\r\n\r\n  .fradel-identidad__block + .fradel-identidad__block{\r\n    border-left:0;\r\n    border-top:1px solid rgba(255,255,255,.16);\r\n    padding-left:0;\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-4e64e3f e-con-full e-flex e-con e-parent\" data-id=\"4e64e3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b576e5d elementor-widget elementor-widget-html\" data-id=\"b576e5d\" 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   UEP FRANCISCA DE LAS LLAGAS\r\n   AUTORIDADES INSTITUCIONALES\r\n   ========================================================== *\/\r\n\r\n.fradel-autoridades {\r\n  --azul: #0B2A4A;\r\n  --azul-profundo: #071C31;\r\n  --azul-2: #154B7D;\r\n  --dorado: #C9A227;\r\n  --dorado-oscuro: #8D7115;\r\n  --dorado-suave: #F8F3DF;\r\n  --texto: #52606D;\r\n  --borde: #DFE4EA;\r\n  --blanco: #FFFFFF;\r\n\r\n  position: relative;\r\n  left: 50%;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: -50vw;\r\n  padding: clamp(58px, 8vw, 92px) 0;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(circle at 8% 10%, rgba(201, 162, 39, .08), transparent 26%),\r\n    linear-gradient(180deg, #FFFFFF 0%, #FAFBFC 100%);\r\n\r\n  color: var(--texto);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.fradel-autoridades *,\r\n.fradel-autoridades *::before,\r\n.fradel-autoridades *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fradel-autoridades__inner {\r\n  width: min(1120px, calc(100% - 40px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.fradel-autoridades__header {\r\n  max-width: 720px;\r\n  margin: 0 auto clamp(36px, 5vw, 52px);\r\n  text-align: center;\r\n}\r\n\r\n.fradel-autoridades__eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 14px;\r\n\r\n  color: var(--dorado-oscuro);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fradel-autoridades__eyebrow::before,\r\n.fradel-autoridades__eyebrow::after {\r\n  content: \"\";\r\n  width: 28px;\r\n  height: 2px;\r\n  background: var(--dorado);\r\n}\r\n\r\n.fradel-autoridades h2 {\r\n  margin: 0;\r\n\r\n  color: var(--azul-profundo);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(34px, 5vw, 52px);\r\n  line-height: 1.08;\r\n}\r\n\r\n.fradel-autoridades__intro {\r\n  max-width: 610px;\r\n  margin: 16px auto 0;\r\n\r\n  color: var(--texto);\r\n  font-size: 14.5px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.fradel-autoridades__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n}\r\n\r\n.fradel-autoridades__card {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 250px;\r\n  padding: 28px 22px 24px;\r\n\r\n  border: 1px solid var(--borde);\r\n  border-top: 4px solid var(--dorado);\r\n  border-radius: 4px;\r\n\r\n  background: var(--blanco);\r\n\r\n  transition: transform .2s ease, box-shadow .2s ease;\r\n}\r\n\r\n.fradel-autoridades__card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 14px 30px rgba(7, 28, 49, .09);\r\n}\r\n\r\n.fradel-autoridades__number {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 42px;\r\n  height: 42px;\r\n  margin-bottom: 26px;\r\n\r\n  border-radius: 50%;\r\n  background: var(--dorado-suave);\r\n\r\n  color: var(--dorado-oscuro);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n}\r\n\r\n.fradel-autoridades__role {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n\r\n  color: var(--azul-2);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: .09em;\r\n  line-height: 1.4;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fradel-autoridades__name {\r\n  margin: 0;\r\n\r\n  color: var(--azul-profundo);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 23px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.fradel-autoridades__line {\r\n  width: 34px;\r\n  height: 2px;\r\n  margin: 20px 0 16px;\r\n\r\n  background: var(--dorado);\r\n}\r\n\r\n.fradel-autoridades__description {\r\n  margin: 0;\r\n\r\n  color: var(--texto);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n  .fradel-autoridades__grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n\/* M\u00f3vil *\/\r\n@media (max-width: 560px) {\r\n  .fradel-autoridades__inner {\r\n    width: min(100% - 32px, 1120px);\r\n  }\r\n\r\n  .fradel-autoridades__grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .fradel-autoridades__card {\r\n    min-height: auto;\r\n    padding: 24px 20px;\r\n  }\r\n\r\n  .fradel-autoridades__number {\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .fradel-autoridades__card {\r\n    transition: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"fradel-autoridades\" lang=\"es\" aria-labelledby=\"fradel-autoridades-title\">\r\n  <div class=\"fradel-autoridades__inner\">\r\n\r\n    <header class=\"fradel-autoridades__header\">\r\n      <span class=\"fradel-autoridades__eyebrow\">\r\n        Comunidad educativa\r\n      <\/span>\r\n\r\n      <h2 id=\"fradel-autoridades-title\">\r\n        Autoridades institucionales\r\n      <\/h2>\r\n\r\n      <p class=\"fradel-autoridades__intro\">\r\n        Conoce a las autoridades que lideran, acompa\u00f1an y orientan\r\n        el desarrollo integral de nuestra comunidad educativa.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"fradel-autoridades__grid\">\r\n\r\n      <article class=\"fradel-autoridades__card\">\r\n        <div class=\"fradel-autoridades__number\" aria-hidden=\"true\">01<\/div>\r\n\r\n        <span class=\"fradel-autoridades__role\">\r\n          Rectora\r\n        <\/span>\r\n\r\n        <h3 class=\"fradel-autoridades__name\">\r\n          Hna. Elda Maldonado\r\n        <\/h3>\r\n\r\n        <div class=\"fradel-autoridades__line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <p class=\"fradel-autoridades__description\">\r\n          Lidera la gesti\u00f3n institucional y acompa\u00f1a el cumplimiento\r\n          de la misi\u00f3n educativa de nuestra comunidad.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"fradel-autoridades__card\">\r\n        <div class=\"fradel-autoridades__number\" aria-hidden=\"true\">02<\/div>\r\n\r\n        <span class=\"fradel-autoridades__role\">\r\n          Vicerrector\r\n        <\/span>\r\n\r\n        <h3 class=\"fradel-autoridades__name\">\r\n          MSc. H\u00e9ctor Guatapi\r\n        <\/h3>\r\n\r\n        <div class=\"fradel-autoridades__line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <p class=\"fradel-autoridades__description\">\r\n          Coordina y fortalece los procesos acad\u00e9micos y formativos\r\n          de la instituci\u00f3n.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"fradel-autoridades__card\">\r\n        <div class=\"fradel-autoridades__number\" aria-hidden=\"true\">03<\/div>\r\n\r\n        <span class=\"fradel-autoridades__role\">\r\n          Inspectora General\r\n        <\/span>\r\n\r\n        <h3 class=\"fradel-autoridades__name\">\r\n          Dra. Janneth Cabrera\r\n        <\/h3>\r\n\r\n        <div class=\"fradel-autoridades__line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <p class=\"fradel-autoridades__description\">\r\n          Acompa\u00f1a la convivencia escolar, el seguimiento estudiantil\r\n          y el cumplimiento de la normativa institucional.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"fradel-autoridades__card\">\r\n        <div class=\"fradel-autoridades__number\" aria-hidden=\"true\">04<\/div>\r\n\r\n        <span class=\"fradel-autoridades__role\">\r\n          Superiora Ec\u00f3noma\r\n        <\/span>\r\n\r\n        <h3 class=\"fradel-autoridades__name\">\r\n          Hna. Gladys Gamboa\r\n        <\/h3>\r\n\r\n        <div class=\"fradel-autoridades__line\" aria-hidden=\"true\"><\/div>\r\n\r\n        <p class=\"fradel-autoridades__description\">\r\n          Gestiona y acompa\u00f1a responsablemente los recursos\r\n          administrativos de la instituci\u00f3n.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\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-da169e7 e-con-full e-flex e-con e-parent\" data-id=\"da169e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-457b50d elementor-widget elementor-widget-html\" data-id=\"457b50d\" 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-history\" id=\"nuestra-historia\">\r\n  <div class=\"fradel-history__inner\">\r\n\r\n    <header class=\"fradel-history__header\">\r\n      <span>NUESTRA HISTORIA<\/span>\r\n      <h2>Una historia construida<br>con fe y vocaci\u00f3n<\/h2>\r\n\r\n      <p>\r\n        D\u00e9cadas acompa\u00f1ando generaciones y haciendo de la educaci\u00f3n\r\n        una misi\u00f3n al servicio de nuestra comunidad.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"fradel-history__timeline\">\r\n\r\n      <div class=\"fradel-history__rail\" aria-hidden=\"true\">\r\n        <div class=\"fradel-history__line\"><\/div>\r\n\r\n        <div class=\"fradel-history__progress\"><\/div>\r\n\r\n        <div class=\"fradel-history__marker\">\r\n          <div class=\"fradel-history__circle\"><\/div>\r\n          <span id=\"fradel-history-year\">1963<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fradel-history__events\">\r\n\r\n        <article class=\"fradel-history__event\" data-year=\"1963\">\r\n          <span class=\"fradel-history__mobile-year\">1963<\/span>\r\n          <div>\r\n            <small>1963<\/small>\r\n            <h3>El Origen de un Sue\u00f1o<\/h3>\r\n            <p>\r\n              La historia comienza con la llegada de las Hermanas\r\n              Franciscanas Misioneras de la Inmaculada a Ecuador,\r\n              inspiradas por el carisma de su fundadora, la Beata\r\n              Mar\u00eda Francisca de las Llagas, para servir a trav\u00e9s\r\n              de la educaci\u00f3n.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"fradel-history__event\" data-year=\"1965\">\r\n          <span class=\"fradel-history__mobile-year\">1965<\/span>\r\n          <div>\r\n            <small>1965<\/small>\r\n            <h3>Fundaci\u00f3n<\/h3>\r\n            <p>\r\n              En el d\u00eda de San Francisco de As\u00eds, la instituci\u00f3n\r\n              abre sus puertas como \u00abEscuela Particular Francisca\r\n              de las Llagas\u00bb, iniciando su labor con los primeros\r\n              grados y estableciendo un cimiento s\u00f3lido de fe y\r\n              fraternidad.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"fradel-history__event\" data-year=\"1982\">\r\n          <span class=\"fradel-history__mobile-year\">1982<\/span>\r\n          <div>\r\n            <small>1982<\/small>\r\n            <h3>Crecimiento y Expansi\u00f3n<\/h3>\r\n            <p>\r\n              Gracias a la confianza de la comunidad, el colegio\r\n              se expande para incluir la secci\u00f3n de secundaria,\r\n              dando continuidad al proyecto formativo de sus\r\n              estudiantes.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"fradel-history__event\" data-year=\"2000\">\r\n          <span class=\"fradel-history__mobile-year\">2000<\/span>\r\n          <div>\r\n            <small>2000<\/small>\r\n            <h3>Modernizaci\u00f3n y Nuevo Milenio<\/h3>\r\n            <p>\r\n              El colegio da un paso hacia el futuro inaugurando\r\n              sus primeros laboratorios de computaci\u00f3n y ciencias,\r\n              reafirmando su compromiso con una educaci\u00f3n integral.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"fradel-history__event\" data-year=\"2015\">\r\n          <span class=\"fradel-history__mobile-year\">2015<\/span>\r\n          <div>\r\n            <small>2015<\/small>\r\n            <h3>50 A\u00f1os Educando<\/h3>\r\n            <p>\r\n              La instituci\u00f3n celebra sus Bodas de Oro, medio siglo\r\n              de servicio a la comunidad y de formaci\u00f3n de\r\n              generaciones bajo sus principios institucionales.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"fradel-history__event\" data-year=\"Actualidad\">\r\n          <span class=\"fradel-history__mobile-year\">HOY<\/span>\r\n          <div>\r\n            <small>ACTUALIDAD<\/small>\r\n            <h3>Innovaci\u00f3n y Liderazgo<\/h3>\r\n            <p>\r\n              Hoy, la Unidad Educativa contin\u00faa integrando nuevas\r\n              tecnolog\u00edas y metodolog\u00edas pedag\u00f3gicas sin perder su\r\n              esencia franciscana, formando estudiantes con profundo\r\n              sentido humano y compromiso con su comunidad.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.fradel-history,\r\n.fradel-history *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-history{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  padding:105px 24px 120px;\r\n  background:#fff;\r\n  color:#17283a;\r\n  overflow:clip;\r\n}\r\n\r\n.fradel-history__inner{\r\n  width:min(1100px,100%);\r\n  margin:auto;\r\n}\r\n\r\n.fradel-history__header{\r\n  max-width:680px;\r\n  margin:0 0 85px 215px;\r\n}\r\n\r\n.fradel-history__header > span{\r\n  color:#806515;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n}\r\n\r\n.fradel-history__header h2{\r\n  margin:13px 0 20px;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,serif;\r\n  font-size:clamp(37px,5vw,55px);\r\n  font-weight:500;\r\n  line-height:1.08;\r\n}\r\n\r\n.fradel-history__header p{\r\n  margin:0;\r\n  color:#667281;\r\n  font-size:17px;\r\n  line-height:1.75;\r\n}\r\n\r\n.fradel-history__timeline{\r\n  display:grid;\r\n  grid-template-columns:150px 1fr;\r\n  gap:65px;\r\n  position:relative;\r\n}\r\n\r\n.fradel-history__rail{\r\n  position:relative;\r\n}\r\n\r\n.fradel-history__line,\r\n.fradel-history__progress{\r\n  position:absolute;\r\n  left:73px;\r\n  top:0;\r\n  width:2px;\r\n  height:100%;\r\n  border-radius:10px;\r\n}\r\n\r\n.fradel-history__line{\r\n  background:#e3e6e8;\r\n}\r\n\r\n.fradel-history__progress{\r\n  height:0;\r\n  background:#c9a227;\r\n}\r\n\r\n.fradel-history__marker{\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  width:150px;\r\n  height:72px;\r\n  transform:translate3d(0,0,0);\r\n  will-change:transform;\r\n}\r\n\r\n.fradel-history__circle{\r\n  position:absolute;\r\n  width:22px;\r\n  height:22px;\r\n  left:63px;\r\n  top:0;\r\n  border-radius:50%;\r\n  background:#c9a227;\r\n  border:5px solid #fff;\r\n  box-shadow:0 0 0 2px #c9a227;\r\n}\r\n\r\n.fradel-history__marker span{\r\n  position:absolute;\r\n  right:92px;\r\n  top:-8px;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,serif;\r\n  font-size:25px;\r\n  font-weight:600;\r\n  white-space:nowrap;\r\n}\r\n\r\n.fradel-history__events{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.fradel-history__event{\r\n  min-height:310px;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  padding:0 0 85px;\r\n  opacity:.42;\r\n  transform:translateY(20px);\r\n  transition:\r\n    opacity .45s ease,\r\n    transform .45s ease;\r\n}\r\n\r\n.fradel-history__event.is-active{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n.fradel-history__event small{\r\n  display:block;\r\n  margin-bottom:12px;\r\n  color:#98791a;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n.fradel-history__event h3{\r\n  margin:0 0 18px;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,serif;\r\n  font-size:clamp(28px,4vw,38px);\r\n  font-weight:500;\r\n}\r\n\r\n.fradel-history__event p{\r\n  max-width:650px;\r\n  margin:0;\r\n  color:#5f6d7c;\r\n  font-size:17px;\r\n  line-height:1.85;\r\n}\r\n\r\n.fradel-history__mobile-year{\r\n  display:none;\r\n}\r\n\r\n@media(max-width:750px){\r\n  .fradel-history{\r\n    padding:75px 20px 85px;\r\n  }\r\n\r\n  .fradel-history__header{\r\n    margin:0 0 60px;\r\n  }\r\n\r\n  .fradel-history__timeline{\r\n    grid-template-columns:1fr;\r\n    gap:0;\r\n  }\r\n\r\n  .fradel-history__rail{\r\n    display:none;\r\n  }\r\n\r\n  .fradel-history__event{\r\n    min-height:auto;\r\n    display:grid;\r\n    grid-template-columns:64px 1fr;\r\n    gap:20px;\r\n    padding:0 0 55px;\r\n    opacity:1;\r\n    transform:none;\r\n  }\r\n\r\n  .fradel-history__mobile-year{\r\n    display:flex;\r\n    width:58px;\r\n    height:58px;\r\n    align-items:center;\r\n    justify-content:center;\r\n    border:1px solid #d6ba58;\r\n    border-radius:50%;\r\n    color:#0b2a4a;\r\n    font-family:Georgia,serif;\r\n    font-size:14px;\r\n  }\r\n\r\n  .fradel-history__event small{\r\n    display:none;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .fradel-history__event{\r\n    opacity:1;\r\n    transform:none;\r\n    transition:none;\r\n  }\r\n\r\n  .fradel-history__marker{\r\n    transition:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n\r\n  const section = document.querySelector('.fradel-history');\r\n  if(!section) return;\r\n\r\n  const timeline = section.querySelector('.fradel-history__timeline');\r\n  const rail = section.querySelector('.fradel-history__rail');\r\n  const marker = section.querySelector('.fradel-history__marker');\r\n  const progress = section.querySelector('.fradel-history__progress');\r\n  const year = section.querySelector('#fradel-history-year');\r\n  const events = Array.from(\r\n    section.querySelectorAll('.fradel-history__event')\r\n  );\r\n\r\n  if(!timeline || !rail || !marker || !progress || !year || !events.length){\r\n    return;\r\n  }\r\n\r\n  let ticking = false;\r\n\r\n  function updateTimeline(){\r\n\r\n    if(window.innerWidth <= 750){\r\n      ticking = false;\r\n      return;\r\n    }\r\n\r\n    const railRect = rail.getBoundingClientRect();\r\n    const viewportPoint = window.innerHeight * 0.42;\r\n\r\n    const maxTravel = Math.max(\r\n      0,\r\n      rail.offsetHeight - marker.offsetHeight\r\n    );\r\n\r\n    const raw = viewportPoint - railRect.top;\r\n    const markerY = Math.max(0, Math.min(maxTravel, raw));\r\n\r\n    marker.style.transform =\r\n      'translate3d(0,' + markerY + 'px,0)';\r\n\r\n    const progressHeight =\r\n      Math.min(\r\n        rail.offsetHeight,\r\n        markerY + 11\r\n      );\r\n\r\n    progress.style.height = progressHeight + 'px';\r\n\r\n    let activeIndex = 0;\r\n    let closestDistance = Infinity;\r\n\r\n    events.forEach(function(event,index){\r\n      const rect = event.getBoundingClientRect();\r\n      const distance = Math.abs(rect.top - viewportPoint);\r\n\r\n      if(distance < closestDistance){\r\n        closestDistance = distance;\r\n        activeIndex = index;\r\n      }\r\n    });\r\n\r\n    events.forEach(function(event,index){\r\n      event.classList.toggle('is-active', index === activeIndex);\r\n    });\r\n\r\n    year.textContent =\r\n      events[activeIndex].getAttribute('data-year') || '';\r\n\r\n    ticking = false;\r\n  }\r\n\r\n  function requestUpdate(){\r\n    if(!ticking){\r\n      window.requestAnimationFrame(updateTimeline);\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  updateTimeline();\r\n\r\n  window.addEventListener('scroll',requestUpdate,{passive:true});\r\n  window.addEventListener('resize',requestUpdate);\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-bf5de6c e-con-full e-flex e-con e-parent\" data-id=\"bf5de6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45af922 elementor-widget elementor-widget-html\" data-id=\"45af922\" 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-convivencia\">\r\n  <div class=\"fradel-convivencia__inner\">\r\n\r\n    <div class=\"fradel-convivencia__content\">\r\n      <span class=\"fradel-convivencia__eyebrow\">\r\n        DOCUMENTO INSTITUCIONAL\r\n      <\/span>\r\n\r\n      <h2>C\u00f3digo de Convivencia<\/h2>\r\n\r\n      <p>\r\n        Nuestro C\u00f3digo de Convivencia orienta las relaciones dentro\r\n        de la comunidad educativa y establece principios, acuerdos\r\n        y responsabilidades que contribuyen a construir un ambiente\r\n        respetuoso, seguro y fraterno.\r\n      <\/p>\r\n\r\n      <p>\r\n        Invitamos a estudiantes, familias, docentes y colaboradores\r\n        a conocer este documento y asumir sus disposiciones como parte\r\n        del compromiso compartido con una convivencia arm\u00f3nica.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"fradel-convivencia__button\"\r\n        href=\"PEGAR-AQUI-URL-DEL-PDF\"\r\n        target=\"_blank\"\r\n        rel=\"noopener noreferrer\"\r\n      >\r\n        <svg\r\n          width=\"21\"\r\n          height=\"21\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <path\r\n            d=\"M12 3v12m0 0 5-5m-5 5-5-5M5 21h14\"\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\r\n        Consultar C\u00f3digo de Convivencia\r\n      <\/a>\r\n\r\n      <small>\r\n        Documento institucional \u00b7 Formato PDF \u00b7 Se abrir\u00e1 en una nueva pesta\u00f1a\r\n      <\/small>\r\n    <\/div>\r\n\r\n    <div class=\"fradel-convivencia__document\" aria-hidden=\"true\">\r\n      <div class=\"fradel-convivencia__paper\">\r\n        <span>UEP<\/span>\r\n        <div><\/div>\r\n        <strong>C\u00d3DIGO<\/strong>\r\n        <strong>DE CONVIVENCIA<\/strong>\r\n        <i><\/i>\r\n        <small>Francisca de las Llagas<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.fradel-convivencia,\r\n.fradel-convivencia *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fradel-convivencia{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  padding:95px 24px;\r\n  background:#f6f2e9;\r\n  color:#17283a;\r\n}\r\n\r\n.fradel-convivencia__inner{\r\n  width:min(1080px,100%);\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:1.2fr .8fr;\r\n  gap:80px;\r\n  align-items:center;\r\n}\r\n\r\n.fradel-convivencia__eyebrow{\r\n  color:#806515;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n}\r\n\r\n.fradel-convivencia h2{\r\n  margin:13px 0 22px;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,serif;\r\n  font-size:clamp(37px,5vw,53px);\r\n  font-weight:500;\r\n}\r\n\r\n.fradel-convivencia p{\r\n  max-width:690px;\r\n  margin:0 0 17px;\r\n  color:#5c6876;\r\n  font-size:17px;\r\n  line-height:1.8;\r\n}\r\n\r\n.fradel-convivencia__button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:11px;\r\n  margin-top:20px;\r\n  padding:16px 23px;\r\n  background:#0b2a4a;\r\n  color:#fff !important;\r\n  border-radius:7px;\r\n  text-decoration:none !important;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease;\r\n}\r\n\r\n.fradel-convivencia__button:hover{\r\n  background:#123f6c;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.fradel-convivencia__content > small{\r\n  display:block;\r\n  margin-top:13px;\r\n  color:#7c858e;\r\n  font-size:12px;\r\n}\r\n\r\n.fradel-convivencia__document{\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.fradel-convivencia__paper{\r\n  width:245px;\r\n  min-height:315px;\r\n  padding:34px 29px;\r\n  background:#fff;\r\n  border:1px solid #e0ded8;\r\n  border-radius:4px;\r\n  box-shadow:0 24px 55px rgba(11,42,74,.12);\r\n  transform:rotate(2deg);\r\n}\r\n\r\n.fradel-convivencia__paper > span{\r\n  display:block;\r\n  color:#ae8b23;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.16em;\r\n}\r\n\r\n.fradel-convivencia__paper > div{\r\n  width:40px;\r\n  height:2px;\r\n  margin:22px 0 30px;\r\n  background:#c9a227;\r\n}\r\n\r\n.fradel-convivencia__paper strong{\r\n  display:block;\r\n  color:#0b2a4a;\r\n  font-family:Georgia,serif;\r\n  font-size:25px;\r\n  line-height:1.17;\r\n  font-weight:500;\r\n}\r\n\r\n.fradel-convivencia__paper i{\r\n  display:block;\r\n  height:1px;\r\n  margin:40px 0 16px;\r\n  background:#dde0e2;\r\n}\r\n\r\n.fradel-convivencia__paper small{\r\n  color:#75808b;\r\n}\r\n\r\n@media(max-width:750px){\r\n  .fradel-convivencia{\r\n    padding:72px 20px;\r\n  }\r\n\r\n  .fradel-convivencia__inner{\r\n    grid-template-columns:1fr;\r\n    gap:50px;\r\n  }\r\n\r\n  .fradel-convivencia__document{\r\n    justify-content:flex-start;\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UEP FRANCISCA DE LAS LLAGAS Nuestra Instituci\u00f3n Una historia de fe, educaci\u00f3n y servicio que acompa\u00f1a generaciones y fortalece nuestra comunidad educativa. Descubre nuestra historia NUESTRO LEGADO Nuestra Madre Fundadora Mar\u00eda Francisca de las Llagas Su vida y obra constituyen una fuente permanente de inspiraci\u00f3n para nuestra comunidad educativa. Su vocaci\u00f3n franciscana, profundamente vinculada a [&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-16013","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16013","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=16013"}],"version-history":[{"count":90,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16013\/revisions"}],"predecessor-version":[{"id":29665,"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/pages\/16013\/revisions\/29665"}],"wp:attachment":[{"href":"https:\/\/uepfranciscadelasllagas.com\/index.php\/wp-json\/wp\/v2\/media?parent=16013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}