@media(max-width:1100px){.nav{display:none}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px}.nav.open{display:flex;position:absolute;top:calc(var(--header-h) - 1px);left:0;right:0;background:#090c10;padding:24px;flex-direction:column;align-items:flex-start}.hero-content{grid-template-columns:1fr}.hero-side{display:none}.trajectory-top{grid-template-columns:1fr 1.2fr}.trajectory-values{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr)}.trajectory-bottom{grid-template-columns:1fr 1fr}.mount-card{grid-column:1/-1;min-height:280px}.capability-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr);gap:28px}.voice-wrap{grid-template-columns:1fr}.voice-image{display:none}.voice-demos{grid-template-columns:repeat(2,1fr)}.prefooter-inner{grid-template-columns:1fr;text-align:center}.prefooter-actions{justify-content:center}.footer-row{grid-template-columns:1fr;text-align:center}.footer-social{justify-content:center}}
@media(max-width:720px){:root{--section-gap:100px}.container{width:min(calc(100% - 28px),var(--container))}.hero{min-height:780px}.hero-stage,.hero-content{min-height:780px}.hero-copy{padding-top:40px}.hero-copy h1,.hero-copy .hero-title{font-size:clamp(3.6rem,17vw,6rem)}.hero-stats{gap:14px;flex-wrap:wrap}.hero-stat strong{font-size:1.55rem}.trajectory-top{grid-template-columns:1fr}.trajectory-photo{min-height:360px}.trajectory-copy{padding:34px 28px}.trajectory-values{grid-template-columns:1fr;padding:32px 28px}.trajectory-bottom{grid-template-columns:1fr}.mount-card{grid-column:auto}.capability-grid{grid-template-columns:1fr 1fr}.capability-card{min-height:190px}.services-grid{grid-template-columns:1fr}.service-card{min-height:360px}.voice-demos{grid-template-columns:1fr 1fr}.blog-track{grid-auto-columns:86%;gap:22px}.blog-card{aspect-ratio:1/1;min-height:0}.section-head{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.footer-legal{flex-direction:column}.hero-controls{display:none}}
@media(max-width:480px){.capability-grid{grid-template-columns:1fr}.voice-demos{grid-template-columns:1fr}.hero-actions,.prefooter-actions,.cookie-actions{flex-direction:column;align-items:stretch}.btn{width:100%}}
/* v2.1 — ajustes específicos de las zonas corregidas */
@media(max-width:1280px){
  .trajectory-top{grid-template-columns:minmax(280px,.85fr) minmax(390px,1.2fr) minmax(280px,.85fr)}
  .trajectory-copy{padding:46px 38px}
  .trajectory-values{padding:44px 30px}
  .trajectory-bottom{grid-template-columns:minmax(240px,.85fr) minmax(330px,1.15fr) minmax(380px,1.45fr)}
}
@media(max-width:1100px){
  .trajectory-top{grid-template-columns:1fr 1.2fr;min-height:auto}
  .trajectory-photo{min-height:420px}
  .trajectory-values{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:34px 32px}
  .trajectory-values>.script{grid-column:1/-1;max-width:460px}
  .trajectory-bottom{grid-template-columns:1fr 1fr}
  .mount-card{grid-column:1/-1;min-height:260px}
  .blog .container{max-width:none}
  .blog-track{grid-auto-columns:calc((100% - 28px)/2);gap:28px}
  .blog-copy{left:28px;right:28px;bottom:26px}
  .blog-copy h3{font-size:clamp(1.55rem,2.7vw,2.2rem)}
}
@media(max-width:720px){
  .trajectory-top{grid-template-columns:1fr}
  .trajectory-photo{min-height:390px}
  .trajectory-copy{padding:38px 28px}
  .trajectory-copy h2{font-size:clamp(2.1rem,9vw,3.2rem)}
  .trajectory-values{grid-template-columns:1fr;padding:34px 28px}
  .trajectory-values>.script{grid-column:auto}
  .trajectory-bottom{grid-template-columns:1fr}
  .metric-card{min-height:170px;padding:26px}
  .mount-card{grid-column:auto;min-height:240px}
  .blog-track{grid-auto-columns:88%;gap:22px}
  .blog-card{aspect-ratio:1/1}
  .blog-copy{left:24px;right:24px;bottom:24px}
  .blog-copy h3{font-size:clamp(1.55rem,6.2vw,2.2rem)}
  .prefooter-inner{padding-block:34px;min-height:auto}
  .contact-form{padding:22px}
}

/* ============================================================
   V2.4.1 · AJUSTES RESPONSIVE SOBRE BASE V2.4 ESTABLE
   Solo: hero móvil, imagen voz en móvil y blog móvil 1 artículo.
   ============================================================ */
@media(max-width:1100px){
  .voice-image{
    display:block;
    width:min(100%,360px);
    margin-inline:auto;
  }
}

@media(max-width:720px){
  .hero-copy h1,
  .hero-copy .hero-title{
    font-size:clamp(2.52rem,11.9vw,4.2rem);
    line-height:.92;
  }

  .blog-track-wrap{
    overflow:hidden;
  }

  .blog-track{
    grid-auto-columns:100%;
    gap:18px;
    scroll-padding-inline:0;
  }

  .blog-card{
    width:100%;
    min-width:100%;
    scroll-snap-align:start;
  }

  .blog-nav{
    display:flex;
    align-self:flex-start;
  }

  .voice-image{
    width:min(100%,320px);
  }
}

/* ============================================================
   V2.4.3 · HERO MÓVIL — CABECERAS 30% MÁS PEQUEÑAS
   Override final para asegurar que los 4 slides respetan el tamaño.
   ============================================================ */
@media(max-width:720px){
  .hero .hero-copy .hero-title,
  .hero .hero-copy h1.hero-title,
  .hero .hero-copy h2.hero-title{
    font-size:clamp(1.75rem,8.3vw,2.95rem) !important;
    line-height:.94;
    letter-spacing:-.035em;
  }
}

@media(max-width:480px){
  .hero .hero-copy .hero-title,
  .hero .hero-copy h1.hero-title,
  .hero .hero-copy h2.hero-title{
    font-size:clamp(1.6rem,7.6vw,2.35rem) !important;
  }
}

/* ============================================================
   V2.4.7 · CIERRE PRE-SEO
   Cookies + formulario en tablet y móvil.
   ============================================================ */
@media(max-width:720px){
  .cookie-banner{
    left:10px;
    right:10px;
    bottom:10px;
  }

  .cookie-card{
    max-height:calc(100svh - 20px);
    overflow:auto;
    padding:18px;
    border-radius:14px;
  }

  .cookie-actions{
    grid-template-columns:1fr;
  }

  .cookie-option{
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    padding:14px;
  }

  .cookie-panel-footer{
    align-items:stretch;
    flex-direction:column;
  }

  .cookie-panel-footer .btn{
    width:100%;
  }

  .privacy-check{
    font-size:.92rem;
  }
}

/* ============================================================
   V2.4.9 · AJUSTE SELECTIVO DE MÁRGENES EN MÓVIL
   Solo afecta a los tres encabezados señalados por Pedro:
   Servicios, Voz y Blog. No modifica tarjetas ni otros bloques.
   ============================================================ */
@media(max-width:720px){
  .services .section-head,
  .blog .section-head,
  .voice .voice-wrap > div:first-child{
    padding-left:24px;
    padding-right:8px;
    box-sizing:border-box;
  }
}
