/* MONKY · Inicio móvil R3 · 12/10/2026.
   Parte de Inicio R2; fotografías originales intactas.
   Se conserva el nombre del archivo R1 al integrar para evitar CSS obsoleto.
   R2 conserva sus degradados. R3 corrige las seis tarjetas de servicios hasta 600 px. */
.home-page .home-mobile-visual { display: none; }

@media (max-width: 600px) {
  .home-page .home-hero > .home-hero-photo,
  .home-page .home-history-scene > img,
  .home-page .home-academy > .home-scene-photo,
  .home-page .home-final > .home-scene-photo {
    display: none;
  }

  .home-page .home-mobile-visual {
    display: block;
    position: relative;
    z-index: 0;
    order: -1;
    flex: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    /* Curva progresiva: arranque imperceptible y cola casi transparente.
       La transparencia revela el fondo real de cada bloque, sin costuras. */
    --home-mobile-fade: linear-gradient(to bottom,
      #000 56%, rgba(0,0,0,.985) 62%, rgba(0,0,0,.94) 67%,
      rgba(0,0,0,.84) 72%, rgba(0,0,0,.68) 77%,
      rgba(0,0,0,.47) 82%, rgba(0,0,0,.27) 87%,
      rgba(0,0,0,.115) 92%, rgba(0,0,0,.028) 96%,
      rgba(0,0,0,.003) 99%, transparent 100%);
    -webkit-mask-image: var(--home-mobile-fade);
    mask-image: var(--home-mobile-fade);
  }

  .home-page .home-mobile-visual > img {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
  }

  /* Historia: mantener la carrocería y concentrar la caída en el suelo. */
  .home-page .home-mobile-visual--history {
    --home-mobile-fade: linear-gradient(to bottom,
      #000 60%, rgba(0,0,0,.985) 66%, rgba(0,0,0,.93) 71%,
      rgba(0,0,0,.81) 76%, rgba(0,0,0,.62) 81%,
      rgba(0,0,0,.38) 86%, rgba(0,0,0,.17) 91%,
      rgba(0,0,0,.045) 95%, rgba(0,0,0,.007) 98%, transparent 100%);
  }

  /* Academy: rostros y herramientas claros; más recorrido que en R1. */
  .home-page .home-mobile-visual--academy {
    --home-mobile-fade: linear-gradient(to bottom,
      #000 68%, rgba(0,0,0,.985) 72%, rgba(0,0,0,.93) 76%,
      rgba(0,0,0,.81) 80%, rgba(0,0,0,.61) 84%,
      rgba(0,0,0,.37) 88%, rgba(0,0,0,.16) 92%,
      rgba(0,0,0,.041) 96%, rgba(0,0,0,.004) 99%, transparent 100%);
  }

  /* BMW: caída suave conservando los reflejos del frente. */
  .home-page .home-mobile-visual--final {
    --home-mobile-fade: linear-gradient(to bottom,
      #000 60%, rgba(0,0,0,.985) 66%, rgba(0,0,0,.94) 71%,
      rgba(0,0,0,.84) 76%, rgba(0,0,0,.67) 81%,
      rgba(0,0,0,.43) 86%, rgba(0,0,0,.20) 91%,
      rgba(0,0,0,.055) 95%, rgba(0,0,0,.008) 98%, transparent 100%);
  }
}

/* R3: las fotografías llenan las seis tarjetas del carrusel de Servicios.
   Cover conserva la proporción: elimina las franjas laterales sin estirar. */
@media (max-width: 600px) {
  .home-page .home-services .home-service-card > img {
    object-fit: cover;
    object-position: center;
  }
}