/* Home Liquitudo: cabeçalho de varejo e banners responsivos com zona segura. */

body.home {
    overflow-x: clip;
}

body.home .content-layout-wrapper {
    padding-top: 0 !important;
}

body.home .whb-general-header {
    background-color: #ed1b24 !important;
    border-color: #ed1b24 !important;
}

body.home .whb-general-header .wd-tools-element > a,
body.home .whb-general-header .wd-tools-text,
body.home .whb-general-header .wd-tools-icon,
body.home .whb-general-header .wd-header-mobile-nav > a,
body.home .whb-general-header .wd-header-mobile-nav .wd-tools-text {
    color: #fff !important;
}

body.home .whb-general-header .wd-tools-count {
    background-color: #ffd400 !important;
    color: #b5121b !important;
}

body.home .elementor-element-7a6fdb7 .wd-slider.wd-section-stretch {
    left: 50% !important;
    width: 100vw !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-inline: 0 !important;
    overflow: hidden;
    transform: translateX(-50%) !important;
}

body.home .elementor-element-7a6fdb7 .wd-slider,
body.home .elementor-element-7a6fdb7 .wd-carousel-inner,
body.home .elementor-element-7a6fdb7 .wd-carousel,
body.home .elementor-element-7a6fdb7 .wd-carousel-wrap,
body.home .elementor-element-7a6fdb7 .wd-slide,
body.home .elementor-element-7a6fdb7 .wd-slide-bg {
    height: clamp(360px, 35.1vw, 505px) !important;
}

body.home .elementor-element-7a6fdb7 .wd-slide-bg {
    background-color: #e71925 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

body.home .elementor-element-7a6fdb7 .wd-slide[data-swiper-slide-index="0"] .wd-slide-bg {
    background-image: url("../images/home/liquitudo-hero-1-desktop.jpg") !important;
}

body.home .elementor-element-7a6fdb7 .wd-slide[data-swiper-slide-index="1"] .wd-slide-bg {
    background-image: url("../images/home/liquitudo-hero-2-desktop.jpg") !important;
}

@media (min-width: 768px) {
    body.home {
        --wd-top-bar-h: 0px;
        --wd-header-general-h: 76px;
        --wd-header-h: 129px;
    }

    body.home .whb-top-bar {
        display: none !important;
    }

    body.home .whb-general-header,
    body.home .whb-general-header .whb-general-header-inner {
        height: 76px !important;
        max-height: 76px !important;
    }

    body.home .whb-general-header .site-logo {
        max-height: 76px !important;
    }

    body.home .whb-general-header .site-logo img {
        width: auto !important;
        height: auto !important;
        max-height: 60px !important;
        padding-top: 0 !important;
    }

    body.home .whb-sticky-header .whb-general-header,
    body.home .whb-sticky-header .whb-general-header-inner {
        height: 64px !important;
    }

    body.home .whb-sticky-header .whb-general-header-inner {
        width: 100% !important;
        max-width: none !important;
        padding-inline: 28px;
    }

    body.home .whb-sticky-header .wd-header-nav,
    body.home .whb-sticky-header .wd-nav-main,
    body.home .whb-sticky-header .wd-nav-main > li,
    body.home .whb-sticky-header .wd-nav-main > li > a {
        height: 64px !important;
        min-height: 64px !important;
    }

    body.home .whb-sticky-header .wd-nav-main {
        flex-wrap: nowrap !important;
        justify-content: center;
    }

    body.home .whb-sticky-header .wd-nav-main > li > a {
        padding-inline: 9px;
        color: #fff !important;
        font-size: 13px;
        white-space: nowrap;
    }

    body.home .whb-sticky-header .wd-nav-main > li > a:is(:hover, :focus-visible) {
        color: #ffd400 !important;
    }

    /* O sticky exibe apenas a navegação comercial, sem páginas de confirmação e duplicidade. */
    body.home .whb-sticky-header #menu-item-27889,
    body.home .whb-sticky-header #menu-item-27891,
    body.home .whb-sticky-header #menu-item-27872 {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    /* Neutraliza o deslocamento legado do container salvo no Elementor. */
    body.home .elementor-element-d7b7d58 {
        margin-top: 0 !important;
    }

    /* Mantém a proporção 2113x744 da arte desktop sem recorte vertical. */
    body.home .elementor-element-7a6fdb7 .wd-slider,
    body.home .elementor-element-7a6fdb7 .wd-carousel-inner,
    body.home .elementor-element-7a6fdb7 .wd-carousel,
    body.home .elementor-element-7a6fdb7 .wd-carousel-wrap,
    body.home .elementor-element-7a6fdb7 .wd-slide,
    body.home .elementor-element-7a6fdb7 .wd-slide-bg {
        height: min(505px, calc(100vw * 744 / 2113)) !important;
    }

    body.home .elementor-element-7a6fdb7 .wd-slide-bg {
        background-size: auto 100% !important;
    }
}

@media (max-width: 767px) {
    body.home .whb-top-bar {
        display: none !important;
    }

    body.home .content-layout-wrapper {
        padding-top: 40px !important;
    }

    body.home .whb-general-header {
        min-height: 60px;
    }

    body.home .elementor-element-7a6fdb7 .wd-slider.wd-section-stretch {
        width: 100vw !important;
        min-width: 0 !important;
        max-width: 100vw !important;
    }

    body.home .elementor-element-7a6fdb7 .wd-slider,
    body.home .elementor-element-7a6fdb7 .wd-carousel-inner,
    body.home .elementor-element-7a6fdb7 .wd-carousel,
    body.home .elementor-element-7a6fdb7 .wd-carousel-wrap,
    body.home .elementor-element-7a6fdb7 .wd-slide,
    body.home .elementor-element-7a6fdb7 .wd-slide-bg {
        height: 83.47vw !important;
    }

    body.home .elementor-element-7a6fdb7 .wd-slide[data-swiper-slide-index="0"] .wd-slide-bg {
        background-image: url("../images/home/liquitudo-hero-1-mobile-wide.jpg") !important;
    }

    body.home .elementor-element-7a6fdb7 .wd-slide[data-swiper-slide-index="1"] .wd-slide-bg {
        background-image: url("../images/home/liquitudo-hero-2-mobile-wide.jpg") !important;
    }
}