/* COODETRANS V3.1 - Ajustes de fidelidad visual
   Mantiene independencia de Weebly/EditMySite. */

/* Carrusel principal de Inicio:
   la página original lo muestra alrededor de 820 px en escritorio. */
.wsite-page-index .migration-slider-home-primary {
  width: 100%;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

/* Bloque/carrusel "Transporte informal":
   se limita al ancho visual observado en la página original.
   Evita ampliar de más la imagen y perder nitidez. */
.wsite-page-index .migration-slider-home-campaign {
  width: 100%;
  max-width: 1165px;
  margin-left: auto;
  margin-right: auto;
}

.wsite-page-index .migration-slider-home-primary img,
.wsite-page-index .migration-slider-home-campaign img {
  width: 100%;
  max-width: 100%;
  height: auto;
  image-rendering: auto;
}

/* Imagen principal EDS/Lubricentro:
   conserva el tamaño original del recurso en escritorio,
   pero sigue siendo responsive en pantallas pequeñas. */
.wsite-page-eds-lubricentro img.v31-eds-hero {
  width: 864px !important;
  max-width: 100% !important;
  height: auto !important;
  display: inline-block !important;
}

/* Mantener centradas las imágenes corregidas. */
.wsite-page-eds-lubricentro .v31-eds-hero-wrap {
  text-align: center !important;
}

/* En móvil siempre prevalece el ancho disponible. */
@media (max-width: 900px) {
  .wsite-page-index .migration-slider-home-primary,
  .wsite-page-index .migration-slider-home-campaign {
    max-width: 100%;
  }

  .wsite-page-eds-lubricentro img.v31-eds-hero {
    width: 100% !important;
    max-width: 100% !important;
  }
}