/* ==========================================================
   REDISEÑO 2026 - SUPER SLIDER / HERO HOME v1.1.14

   Figma:
   - Vídeo: 512:554 · 1920 x 906
   - Titular: 237:356
   - CTA + bajar: 237:359

   El módulo reutiliza Image / Video / Text del Super Slider Item.
   ========================================================== */

.r26-super-slider-home-2026 .super-slider-module,
.r26-super-slider-home-2026 .super-slider-module * {
    box-sizing: border-box;
}

/* ----------------------------------------------------------
   1. HERO A ANCHO COMPLETO · ALTURA DESKTOP 774 PX

   v1.1.14: la fila del hero crea un contexto de apilado por encima
   de los módulos siguientes. Esto evita que bloques posteriores que
   usan isolation/position/z-index (por ejemplo .r26-stats) puedan
   invadir visualmente los últimos píxeles del Super Slider.
   ---------------------------------------------------------- */
.r26-super-slider-home-2026 .row-header-home,
.r26-super-slider-home-2026 .vc_row.row-header-home {
    position: relative !important;
    z-index: 50 !important;
    isolation: isolate !important;
}

.r26-super-slider-home-2026 .super-slider-module {
    position: relative !important;
    z-index: 51 !important;
    isolation: isolate !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 0 0 -50vw !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
}

.r26-super-slider-home-2026 .super-slider-module > .slick-super-slider {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 774px !important;
    min-height: 774px !important;
    max-height: 774px !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
}

.r26-super-slider-home-2026 .super-slider-module .slick-list,
.r26-super-slider-home-2026 .super-slider-module .slick-track,
.r26-super-slider-home-2026 .super-slider-module .slick-slide,
.r26-super-slider-home-2026 .super-slider-module .slick-slide > div {
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.r26-super-slider-home-2026 .super-slider-module .slick-list,
.r26-super-slider-home-2026 .super-slider-module .slick-slide {
    overflow: hidden !important;
}

.r26-super-slider-home-2026 .super-slider-module .slick-slide {
    position: relative !important;
}

/* El nuevo diseño no utiliza los controles propios de Slick. */
.r26-super-slider-home-2026 .super-slider-module .slick-arrow,
.r26-super-slider-home-2026 .super-slider-module .slick-prev,
.r26-super-slider-home-2026 .super-slider-module .slick-next,
.r26-super-slider-home-2026 .super-slider-module .slick-dots {
    display: none !important;
}

/* ----------------------------------------------------------
   2. VÍDEO DEL SUPER SLIDER ITEM
   ---------------------------------------------------------- */
.r26-super-slider-home-2026 .super-slider-module .module-header-video,
.r26-super-slider-home-2026 .super-slider-module .embedded-media-player,
.r26-super-slider-home-2026 .super-slider-module .w-embed,
.r26-super-slider-home-2026 .super-slider-module .plyr,
.r26-super-slider-home-2026 .super-slider-module .plyr__video-wrapper,
.r26-super-slider-home-2026 .super-slider-module .plyr__video-embed,
.r26-super-slider-home-2026 .super-slider-module .plyr__video-embed__container {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #000 !important;
}

.r26-super-slider-home-2026 .super-slider-module .module-header-video iframe,
.r26-super-slider-home-2026 .super-slider-module .plyr iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    height: 56.25vw !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
}

.r26-super-slider-home-2026 .super-slider-module .plyr__controls,
.r26-super-slider-home-2026 .super-slider-module .plyr__captions {
    display: none !important;
}

/* ----------------------------------------------------------
   3. IMAGEN DEL SUPER SLIDER ITEM
   ---------------------------------------------------------- */
.r26-super-slider-home-2026 .super-slider-module .slick-slide > .row.r26-super-slider-item,
.r26-super-slider-home-2026 .super-slider-module .slick-slide > div > .row.r26-super-slider-item {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}

