/* Forzar al slider y banners de portada a adaptarse al móvil */
.carousel,
.carousel-inner,
.carousel-item,
.carousel-item img,
#wrapper .banner img,
.img-fluid {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Corrección total de la estructura de la Home en móviles */
@media (max-width: 767px) {
    /* Contraer el contenedor del carrusel y quitarle márgenes */
    .carousel, 
    .carousel-inner, 
    .carousel-item,
    #wrapper .carousel,
    section#carousel {
        height: auto !important;
        min-height: 0 !important;
        max-height: 180px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Forzar a la sección completa del slider a no dejar aire abajo */
    #index .carousel-slider,
    #index section.carousel,
    #index .slider-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
    }

    /* Eliminar cualquier margen superior del bloque de texto */
    #index #content,
    #index .page-home,
    #index main,
    #index section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Forzar al texto a subir eliminando espacios heredados */
    #index h1, 
    #index h2,
    #index .rich-text,
    #index .rich-text * {
        margin-top: 5px !important; /* Espacio mínimo de cortesía */
        padding-top: 0 !important;
    }

    .carousel-item img {
        height: auto !important;
        max-height: 180px !important;
        object-fit: contain !important;
    }

    .carousel-indicators {
        display: none !important;
    }
}