/* ==========================================================
   page-home.css — Estilos específicos de la página Home
   Extraídos de page-home.php (inline <style>) para limpieza
   ========================================================== */

.ProductoCategoriaDestacadoBlock .imagen-container {
    height: 100%;
}

.ProductoCategoriaDestacadoBlock .imagen-container,
.ProductoCategoriaDestacadoBlock img,
.ProductoCategoriaDestacadoBlock picture {
    height: 100%;
    aspect-ratio: auto;
}

section.ListadoProductosBlock {
    margin-bottom: clamp(40px, 3.9683vw, 80px);
}

.box-top-custom-new-product-01 {
    text-align: center;
    margin: clamp(20px, 1.9841vw, 40px) 0 0;
}

.tt-01-new {
    font-size: clamp(21.333333333333336px, 2.1164vw, 42.666666666666664px);
}

.tt-02-new {
    font-size: clamp(18.666666666666664px, 1.8519vw, 37.333333333333336px);
}

.tt-container-custom-new-01 {
    max-width: 2450px;
    padding: 0 clamp(21.333333333333336px, 2.1164vw, 42.666666666666664px);
    margin-bottom: clamp(16px, 1.5873vw, 32px);
    width: 100%;
    margin: auto;
}

.CategoriasBlock.alignfull .swiper {
    padding: 0;
}

.section-custom-new-01-last {
    padding-top: 0;
    padding-bottom: clamp(33.33333333333333px, 3.3069vw, 66.66666666666667px) !important;
}

.CategoriasBlock.img-vertical .swiper-slide:first-child {
    max-width: calc((var(--width-window) - 2 * var(--size-padding)) / 4);
}

.tt-container-custom-new-01 {
    margin-bottom: clamp(20px, 1.9841vw, 40px);
}


.content-block-custom-new-2-elements {
    display: flex;
    width: 100%;
    height: 100%;
}

.content-block-custom-new-2-elements-item-01 {
    width: 50%;
    height: auto;
    position: relative !important;
}

.content-block-custom-new-2-elements-item-02 {
    width: 50%;
    height: auto;
    position: relative !important;
}

.content-block-custom-new-2-elements .text {
    position: relative;
    margin-top: auto;
    padding-bottom: 80px !important;
}

/* Video Background styles for Banner Slider */
.banner-01-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.banner-01-iframe-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    /* 16:9 Aspect Ratio */
    min-height: 100vh;
    min-width: 177.77vh;
    /* 16:9 Aspect Ratio */
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* Prevents user interactions */
    z-index: 0;
}

.banner-01-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.banner-01-box-swiper-card-text-content {
    z-index: 2;
}