/* ADRET mobile first-screen fit — 2026-11-03
   Compacts header spacing on narrow phones so the primary CTA
   ("Solicitar evaluación gratuita") is visible without scrolling,
   and turns the section-shortcuts links into a horizontal scroller
   instead of a wrapped grid so all links stay in the HTML (crawlable)
   while taking much less vertical space. No copy, color, or desktop
   layout changes. */
@media (max-width: 430px) {
  .hero {
    padding-top: 26px;
  }
  .kicker {
    margin-bottom: 8px;
  }
  .hero h1 {
    font-size: 32px;
    line-height: 1.16;
  }
  .hero-description {
    margin: 14px 0;
  }
  .hero-assurance {
    margin: -8px 0 12px;
  }
  .section-shortcuts {
    padding: 10px 16px;
  }
  .section-shortcuts-label {
    margin-bottom: 6px;
  }
  .section-shortcuts-links {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-bottom: 2px;
  }
  .section-shortcuts-links a {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

/* Keep the WhatsApp launcher clear of the bottom-right corner badge
   footprint (196x63px, bottom:0/right:0) on every screen size, whether
   or not the Netlify badge is actually shown. Measured overlap was
   confirmed at both 390x844 and desktop widths. */
.whatsapp-float {
  bottom: 94px;
  z-index: 999999;
}