/*
 * ========================================
 * CORES DO SITE - Dra. Camila Marchiori
 * ========================================
 * 
 * Para alterar uma cor, basta modificar o código hexadecimal (#XXXXXX).
 * As mudanças serão aplicadas automaticamente em todo o site após o deploy.
 * 
 * Dica: Use https://coolors.co para escolher novas paletas de cores.
 */

.elementor-kit-6 {
    /* ===== CORES PRINCIPAIS ===== */

    /* Cor Primária - Usada em títulos, destaques e elementos principais */
    --e-global-color-primary: #2C5282;

    /* Cor Secundária - Usada em links, subtítulos, botões e bordas (Cinza Azulado) */
    --e-global-color-secondary: #627D98;

    /* Cor do Texto - Usada no corpo do texto e parágrafos */
    --e-global-color-text: #2D3748;

    /* Cor de Destaque/Fundo - Usada em fundos claros e áreas de destaque */
    --e-global-color-accent: #F7FAFC;

    /* Cor Terciária - Usada nas caixas retangulares e bordas suaves */
    --e-global-color-09c1f68: #E2E8F0;

    /* ===== TIPOGRAFIA ===== */
    --e-global-typography-primary-font-family: "Yeseva One";
    --e-global-typography-primary-font-weight: 500;
    --e-global-typography-secondary-font-family: "Sora";
    --e-global-typography-secondary-font-size: 15px;
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Lato";
    --e-global-typography-text-font-size: 15px;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Lato";
    --e-global-typography-accent-font-weight: 600;
}

/* Cor da Transição de Página - Animação ao carregar/trocar páginas */
.elementor-kit-6 e-page-transition {
    background-color: #2C5282;
}


.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);
}

@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;
    }
}