/* Estilos scopeados solo para la página Sustentabilidad */
.sust-carousel-wrapper {
  margin-top: 20px; /* más separación superior */
  margin-bottom: 12px; /* menos separación inferior */
}

/* asegurar que cada item actúe como recuadro y no deje que la imagen sobresalga */
.sust-carousel .sust-item {
  overflow: hidden;
  position: relative;
  display: block;
}

/* imagen ajustada dentro del recuadro; mantiene efecto de zoom sin salirse */
.sust-carousel .sust-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* mantiene encuadre */
  transition: transform 0.6s ease;
  transform-origin: center center;
}

/* efecto de agrandar controlado */
.sust-carousel .sust-item:hover .sust-img,
.sust-carousel .sust-item .sust-img.is-active {
  transform: scale(1.06);
}

/* eliminar placeholders / items vacíos si quedan */
.sust-carousel .sust-item:empty {
  display: none !important;
}

/* evitar mostrar icono/espacio si alt vacío (por si hay imagen rota) */
.sust-carousel .sust-item img[alt=""] {
  display: none;
}

/* responsive tweaks */
@media (max-width: 768px) {
  .sust-carousel-wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .sust-carousel .sust-img {
    transform-origin: center center;
  }
}
/* Styles exclusivos para el botón de Política en esta página */
.sust-policy-btn {
  font-size: 18px; /* agrandar la fuente */
  /* más espacio interior */
  min-width: 360px; /* que entre todo el texto */
  align-items: center;
  white-space: normal;
}

/* ajuste responsive del botón */
@media (max-width: 768px) {
  .sust-policy-btn {
    font-size: 16px;

    min-width: 100%;
  }
}