.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){--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);}.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 *//*
* CoreVox - Estilos Otimizados para Elementor
* Versão 3.1 - Incluindo responsividade Hero
*/

/* 1. VARIÁVEIS CSS */
:root {
    /* Cores */
    --color-primary-core: #000000;
    --color-primary-vox: #00A859;
    --color-secondary-dark: #333333;
    --color-neutral-white: #FFFFFF;
    --color-neutral-light: #F5F5F5;
    --color-neutral-light-2: #EEEEEE;

    /* Cores de Ação */
    --color-cta: var(--color-primary-vox);
    --color-cta-hover: #008C4A;

    /* Cores de Cards */
    --color-card-blue: #E8F0FF;
    --color-card-yellow: #FFF8E8;
    --color-card-pink: #FFE8F5;
    --color-card-green: #00AA5A;

    /* Tipografia */
    --font-primary: "Century Gothic", "Trebuchet MS", sans-serif;
    --font-secondary: "Open Sans", "Inter", sans-serif;

    /* Espaçamento */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 32px;
    --spacing-lg: 64px;
    --spacing-xl: 96px;
}

/* 2. ESTILOS GERAIS */
body {
    font-family: var(--font-secondary);
    color: var(--color-secondary-dark);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    color: var(--color-primary-core);
    line-height: 1.2;
    margin-bottom: var(--spacing-sm);
}

/* 3. ESTILOS DE ELEMENTOR (Reset/Ajustes) */
.elementor-section {
    padding: var(--spacing-lg) 0;
}

.elementor-button {
    background-color: var(--color-cta);
    color: var(--color-neutral-white);
    border-radius: 4px;
    padding: 12px 24px;
    font-weight: bold;
    transition: background-color 0.3s;
    /* Adicionando display: inline-block para melhor controle */
    display: inline-block; 
    text-decoration: none;
}

.elementor-button:hover {
    background-color: var(--color-cta-hover);
}

/* 4. ESTILOS DE COMPONENTES (Header) */
.corevox-header {
    background-color: var(--color-neutral-white);
    border-bottom: 1px solid var(--color-neutral-light-2);
    padding: var(--spacing-sm) 0;
}

.corevox-header-logo {
    max-width: 150px;
    height: auto;
}

.corevox-header-nav a {
    color: var(--color-secondary-dark);
    text-decoration: none;
    margin-left: var(--spacing-md);
    font-weight: 500;
    transition: color 0.3s;
}

.corevox-header-nav a:hover {
    color: var(--color-primary-vox);
}

/* ------------------------------------------- */
/* 5. ESTILOS DE RESPONSIVIDADE (MOBILE) */
/* ------------------------------------------- */

/* Regras aplicadas para telas menores que 768px (geralmente tablets em modo retrato e smartphones) */
@media (max-width: 768px) {
    /* 5.1 Ajustes no espaçamento para mobile */
    .elementor-section, 
    .corevox-hero {
        padding: var(--spacing-md) 0 !important; /* Reduz o padding vertical */
    }
    
    /* 5.2 Desativa o background-image no Hero Section (onde está a imagem do robô) */
    .corevox-hero > div {
        /* Remove a imagem de fundo para que não quebre o layout no mobile */
        background-image: none !important; 
        background-size: auto !important;
        /* Altera o display para empilhar o texto (se o container tiver mais divs) */
        flex-direction: column; 
    }
    
    /* 5.3 Permite que a seção de texto ocupe toda a largura */
    .corevox-hero > div > div:first-child {
        max-width: 100% !important;
        padding-right: 0px !important;
        text-align: center; /* Centraliza o texto no mobile (opcional) */
    }

    /* 5.4 Ajusta o alinhamento dos botões (empilhando ou centralizando) */
    .corevox-hero > div > div:first-child > div {
        justify-content: center; /* Centraliza os botões */
    }

    /* 5.5 Ajusta o tamanho da fonte principal */
    h1 {
        font-size: 2.2em !important; 
    }
}/* End custom CSS */