:root{--azul-primario:#001a70;--azul-hover:#102f84;--blanco:#fff;--texto-oscuro:#182337;--texto-gris:#667180;--borde:#e3e6eb;--rojo:#b72f38;--amarillo-fondo:#f8f7f2;--acento:#f2b644;--verde:#317d75;--sombra-suave:0 12px 32px #18233708}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:115px}body{font-family:'Segoe UI',Arial,sans-serif;color:var(--texto-oscuro);background:var(--amarillo-fondo);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}img{max-width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--acento);outline-offset:4px}[hidden]{display:none!important}.saltar-contenido{position:fixed;left:20px;top:-60px;background:white;padding:12px;z-index:4000}.saltar-contenido:focus{top:12px}.barra-superior{background:var(--azul-primario);color:#e1e6f3;font-size:11px}.barra-superior>div{max-width:1240px;margin:auto;display:flex;gap:24px;padding:8px 28px}.barra-lema{margin-left:auto}header{background:#fffdf9;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--borde)}.nav-contenedor{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 28px}.marca{display:flex;align-items:center;gap:12px}.logo-img{max-width:170px;max-height:54px;object-fit:contain}.marca-texto h1{font-size:12px;line-height:1.4;max-width:180px;letter-spacing:.3px}.marca-texto span{font-size:10px;color:var(--texto-gris)}.nav-menu{display:flex;align-items:center;gap:20px;list-style:none}.nav-menu a{font-size:12px;font-weight:600}.nav-menu a:hover{color:var(--verde)}.btn-notasnet{display:block;background:var(--azul-primario);color:white!important;padding:10px 17px;border-radius:7px}.btn-panel-admin{border:1px solid #d6dbe4;border-radius:7px;background:transparent;padding:10px 12px;color:var(--azul-primario);font-size:11px;font-weight:600}.menu-movil-btn{display:none;background:transparent;border:0;color:var(--azul-primario);font-size:24px}.portada{max-width:1240px;padding:76px 28px 80px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:56px;align-items:center}.etiqueta{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--verde);display:block;margin-bottom:20px}.portada h2{font-size:clamp(36px,4.2vw,58px);font-weight:750;letter-spacing:-2.2px;line-height:1.13}.portada h2 span{color:var(--azul-primario);position:relative;display:inline-block}.portada h2 span:after{content:'';position:absolute;bottom:-10px;left:0;width:90%;height:8px;border-top:4px solid var(--acento);border-radius:60%;transform:rotate(-2deg)}.portada-texto>p{max-width:460px;color:var(--texto-gris);font-size:15px;line-height:1.85;margin:30px 0}.portada-acciones{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.boton-acento{background:var(--acento);font-size:12px;font-weight:700;padding:15px 20px;border-radius:8px;display:flex;gap:20px;align-items:center}.boton-acento span{font-size:22px;line-height:1}.enlace-simple{font-size:12px;font-weight:600}.valores{display:flex;gap:23px;margin-top:44px;padding-top:20px;border-top:1px solid #dddcd5;font-size:11px;color:var(--verde)}.portada-visual{position:relative;padding:18px 0 40px 22px}.portada-visual:before{content:'';position:absolute;inset:0 25px 10px 0;border:1px solid #d8dcd1;border-radius:90px 15px 90px 15px;transform:rotate(-5deg)}.portada-visual>img{position:relative;width:100%;height:400px;object-fit:cover;object-position:58% center;border-radius:90px 12px 90px 12px;display:block}.adorno-estrella{position:absolute;right:-14px;top:-28px;color:var(--acento);font-size:80px;line-height:1;z-index:1}.portada-sello{position:absolute;bottom:0;left:-15px;background:var(--azul-primario);color:white;border-radius:14px;padding:22px 65px 22px 25px;box-shadow:0 14px 35px #001a7020}.portada-sello>span:first-child{font-size:10px;color:#c4d0f1}.portada-sello strong{display:block;font-size:15px;margin-top:5px;font-weight:600;line-height:1.45}.sello-flecha{position:absolute;right:23px;top:32px;font-size:30px;color:var(--acento)}.carrusel-seccion{max-width:1184px;margin:0 auto 42px;border-radius:12px;background:#e9ede9;display:flex;align-items:center;padding:25px 32px;gap:32px;position:relative}.aviso-etiqueta{font-size:9px;font-weight:700;letter-spacing:1.5px;max-width:100px;color:var(--verde);flex-shrink:0}.carrusel-slide{display:none;flex:1;padding-right:65px}.carrusel-slide.activo{display:block}.carrusel-slide h2{font-size:15px;letter-spacing:0;line-height:1.45;margin-bottom:3px}.carrusel-slide p{font-size:11px;color:var(--texto-gris)}.btn-carrusel{display:inline-block;font-size:10px;font-weight:700;color:var(--azul-primario);margin-top:8px;border-bottom:1px solid}.carrusel-controles{position:absolute;right:26px;display:flex;align-items:center;gap:6px}.indicador{width:7px;height:7px;border:0;border-radius:50%;background:#b2bdbb}.indicador.activo{background:var(--verde)}.pausa-carrusel{background:none;border:0;font-size:15px;color:var(--verde);margin-left:5px}.accesos-seccion{padding:22px 28px 65px;max-width:1240px;margin:auto}.accesos-titulo{font-size:12px;font-weight:600;color:var(--texto-gris);margin-bottom:20px}.tarjetas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tarjeta-acceso{background:white;border:1px solid var(--borde);padding:23px;border-radius:12px;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.tarjeta-acceso:after{content:'↗';position:absolute;right:18px;top:18px;color:var(--verde);font-size:20px}.tarjeta-acceso:hover,.afiche-tarjeta:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1823370c}.icono-tarjeta{font-size:24px;margin-bottom:14px}.tarjeta-acceso h3{font-size:13px;margin-bottom:5px}.tarjeta-acceso p{font-size:11px;color:var(--texto-gris)}.barra-seccion{max-width:1184px;margin:0 auto;padding:56px 0 0;font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1.3}.barra-seccion:before{display:block;font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--verde);margin-bottom:10px;content:'NUESTRA COMUNIDAD'}.barra-seccion#informativos:before{content:'VIDA ESCOLAR'}.barra-seccion#niveles:before{content:'CRECER EN CADA ETAPA'}.barra-seccion#calendario:before{content:'NOS ENCONTRAMOS AQUÍ'}.historia-seccion,.informativos-seccion,.niveles-seccion,.calendario-seccion{padding:32px 28px 65px}.historia-contenedor{max-width:1184px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.historia-foto{position:relative;border-radius:14px;overflow:hidden;height:315px}.historia-foto>img{height:100%;width:100%;object-fit:cover}.historia-foto-pie{position:absolute;bottom:0;background:#001a70e6;color:white;font-size:10px;padding:14px 20px;width:100%}.historia-texto h3{font-size:20px;line-height:1.4;margin-bottom:12px}.historia-texto p{font-size:13px;color:var(--texto-gris);margin-top:13px;line-height:1.9}.btn-historia{color:var(--verde);font-size:12px;font-weight:600;cursor:pointer;display:inline-block;border-bottom:1px solid}.informativos-seccion{background:#eef0eb;margin-top:26px}.informativos-contenedor{max-width:1184px;margin:auto}.filtros-barra{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}.btn-filtro{border:1px solid #d6dbd4;background:transparent;border-radius:6px;padding:8px 18px;font-size:12px}.btn-filtro.activo{background:var(--azul-primario);border-color:var(--azul-primario);color:white}.afiches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.afiche-tarjeta{background:white;border-radius:12px;overflow:hidden;border:1px solid var(--borde);cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.afiche-preview{height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;position:relative;background:#e2e8de;color:var(--verde);text-align:center;padding:18px}.afiche-preview[data-cat='Deportes']{background:#e5eafa;color:#344f92}.afiche-preview[data-cat='Artes']{background:#f6e7d8;color:#ae753b}.afiche-preview[data-cat='General']{background:#e6e6e9;color:#566270}.afiche-preview .icono{font-size:48px;margin-bottom:12px}.afiche-preview img{width:100%;height:100%;object-fit:contain}.afiche-preview:has(img){padding:0}.afiche-tarjeta h4{padding:17px 17px 5px;font-size:14px}.afiche-tarjeta>span{display:block;padding:0 17px 12px;font-size:11px;color:var(--texto-gris)}.afiche-accion{border-top:1px solid #f0f1f2;margin:0 17px;padding:12px 0;font-size:10px;font-weight:600;color:var(--verde);display:flex;justify-content:space-between}.niveles-grid{max-width:1184px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.nivel-tarjeta{border:1px solid var(--borde);background:#fff;border-radius:12px;padding:32px}.nivel-tarjeta:nth-child(2){background:var(--azul-primario);color:white;border-color:var(--azul-primario)}.nivel-icono{font-size:32px;margin-bottom:35px}.nivel-tarjeta h3{font-size:22px;letter-spacing:-.6px}.nivel-tarjeta .subtitulo{font-size:11px;color:var(--verde);font-weight:600;margin:8px 0 20px}.nivel-tarjeta p{font-size:12px;color:var(--texto-gris);line-height:1.85}.nivel-tarjeta:nth-child(2) p,.nivel-tarjeta:nth-child(2) .subtitulo{color:#d0daf6}.calendario-caja{max-width:1184px;margin:auto;background:white;padding:30px;border:1px solid var(--borde);border-radius:12px}.calendario-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:25px}.btn-mes{border:1px solid var(--borde);border-radius:5px;background:#f8f9fa;font-size:11px;padding:7px 10px}.calendario-titulo{font-size:20px;font-weight:600;text-transform:capitalize}.calendario-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid var(--borde);border-top:1px solid var(--borde)}.dia-cabecera,.dia-celda{border-right:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:10px}.dia-cabecera{font-size:10px;text-align:center;text-transform:uppercase;color:var(--texto-gris);background:#f8f9fa}.dia-celda{min-height:85px;overflow:hidden}.dia-numero{font-size:11px;color:var(--texto-gris);margin-bottom:7px}.dia-celda.hoy{background:#fff5db}.evento-badge{display:block;max-width:100%;border:0;text-align:left;background:#e9eefb;color:var(--azul-primario);font-size:9px;border-radius:3px;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}footer{background:#071b48;color:#bec7dd;padding:56px 28px 20px}.footer-grid{max-width:1184px;margin:auto;display:grid;grid-template-columns:1.2fr 1.1fr 1fr 1fr;gap:36px}.footer-logo{max-height:55px;max-width:180px;object-fit:contain;background:white;border-radius:4px;padding:5px;margin-bottom:16px}.footer-grid h3{font-size:12px;color:white;margin-bottom:16px}.footer-grid p,.footer-grid a,.enlace-footer{display:block;font-size:11px;margin-bottom:10px}.footer-grid a:hover{color:white}.enlace-footer{background:none;border:0;color:var(--acento);padding:0}.footer-base{max-width:1184px;margin:35px auto 0;border-top:1px solid #ffffff1c;padding-top:20px;display:flex;justify-content:space-between;font-size:10px}.modal-overlay{display:none;position:fixed;inset:0;background:#08132990;backdrop-filter:blur(6px);z-index:2000;padding:28px;align-items:center;justify-content:center}.modal-overlay.activo{display:flex}.modal-caja{width:100%;max-width:560px;max-height:90dvh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0003}.modal-cabecera{padding:18px 24px;border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;z-index:3}.modal-cabecera h3{font-size:14px}.btn-cerrar{border:0;background:#f0f2f5;width:32px;height:32px;border-radius:50%;font-size:23px;line-height:1;color:#43506a}.modal-cuerpo{padding:26px;font-size:13px}.modal-cuerpo img{object-fit:contain;max-height:65vh;display:block;margin:auto}.modal-cuerpo iframe{width:100%;height:60vh;border:1px solid var(--borde);border-radius:8px}.login-titulo{font-size:27px;letter-spacing:-.8px;margin-bottom:12px}.texto-ayuda{color:var(--texto-gris);font-size:12px;margin-bottom:24px}.form-grupo{margin-bottom:16px}.form-grupo label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.form-input,.form-select{width:100%;padding:11px 12px;border:1px solid #d9dee7;border-radius:7px;background:white;font-size:13px;color:var(--texto-oscuro)}.btn-primario,.btn-secundario{border:0;border-radius:7px;padding:12px 20px;font-size:12px;font-weight:600;display:inline-block}.btn-primario{background:var(--azul-primario);color:white}.btn-secundario{background:#eef1f5;color:var(--azul-primario);border:1px solid #dfe4ec}.btn-peligro{border:1px solid #efc9ce;border-radius:6px;background:#fdf1f2;color:#9f2737;font-size:11px;padding:7px 12px}.panel-contenedor{max-width:1040px}.panel-pestanas{display:flex;gap:8px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid var(--borde);flex-wrap:wrap}.pestana-btn{border:0;border-radius:6px;padding:10px 17px;font-size:12px;background:#f1f3f6;color:var(--texto-gris)}.pestana-btn.activo{background:var(--azul-primario);color:white}#pestanaAfiches{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}#pestanaAfiches>h4:first-child,#pestanaAfiches>p,#pestanaAfiches>.zona-carga,#pestanaAfiches>.archivo-seleccionado,#pestanaAfiches>.preview-heading,#pestanaAfiches>.preview-editor,#pestanaAfiches>.acciones-editor,#pestanaAfiches>progress,#pestanaAfiches>#adminEstado,#pestanaAfiches>h5,#pestanaAfiches>.lista-admin{grid-column:1/-1}.zona-carga{position:relative;display:flex;align-items:center;flex-direction:column;border:1px dashed #9eafa9;border-radius:10px;padding:20px;background:#f5f8f4;cursor:pointer;gap:3px;font-size:12px}.zona-carga.drag{background:#e2eee5;border-color:var(--verde)}.zona-carga small{font-size:10px;color:var(--texto-gris)}.zona-carga input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.carga-icono{font-size:25px;color:var(--verde);line-height:1.2}.archivo-seleccionado{font-size:11px;margin-top:7px;color:var(--verde);display:flex;justify-content:space-between;align-items:center}.preview-heading{margin:22px 0 12px;font-size:13px}.preview-editor{border:1px solid var(--borde);border-radius:10px;display:flex;overflow:hidden;background:#fafbf9;min-height:145px}.preview-editor .afiche-preview{width:180px;height:155px;flex-shrink:0}.preview-info{padding:20px}.preview-info h4{font-size:18px;margin:5px 0}.preview-info p{font-size:12px;color:var(--texto-gris)}.categoria-pill{font-size:9px;font-weight:600;color:var(--verde);background:#e5efe9;padding:4px 8px;border-radius:4px}.acciones-editor{display:flex;justify-content:flex-end;gap:12px;margin:18px 0}.lista-admin{border:1px solid var(--borde);border-radius:8px;max-height:280px;overflow:auto}.lista-admin-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border-bottom:1px solid var(--borde)}.lista-admin-item:last-child{border:0}.lista-admin-item strong{font-size:12px}.lista-admin-item small{display:block;font-size:10px;color:var(--texto-gris)}.lista-admin-acciones{display:flex;gap:7px;flex-shrink:0}.lista-admin-acciones .btn-secundario{padding:7px 12px;font-size:11px}.preview-banner{background:#edf0e9;border-radius:8px;padding:18px;margin:16px 0}.preview-banner:empty{display:none}#adminEstado{font-size:12px;color:var(--verde);margin-bottom:15px}progress{width:100%;accent-color:var(--verde)}.notificacion{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;max-width:90vw;background:#14382f;color:white;border-radius:9px;box-shadow:0 8px 30px #0002;z-index:4000;font-size:12px;display:none}.notificacion.visible{display:block}.notificacion.error{background:#862635}.vacio{grid-column:1/-1;padding:35px;text-align:center;color:var(--texto-gris);font-size:13px}
@media(min-width:1400px){.portada{padding-top:95px;padding-bottom:100px}.portada-visual>img{height:430px}}
@media(max-width:1100px){.marca-texto{display:none}.nav-menu{gap:14px}.barra-seccion{margin:0 28px}.carrusel-seccion{margin-left:28px;margin-right:28px}.portada{gap:25px}.portada h2{font-size:46px}.portada-visual>img{height:365px}.historia-contenedor{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.afiches-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){html{scroll-padding-top:85px}.nav-contenedor{padding:14px 22px}.marca-texto{display:block}.logo-img{max-height:42px;max-width:135px}.menu-movil-btn{display:block}.nav-menu{display:none}.nav-menu.abierto{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fffdf9;padding:25px;align-items:stretch;box-shadow:0 12px 20px #0001}.nav-menu a{display:block;padding:8px}.portada{padding-top:45px;grid-template-columns:1fr 1fr;gap:25px}.portada h2{font-size:36px;letter-spacing:-1.5px}.portada-texto>p{font-size:13px}.portada-visual>img{height:350px}.portada-sello{left:0;padding:18px 50px 18px 18px}.portada-sello strong{font-size:12px}.valores{gap:15px}.tarjetas-grid{grid-template-columns:repeat(2,1fr)}.afiches-grid{grid-template-columns:repeat(2,1fr)}.niveles-grid{gap:12px}.nivel-tarjeta{padding:23px}.nivel-tarjeta h3{font-size:19px}.historia-contenedor{gap:30px}.historia-texto h3{font-size:17px}.barra-seccion{font-size:29px}}
@media(max-width:600px){.barra-superior>div{padding:7px 20px;font-size:9px;justify-content:space-between;gap:8px}.barra-lema{display:none}.nav-contenedor{padding:13px 20px}.marca-texto h1{font-size:10px;max-width:155px}.marca-texto span{font-size:9px}.logo-img{max-width:110px;max-height:40px}.portada{grid-template-columns:1fr;padding:40px 20px 45px;gap:40px}.portada h2{font-size:42px}.etiqueta{font-size:9px;letter-spacing:1.1px}.portada-texto>p{font-size:13px;margin:25px 0}.portada-acciones{gap:16px}.boton-acento{font-size:11px;padding:14px 17px}.valores{margin-top:25px}.portada-visual{max-width:440px;width:100%;margin:auto;padding-bottom:45px}.portada-visual>img{height:280px}.adorno-estrella{font-size:64px;right:0;top:-20px}.portada-sello{left:5px;bottom:8px}.carrusel-seccion{margin:0 20px 28px;padding:21px;display:block}.aviso-etiqueta{display:block;margin-bottom:10px;max-width:none}.carrusel-slide{padding-right:0}.carrusel-slide h2{font-size:13px}.carrusel-controles{right:20px;top:21px}.accesos-seccion{padding:15px 20px 25px}.accesos-titulo{font-size:11px}.tarjetas-grid{gap:10px}.tarjeta-acceso{padding:19px 14px}.tarjeta-acceso h3{font-size:12px}.tarjeta-acceso p{font-size:10px}.barra-seccion{margin:0 20px;padding-top:40px;font-size:28px}.historia-seccion,.informativos-seccion,.niveles-seccion,.calendario-seccion{padding:25px 20px 40px}.historia-contenedor{grid-template-columns:1fr;gap:25px}.historia-foto{height:240px}.historia-texto h3{font-size:19px}.filtros-barra{gap:6px}.btn-filtro{font-size:11px;padding:7px 12px}.afiches-grid{gap:12px}.afiche-preview{height:145px;padding:12px}.afiche-preview .icono{font-size:35px}.afiche-tarjeta h4{padding:12px 12px 5px;font-size:12px}.afiche-tarjeta>span{padding:0 12px 10px;font-size:10px}.afiche-accion{margin:0 12px;font-size:9px}.niveles-grid{grid-template-columns:1fr}.nivel-icono{margin-bottom:18px}.nivel-tarjeta{padding:26px}.calendario-caja{padding:14px}.calendario-nav{gap:12px}.calendario-titulo{font-size:17px}.dia-celda{min-height:65px;padding:5px}.dia-cabecera{padding:7px 2px;font-size:9px}.evento-badge{font-size:8px;padding:3px 1px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid h3{font-size:11px}.footer-grid p,.footer-grid a{font-size:10px}.footer-base{gap:20px;font-size:9px}.modal-overlay{padding:12px}.modal-caja{max-height:94dvh;border-radius:12px}.modal-cabecera{padding:15px 18px}.modal-cuerpo{padding:20px}.panel-pestanas{gap:5px}.pestana-btn{padding:9px 11px;font-size:11px}#pestanaAfiches{grid-template-columns:1fr}#pestanaAfiches>*{grid-column:1!important}.preview-editor .afiche-preview{width:110px;height:150px}.preview-info{padding:14px}.preview-info h4{font-size:15px}.acciones-editor{flex-wrap:wrap}.acciones-editor button{flex:1;font-size:11px;white-space:nowrap}.lista-admin-item{align-items:flex-start;flex-direction:column}.lista-admin-acciones{width:100%;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}