.elementor-807 .elementor-element.elementor-element-d6fa15b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-d6fa15b:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-d6fa15b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-96c141e{width:100%;max-width:100%;}.elementor-807 .elementor-element.elementor-element-da63289{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-da63289:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-da63289 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-b588a7d{width:100%;max-width:100%;}.elementor-807 .elementor-element.elementor-element-4f5c216{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-4f5c216:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-4f5c216 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-007dd2a{width:100%;max-width:100%;}.elementor-807 .elementor-element.elementor-element-3bd3a45{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-3bd3a45:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-3bd3a45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-87341d0{width:100%;max-width:100%;}.elementor-807 .elementor-element.elementor-element-6a2db6d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-6a2db6d:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-6a2db6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-bbb73b7{width:100%;max-width:100%;}.elementor-807 .elementor-element.elementor-element-d7deb1f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-d7deb1f:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-d7deb1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-e03e180{width:100%;max-width:100%;}.elementor-807 .elementor-element.elementor-element-72008c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-807 .elementor-element.elementor-element-72008c8:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-72008c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-807 .elementor-element.elementor-element-ef33f17{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-96c141e *//* =========================================================
   SHOW ORIENTAL
   HERO SLIDER
========================================================= */

.so-hero-slider {

    width: 100%;

    position: relative;

    background: #f8f8f8;

    /*
       Mantém a área proporcional,
       mas sem cortar a imagem.
    */

    overflow: hidden;

}


/* =========================================================
   ÁREA DOS SLIDES
========================================================= */

.so-slides {

    width: 100%;

    position: relative;

    /*
       IMPORTANTE:
       não usamos aspect-ratio aqui.
       A altura será definida pelas imagens.
    */

    display: grid;

}


/* =========================================================
   SLIDE
========================================================= */

.so-slide {

    grid-area: 1 / 1;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .8s ease,
        visibility .8s ease;

    z-index: 1;

}


.so-slide.active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    z-index: 2;

}


/* =========================================================
   IMAGENS
========================================================= */

.so-slide img {

    display: block;

    width: 100%;

    height: auto;

    /*
       MOSTRA A IMAGEM COMPLETA.
       Nada será cortado.
    */

    object-fit: contain;

}


/* =========================================================
   SETAS
========================================================= */

.so-slider-prev,
.so-slider-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    width: 44px;

    height: 44px;

    border: 1px solid rgba(255,255,255,.8);

    border-radius: 50%;

    background: rgba(0,0,0,.22);

    backdrop-filter: blur(7px);

    color: #fff;

    font-size: 32px;

    font-weight: 200;

    line-height: 1;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    transition:
        .3s ease;

}


.so-slider-prev {

    left: 25px;

}


.so-slider-next {

    right: 25px;

}


.so-slider-prev:hover,
.so-slider-next:hover {

    background: rgba(0,0,0,.65);

    transform:
        translateY(-50%)
        scale(1.08);

}


/* =========================================================
   DOTS
========================================================= */

.so-slider-dots {

    position: absolute;

    left: 50%;

    bottom: 20px;

    transform: translateX(-50%);

    z-index: 10;

    display: flex;

    align-items: center;

    gap: 8px;

}


.so-dot {

    width: 7px;

    height: 7px;

    border: none;

    padding: 0;

    border-radius: 50%;

    background: rgba(255,255,255,.65);

    cursor: pointer;

    transition:
        width .3s ease,
        background .3s ease;

}


.so-dot.active {

    width: 25px;

    border-radius: 10px;

    background: #fff;

}


/* =========================================================
   BARRA FRETE
========================================================= */

.so-freight-bar {

    width: 100%;

    height: 52px;

    background: #111;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}


.so-freight-content {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    font-size: 13px;

    letter-spacing: .3px;

}


.so-freight-content strong {

    font-weight: 700;

}


.so-freight-star {

    margin: 0 8px;

    font-size: 10px;

    opacity: .7;

}


/* =========================================================
   DESKTOP GRANDE
========================================================= */

@media (min-width: 1600px) {

    .so-slider-prev,
    .so-slider-next {

        width: 50px;

        height: 50px;

    }

    .so-slider-prev {
        left: 35px;
    }

    .so-slider-next {
        right: 35px;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .so-slider-prev,
    .so-slider-next {

        width: 38px;

        height: 38px;

        font-size: 27px;

    }

    .so-slider-prev {
        left: 15px;
    }

    .so-slider-next {
        right: 15px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .so-slide img {

        /*
           A imagem continua inteira.
        */

        width: 100%;

        height: auto;

        object-fit: contain;

    }


    .so-slider-prev,
    .so-slider-next {

        width: 32px;

        height: 32px;

        font-size: 23px;

        background: rgba(0,0,0,.25);

    }


    .so-slider-prev {
        left: 9px;
    }

    .so-slider-next {
        right: 9px;
    }


    .so-slider-dots {

        bottom: 12px;

    }


    .so-dot {

        width: 6px;

        height: 6px;

    }


    .so-dot.active {

        width: 20px;

    }


    /* FRETE */

    .so-freight-bar {

        height: 46px;

        padding: 0 10px;

    }


    .so-freight-content {

        font-size: 10.5px;

        gap: 4px;

        white-space: nowrap;

    }


    .so-freight-star {

        margin: 0 3px;

    }

}


/* =========================================================
   CELULARES PEQUENOS
========================================================= */

@media (max-width: 380px) {

    .so-freight-content {

        font-size: 10px;

    }

    .so-freight-star {

        display: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b588a7d *//* =====================================================
   SHOW ORIENTAL
   HERO SLIDER CLEAN
   ===================================================== */

.show-oriental-hero {
    position: relative;

    width: 100%;
    height: 720px;

    overflow: hidden;

    margin: 0;
    padding: 0;

    background: #f5f5f5;
}


/* =====================================================
   SLIDES
   ===================================================== */

.show-slide {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    opacity: 0;

    animation: showOrientalSlider 15s infinite;

    text-decoration: none;

    cursor: pointer;
}


/* =====================================================
   IMAGEM 1
   ===================================================== */

.show-slide-1 {

    background-image: url(
        "https://showoriental.com/wp-content/uploads/2026/08/3.png"
    );

    animation-delay: 0s;
}


/* =====================================================
   IMAGEM 2
   ===================================================== */

.show-slide-2 {

    background-image: url(
        "https://showoriental.com/wp-content/uploads/2026/08/2.png"
    );

    animation-delay: 5s;
}


/* =====================================================
   IMAGEM 3
   ===================================================== */

.show-slide-3 {

    background-image: url(
        "https://showoriental.com/wp-content/uploads/2026/08/1.png"
    );

    animation-delay: 10s;
}


/* =====================================================
   ANIMAÇÃO DO SLIDER
   ===================================================== */

@keyframes showOrientalSlider {

    0% {
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }

}


/* =====================================================
   EFEITO SUAVE DE ZOOM
   ===================================================== */

.show-slide {
    transform: scale(1.01);

    animation-name: showOrientalSliderZoom;
}


@keyframes showOrientalSliderZoom {

    0% {
        opacity: 0;
        transform: scale(1.04);
    }

    5% {
        opacity: 1;
    }

    30% {
        opacity: 1;
        transform: scale(1);
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }

}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .show-oriental-hero {
        height: 650px;
    }

}


/* =====================================================
   CELULAR
   ===================================================== */

@media (max-width: 767px) {

    .show-oriental-hero {
        width: 100%;

        height: 620px;

        min-height: 620px;
    }


    .show-slide {

        background-size: cover;

        background-position: center center;
    }

}


/* =====================================================
   CELULARES PEQUENOS
   ===================================================== */

@media (max-width: 480px) {

    .show-oriental-hero {

        height: 600px;

        min-height: 600px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-007dd2a *//* =========================================================
   SHOW ORIENTAL
   NOVA COLEÇÃO — VITRINE HORIZONTAL
========================================================= */

.so-collection-section {

    width: 100%;

    background: #fff;

    padding:
        85px
        0
        100px;

    overflow: hidden;

}


/* =========================================================
   CONTAINER
========================================================= */

.so-collection-container {

    width: 100%;

    max-width: 1500px;

    margin: 0 auto;

}


/* =========================================================
   CABEÇALHO
========================================================= */

.so-collection-header {

    text-align: center;

    padding:
        0 25px;

    margin-bottom: 45px;

}


.so-collection-label {

    display: block;

    margin-bottom: 13px;

    color: #888;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;

}


.so-collection-header h2 {

    margin: 0;

    color: #111;

    font-size:
        clamp(
            30px,
            3vw,
            45px
        );

    font-weight: 300;

    line-height: 1.1;

    letter-spacing: -.8px;

}


.so-collection-header h2 strong {

    font-weight: 700;

}


.so-collection-decoration {

    display: flex;

    justify-content: center;

    margin:
        19px
        0
        13px;

}


.so-collection-decoration span {

    width: 42px;

    height: 1px;

    background: #111;

}


.so-collection-header p {

    margin: 0;

    color: #888;

    font-size: 13px;

    letter-spacing: .3px;

}


/* =========================================================
   ÁREA DO SLIDER
========================================================= */

.so-collection-slider {

    width: 100%;

    overflow: hidden;

}


/* =========================================================
   LINHA DAS IMAGENS
========================================================= */

.so-collection-track {

    display: flex;

    flex-wrap: nowrap;

    gap: 8px;

    width: 100%;

}


/* =========================================================
   CARD
========================================================= */

.so-collection-card {

    flex: 1 1 0;

    min-width: 0;

    display: block;

    position: relative;

    text-decoration: none;

}


/* =========================================================
   ÁREA DA IMAGEM
========================================================= */

.so-collection-image {

    width: 100%;

    position: relative;

    overflow: hidden;

    background: #f4f4f4;

}


/* =========================================================
   IMAGEM
========================================================= */

.so-collection-image img {

    display: block;

    width: 100%;

    height: auto;

    /*
       NÃO CORTA A IMAGEM
    */

    object-fit: contain;

    transition:
        transform .7s
        cubic-bezier(
            .2,
            .7,
            .2,
            1
        );

}


/* =========================================================
   HOVER DESKTOP
========================================================= */

.so-collection-card:hover
.so-collection-image img {

    transform: scale(1.035);

}


/* =========================================================
   OVERLAY
========================================================= */

.so-collection-hover {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 25px 20px;

    display: flex;

    justify-content: center;

    align-items: flex-end;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.55),
            rgba(0,0,0,0)
        );

    opacity: 0;

    transform:
        translateY(10px);

    transition:
        opacity .35s ease,
        transform .35s ease;

}


.so-collection-hover span {

    padding:
        11px 20px;

    background: rgba(
        255,
        255,
        255,
        .96
    );

    color: #111;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.4px;

}


.so-collection-card:hover
.so-collection-hover {

    opacity: 1;

    transform:
        translateY(0);

}


/* =========================================================
   INDICADOR DE SWIPE
========================================================= */

.so-swipe-hint {

    display: none;

}


/* =========================================================
   BOTÃO
========================================================= */

.so-collection-action {

    display: flex;

    justify-content: center;

    margin-top: 45px;

}


.so-collection-action a {

    display: inline-flex;

    align-items: center;

    gap: 18px;

    padding:
        15px 27px;

    border: 1px solid #111;

    color: #111;

    text-decoration: none;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.4px;

    transition:
        background .3s ease,
        color .3s ease,
        padding .3s ease;

}


.so-collection-action a span {

    font-size: 16px;

    transition:
        transform .3s ease;

}


.so-collection-action a:hover {

    background: #111;

    color: #fff;

    padding-left: 33px;

    padding-right: 33px;

}


.so-collection-action a:hover span {

    transform:
        translateX(5px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .so-collection-section {

        padding:
            70px
            0
            80px;

    }


    .so-collection-track {

        padding:
            0 15px;

        gap: 8px;

    }


    .so-collection-card {

        flex:
            0 0
            calc(
                50% - 4px
            );

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .so-collection-section {

        padding:
            55px
            0
            65px;

    }


    /* -----------------------------------------
       TÍTULO
    ----------------------------------------- */

    .so-collection-header {

        margin-bottom: 30px;

        padding:
            0 15px;

    }


    .so-collection-label {

        font-size: 8px;

        letter-spacing: 2.5px;

        margin-bottom: 11px;

    }


    .so-collection-header h2 {

        font-size: 28px;

    }


    .so-collection-header p {

        font-size: 11px;

    }


    /* -----------------------------------------
       SLIDER TOUCH
    ----------------------------------------- */

    .so-collection-slider {

        /*
           ESSENCIAL:
           permite deslizar horizontalmente
           com o dedo.
        */

        overflow-x: auto;

        overflow-y: hidden;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;

        scroll-snap-type: x proximity;

        scrollbar-width: none;

        cursor: grab;

    }


    .so-collection-slider::-webkit-scrollbar {

        display: none;

    }


    .so-collection-slider:active {

        cursor: grabbing;

    }


    /* -----------------------------------------
       LINHA ÚNICA
    ----------------------------------------- */

    .so-collection-track {

        width: max-content;

        display: flex;

        flex-wrap: nowrap;

        gap: 8px;

        padding:
            0 12px;

    }


    /* -----------------------------------------
       CARDS
    ----------------------------------------- */

    .so-collection-card {

        /*
           Mostra aproximadamente 1.45
           cards por tela.

           Assim o usuário percebe
           imediatamente que existe
           conteúdo para deslizar.
        */

        flex:
            0 0
            68vw;

        max-width: 280px;

        scroll-snap-align: start;

    }


    /* -----------------------------------------
       IMAGEM
    ----------------------------------------- */

    .so-collection-image {

        width: 100%;

    }


    .so-collection-image img {

        width: 100%;

        height: auto;

        object-fit: contain;

    }


    /* -----------------------------------------
       SEM OVERLAY NO TOUCH
    ----------------------------------------- */

    .so-collection-hover {

        display: none;

    }


    /* -----------------------------------------
       INDICADOR
    ----------------------------------------- */

    .so-swipe-hint {

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 8px;

        margin-top: 16px;

        color: #999;

        font-size: 9px;

        letter-spacing: .5px;

    }


    .so-swipe-line {

        display: block;

        width: 25px;

        height: 1px;

        background: #bbb;

    }


    .so-swipe-arrow {

        font-size: 13px;

        color: #777;

    }


    /* -----------------------------------------
       BOTÃO
    ----------------------------------------- */

    .so-collection-action {

        margin-top: 30px;

    }


    .so-collection-action a {

        padding:
            13px 20px;

        font-size: 9px;

    }

}


/* =========================================================
   CELULAR PEQUENO
========================================================= */

@media (max-width: 380px) {

    .so-collection-card {

        flex-basis: 74vw;

    }


    .so-collection-header h2 {

        font-size: 25px;

    }

}/* End custom CSS */
/* Start custom CSS */html, body {
    overflow-x: hidden;
}/* End custom CSS */