.elementor-kit-12{--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;--e-global-typography-8a1a82a-font-family:"Poppins";--e-global-typography-8a1a82a-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}.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{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 */:root {
    --primary-blue: #2B3A67;
    --secondary-blue: #5A7D9A;
    --accent-green: #4CAF50;
    --accent-orange: #FF9800;
    --white: #FFFFFF;
    --dark-gray: #333333;
    --medium-gray: #666666;
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 2. ESTILOS GERAIS E TIPOGRAFIA
/* ----------------------------------------------------------------- */
/* Fonte e cor do corpo do texto */
body {
    font-family: var(--font-family) !important;
    color: var(--dark-gray) !important;
    background-color: var(--white) !important; /* Fundo branco padrão */
}

/* Cor dos parágrafos dentro dos posts */
.entry-content p {
    color: var(--medium-gray) !important;
}

/* Títulos (Posts, Páginas, Widgets, etc.) */
h1, h2, h3, h4, h5, h6,
.entry-title, 
.page-title,
.widget-title {
    font-family: var(--font-family) !important;
    color: var(--primary-blue) !important;
    font-weight: 700 !important;
}

/* Cor dos links */
a {
    color: var(--accent-green);
    text-decoration: none;
    transition: color 0.15s ease-in-out;
}

a:hover {
    color: var(--primary-blue);
}

/* 3. ESTILOS DOS BOTÕES
/* ----------------------------------------------------------------- */
/* Estiliza os botões padrão do WordPress (bloco de botão, comentários, etc.) */
.wp-block-button__link,
input[type="submit"] {
    background-color: var(--accent-green) !important;
    color: var(--white) !important;
    border-radius: 8px !important;
    padding: 1rem 2rem !important;
    font-weight: 600 !important;
    font-family: var(--font-family) !important;
    transition: all 0.3s ease-in-out !important;
}

.wp-block-button__link:hover,
input[type="submit"]:hover {
    background-color: #45a049 !important;
    color: var(--white) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* 4. CABEÇALHO E RODAPÉ
/* ----------------------------------------------------------------- */
/* Cor de fundo do Cabeçalho (pode precisar de ajuste dependendo do tema) */
.site-header {
    background-color: var(--white) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Cor dos links do menu no Cabeçalho */
.site-header .main-navigation a {
    color: var(--dark-gray) !important;
    font-weight: 500 !important;
}
.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a {
    color: var(--accent-green) !important;
}

/* Cor de fundo do Rodapé */
.site-footer {
    background-color: var(--primary-blue) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3 {
    color: var(--white) !important;
}

.site-footer a {
    color: rgba(255, 255, 255, 0.8) !important;
}

.site-footer a:hover {
    color: var(--white) !important;
}/* End custom CSS */