.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-f18d32f:#43C6AC;--e-global-color-2be802c:#D1D5DB;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#020A08;color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Inter", Sans-serif;}.elementor-kit-8 h1{font-family:"Inter", Sans-serif;font-size:3.5rem;font-weight:900;line-height:1.1em;}.elementor-kit-8 h2{font-family:"Inter", Sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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-kit-8 h1{font-size:2.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */body {
            background-color: #020a08;
            color: white;
            overflow-x: hidden;
        }

        /* Ocultar barra de rolagem */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Efeitos dos Cards (Netflix Style) */
        .netflix-card {
            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            transform-origin: center center;
            will-change: transform;
        }
        
        .netflix-card:hover {
            transform: scale(1.04);
            z-index: 40;
            box-shadow: 0 20px 40px rgba(10, 46, 36, 0.5);
            border-color: rgba(67, 198, 172, 0.4);
        }

        /* Gradientes para as setas de navegação */
        .slider-arrow {
            background: linear-gradient(to right, rgba(2,10,8,1) 0%, rgba(2,10,8,0.8) 40%, rgba(2,10,8,0) 100%);
            transition: opacity 0.3s ease;
        }
        .slider-arrow.right {
            background: linear-gradient(to left, rgba(2,10,8,1) 0%, rgba(2,10,8,0.8) 40%, rgba(2,10,8,0) 100%);
        }

        /* Animação suave para scroll */
        .reveal-element {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
            will-change: opacity, transform;
        }
        .reveal-element.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

/* Força a proporção matemática dos Grids sem precisar de altura fixa (Min-Height) */
.premium-card-container {
    aspect-ratio: 16/9; /* Para o Grid de UI/UX */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Modificador para o Grid de Branding (adicione a classe 'branding-card' ao container no Elementor) */
.premium-card-container.branding-card {
    aspect-ratio: 3/4; 
}

/* O gradiente imersivo (Substitui o overlay do Elementor) */
.premium-card-container::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(2,10,8,0.95) 0%, rgba(2,10,8,0.2) 50%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

/* Escurece a imagem base sutilmente */
.premium-card-container > .elementor-background-overlay {
    opacity: 0.6;
    transition: opacity 0.5s ease;
}

/* Garante que o texto fique acima do gradiente */
.premium-card-container > .elementor-widget {
    position: relative;
    z-index: 2;
}

/* Animações e transições de entrada (Estado Normal) */
.premium-card-container h3 {
    transform: translateY(10px);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.premium-card-container p {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    transition-delay: 0.1s; /* O texto menor entra logo após o título */
}

/* Efeitos de HOVER (O Estilo Netflix) */
.premium-card-container:hover {
    transform: scale(1.04);
    z-index: 40;
    box-shadow: 0 20px 40px rgba(10, 46, 36, 0.5);
    border-color: rgba(67, 198, 172, 0.4) !important;
    transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.premium-card-container:hover > .elementor-background-overlay {
    opacity: 1; /* Revela a imagem com mais força no hover */
}

.premium-card-container:hover h3 {
    transform: translateY(0);
}

.premium-card-container:hover p {
    opacity: 1;
    transform: translateY(0);
}


.reveal-element {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: opacity, transform;
}

.reveal-element.is-visible {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */