.elementor-kit-9{--e-global-color-primary:#FF696A;--e-global-color-secondary:#E3E3E3;--e-global-color-text:#C1C1C1;--e-global-color-accent:#FF8F69;--e-global-color-851d9f2:#50515E;--e-global-color-751e8df:#FF756A;--e-global-color-a2f00cf:#FFFFFF0F;--e-global-color-c755840:#000000;--e-global-color-726d58f:#3E3E3E;--e-global-typography-primary-font-family:"progress-regular";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"progress-regular";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"progress-regular";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"progress-regular";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:600ms;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-751e8df );--e-preloader-size:29px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:transparent;color:var( --e-global-color-c755840 );background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-751e8df ) 100%);border-radius:50px 50px 50px 50px;}.elementor-kit-9 e-page-transition{background-color:var( --e-global-color-c755840 );}.elementor-kit-9 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* =========================================================
   PORTFOLIO PREMIUM CAROUSEL
   ========================================================= */

.portfolio-samsung-carousel {

    /* 
     * 82% = slide principal
     * sobra 18%
     * portanto 9% de cada lado
     */

    --portfolio-slide-width: 82%;
    --portfolio-edge: 9%;
    --portfolio-gap: 24px;

    position: relative;

    width: 100% !important;
    max-width: none !important;

    overflow: visible !important;

    isolation: isolate;
}


/* =========================================================
   CORREÇÃO ELEMENTOR / JETENGINE
   ========================================================= */

.portfolio-samsung-carousel
.elementor-widget-container,

.portfolio-samsung-carousel
.jet-listing-grid {

    width: 100% !important;

    max-width: none !important;

    overflow: visible !important;
}


/*
 * Browsers modernos.
 *
 * Isso também impede que o container Elementor mais próximo
 * corte os pedaços laterais.
 */

.e-con:has(.portfolio-samsung-carousel) {

    overflow: visible !important;
}


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

.portfolio-samsung-carousel
.jet-listing-grid__items {

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center;

    width: 100% !important;
    max-width: none !important;

    gap: var(--portfolio-gap);

    padding-left:
        var(--portfolio-edge) !important;

    padding-right:
        var(--portfolio-edge) !important;

    margin: 0 !important;

    box-sizing: border-box;

    overflow-x: auto !important;
    overflow-y: visible !important;

    scroll-snap-type: x mandatory;

    scroll-padding-inline:
        var(--portfolio-edge);

    overscroll-behavior-x: contain;

    -webkit-overflow-scrolling: touch;

    scrollbar-width: none;

    cursor: grab;

    touch-action: pan-x pan-y;

    user-select: none;

    -webkit-user-select: none;
}


/* Chrome / Safari */

.portfolio-samsung-carousel
.jet-listing-grid__items::-webkit-scrollbar {

    display: none;
}


/* Durante drag no desktop */

.portfolio-samsung-carousel
.jet-listing-grid__items.is-dragging {

    cursor: grabbing;

    scroll-snap-type: none;

    scroll-behavior: auto;
}


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

.portfolio-samsung-carousel
.jet-listing-grid__item {

    flex:
        0 0
        var(--portfolio-slide-width)
        !important;

    width:
        var(--portfolio-slide-width)
        !important;

    min-width:
        var(--portfolio-slide-width)
        !important;

    max-width:
        var(--portfolio-slide-width)
        !important;

    padding: 0 !important;

    margin: 0 !important;

    box-sizing: border-box;

    scroll-snap-align: center;

    opacity: .20;

    filter:
        brightness(.48)
        saturate(.55);

    transform:
        scale(.92)
        translateZ(0);

    transition:
        opacity
        .72s
        cubic-bezier(.16,1,.3,1),

        filter
        .72s
        cubic-bezier(.16,1,.3,1),

        transform
        .85s
        cubic-bezier(.16,1,.3,1);

    will-change:
        transform,
        opacity,
        filter;
}


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

.portfolio-samsung-carousel
.jet-listing-grid__item.portfolio-slide-near {

    opacity: .38;

    filter:
        brightness(.68)
        saturate(.72);

    transform:
        scale(.955)
        translateZ(0);
}


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

.portfolio-samsung-carousel
.jet-listing-grid__item.portfolio-slide-active {

    opacity: 1;

    filter:
        brightness(1)
        saturate(1);

    transform:
        scale(1)
        translateZ(0);

    z-index: 3;
}


/* =========================================================
   VIDEO WRAPPER
   DESKTOP = 21:9
   ========================================================= */

.portfolio-responsive-video {

    position: relative;

    width: 100%;

    aspect-ratio: 21 / 9;

    overflow: hidden;

    border-radius: 26px;

    background: #090909;

    transform: translateZ(0);

    isolation: isolate;
}


/* =========================================================
   SKELETON
   ========================================================= */

.portfolio-video-skeleton {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            110deg,
            #101010 20%,
            #1c1c1c 38%,
            #101010 56%
        );

    background-size:
        220% 100%;

    animation:
        portfolioSkeleton
        1.8s
        linear
        infinite;

    transition:
        opacity .5s ease;
}


