.elementor-kit-9{--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-9 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){--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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================
   TORUK: INTERACTIVE ATMOSPHERIC ENGINE — CORRIGIDO
   ========================================================== */

/* 1. VARIÁVEIS DE RASTREAMENTO DO MOUSE (Iniciam no centro) */
:root {
    --mouse-x: 50vw;
    --mouse-y: 50vh;
}

/* 2. FORÇAR TRANSPARÊNCIA APENAS NA SEÇÃO HERO */
.tk-hero-section,
.tk-hero-section .elementor-container,
.tk-hero-section .e-con,
.tk-hero-section .e-con-inner,
.tk-hero-section .elementor-widget-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* 3. FUNDO BASE COM SPOTLIGHT INTERATIVO */
body {
    background-color: #000000 !important;
    background-image: radial-gradient(
        circle 600px at var(--mouse-x) var(--mouse-y),
        rgba(255, 255, 255, 0.04) 0%,
        transparent 80%
    ) !important;
    /* Removido background-attachment: fixed (quebra Safari/iOS) */
}

/* 4. A MALHA DINÂMICA — orbes animadas */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0; /* Corrigido: z-index negativo some atrás do browser */
    pointer-events: none;
    background-image:
        radial-gradient(circle at 15% 50%, #1a1a1a, transparent 50%),
        radial-gradient(circle at 85% 30%, #141414, transparent 50%),
        radial-gradient(circle at 50% 100%, #1c1c1c, transparent 50%);
    background-size: 200% 200%;
    animation: tkMeshFlow 25s infinite alternate ease-in-out;
    /* Removido mix-blend-mode: screen (invisível sobre fundo preto) */
}

/* 5. TEXTURA PREMIUM — Film Grain */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0; /* Corrigido: z-index negativo some atrás do browser */
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: 0.15;
    mix-blend-mode: overlay;
}

/* 6. MOTOR DE MOVIMENTO DAS ORBES */
@keyframes tkMeshFlow {
    0%   { background-position: 0% 0%; }
    50%  { background-position: 100% 100%; }
    100% { background-position: 0% 50%; }
}

/* 7. Z-INDEX RESTRITO AO HERO — não afeta o site inteiro */
.tk-hero-section h1,
.tk-hero-section h2,
.tk-hero-section h3,
.tk-hero-section p,
.tk-hero-section a,
.tk-hero-section span {
    position: relative;
    z-index: 10;
}/* End custom CSS */