/* INJUSALUD · identidad aprobada · octubre 2026 */
:root{--brand-teal:#159E99;--brand-teal-ink:#087B78;--brand-orange:#C36A13;--brand-gold:#EDAA34;--brand-pink:#D9A1AD;--brand-green:#E3FBCF}
.nav{background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(34,48,79,.08);padding-top:12px;padding-bottom:12px}
.nav__logo,.topbar__logo{flex-shrink:0}
.brand-lockup{display:block;width:174px;height:66px;object-fit:contain}
.nav.is-scrolled .brand-lockup{height:56px}
.brand-footer{display:block;width:220px;height:auto;padding:16px;background:#fff;border-radius:16px}
.brand-hero{position:absolute;right:5%;top:145px;width:min(33vw,450px);z-index:5;margin:0;padding:24px;background:rgba(255,255,255,.97);border-radius:32px;box-shadow:0 14px 45px rgba(34,48,79,.08)}
.brand-hero img{display:block;width:100%;height:auto}
.hero__content{max-width:66%;padding-top:180px}
.hero__title{font-size:clamp(2.4rem,5.5vw,5.5rem)}
.hero__title .accent{color:var(--brand-teal-ink)}
.brand-link{color:inherit}
.footer__legal{flex-wrap:wrap}
@media(min-width:1050px){.nav__links{gap:clamp(12px,1.5vw,25px)}}
@media(max-width:1050px){.brand-lockup{width:145px;height:58px}.brand-hero{right:4%;top:180px;width:32vw;padding:18px}.hero__content{max-width:67%}}
@media(max-width:700px){.brand-lockup{width:146px;height:56px}.brand-hero{position:relative;top:auto;right:auto;margin:28px auto 0;width:260px;padding:16px;max-width:80%}.hero__content{max-width:100%;padding:126px 22px 0}.hero__title{font-size:clamp(2.5rem,9vw,4rem)}.hero__scene{padding-bottom:180px}.hero__sub{font-size:1rem}.brand-footer{width:190px}.hero__scroll{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* La ilustración aprobada ocupa el lugar de los personajes de la propuesta anterior. */
.hill .kid{display:none}
.hero__scene{transform:none!important}
.hero .kite,.hero .string{display:none}
@media(max-width:700px){.hero__content{transform:none!important;opacity:1!important}.hero__scene{padding-bottom:120px}.brand-hero{width:280px;max-width:80%;margin-bottom:40px}}
:root{--coral:#087B78;--coral-hi:#159E99}
.btn--primary{background:#087B78;box-shadow:0 14px 30px -10px rgba(8,123,120,.35)}
.btn--primary:hover{box-shadow:0 22px 40px -12px rgba(8,123,120,.4)}

/* Regla de Mario, 25-10-2026: solo el original completo con los niños. */
.brand-lockup{width:92px;height:auto;max-height:94px;object-fit:contain}.nav.is-scrolled .brand-lockup{height:auto;max-height:80px}.brand-footer{width:150px;height:auto}.brand-hero{top:165px}
@media(max-width:1050px){.brand-lockup{width:82px;height:auto;max-height:84px}}
@media(max-width:700px){.brand-lockup{width:76px;height:auto;max-height:78px}.brand-footer{width:140px}.hero__content{padding-top:150px}}