/* CRITICAL HOME — estilos propios, sin modificar la navegación general */
.critical-page{background:#f2f7fc}
.critical-page .critical-intro{background:#fff;border-radius:16px;padding:clamp(20px,3vw,32px);margin-bottom:22px;box-shadow:0 5px 18px rgba(14,46,84,.07)}
.critical-page .critical-grade-label{display:inline-block;background:#ffd600;color:#143452;border-radius:30px;padding:6px 15px;font-size:.78rem;font-weight:800;margin-bottom:12px}
.critical-page .critical-intro h2{font-weight:800;color:#103760;font-size:clamp(1.5rem,2.7vw,2.2rem)}
.critical-page .critical-intro p{max-width:820px;margin:0;color:#4d5c70;line-height:1.65}
.critical-page .critical-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.critical-page .critical-guide{position:relative;isolation:isolate;display:block;min-height:290px;aspect-ratio:4/4.3;max-height:370px;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#165c93,#0b2b54);color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(13,39,74,.15);transition:transform .2s,box-shadow .2s}
.critical-page a.critical-guide:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(13,39,74,.23)}
.critical-page a.critical-guide:focus-visible{outline:4px solid #ffd600;outline-offset:3px}
.critical-page .critical-guide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.critical-page .critical-guide-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,27,52,.35),rgba(5,21,46,.92))}
.critical-page .critical-guide-content{display:flex;flex-direction:column;justify-content:flex-end;gap:9px;height:100%;padding:clamp(16px,2vw,24px);text-shadow:0 1px 3px rgba(0,0,0,.45)}
.critical-page .critical-guide-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#ffe173}
.critical-page .critical-guide-icon{font-size:1.6rem}
.critical-page .critical-guide-title{font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.2}
.critical-page .critical-guide-description{font-size:.86rem;line-height:1.45}
.critical-page .critical-guide-cta{margin-top:6px;font-size:.87rem;font-weight:800;color:#ffe173}
.critical-page .is-upcoming{opacity:.8;cursor:default}
/* Tres enlaces laterales con clases exclusivas; Bootstrap no sustituye sus colores */
.critical-page .section-menu .section-btn.critical-nav-home{background:#ffd600!important;color:#183658!important}
.critical-page .section-menu .section-btn.critical-nav-return{background:#0066ff!important;color:#fff!important}
.critical-page .section-menu .section-btn.critical-nav-current{background:#f50087!important;color:#fff!important}
.critical-page .section-menu .section-btn:is(:hover,:focus,:active,:visited){filter:brightness(1.04)}
.critical-page .section-menu .section-btn i,.critical-page .section-menu .section-btn span{color:inherit!important}
@media(max-width:1199px){.critical-page .critical-guides{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.critical-page .critical-guides{grid-template-columns:1fr}.critical-page .critical-guide{aspect-ratio:1.5;min-height:250px;max-height:none}}
@media(prefers-reduced-motion:reduce){.critical-page .critical-guide{transition:none}}