/* V55 — Auditoría móvil final. Solo reglas responsive; escritorio permanece intacto. */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
@media(max-width:860px){
  /* Empresa: imagen protagonista arriba y contenido debajo, sin texto sobre el camión. */
  .company-hero-v43{display:block;min-height:0;background:#001d35!important;padding-top:78px;overflow:hidden}
  .company-hero-v43:before{content:"";display:block;position:relative;width:100%;height:clamp(250px,42vw,390px);background:#06233a url('hero-empresa-v44.png') left center/auto 100% no-repeat;z-index:0}
  .company-hero-v43:after{display:none!important}
  .company-hero-v43__inner{display:block!important;width:min(100% - 36px,720px)!important;margin:0 auto!important;padding:30px 0 44px!important}
  .company-hero-v43__content{width:100%!important;max-width:650px!important;margin:0 auto!important;text-align:center}
  .company-hero-v43__kicker{justify-content:center}
  .company-hero-v43__actions{justify-content:center}

  /* Cumplimiento: mostrar primero el apoyo visual y después la información. */
  .compliance-v48{padding:0 0 52px!important;background:#042b4b!important;min-height:0!important}
  .compliance-v48:after{content:"";display:block;position:relative;z-index:-1;width:100%;height:clamp(210px,38vw,330px);background:#042b4b url('fondo-cumplimiento-v48.png') right top/auto 100% no-repeat}
  .compliance-v48:before{display:none!important}
  .compliance-v48__inner{padding-top:38px}
}
@media(max-width:650px){
  /* Inicio: el camión queda completo arriba y el texto respira debajo. */
  .hero-v18-layout{overflow:visible}
  .hero-v20-visual{min-height:0}
  .hero-v20-oval{width:100%;height:auto;object-fit:contain}
  .hero-v18-copy{max-width:100%!important}
  .hero-v18 #hero-title{max-width:100%!important}
  .hero-v18 #hero-title span,.hero-v18 #hero-title em,.hero-v18 #hero-title .hero-line{white-space:normal!important}

  /* Servicios: mantener el vehículo visible en el bloque fotográfico superior. */
  .services-hero-v26:before{aspect-ratio:1.45/1!important;background-size:auto 100%!important;background-position:right center!important}

  /* Flota: priorizar camión y cabina en el bloque visual superior. */
  .fleet-hero-v33__visual{height:270px!important}
  .fleet-hero-v33__visual img{object-fit:cover!important;object-position:74% center!important}

  /* Empresa: conservar el camión completo en la imagen superior. */
  .company-hero-v43{padding-top:74px}
  .company-hero-v43:before{height:255px;background-size:auto 100%;background-position:left center}
  .company-hero-v43__inner{width:min(100% - 32px,560px)!important;padding:27px 0 38px!important}
  .company-hero-v43__content h1{font-size:clamp(2.15rem,10.4vw,3rem)!important}

  /* Trazabilidad: la persona/portapapeles queda visible arriba, sin competir con el texto. */
  .compliance-v48:after{height:220px;background-size:auto 100%;background-position:right top}
  .compliance-v48__inner{padding-top:32px}

  /* Contenido multimedia: evita recortes y desbordamientos accidentales. */
  .home-split-image img,.coverage>img,.real-photo img,.facility img,.service-photo-card img{max-width:100%}
  .footer-top,.footer-bottom{min-width:0}
}
@media(max-width:390px){
  .company-hero-v43:before{height:220px}
  .compliance-v48:after{height:195px}
  .fleet-hero-v33__visual{height:245px!important}
  .services-hero-v26:before{aspect-ratio:1.32/1!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
}