/* =========================================================
   GLOPI - SLIDER HOME 2026
   VERSIÓN ESTABLE
   No modifica los cálculos internos de Swiper
   ========================================================= */


/* =========================================================
   CONTENEDOR DEL BANNER
   ========================================================= */

body.home .banner-ancho-completo {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* =========================================================
   SLIDER SPECTRA
   Dejamos que Spectra/Swiper controle el ancho de los slides
   ========================================================= */

body.home #spectra-slider-6,
body.home #spectra-slider-6 .spectra-slider-container,
body.home #spectra-slider-6 .swiper {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   IMPORTANTE:
   NO modificar width, flex-basis ni transform de swiper-slide.
   Swiper los calcula automáticamente.
   ========================================================= */

body.home #spectra-slider-6 .swiper-slide {
    height: auto !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CONTENIDO DEL SLIDE
   ========================================================= */

body.home #spectra-slider-6 .swiper-slide .slide-content {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   FIGURE WORDPRESS
   ========================================================= */

body.home #spectra-slider-6
.swiper-slide
.slide-content
figure.wp-block-image {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   IMAGEN
   - llena el slide
   - conserva proporción
   - no se corta
   - no se deforma
   ========================================================= */

body.home #spectra-slider-6
.swiper-slide
.slide-content
figure.wp-block-image > img {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    box-sizing: border-box !important;
}


/* =========================================================
   WRAPPER
   ========================================================= */

body.home #spectra-slider-6 .swiper-wrapper {
    align-items: flex-start !important;
}


/* =========================================================
   FLECHAS
   ========================================================= */

body.home #spectra-slider-6 .swiper-button-prev,
body.home #spectra-slider-6 .swiper-button-next {
    z-index: 20 !important;
}


/* =========================================================
   MÓVIL
   Sin alturas artificiales.
   La imagen conserva exactamente su proporción.
   ========================================================= */

@media screen and (max-width: 767px) {

    body.home .banner-ancho-completo,
    body.home #spectra-slider-6,
    body.home #spectra-slider-6 .spectra-slider-container,
    body.home #spectra-slider-6 .swiper,
    body.home #spectra-slider-6 .swiper-slide,
    body.home #spectra-slider-6 .slide-content,
    body.home #spectra-slider-6 figure.wp-block-image {

        height: auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }


    body.home #spectra-slider-6
    figure.wp-block-image > img {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;
        object-position: center center !important;
    }


    body.home #spectra-slider-6 .swiper-button-prev,
    body.home #spectra-slider-6 .swiper-button-next {

        width: 34px !important;
        height: 34px !important;
    }


    body.home #spectra-slider-6 .swiper-button-prev svg,
    body.home #spectra-slider-6 .swiper-button-next svg {

        width: 17px !important;
        height: 17px !important;
    }
}