/* --- Mostrar captions del carrusel en todos los dispositivos --- */
.carousel-caption {
  display: block !important; /* Forzar visible en móvil */
  position: relative;
  /*left: -50%;*/
  /*transform: translateX(-50%);*/
  bottom: 15%; /* Ajustá según tu diseño */
  width: auto; /* Para que no se corte en móvil */
  text-align: center;
  color: #fff; /* Asegura contraste */
  padding: 10px;
  background: rgba(0, 0, 0, 0,); /* Opcional, mejora legibilidad */
}

/* --- Texto responsivo --- */
.carousel-caption h5,
.carousel-caption p {
  font-size: clamp(14px, 2vw, 24px); /* Tamaño adaptable */
  line-height: 1.3em;
  margin: 0 auto;
}

/* --- Opcional: sólo si hay clase .d-none d-md-block en captions --- */
.carousel-caption.d-none {
  display: block !important;
}