/* ----------------------------------------------------------
   4. TEXTO DEL EDITOR: FIGMA 237:356

   Con el contenido:
   <h1><strong>Fabricantes</strong> de componentes de mueble</h1>

   el <strong> se usa para reproducir el primer renglón de 160 px,
   mientras el resto del H1 queda a 80 px y desplazado 272 px.
   ---------------------------------------------------------- */
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item > .moduleText,
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .container_column .moduleText {
    display: block !important;
    position: absolute !important;
    z-index: 6 !important;
    left: 25.052083vw !important;     /* 481 / 1920 */
    top: 33.112583% !important;       /* 300 / 906 */
    right: auto !important;
    bottom: auto !important;
    width: 49.895833vw !important;    /* 958 / 1920 */
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: transparent !important;
    text-align: left !important;
    transform: none !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 0 14.166667vw !important; /* 272 / 1920 */
    border: 0 !important;
    font-family: "Autography", sans-serif !important;
    font-size: clamp(44px, 4.166667vw, 80px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: clamp(44px, 4.166667vw, 80px) !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 strong {
    display: block !important;
    margin: 0 0 max(-17px, -0.885417vw) -14.166667vw !important;
    padding: 0 !important;
    font-family: "Autography", sans-serif !important;
    font-size: clamp(88px, 8.333333vw, 160px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: clamp(66px, 6.25vw, 120px) !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

/* Neutralizamos reglas antiguas del tema que fuerzan mayúsculas/tamaños. */
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 *,
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 strong * {
    font-family: inherit !important;
    color: inherit !important;
    text-transform: none !important;
}

/* ----------------------------------------------------------
   5. CTA + BOTÓN DE BAJAR: FIGMA 237:359
   Frame: x=1647, y=806 relativo al hero; right=90, bottom=50.
   ---------------------------------------------------------- */
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__actions {
    position: absolute !important;
    z-index: 8 !important;
    right: clamp(32px, 4.6875vw, 90px) !important;
    bottom: clamp(28px, 2.604167vw, 50px) !important;
    left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__cta {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #8E0027 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .25s ease !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__cta-text {
    font-family: "Futura PT", "Futura_PT", Futura, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 15px !important;
    letter-spacing: .32px !important;
    color: #fff !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__cta:hover,
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__cta:focus-visible {
    background: #151515 !important;
    color: #fff !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__down {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 50px !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .20) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .25s ease !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__down img {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__down:hover,
.r26-super-slider-home-2026 .super-slider-module .r26-super-slider__down:focus-visible {
    background: rgba(255, 255, 255, .32) !important;
}

/* El enlace original sigue existiendo conceptualmente, pero el módulo lo
   reproduce dentro de cada slide para poder colocarlo junto a su CTA. */
.r26-super-slider-home-2026 .super-slider-module > .super-slider-module-boxes {
    display: none !important;
}

/* ----------------------------------------------------------
   6. RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width: 1199px) {
    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item > .moduleText,
    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .container_column .moduleText {
        left: 7vw !important;
        top: 27% !important;
        width: 86vw !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 {
        padding-left: 0 !important;
        font-size: clamp(46px, 6vw, 72px) !important;
        line-height: 1 !important;
        white-space: normal !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 strong {
        margin: 0 0 6px 0 !important;
        font-size: clamp(86px, 12vw, 132px) !important;
        line-height: .82 !important;
        white-space: normal !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider__actions {
        right: 32px !important;
        bottom: 32px !important;
    }
}

@media (max-width: 991px) {
    .r26-super-slider-home-2026 .super-slider-module > .slick-super-slider {
        height: 640px !important;
        min-height: 640px !important;
        max-height: 640px !important;
        aspect-ratio: auto !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .module-header-video iframe,
    .r26-super-slider-home-2026 .super-slider-module .plyr iframe {
        width: auto !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }
}

@media (max-width: 640px) {
    .r26-super-slider-home-2026 .super-slider-module > .slick-super-slider {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item > .moduleText,
    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .container_column .moduleText {
        left: 20px !important;
        right: 20px !important;
        top: 22% !important;
        width: auto !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 {
        font-size: 38px !important;
        line-height: 42px !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider-item .moduleText h1 strong {
        font-size: 68px !important;
        line-height: 58px !important;
        margin-bottom: 8px !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider__actions {
        right: 20px !important;
        bottom: 20px !important;
        height: 46px !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider__cta {
        height: 46px !important;
        min-height: 46px !important;
        padding: 15px !important;
    }

    .r26-super-slider-home-2026 .super-slider-module .r26-super-slider__down {
        flex-basis: 46px !important;
        width: 46px !important;
        height: 46px !important;
        padding: 7px !important;
    }
}