/* Diseño de Inicio aprobado. Limitado a body.inicio-century. */
body.inicio-century {
  --font-heading: "Space Grotesk", "Inter", Arial, sans-serif;
  --font-ui: var(--font-heading);
  --font-body: "Inter", Arial, sans-serif;
  --weight-hero: 500;
  --weight-heading: 600;
  --weight-navigation: 600;
  --weight-action: 600;
}
.inicio-century .hero h1 {letter-spacing:-.035em;line-height:1.1;font-size:clamp(2rem,4.2vw,4rem);font-weight:500;max-width:15ch}
.inicio-century .hero h1 span {font-size:.72em;line-height:1.15;margin-top:clamp(4px,.6vw,8px);color:#fff}
.inicio-century .hero-copy p {max-width:48ch;line-height:1.65;color:#e1e5eb}
.inicio-century .hero-actions {gap:14px;flex-wrap:wrap}
.inicio-century .btn-century {border-radius:999px;min-height:52px;padding:14px 26px;transition:transform .2s ease,box-shadow .2s ease}
.inicio-century .btn-primary-century {background:linear-gradient(180deg,#ef2b23,#d7261e);box-shadow:0 10px 25px #d7261e30}
.inicio-century .btn-ghost-century {border-color:#aab0b8;background:#090b0ecc;color:#fff}
.inicio-century .finder-title h2,.inicio-century .section-heading h2,.inicio-century .news-hub-header h2 {letter-spacing:-.025em}
.inicio-century .tool-finder {border-radius:24px;box-shadow:0 16px 40px #10182012}
.inicio-century .news-hub-section {background:linear-gradient(145deg,#f7f8fa,#edf0f4)}
.inicio-century .reason-card {border-radius:20px}
.inicio-century strong,.inicio-century b {font-weight:700}
.inicio-century :is(a,button,input,select,summary):focus-visible {outline:3px solid #2486c8;outline-offset:4px}
@media(hover:hover) {.inicio-century .btn-century:hover {transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference) {
  .inicio-century .hero-copy {animation:expo-enter .5s ease-out}
  @keyframes expo-enter {from {transform:translateY(12px)} to {transform:translateY(0)}}
}
@media(max-width:600px) {
  .inicio-century .hero h1 {font-size:clamp(2rem,8vw,2.8rem);max-width:100%}
  .inicio-century .hero-actions .btn-century {width:100%;padding:14px 18px}
  .inicio-century .tool-finder {border-radius:16px}
}
@media(prefers-reduced-motion:reduce) {.inicio-century .btn-century {transition:none}}

/* Reserva lateral para el asesor flotante, incluso al desplazar la portada. */
@media(max-width:900px) {
  .inicio-century .hero-actions {
    width:calc(100% - 76px);
    min-width:0;
  }
  .inicio-century .hero-actions .btn-century {
    min-width:0;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .inicio-century .hero-actions .btn-century i {flex-shrink:0}
}

/* Un solo contenedor desplazable durante la navegación móvil. */
@media(max-width:1180px) {
  html:has(body.inicio-century .site-header.nav-open),
  body.inicio-century:has(.site-header.nav-open) {overflow:hidden}
  .inicio-century .site-header.nav-open {
    max-height:100vh;
    max-height:100dvh;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    align-content:start;
    gap:12px;
  }
  .inicio-century .site-header.nav-open .main-nav,
  .inicio-century .site-header .mega-menu,
  .inicio-century .site-header .mega-menu-content {
    max-height:none;
    overflow:visible;
  }
  .inicio-century .site-header.nav-open .main-nav {padding:4px 0;gap:0}
  .inicio-century .site-header .mega-menu-content {gap:0;padding:8px 12px}
  .inicio-century .site-header .mega-column {padding:10px 4px}
  .inicio-century .site-header .mega-column h4 {margin:0 0 4px}
  .inicio-century .site-header .mega-column h4::after {margin-top:6px}
  .inicio-century .site-header .mega-column a {
    display:flex;
    align-items:center;
    min-height:44px;
    margin:0;
    padding:8px 0;
    line-height:1.35;
  }
  .inicio-century:has(.site-header.nav-open) .century-chat {display:none}
}