@keyframes portfolioSkeleton {

    from {

        background-position:
            120% 0;
    }

    to {

        background-position:
            -120% 0;
    }
}


/* =========================================================
   POSTER
   ========================================================= */

.portfolio-video-poster {

    position: absolute;

    inset: 0;

    z-index: 2;

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    opacity: 0;

    transform:
        scale(1.01);

    transition:
        opacity
        .65s
        cubic-bezier(.16,1,.3,1),

        transform
        1.1s
        cubic-bezier(.16,1,.3,1);

    pointer-events: none;
}


.portfolio-responsive-video.has-poster
.portfolio-video-poster {

    opacity: 1;

    transform:
        scale(1);
}


.portfolio-responsive-video.has-poster
.portfolio-video-skeleton {

    opacity: 0;
}


/* =========================================================
   VIDEO
   ========================================================= */

.portfolio-video-player {

    position: absolute;

    inset: 0;

    z-index: 3;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    opacity: 0;

    transform:
        scale(1.012);

    transition:
        opacity
        .75s
        cubic-bezier(.16,1,.3,1),

        transform
        1.15s
        cubic-bezier(.16,1,.3,1);

    pointer-events: none;
}


/* VIDEO PRONTO */

.portfolio-responsive-video.is-ready
.portfolio-video-player {

    opacity: 1;

    transform:
        scale(1);
}


/* Poster desaparece */

.portfolio-responsive-video.is-ready
.portfolio-video-poster {

    opacity: 0;
}


/* =========================================================
   LOADER
   ========================================================= */

.portfolio-video-loader {

    position: absolute;

    z-index: 5;

    left: 50%;
    top: 50%;

    width: 24px;
    height: 24px;

    margin:
        -12px 0 0 -12px;

    border-radius: 50%;

    border:
        2px solid rgba(255, 117, 106, 1);

    border-top-color:
        rgba(255,255,255,.9);

    animation:
        portfolioSpin
        .8s
        linear
        infinite;

    opacity: 0;

    transition:
        opacity .25s ease;

    pointer-events: none;
}


.portfolio-responsive-video.is-loading
.portfolio-video-loader {

    opacity: 1;
}


.portfolio-responsive-video.is-ready
.portfolio-video-loader {

    opacity: 0;
}


@keyframes portfolioSpin {

    to {

        transform:
            rotate(360deg);
    }
}


/* =========================================================
   PREMIUM VIDEO TIMELINE
   ========================================================= */

.portfolio-carousel-pagination {

    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    width: max-content;
    max-width: 90%;

    min-height: 28px;

    margin:
        28px auto 0;

    padding:
        0 8px;
}


/* linha sutil que conecta toda navegação */

.portfolio-carousel-pagination::before {

    content: "";

    position: absolute;

    left: 10px;
    right: 10px;

    top: 50%;

    height: 5px;

    transform:
        translateY(-50%);

    background:
        rgba(20,20,20,.15);

    z-index: 0;
}


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

