.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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;}}
/* Start custom CSS */<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/lucide@latest"></script>

<!-- 2. Configuração do Tema (Cores e Fontes) -->

    tailwind.config = {
        theme: {
            extend: {
                fontFamily: {
                    sans: ['Inter', 'sans-serif'], // Certifique-se que a fonte Inter está carregada no Elementor ou Tema
                },
                colors: {
                    brand: '#FF0040',
                    dark: '#05050A',
                    surface: '#0f0f16',
                    'surface-light': 'rgba(255,255,255,0.05)',
                    cyan: {
                        400: '#22d3ee',
                        500: '#06b6d4',
                        600: '#0891b2',
                    },
                    fuchsia: {
                        500: '#d946ef',
                        600: '#c026d3',
                    }
                },
                animation: {
                    'fade-in-up': 'fadeInUp 0.5s ease-out forwards',
                    'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
                },
                keyframes: {
                    fadeInUp: {
                        '0%': { opacity: '0', transform: 'translateY(20px)' },
                        '100%': { opacity: '1', transform: 'translateY(0)' },
                    }
                }
            }
        }
    }
</script>

<!-- 3. Estilos Específicos -->
<style>
    /* Wrapper principal para isolar o estilo do resto do WordPress */
    #landing-page-wrapper {
        background-color: #05050A;
        color: #f1f5f9;
        overflow-x: hidden;
        width: 100%;
        position: relative;
    }
    
    /* Scrollbar Personalizada */
    .custom-scrollbar::-webkit-scrollbar {
        width: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
        background: #0f0f16;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #333;
        border-radius: 3px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #FF0040;
    }

    /* Estilos do Slider Antes/Depois */
    .slider-container {
        position: relative;
        user-select: none;
    }
    .slider-handle {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #06b6d4;
        cursor: ew-resize;
        z-index: 20;
        box-shadow: 0 0 15px rgba(6,182,212,0.8);
    }
    .slider-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 32px;
        height: 32px;
        background: #06b6d4;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 100%; 
        width: 0; 
    }/* End custom CSS */