.elementor-2724 .elementor-element.elementor-element-c9e5669{--display:flex;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-2724 .elementor-element.elementor-element-96ffb61{padding:0px 0px 0px 0px;}@media(max-width:768px){.elementor-2724 .elementor-element.elementor-element-c9e5669{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}@media(min-width:769px){.elementor-2724 .elementor-element.elementor-element-c9e5669{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-96ffb61 *//* =========================================================
   TRONCO NOBRE — CARROSSEL DE PRODUTOS
========================================================= */


/* =========================================================
   CONFIGURAÇÕES
========================================================= */

.tn-product-carousel {

    /*
     * DESKTOP / NOTEBOOK
     *
     * Mantém até 1280px de largura.
     */

    --tn-slide-width:
        min(
            1280px,
            calc(100vw - 80px)
        );


    /*
     * PROPORÇÃO HORIZONTAL
     *
     * 16:9
     */

    --tn-slide-height:
        calc(
            var(--tn-slide-width)
            * 9 / 16
        );


    --tn-slide-gap:
        20px;

    --tn-carousel-edge:
        0px;

    --tn-carousel-radius:
        30px;

    --tn-carousel-duration:
        5500ms;

    --tn-carousel-blue:
        #0071e3;

    --tn-carousel-control-bg:
        #f0f0f2;

    --tn-carousel-dot:
        #8e8e93;

    --tn-carousel-dot-active:
        #1d1d1f;


    position:
        relative;

    width:
        100%;

    max-width:
        none;

    margin:
        0 auto;

    padding:
        0;

    overflow:
        hidden;

    background:
        #ffffff;

    box-sizing:
        border-box;

    font-family:
        "Metropolis",
        -apple-system,
        BlinkMacSystemFont,
        "SF Pro Display",
        Arial,
        sans-serif;

}


/* =========================================================
   RESET
========================================================= */

.tn-product-carousel *,
.tn-product-carousel *::before,
.tn-product-carousel *::after {

    box-sizing:
        border-box;

}


/* =========================================================
   VIEWPORT
========================================================= */

.tn-product-carousel__viewport {

    position:
        relative;

    width:
        100%;

    max-width:
        none;

    overflow:
        hidden;

}


/* =========================================================
   TRACK
========================================================= */

.tn-product-carousel__track {

    display:
        flex;

    align-items:
        stretch;

    gap:
        var(--tn-slide-gap);

    width:
        max-content;

    margin:
        0;

    padding-inline:
        var(--tn-carousel-edge);

    touch-action:
        pan-y;

    cursor:
        grab;

    will-change:
        transform;

    transform:
        translate3d(0,0,0);

    -webkit-transform:
        translate3d(0,0,0);

    backface-visibility:
        hidden;

    -webkit-backface-visibility:
        hidden;

}


/* =========================================================
   DRAG
========================================================= */

.tn-product-carousel__track.is-dragging {

    cursor:
        grabbing;

    user-select:
        none;

    -webkit-user-select:
        none;

}


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

.tn-product-carousel__slide {

    position:
        relative;

    flex:
        0 0 var(--tn-slide-width);

    width:
        var(--tn-slide-width);

    height:
        var(--tn-slide-height);

    overflow:
        hidden;

    border-radius:
        var(--tn-carousel-radius);

    background:
        #f5f5f7;

    isolation:
        isolate;

    transform:
        translateZ(0);

    -webkit-transform:
        translateZ(0);

}


/* =========================================================
   SOMENTE SLIDE ATIVO RECEBE CLIQUES
========================================================= */

.tn-product-carousel__slide:not(.is-active)
.tn-product-carousel__buy {

    pointer-events:
        none;

}


/* =========================================================
   PICTURE
========================================================= */

.tn-product-carousel__picture {

    position:
        absolute;

    inset:
        0;

    display:
        block;

    width:
        100%;

    height:
        100%;

}


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

.tn-product-carousel__image {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    object-position:
        center;

    pointer-events:
        none;

    user-select:
        none;

    -webkit-user-select:
        none;

    -webkit-user-drag:
        none;

}


/* =========================================================
   CONTEÚDO
========================================================= */

.tn-product-carousel__content {

    position:
        absolute;

    inset:
        0 0 auto 0;

    z-index:
        2;

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        40px;

    width:
        100%;

    padding:
        48px 54px;

    color:
        #ffffff;

    pointer-events:
        none;

}


/* =========================================================
   INFO
========================================================= */

.tn-product-carousel__info {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    max-width:
        52%;

}


/* =========================================================
   NOME
========================================================= */

.tn-product-carousel__title {

    margin:
        0;

    padding:
        0;

    color:
        #ffffff !important;

    font-family:
        inherit;

    font-size:
        clamp(
            38px,
            3vw,
            52px
        );

    font-weight:
        600;

    line-height:
        1em;

    letter-spacing:
        -2.4px;

}


/* =========================================================
   CARACTERÍSTICA
========================================================= */

.tn-product-carousel__description {

    margin:
        7px 0 0;

    padding:
        0;

    color:
        #ffffff !important;

    font-family:
        inherit;

    font-size:
        clamp(
            18px,
            1.4vw,
            22px
        );

    font-weight:
        400;

    line-height:
        1.1em;

    letter-spacing:
        -0.7px;

}


/* =========================================================
   PREÇO + COMPRAR
========================================================= */

.tn-product-carousel__actions {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        20px;

    flex:
        0 0 auto;

}


/* =========================================================
   PREÇO
========================================================= */

.tn-product-carousel__price {

    color:
        #ffffff !important;

    font-family:
        inherit;

    font-size:
        17px;

    font-weight:
        500;

    line-height:
        1em;

    letter-spacing:
        -0.5px;

    white-space:
        nowrap;

}


/* =========================================================
   COMPRAR
========================================================= */

.tn-product-carousel__buy {

    position:
        relative;

    z-index:
        3;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        48px;

    padding:
        0 24px;

    border:
        0;

    border-radius:
        999px;

    color:
        #ffffff !important;

    background:
        var(--tn-carousel-blue);

    text-decoration:
        none !important;

    font-family:
        inherit;

    font-size:
        17px;

    font-weight:
        500;

    line-height:
        1em;

    letter-spacing:
        -0.35px;

    white-space:
        nowrap;

    pointer-events:
        auto;

    cursor:
        pointer;

    -webkit-tap-highlight-color:
        transparent;

    touch-action:
        manipulation;

    transition:
        opacity
        160ms
        ease;

}


/* =========================================================
   COMPRAR — ESTADOS
========================================================= */

.tn-product-carousel__buy:link,
.tn-product-carousel__buy:visited,
.tn-product-carousel__buy:focus {

    color:
        #ffffff !important;

    text-decoration:
        none !important;

}


.tn-product-carousel__buy:active {

    color:
        #ffffff !important;

    opacity:
        .72;

}


@media (hover: hover) and (pointer: fine) {

    .tn-product-carousel__buy:hover {

        color:
            #ffffff !important;

        opacity:
            .84;

    }

}


/* =========================================================
   CONTROLES
========================================================= */

.tn-product-carousel__controls {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    width:
        100%;

    padding:
        18px 0 0;

}


/* =========================================================
   PAGINAÇÃO
========================================================= */

.tn-product-carousel__pagination {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        14px;

    min-height:
        44px;

    padding:
        0 18px;

    border-radius:
        999px;

    background:
        var(--tn-carousel-control-bg);

}


/* =========================================================
   DOT
========================================================= */

.tn-product-carousel__dot {

    position:
        relative;

    display:
        block;

    width:
        8px;

    height:
        8px;

    min-width:
        8px;

    margin:
        0;

    padding:
        0;

    overflow:
        hidden;

    appearance:
        none;

    -webkit-appearance:
        none;

    border:
        0;

    border-radius:
        999px;

    background:
        var(--tn-carousel-dot);

    box-shadow:
        none;

    cursor:
        pointer;

    -webkit-tap-highlight-color:
        transparent;

    touch-action:
        manipulation;

    transition:

        width
        280ms
        cubic-bezier(.2,.8,.2,1),

        background
        180ms
        ease;

}


/* =========================================================
   DOT ATIVO
========================================================= */

.tn-product-carousel__dot.is-active {

    width:
        58px;

    background:
        #c7c7cc;

}


/* =========================================================
   PROGRESSO
========================================================= */

.tn-product-carousel__dot-progress {

    position:
        absolute;

    inset:
        0 auto 0 0;

    display:
        block;

    width:
        0;

    height:
        100%;

    border-radius:
        inherit;

    background:
        var(--tn-carousel-dot-active);

    opacity:
        0;

    pointer-events:
        none;

}


/* =========================================================
   PROGRESSO ATIVO
========================================================= */

.tn-product-carousel__dot.is-active
.tn-product-carousel__dot-progress {

    opacity:
        1;

    animation:
        tn-product-carousel-progress
        var(--tn-carousel-duration)
        linear
        forwards;

}


/* =========================================================
   PROGRESSO PAUSADO
========================================================= */

.tn-product-carousel.is-paused
.tn-product-carousel__dot.is-active
.tn-product-carousel__dot-progress {

    animation-play-state:
        paused;

}


/* =========================================================
   KEYFRAME
========================================================= */

@keyframes tn-product-carousel-progress {

    from {

        width:
            0%;

    }

    to {

        width:
            100%;

    }

}


/* =========================================================
   PLAYBACK
========================================================= */

.tn-product-carousel__playback {

    position:
        relative;

    display:
        grid;

    place-items:
        center;

    width:
        44px;

    height:
        44px;

    min-width:
        44px;

    margin:
        0;

    padding:
        0;

    appearance:
        none;

    -webkit-appearance:
        none;

    border:
        0;

    border-radius:
        50%;

    background:
        var(--tn-carousel-control-bg);

    color:
        #1d1d1f;

    box-shadow:
        none;

    cursor:
        pointer;

    -webkit-tap-highlight-color:
        transparent;

    touch-action:
        manipulation;

}


/* =========================================================
   ÍCONE
========================================================= */

.tn-product-carousel__playback span {

    position:
        relative;

    display:
        block;

    width:
        12px;

    height:
        12px;

}


/* =========================================================
   PAUSE
========================================================= */

.tn-product-carousel__playback:not(
    [data-paused="1"]
)
span::before,

.tn-product-carousel__playback:not(
    [data-paused="1"]
)
span::after {

    content:
        "";

    position:
        absolute;

    top:
        1px;

    width:
        3px;

    height:
        10px;

    border-radius:
        1px;

    background:
        currentColor;

}


.tn-product-carousel__playback:not(
    [data-paused="1"]
)
span::before {

    left:
        1px;

}


.tn-product-carousel__playback:not(
    [data-paused="1"]
)
span::after {

    right:
        1px;

}


/* =========================================================
   PLAY
========================================================= */

.tn-product-carousel__playback[
    data-paused="1"
]
span::before {

    content:
        "";

    position:
        absolute;

    top:
        1px;

    left:
        3px;

    width:
        0;

    height:
        0;

    border-top:
        5px solid transparent;

    border-bottom:
        5px solid transparent;

    border-left:
        8px solid currentColor;

}


/* =========================================================
   FOCO
========================================================= */

.tn-product-carousel__buy:focus-visible,
.tn-product-carousel__dot:focus-visible,
.tn-product-carousel__playback:focus-visible,
.tn-product-carousel__track:focus-visible {

    outline:
        2px
        solid
        #0071e3;

    outline-offset:
        4px;

}


/* =========================================================
   NOTEBOOK

   Mantém 16:9.
========================================================= */

@media (max-width: 1440px) {

    .tn-product-carousel {

        --tn-slide-gap:
            16px;

        --tn-carousel-radius:
            28px;

    }


    .tn-product-carousel__content {

        padding:
            40px 44px;

    }


    .tn-product-carousel__title {

        font-size:
            clamp(
                36px,
                3.2vw,
                46px
            );

    }

}


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

   Continua em 16:9.
========================================================= */

@media (max-width: 1200px) {

    .tn-product-carousel {

        --tn-slide-width:
            calc(100vw - 80px);

        --tn-slide-height:
            calc(
                var(--tn-slide-width)
                * 9 / 16
            );

        --tn-slide-gap:
            14px;

        --tn-carousel-radius:
            26px;

    }


    .tn-product-carousel__content {

        padding:
            32px 36px;

    }


    .tn-product-carousel__title {

        font-size:
            36px;

        letter-spacing:
            -1.8px;

    }


    .tn-product-carousel__description {

        font-size:
            18px;

    }


    .tn-product-carousel__actions {

        gap:
            14px;

    }


    .tn-product-carousel__price {

        font-size:
            15px;

    }


    .tn-product-carousel__buy {

        min-height:
            42px;

        padding:
            0 19px;

        font-size:
            15px;

    }

}


/* =========================================================
   481PX — 768PX

   IMAGEM HORIZONTAL
   PROPORÇÃO 16:9
========================================================= */

@media
(max-width: 768px)
and
(min-width: 480.1px) {

    .tn-product-carousel {

        --tn-slide-width:
            calc(100vw - 80px);

        --tn-slide-height:
            calc(
                var(--tn-slide-width)
                * 9 / 16
            );

        --tn-slide-gap:
            12px;

        --tn-carousel-radius:
            24px;

    }


    .tn-product-carousel__content {

        padding:
            24px;

    }


    .tn-product-carousel__title {

        font-size:
            28px;

        letter-spacing:
            -1.4px;

    }


    .tn-product-carousel__description {

        margin-top:
            5px;

        font-size:
            15px;

    }


    .tn-product-carousel__price {

        font-size:
            14px;

    }


    .tn-product-carousel__buy {

        min-height:
            38px;

        padding:
            0 17px;

        font-size:
            14px;

    }

}


/* =========================================================
   MOBILE — ATÉ 480PX

   IMAGEM VERTICAL
   PROPORÇÃO 9:16

   largura : altura
      9    :   16
========================================================= */

@media (max-width: 480px) {

    .tn-product-carousel {

        --tn-slide-width:
            84vw;


        /*
         * 9:16
         *
         * altura = largura × 16 / 9
         */

        --tn-slide-height:
            calc(
                var(--tn-slide-width)
                * 16 / 9
            );


        --tn-slide-gap:
            10px;

        --tn-carousel-radius:
            26px;

    }


    .tn-product-carousel__content {

        display:
            flex;

        flex-direction:
            column;

        align-items:
            center;

        justify-content:
            flex-start;

        gap:
            16px;

        padding:
            30px 18px 0;

        text-align:
            center;

    }


    .tn-product-carousel__info {

        align-items:
            center;

        max-width:
            100%;

    }


    .tn-product-carousel__title {

        font-size:
            31px;

        font-weight:
            600;

        line-height:
            1em;

        letter-spacing:
            -1.6px;

    }


    .tn-product-carousel__description {

        margin-top:
            6px;

        font-size:
            18px;

        line-height:
            1.1em;

        letter-spacing:
            -0.55px;

    }


    .tn-product-carousel__actions {

        justify-content:
            center;

        gap:
            16px;

    }


    .tn-product-carousel__price {

        font-size:
            16px;

    }


    .tn-product-carousel__buy {

        min-height:
            44px;

        padding:
            0 20px;

        font-size:
            16px;

    }


    .tn-product-carousel__controls {

        padding-top:
            16px;

    }


    .tn-product-carousel__pagination {

        min-height:
            42px;

        padding:
            0 16px;

        gap:
            12px;

    }


    .tn-product-carousel__dot.is-active {

        width:
            52px;

    }


    .tn-product-carousel__playback {

        width:
            42px;

        height:
            42px;

        min-width:
            42px;

    }

}


/* =========================================================
   IPHONE / MOBILE MENOR

   Mantém 9:16.
========================================================= */

@media (max-width: 410px) {

    .tn-product-carousel {

        --tn-slide-width:
            84vw;

        --tn-slide-height:
            calc(
                var(--tn-slide-width)
                * 16 / 9
            );

        --tn-slide-gap:
            8px;

        --tn-carousel-radius:
            24px;

    }


    .tn-product-carousel__content {

        padding:
            26px 16px 0;

    }


    .tn-product-carousel__title {

        font-size:
            28px;

        letter-spacing:
            -1.4px;

    }


    .tn-product-carousel__description {

        font-size:
            17px;

    }


    .tn-product-carousel__actions {

        gap:
            14px;

    }

}


/* =========================================================
   REDUZIR MOVIMENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tn-product-carousel__track,
    .tn-product-carousel__dot,
    .tn-product-carousel__buy {

        transition-duration:
            .01ms !important;

    }


    .tn-product-carousel__dot-progress {

        animation-duration:
            .01ms !important;

    }

}/* End custom CSS */