.elementor-kit-6{--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-6 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 *//* 1. DEFINIÇÃO DE CORES E VARIÁVEIS DA ÓTICA */
:root {
    --primary-blue: #0066FF;    /* Azul da Logo */
    --accent-cyan: #00D1FF;     /* Ciano da Seta */
    --dark-bg: #000B18;         /* Fundo Profundo */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --text-light: #F8FAFC;
}

/* 2. BACKGROUND PROFISSIONAL COM EFEITO MESH */
body {
    background-color: var(--dark-bg);
    background-image: 
        radial-gradient(at 0% 0%, rgba(0, 102, 255, 0.15) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(0, 209, 255, 0.1) 0px, transparent 50%);
    background-attachment: fixed;
    color: var(--text-light);
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    overflow-x: hidden;
}

/* 3. EFEITO DE GRADIENTE NO TEXTO (PARA TÍTULOS) */
.text-gradient {
    background: linear-gradient(90deg, var(--primary-blue), var(--accent-cyan));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

/* 4. ESTILIZAÇÃO DE BOTÕES PADRÃO ÓTICA */
.btn-optod {
    background: linear-gradient(135deg, var(--primary-blue), var(--accent-cyan));
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 12px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);
}

.btn-optod:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 102, 255, 0.5);
}

/* 5. REMOVER SCROLLBAR LATERAL INDESEJADA */
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}/* End custom CSS */