.cenefa-banner {
    position: relative;
    overflow: hidden;
}

.cenefa-banner img {
    width: 100%;
    min-height: 50px;
    /* max-height: 100px; */
}

/* El hero (.home-hero-banner) es un flex alto (imagen + texto + boton) y sus
   indicadores quedan separados; el cenefa es una franja corta y los dots quedan
   pegados, pese a que ambos comparten el padding-bottom: 35px !important de
   .carousel-autoplay. Le damos mas aire SOLO al carrusel que contiene un
   cenefa-banner. Usa !important porque la base trae 35px !important; el selector
   :has tiene mayor especificidad, asi que no afecta al hero. */
.carousel-autoplay:has(.cenefa-banner) {
    padding-bottom: 55px !important;
}