/* Reference composition: floating masthead, compact sections and blue/gold details. */
.reference-site .page-heading{padding-top:110px}
.module-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.module-gallery-preview img{display:block;width:100%;height:100px;object-fit:cover}.module-gallery-preview button{font-size:11px;width:100%;padding:6px;border:1px solid #dce1e9;background:white}.reference-site .level-card img{object-fit:cover}.reference-site #home-noticias .text-link{background:none;border:0;padding:0;font-size:11px}.reference-site .historia-texto h2{max-width:450px}
.reference-site{--ref-blue:#0647c9;--ref-gold:#b58a35;background:#fff}.reference-site .contenedor{width:min(1180px,calc(100% - 72px))}.reference-site .barra-superior{display:none}
.reference-site header{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 72px));border-radius:0 0 10px 10px;box-shadow:0 6px 24px #13223812;background:#fff;z-index:25}.reference-site .nav-contenedor{min-height:74px;padding:12px 20px;gap:15px}.reference-site .marca .logo-img{width:42px;height:46px}.reference-site .marca-nombre{font-size:12px}.reference-site .nav-menu{gap:13px}.reference-site .nav-menu a,.reference-site .nav-dropdown summary{font-size:12px}.reference-site .portal-nav{background:var(--ref-blue);font-size:12px;min-height:36px;padding:9px 13px;border-radius:4px}.reference-site .buscar-btn{background:#fff;width:30px;height:34px;font-size:22px}.reference-site .nav-tools{gap:6px}.reference-site .nav-menu .mega-panel{top:100%;width:calc(100% - 20px)}
.reference-site main h1,.reference-site main h2,.reference-site main h3{letter-spacing:-.035em}.reference-site .boton{background:var(--ref-blue);border-radius:4px;font-size:13px;padding:12px 20px;min-height:42px;gap:16px}.reference-site .portada{height:535px;align-items:center}.reference-site .portada-texto{padding:60px 0 40px}.reference-site .portada h1{font-size:clamp(37px,3.65vw,51px);line-height:1.06;max-width:455px}.reference-site .portada .etiqueta{font-size:10px;letter-spacing:1.8px}.reference-site .portada-texto>p{font-size:16px;line-height:1.5;max-width:410px;margin:21px 0 25px}.reference-site .portada:after{background:linear-gradient(90deg,#111c2ac4,#15253644 50%,transparent 76%)}.reference-site .portada-visual>img{object-position:center 58%}.reference-site .portada-acciones{gap:18px}.reference-site .enlace-hero{font-size:12px;border:1px solid #ffffff9c;padding:12px 18px;border-radius:4px}
.reference-site .reference-quick{grid-template-columns:repeat(6,minmax(0,1fr));padding:18px;gap:12px;margin-top:-48px;min-height:145px;border-radius:10px;box-shadow:0 10px 30px #17365c0c}.reference-quick>a{padding:15px 15px 12px;background:linear-gradient(135deg,#f2f7ff,#f9fbff);border-radius:5px;min-width:0}.reference-quick svg{width:28px;height:28px;color:var(--ref-blue);stroke-width:1.5;margin-bottom:9px}.reference-quick h2{font-size:14px!important;line-height:1.25}.reference-quick p{font-size:12px!important;line-height:1.4!important;margin:7px 0;max-width:none}.reference-quick>a>span{color:var(--ref-blue);font-size:17px}
.reference-site .historia-seccion{margin-block:42px 24px}.reference-site .historia-contenedor{grid-template-columns:1fr 1fr;gap:75px}.reference-site .historia-texto{order:0}.reference-site .historia-foto{order:1;height:310px;isolation:isolate}.reference-site .historia-foto .foto-principal{width:100%;height:100%;object-position:center;border-radius:9px}.reference-site .foto-detalle,.reference-site .circulo-decorativo{display:none}.reference-site .historia-texto .etiqueta{font-size:9px;margin-bottom:8px;letter-spacing:1.7px}.reference-site .historia-texto h2{font-size:30px;line-height:1.18;margin-bottom:14px}.reference-site .historia-texto h2 em{font-style:normal;color:var(--ref-gold)}.reference-site .historia-texto>p{font-size:14px;line-height:1.6;margin-bottom:15px}.reference-site .lista-valores{font-size:13px;gap:8px;margin-bottom:18px}.reference-site .lista-valores li:before{background:var(--ref-gold);color:white;width:16px;height:16px;font-size:10px}.reference-site .historia-foto .foto-caption{left:18px;bottom:16px;background:#fffffff2;display:flex;gap:10px;align-items:center;border-radius:5px;padding:12px 15px;font-size:12px;line-height:1.4;box-shadow:none}.reference-site .foto-caption svg{width:34px;height:34px;border-radius:50%;padding:7px;background:#053885;color:#fff}.reference-site .foto-caption strong{color:var(--ref-gold);font-size:12px}.reference-site .historia-foto .fraisi-decoracion{left:auto;right:-4px;bottom:12px;width:130px;height:160px;z-index:2}
.reference-site .school-stats{padding:18px 25px;margin-bottom:30px;border-radius:6px;background:linear-gradient(110deg,#edf5ff,#f6f9ff);gap:0}.reference-site .school-stats>div{padding:4px 22px;gap:14px;align-items:center}.reference-site .school-stats svg{color:var(--ref-blue);background:#fff;border-radius:50%;padding:9px;width:44px;height:44px;margin:0}.reference-site .school-stats strong{font-size:27px;line-height:1;color:var(--ref-blue)}.reference-site .school-stats p{font-size:12px;line-height:1.45;margin-top:3px}
.reference-row{display:grid;grid-template-columns:1.55fr 1fr;gap:38px;margin-block:0 30px}.reference-row>section{min-width:0;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.reference-row .contenedor{width:100%!important}.reference-row .section-heading{gap:10px;align-items:start;margin-bottom:14px;display:flex}.reference-row .section-heading h2,.reference-row .barra-seccion h2{font-size:13px!important;color:var(--ref-blue);letter-spacing:.06em;font-weight:800;padding-top:8px;position:relative}.reference-row .section-heading h2:before,.reference-row .barra-seccion h2:before{content:'';position:absolute;left:0;top:0;width:55px;height:2px;background:var(--ref-gold)}.reference-row .section-heading p,.reference-row .barra-seccion p{font-size:12px;line-height:1.45;margin-top:5px}.reference-row .text-link{font-size:10px;color:var(--ref-blue);white-space:nowrap;padding-top:10px}.reference-row .document-section{background:#fff}.reference-site .platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-grid article{display:flex;align-items:center;gap:14px;padding:14px!important;border:1px solid #e8edf5!important;border-radius:6px;background:linear-gradient(125deg,#fff,#fcfdff);box-shadow:0 5px 16px #18305006;min-width:0}.platform-grid svg{width:36px;height:36px;color:var(--ref-blue)}.platform-grid h2{font-size:13px!important;line-height:1.3}.platform-grid p{font-size:11px!important;line-height:1.45;margin:5px 0;max-width:none}.platform-grid a{font-size:11px;color:var(--ref-blue)}.reference-extra{margin-top:12px;font-size:12px}.reference-extra>summary{cursor:pointer;color:var(--ref-blue);padding:7px 0}.reference-extra .portal-layout{grid-template-columns:1fr;gap:20px;margin-top:15px}.reference-extra .editorial-links a{font-size:14px}.reference-extra .editorial-links p{font-size:12px}.reference-extra .portal-feature{padding:18px}.reference-site .document-section .section-heading{margin-bottom:12px}.reference-site .document-row,.reference-site .tarjeta-acceso.document-row,.reference-site #home-documentos .catalog-row{padding:12px 8px;gap:10px;background:#fff;border:1px solid #e8edf5;border-top:0;border-radius:0;box-shadow:none;align-items:center}.reference-site .document-row h3,.reference-site #home-documentos .catalog-row h3{font-size:12px;font-family:'SFA Source Sans';font-weight:500;letter-spacing:0}.reference-site .document-row p,.reference-site #home-documentos .catalog-row p,.reference-site #home-documentos .catalog-row small{display:none}.reference-site .document-row>span{font-size:11px}.reference-site .document-row svg,.reference-site #home-documentos .catalog-row svg{width:16px;height:20px;color:#71809d}.reference-site #home-documentos .catalog-actions{display:flex;max-width:110px}.reference-site #home-documentos .catalog-actions button{font-size:10px;padding:4px 7px;min-height:28px}.reference-site .document-list,.reference-site #home-documentos .catalog-results{border-top:1px solid #e8edf5}.reference-site .more-docs{margin-top:0}.reference-site .more-docs summary{font-size:12px;padding:12px 8px;border:1px solid #e8edf5;border-top:0}.reference-site .more-docs a{font-size:12px}
.reference-row .home-feed{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.reference-row .home-feed article{padding:0;border:1px solid #e7ecf3;border-radius:6px;overflow:hidden;min-width:0}.tile-visual{width:100%;height:125px;background-image:url('imagenes/comunidad-uniformes.png');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0}.tile-1{background-position:33.333% 0}.tile-2{background-position:66.667% 0}.tile-3{background-position:100% 0}.tile-4{background-position:0 100%}.tile-5{background-position:33.333% 100%}.tile-6{background-position:66.667% 100%}.tile-7{background-position:100% 100%}.reference-row .home-feed img{display:block;width:100%;height:125px;object-fit:cover}.reference-row .card-copy{padding:12px 11px}.reference-row .home-feed h3{font-size:13px;line-height:1.35;margin:0 0 6px}.reference-row .home-feed p{font-size:11px;line-height:1.45;margin-bottom:8px}.reference-row .home-feed a{font-size:12px}.reference-site .reference-levels .barra-seccion,.reference-site .reference-calendar .barra-seccion{width:100%;padding:0;margin:0 0 14px}.reference-site .reference-levels .niveles-seccion{width:100%;padding:0}.reference-site .niveles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level-card{border:1px solid #e7ecf3;border-radius:6px;overflow:hidden;background:#fff}.level-copy{padding:12px 9px}.level-copy h3{font-size:13px;margin-bottom:7px;line-height:1.3}.level-copy p{font-size:11px;line-height:1.4}.level-copy span{display:block;color:var(--ref-blue);margin-top:9px}.reference-site #home-noticias{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-site #home-noticias article>span{font-size:10px}.reference-site .reference-calendar .calendario-seccion{width:100%;padding:0}.reference-site .calendario-caja{padding:12px;border-color:#e8edf5;border-radius:5px}.reference-site .calendario-nav{gap:10px;margin-bottom:12px}.reference-site .calendario-titulo{font-size:14px;text-transform:capitalize}.reference-site .btn-mes{font-size:11px;padding:4px 7px;background:#edf3ff;border:0;min-height:28px}.reference-site .dia-cabecera{font-size:10px;padding:5px}.reference-site .dia-celda{min-height:39px;padding:4px 2px}.reference-site .dia-numero{font-size:10px}.reference-site .evento-badge{font-size:7px;padding:2px 1px;margin-top:1px}.reference-site .calendario-ayuda{font-size:10px;margin-bottom:0}.reference-site .reference-extra .informativos-seccion{width:100%;padding:10px 0}.reference-site .reference-extra .afiches-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-site .reference-extra .btn-filtro{font-size:12px;padding:6px}.reference-site .reference-extra .afiche-tarjeta h4{font-size:12px}.reference-site .reference-extra .afiche-tarjeta>span{font-size:11px}.reference-site .reference-extra .afiche-preview{height:90px;font-size:12px}
.reference-site #galeria{background:#faf6ed;width:100%;max-width:none;margin:10px 0 0;padding:30px max(36px,calc((100% - 1180px)/2));display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:center}.reference-site #galeria .section-heading{margin:0;display:block}.reference-site #galeria .etiqueta{font-size:9px;color:#637797;letter-spacing:1px;margin-bottom:5px}.reference-site #galeria h2{font-size:27px;margin-bottom:9px;line-height:1.15}.reference-site #galeria .section-heading p{font-size:13px;line-height:1.5;margin-bottom:15px}.reference-site #galeria .gallery-stage{aspect-ratio:3.5/1;border-radius:6px}.reference-site #galeria .gallery-controls{top:9px;right:9px;padding:3px;gap:3px}.reference-site #galeria .gallery-controls button{min-width:30px;min-height:30px;font-size:17px}.reference-site #galeria .gallery-controls .gallery-pause{font-size:10px}.reference-site #galeria .gallery-count{font-size:10px;min-width:35px}.reference-site #galeria .gallery-footer{padding:8px 0;border:0}.reference-site #galeria .gallery-caption{font-size:11px!important;line-height:1.4!important;max-height:45px;overflow:hidden}.reference-site #galeria .gallery-source{font-size:9px}.reference-site #galeria .gallery-post{font-size:10px}.reference-site #galeria .gallery-dots{padding:0;gap:2px}.reference-site #galeria .gallery-dot{height:18px;width:22px}.reference-site #galeria .gallery-dot:before{width:5px;height:5px}.reference-site #galeria .gallery-dot[aria-pressed=true]:before{width:15px}
.reference-site .network-section{padding:25px 0 30px;background:linear-gradient(#f5f9ff,#dceaf9);position:relative;overflow:hidden}.reference-site .network-section h2{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:24px;margin:0}.reference-site .network-section p{font-family:Georgia,serif;font-size:16px;font-style:italic;margin:4px auto 0}.reference-site .network-section .text-link,.reference-site .network-section .nota-datos{display:none}.reference-site .network-section:after{content:'';position:absolute;left:0;right:0;bottom:0;height:28px;background:#b4cce6;opacity:.35;clip-path:polygon(0 75%,6% 20%,9% 80%,18% 25%,28% 100%,70% 100%,81% 20%,88% 75%,94% 10%,100% 60%,100% 100%,0 100%)}.reference-site .notice-details{margin:0 auto;padding:4px 0;font-size:11px}.reference-site .notice-details .carrusel-seccion{width:100%;margin:0;padding:18px}.reference-site footer{background:#10283f;padding:28px 0 0}.reference-site .footer-grid{grid-template-columns:1.2fr .8fr .9fr 1fr;gap:35px}.reference-site .footer-grid>div:nth-child(3){display:none}.reference-site .footer-grid>div:nth-child(4) h3{font-size:13px}.reference-site .footer-grid h3{font-size:14px;margin-bottom:12px}.reference-site .footer-grid a,.reference-site .footer-grid p,.reference-site .enlace-footer{font-size:11px;line-height:1.65}.reference-site .footer-marca{font-size:13px}.reference-site .footer-marca .footer-logo{width:43px;height:51px}.reference-site .footer-base{font-size:10px;margin-top:22px;padding:13px 0}.reference-site .footer-contact button{display:block;margin-top:10px;color:#fff}.reference-site .contenido-pendiente{font-size:12px!important;padding:14px}
@media(max-width:1100px){.reference-site header{width:calc(100% - 40px)}.reference-site .nav-contenedor{min-height:68px}.reference-site .nav-menu{position:absolute;top:100%;background:#fff}.reference-site .nav-menu.abierto{display:flex;left:0;right:0;width:100%;padding:16px;max-height:75vh;overflow:auto}.reference-site .nav-menu a,.reference-site .nav-dropdown summary{font-size:15px}.reference-site .nav-menu .mega-panel{width:100%}.reference-site .reference-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-site .historia-contenedor{gap:30px}.reference-row{grid-template-columns:1.3fr 1fr;gap:25px}.reference-row .home-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .platform-grid{grid-template-columns:1fr}.reference-site #home-noticias{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .tile-visual{height:140px}.reference-site .niveles-grid{grid-template-columns:1fr}.reference-site .level-card{display:grid;grid-template-columns:90px 1fr}.reference-site .level-card .tile-visual{height:110px}.reference-site #galeria{grid-template-columns:240px 1fr}.reference-site .footer-grid{gap:20px}}
@media(max-width:700px){.reference-site .contenedor{width:calc(100% - 36px)}.reference-site header{width:calc(100% - 24px)}.reference-site .nav-contenedor{padding:10px 12px;gap:8px}.reference-site .marca-nombre{font-size:11px}.reference-site .portada{height:570px}.reference-site .portada h1{font-size:40px;max-width:350px}.reference-site .portada-texto{padding:85px 0 40px}.reference-site .portada-texto>p{font-size:15px;max-width:320px}.reference-site .portada-acciones{flex-direction:row;gap:10px;align-items:center;flex-wrap:wrap}.reference-site .enlace-hero{font-size:11px;padding:12px}.reference-site .reference-quick{gap:8px;padding:12px;margin-top:-35px;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-quick>a{padding:13px}.reference-quick h2{font-size:13px!important}.reference-site .historia-seccion{margin-top:30px}.reference-site .historia-contenedor{grid-template-columns:1fr;gap:25px}.reference-site .historia-texto h2{font-size:29px}.reference-site .historia-foto{height:260px}.reference-site .school-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 5px;gap:20px 0}.reference-site .school-stats>div{padding:0 10px;gap:8px;border:0}.reference-site .school-stats svg{width:35px;height:35px;padding:6px}.reference-site .school-stats p{font-size:11px}.reference-row{grid-template-columns:1fr;gap:28px;margin-bottom:28px}.reference-site .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid article{gap:8px;padding:12px!important;align-items:start}.platform-grid svg{width:25px;height:25px}.platform-grid h2{font-size:12px!important}.platform-grid p{font-size:10px!important}.reference-row .home-feed,.reference-site #home-noticias{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .niveles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-site .level-card{display:block}.reference-site .level-card .tile-visual{height:105px}.level-copy{padding:10px 7px}.level-copy h3{font-size:11px}.level-copy p{font-size:10px}.reference-site .calendario-nav{flex-direction:row;align-items:center}.reference-site .dia-celda{min-height:45px}.reference-site #galeria{grid-template-columns:1fr;padding:25px 18px;gap:20px}.reference-site #galeria .gallery-stage{aspect-ratio:2/1}.reference-site .network-section h2{font-size:21px}.reference-site .network-section p{font-size:14px}.reference-site .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.reference-site .footer-grid>div:first-child{grid-column:auto}.reference-site .footer-base{display:block}.reference-site .reference-extra .afiches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site #galeria .gallery-footer{display:block}.reference-site #galeria .gallery-post{margin:5px 0 0}}
@media(prefers-reduced-motion:reduce){.reference-site *{scroll-behavior:auto}}