/* SESA — estabilidad responsive y rendimiento */
img{max-width:100%;height:auto}
main>section:not(.hero):not(.page-header),body>section:not(.hero):not(.page-header){content-visibility:auto;contain-intrinsic-size:1px 780px}

/* La navegación responsive vive en command-bar.css + responsive.css. */
@media(max-width:768px){
  section{padding-block:58px}
  .page-header{min-height:420px}
  .page-header__content h1{font-size:clamp(2.2rem,10vw,3.4rem)}
  .hero{min-height:92svh;padding:130px 0 72px}
  .hero__bg,.page-header__bg,.numbers__bg,.download__bg{position:absolute!important;transform:none!important}
  .hero__bg img,.page-header__bg img{object-position:center}
  [data-animate]{transition-duration:.45s!important}
  .visual-card{backdrop-filter:none!important}
}

@media(max-width:480px){
  .container{width:min(100% - 32px,var(--container))}
  .section-head__title{font-size:clamp(2rem,10vw,2.8rem)}
  .footer__grid{grid-template-columns:1fr!important}
}

/* En móviles táctiles se evitan efectos costosos durante el desplazamiento. */
@media(hover:none) and (pointer:coarse){
  *,*::before,*::after{scroll-behavior:auto}
  .hero__bg,.page-header__bg,.download__bg{will-change:auto!important}
  .floating-contact,.whatsapp-float,.waze-float,.scroll-top{backdrop-filter:none!important}
}


@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
}