/* === Mostrar la imagen en mobile dentro de #garantia (Lo que te ofrece la App) ===
   En desktop los col-lg-6 se igualan en alto por flex; en mobile se apilan y
   el div .bg-img con h-100 colapsa a 0px. Le damos una altura propia. */
@media (max-width: 991px) {
  #garantia .resp-tab-content .bg-img.cover-background {
    min-height: 260px;
  }
}
@media (max-width: 575px) {
  #garantia .resp-tab-content .bg-img.cover-background {
    min-height: 200px;
  }
}

/* === Mensaje de estado del formulario del Boletín (pie) ===
   Los .text-success / .text-danger de Bootstrap quedan demasiado oscuros
   sobre el fondo #232323 del pie, así que usamos versiones aclaradas. */
.boletin-msg.is-ok {
  color: #7bd67d;
}
.boletin-msg.is-error {
  color: #ff9080;
}