/* V69 — corrección exclusiva móvil: header separado de las fotos y fotos rectas.
   No afecta escritorio. */
@media (max-width:760px){
  /* La cabecera es fixed; reservamos una zona real para que no cubra la fotografía. */
  .home-hero-v57:before,
  .services-hero-v26:before,
  .company-hero-v43:before,
  .fleet-hero-v33__visual{
    margin-top:96px!important;
  }

  /* Neutraliza geometrías heredadas de las franjas de escritorio. */
  .home-hero-v57:before,
  .services-hero-v26:before,
  .company-hero-v43:before{
    transform:none!important;
    rotate:0deg!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    mask:none!important;
    -webkit-mask:none!important;
    border-radius:0!important;
  }

  /* INICIO: foto totalmente horizontal/recta y completa. */
  .home-hero-v57:before{
    aspect-ratio:16/9!important;
    background-color:#06263b!important;
    background-image:url("hero-mobile-inicio.webp")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:contain!important;
  }

  /* Servicios y Empresa: misma lógica, sin quedar bajo la barra. */
  .services-hero-v26:before{
    aspect-ratio:16/9!important;
    background-size:contain!important;
    background-position:center center!important;
  }
  .company-hero-v43:before{
    aspect-ratio:16/9!important;
    background-size:contain!important;
    background-position:center center!important;
  }

  /* Flota usa un contenedor real en vez de pseudo-elemento. */
  .fleet-hero-v33__visual{
    transform:none!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    border-radius:0!important;
    aspect-ratio:16/9!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}