.portfolio-carousel-dot {

    --progress: 0%;

    position: relative;

    z-index: 2;

    flex:
        0 0 auto;

    appearance: none;

    border: 0;

    outline: none;

    padding: 4px;

    width: 3px;
    height: 13px;

    border-radius: 999px;

    background:
        rgba(20,20,20,.32);

    box-shadow:
        0 0 0 1px
        var(--page-background, #404040);

    cursor: pointer;

    overflow: hidden;

    transition:
        width .65s cubic-bezier(.16,1,.3,1),
        height .45s cubic-bezier(.16,1,.3,1),
        background .4s ease,
        transform .4s cubic-bezier(.16,1,.3,1);
}


.portfolio-carousel-dot:hover {

    transform:
        scale(1.15);
}


/* =========================================================
   ACTIVE
   ========================================================= */

.portfolio-carousel-dot.is-active {

    width: 98px;
    height: 10px;

    background:
        rgba(20,20,20,.14);

    transform: none;
}


/* progresso interno */

.portfolio-carousel-dot.is-active::after {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width:
        var(--progress);

    height: 100%;

    border-radius: inherit;

    background: #585858;

    transition:
        width .08s linear;
}


/* =========================================================
   VIDEO CONCLUÍDO
   ========================================================= */

.portfolio-carousel-dot.is-complete::after {

    width: 100%;
}


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

@media (max-width: 767px) {

    .portfolio-carousel-pagination {

        gap: 77px;

        margin-top: 18px;
    }


    .portfolio-carousel-dot {

        width: 16px;
        height: 9px;

        box-shadow:
            0 0 0 1px
            var(--page-background, #404040);
    }


    .portfolio-carousel-dot.is-active {

        width: 40px;
        height: 6px;
    }

}

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

@media (max-width: 767px) {

    .portfolio-samsung-carousel {

        /*
         * 88% ocupa o centro.
         * aproximadamente 6% fica exposto
         * em cada lateral.
         */

        --portfolio-slide-width: 88%;
        --portfolio-edge: 6%;
        --portfolio-gap: 20px;
    }


    .portfolio-samsung-carousel
    .jet-listing-grid__item {

        opacity: .16;

        transform:
            scale(.965)
            translateZ(0);
    }


    .portfolio-samsung-carousel
    .jet-listing-grid__item.portfolio-slide-near {

        opacity: .32;

        transform:
            scale(.98)
            translateZ(0);
    }


    .portfolio-samsung-carousel
    .jet-listing-grid__item.portfolio-slide-active {

        opacity: 1;

        transform:
            scale(1)
            translateZ(0);
    }


    .portfolio-responsive-video {

        aspect-ratio:
            333 / 490;

        border-radius: 19px;
    }


    .portfolio-carousel-pagination {

        margin-top: 18px;

        gap: 6px;
    }


    .portfolio-carousel-dot {

        width: 6px;
        height: 6px;
    }


    .portfolio-carousel-dot.is-active {

        width: 64px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

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

    .portfolio-samsung-carousel *,
    .portfolio-samsung-carousel *::before,
    .portfolio-samsung-carousel *::after {

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;

        scroll-behavior:
            auto !important;
    }

}
/* =========================================================
   PLAY / PAUSE CONTROL
   ========================================================= */

.portfolio-video-control {

    position: absolute;

    right: 22px;
    bottom: 22px;

    z-index: 10;

    width: 48px;
    height: 48px;

    padding: 0;

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

    border-radius: 50%;

    background:
        rgba(12,12,12,.55);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    display: flex;

    align-items: center;
    justify-content: center;

    cursor: pointer;

    color: white;

    opacity: 0;

    transform:
        translateY(8px)
        scale(.92);

    pointer-events: none;

    transition:
        opacity .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1),
        background .3s ease,
        border-color .3s ease;
}


/* aparece no hover */

.portfolio-responsive-video:hover
.portfolio-video-control {

    opacity: 1;

    transform:
        translateY(0)
        scale(1);

    pointer-events: auto;
}


.portfolio-video-control:hover {

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

    border-color:
        rgba(255,255,255,.5);

    transform:
        translateY(0)
        scale(1.06);
}


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

.portfolio-video-control-icon {

    position: relative;

    display: block;

    width: 15px;
    height: 17px;
}


/*
 * pause
 */

.portfolio-video-control:not(.is-play)
.portfolio-video-control-icon::before,

.portfolio-video-control:not(.is-play)
.portfolio-video-control-icon::after {

    content: "";

    position: absolute;

    top: 0;

    width: 4px;
    height: 17px;

    border-radius: 2px;

    background: currentColor;
}


.portfolio-video-control:not(.is-play)
.portfolio-video-control-icon::before {

    left: 1px;
}


.portfolio-video-control:not(.is-play)
.portfolio-video-control-icon::after {

    right: 1px;
}


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

.portfolio-video-control.is-play
.portfolio-video-control-icon {

    width: 0;
    height: 0;

    margin-left: 3px;

    border-top:
        9px solid transparent;

    border-bottom:
        9px solid transparent;

    border-left:
        14px solid currentColor;
}


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

@media (hover: none),
       (pointer: coarse) {

    .portfolio-video-control {

        opacity: .92;

        transform: none;

        pointer-events: auto;
    }

}


@media (max-width: 767px) {

    .portfolio-video-control {

        width: 42px;
        height: 42px;

        right: 15px;
        bottom: 15px;
    }

}


/* Remover espaço em brando lateral no mobile */
html, body{
    overflow-x: hidden !important; 
}


::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    background: #E3E3E3;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb{
    background: #FF696A;
    border-radius: 30px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'progress-regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://air.voton.site/wp-content/uploads/2026/08/progress-regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */