/* Prueba reversible de la paleta oficial del Manual de Identidad 2026. */
:root{
 --brand-red:#d50a34;
 --brand-granate:#80001c;
 --red:#00277f;
 --red-dark:#00104f;
 --yellow:#f4b70b;
 --yellow-text:#fff5b3;
 --ink:#454545;
 --muted:#454545;
 --surface-red:#0346b7;
 --line:#e6e9ec;
 --graphic-red:#00277f;
 --graphic-ink:#454545;
 --graphic-copy:#454545;
 --graphic-line:#b8c2cc;
 --graphic-pink:#e6e9ec;
 --graphic-shadow:0 6px 0 #e6e9ec,0 15px 28px #00104f12;
}

::selection{background:#ffd435;color:#00104f}
:focus-visible{outline-color:#f4b70b;box-shadow:0 0 0 5px #00104f}
.button-primary:hover{box-shadow:0 7px 20px #00104f2b}

/* El rojo Agustino identifica acciones y acentos de alta atención. */
.topbar{background:#00277f}
.topbar-socials{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.topbar-socials>a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;border-radius:50%;transition:background-color .2s ease,color .2s ease}
.topbar-socials>a:first-child{border-radius:6px;padding-inline:6px}
.topbar-socials>a:not(:first-child){border:1px solid #ffffff40}
.topbar-socials>a:hover{background:#ffffff20;text-decoration:none}
.topbar-socials .icon{flex:0 0 auto}
@media(max-width:760px){.topbar-socials{gap:5px}.topbar-socials>a:first-child span{display:none}.topbar-socials>a:first-child{padding-inline:0}}
.enterprise-section{background:var(--brand-red)}
.menu-toggle{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.main-navigation .nav-cta,.button-primary{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.main-navigation .nav-cta:hover,.button-primary:hover{background:var(--brand-granate);border-color:var(--brand-granate);color:#fff}
.main-navigation>a[aria-current]:not(.nav-cta),.main-navigation>a:hover:not(.nav-cta){color:var(--brand-red)}
.main-navigation>a[aria-current]:not(.nav-cta):after{background:var(--brand-red)}
.pillar-grid>.pillar:nth-child(even) .index,
.values-grid>.value-card:nth-child(3n + 2)>span,
.aims-grid>.aim-card:nth-child(2)>span,
.admission-steps>li:nth-child(even)>span,
.journey-grid>.journey-card:nth-child(2)>.journey-number{background:var(--brand-red)}

/* Portada principal: fondo rojo Agustino sobre la fotografía existente. */
.home-hero-centered{background:var(--brand-red)}
.home-hero-centered:before{
 background:
  radial-gradient(ellipse at 50% 43%,rgba(128,0,28,0) 26%,rgba(128,0,28,.17) 63%,rgba(92,0,23,.62) 100%),
  linear-gradient(180deg,rgba(128,0,28,.17),transparent 24%,transparent 72%,rgba(128,0,28,.26)),
  linear-gradient(115deg,rgba(213,10,52,.84),rgba(190,8,46,.78) 50%,rgba(128,0,28,.87));
}
.student-hero{background:linear-gradient(145deg,#0346b7,#00277f 60%,#00104f);box-shadow:0 24px 60px #00104f2b}
.student-glow{background:radial-gradient(circle,#ffd43573 0,#f4b70b24 45%,transparent 70%)}
.student-word{ text-shadow:0 2px 20px #00104f35}
.student-word-front{ text-shadow:0 3px 0 #00277f,0 9px 24px #00104f73}
.student-character img{filter:drop-shadow(0 16px 20px #00104f4f)}
.student-shadow{background:#00104f}
.student-tag{background:#00277fe8}
.student-options{background:#00277f66}
.home-hero-centered .student-options{background:#00104f35;box-shadow:0 8px 24px #00104f26}
.home-hero-centered .student-options button[aria-pressed="true"]{box-shadow:0 3px 12px #00104f36}
.home-hero-centered .student-tag{text-shadow:0 2px 10px #00104f59}
.edu-detail{filter:drop-shadow(0 16px 14px #00104f32)}

/* La sección de etapas conserva su fondo rojo Agustino y los demás colores como acentos. */
.levels-showcase{background:radial-gradient(ellipse at 50% 42%,#e21b45 0%,#d50a34 55%,#80001c 100%)}
.levels-showcase__halo{background:radial-gradient(circle at 44% 33%,#ffd43524,transparent 65%)}
.levels-showcase__person img{filter:drop-shadow(0 20px 25px #00104f3d)}
.journey-card{box-shadow:0 18px 32px #00104f29,inset 0 2px 4px #fff9}
.journey-card:hover{box-shadow:0 24px 44px #00104f42,inset 0 2px 4px #fff9}

/* Portadas interiores: mismo encuadre y fotografías, ahora con velo azul. */
.page-hero.secondary-photo-hero{--theme-hero-image:url('./aula-secundaria-fondo.jpg');--theme-hero-position:center 20%}
.page-hero.primary-photo-hero{--theme-hero-image:url('./patio-primaria-fondo.jpg');--theme-hero-position:center 20%}
.page-hero.initial-photo-hero{--theme-hero-image:url('./aula-inicial-fondo.jpg');--theme-hero-position:center 20%}
.page-hero.college-photo-hero{--theme-hero-image:url('./plaza-alumno-realista-colegio.jpg');--theme-hero-position:center top}
.page-hero.proposal-photo-hero{--theme-hero-image:url('./propuesta-alumnos-proyecto.jpg');--theme-hero-position:center 35%}
.page-hero.levels-photo-hero{--theme-hero-image:url('./niveles-tres-etapas.jpg');--theme-hero-position:center top}
.page-hero.admission-photo-hero{--theme-hero-image:url('./admision-bienvenida.jpg');--theme-hero-position:center top}
.page-hero.school-life-photo-hero{--theme-hero-image:url('./vida-escolar-recreo.jpg');--theme-hero-position:center top}
.page-hero.contact-photo-hero{--theme-hero-image:url('./contacto-conversacion.jpg');--theme-hero-position:center top}
.page-hero.secondary-photo-hero,
.page-hero.primary-photo-hero,
.page-hero.initial-photo-hero,
.page-hero.college-photo-hero,
.page-hero.proposal-photo-hero,
.page-hero.levels-photo-hero,
.page-hero.admission-photo-hero,
.page-hero.school-life-photo-hero,
.page-hero.contact-photo-hero{
 background:
  radial-gradient(ellipse at 50% 45%,transparent 30%,rgba(0,16,79,.34) 100%),
  linear-gradient(105deg,rgba(0,16,79,.94),rgba(0,39,127,.86) 48%,rgba(3,70,183,.48) 76%,rgba(0,16,79,.70)),
  var(--theme-hero-image) var(--theme-hero-position)/cover no-repeat;
}

/* Misión y visión conserva su fondo rojo Agustino, con pestañas rojas y detalles oro. */
.purpose-showcase{background-color:var(--brand-red)}
.purpose-showcase:before{display:none}
.purpose-showcase__growth{z-index:1}
.purpose-showcase__growth stop:first-child{stop-color:#0346b7}
.purpose-showcase__growth stop:last-child{stop-color:#ffd435}
.purpose-showcase__growth>path{stroke:#ffd435}
.purpose-showcase__heading .eyebrow,.purpose-showcase__heading em{color:#ffd435}
.purpose-showcase__heading .eyebrow>span{background:#f4b70b}
.purpose-card__header h3:after{background:#f4b70b}
.purpose-dialog::backdrop,.space-photo-dialog::backdrop{background:#00104fd1}
.purpose-dialog__close,.purpose-dialog__symbol,.space-photo-dialog__close{background:#e6e9ec;color:#00277f}
.purpose-dialog__number{color:#00277f}

/* Tarjetas y ventanas: blancos y grises del manual con sombras azules. */
.pillar-grid>.pillar,.values-grid>.value-card,.aims-grid>.aim-card,.admission-steps>li,.journey-grid>.journey-card,.inquiry-card{background:linear-gradient(135deg,#fff 68%,#f7f9fb)}
.level-grid>.level-card,.space-grid>.space-photo{box-shadow:0 7px 0 #b8c2cc77,0 17px 28px #00104f1f}
.space-photo__open>span{box-shadow:0 4px 15px #00104f38}
.space-photo-dialog{background:linear-gradient(135deg,#fff,#f7f9fb);box-shadow:0 30px 100px #00104f66}
.space-photo-dialog__frame{background:#e6e9ec}
.faq-list details[open]{border-color:#8796a5;box-shadow:0 5px 0 #b8c2cc}
.inquiry-card input:focus,.inquiry-card select:focus,.inquiry-card textarea:focus{box-shadow:0 0 0 3px #0346b71f}

@media(hover:hover) and (pointer:fine){
 .pillar-grid>.pillar:hover,.values-grid>.value-card:hover,.aims-grid>.aim-card:hover,.admission-steps>li:hover,.journey-grid>.journey-card:hover{box-shadow:0 7px 0 #b8c2cc,0 22px 32px #00104f20}
 .level-grid>.level-card:hover,.space-grid>.space-photo:hover{box-shadow:0 8px 0 #8796a5aa,0 24px 34px #00104f30}
}
.journey-grid>.journey-card:focus-within{box-shadow:0 7px 0 #b8c2cc,0 22px 32px #00104f20}

@media(max-width:760px){
 .home-hero-centered:before{
  background:
   radial-gradient(ellipse at 50% 43%,rgba(128,0,28,0) 25%,rgba(128,0,28,.14) 61%,rgba(92,0,23,.54) 100%),
   linear-gradient(180deg,rgba(128,0,28,.16),transparent 24%,transparent 72%,rgba(128,0,28,.28)),
   linear-gradient(150deg,rgba(213,10,52,.86),rgba(181,5,42,.83) 55%,rgba(128,0,28,.90));
 }
 .page-hero.secondary-photo-hero{--theme-hero-position:left center}
 .page-hero.primary-photo-hero{--theme-hero-position:left center}
 .page-hero.initial-photo-hero{--theme-hero-position:left center}
 .page-hero.college-photo-hero{--theme-hero-position:82% top}
 .page-hero.proposal-photo-hero{--theme-hero-position:85% center}
 .page-hero.levels-photo-hero,.page-hero.admission-photo-hero,.page-hero.school-life-photo-hero,.page-hero.contact-photo-hero{--theme-hero-position:85% top}
 .page-hero.secondary-photo-hero,
 .page-hero.primary-photo-hero,
 .page-hero.initial-photo-hero,
 .page-hero.college-photo-hero,
 .page-hero.proposal-photo-hero,
 .page-hero.levels-photo-hero,
 .page-hero.admission-photo-hero,
 .page-hero.school-life-photo-hero,
 .page-hero.contact-photo-hero{
  background:
   linear-gradient(120deg,rgba(0,16,79,.95),rgba(0,39,127,.88) 63%,rgba(3,70,183,.74)),
   var(--theme-hero-image) var(--theme-hero-position)/cover no-repeat;
 }
}