/* WEB NEW · R3 · Ajuste quirúrgico para teléfonos en horizontal.
   No altera retrato, tablet normal, escritorio, video ni galería G01.
   Aplicado cuando hay muy poca altura de viewport, sea cual sea el ancho. */
@media (orientation: landscape) and (max-height: 540px) and (max-width: 1100px) {
  .site-header {padding: .8rem var(--pad)}
  .site-header .brand-name {font-size: .7rem;letter-spacing: .11em}
  .site-header .nav-tools {gap: clamp(.75rem, 2vw, 1.4rem)}
  .site-header .header-book {font-size: .75rem}
  .site-header .menu-toggle {height: 42px;width: 42px;flex:0 0 42px}
  /* El hero tiene solo ~350–440 px de alto: priorizar que el texto no toque la cabecera. */
  .hero-stage .hero {align-items: center}
  .hero-stage .hero-copy {
    width:100%;
    padding: clamp(5.3rem, 21svh, 6rem) var(--pad) 1rem;
  }
  .hero-stage .hero-eyebrow {font-size: .56rem;letter-spacing:.17em;margin-bottom:.62rem}
  .hero-stage .hero h1 {
    font-size:clamp(2.05rem,4.6vw,2.6rem);
    line-height:1.03;
    letter-spacing:-.048em;
    margin:0 0 .7rem;
    max-width:min(76vw,700px);
  }
  .hero-stage .hero-lead {
    font-size:clamp(.75rem,1.55vw,.88rem);
    line-height:1.4;
    max-width: min(560px, 78vw);
    margin-bottom:.85rem;
  }
  .hero-stage .hero .button {
    min-height:42px;
    padding:.68rem 1.05rem;
    gap:1.45rem;
    font-size:.77rem;
  }
  .hero-stage .hero .button .cta-arrow {width:16px;height:16px}
  /* La pista de scroll y el aviso son ornamentales: en horizontal competirían con el CTA. */
  .hero-stage .scroll-cue,.hero-stage .prototype-ribbon {display:none}
  /* El menú mantiene su identidad editorial sin exigir seis filas verticales. */
  .primary-nav {padding:clamp(4.7rem,19svh,5.5rem) var(--pad) .8rem}
  .primary-nav__intro {margin-bottom:.55rem;gap:1rem}
  .primary-nav__heading {font-size:1rem}
  .primary-nav__links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1rem,4vw,3rem)}
  .primary-nav__links a {
    grid-template-columns:1.5rem minmax(0,1fr) 12px;
    gap:.5rem;font-size:clamp(1.07rem,2.7vw,1.45rem);
    padding:.42rem 0;line-height:1.1;
  }
  .primary-nav__links a::before {font-size:.55rem}
  .primary-nav__footer {margin-top:1rem;padding-top:0;font-size:.52rem}
}
@media (orientation: landscape) and (max-height: 375px) and (max-width: 1100px) {
  .hero-stage .hero-copy {padding-top:4.9rem;padding-bottom:.6rem}
  .hero-stage .hero h1 {font-size:clamp(1.95rem,4.3vw,2.35rem);margin-bottom:.5rem}
  .hero-stage .hero-eyebrow {margin-bottom:.4rem}
  .hero-stage .hero-lead {margin-bottom:.6rem}
  .primary-nav {padding-top:4.2rem}
  .primary-nav__intro{margin-bottom:.35rem}
  .primary-nav__links a{padding:.34rem 0}
  .primary-nav__footer{margin-top:.45rem}
}