.elementor-kit-5197{--e-global-color-primary:#BA717D;--e-global-color-secondary:#0B0B0B;--e-global-color-text:#F4F4F6;--e-global-color-accent:#994C62;--e-global-color-9d4328d:#994C62;--e-global-color-c654465:#A95E70;--e-global-color-d1ed0dc:#BA717D;--e-global-color-d52cb30:#262525;--e-global-color-e5ec847:#0B0B0B;--e-global-color-db9724c:#CFCFD6;--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;background-color:#FFFFFF;}.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);}.elementor-kit-5197 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:10%;padding-inline-start:10%;background-color:#ECECEC;}.site-header .site-branding .site-logo img{width:85px;max-width:85px;}.site-header .site-navigation ul.menu li a{color:#000000;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:#61CE7000;}.site-header .site-navigation-toggle{background-color:#6EC1E400;}.site-footer{background-color:#F8F6F6;}.site-footer .site-title a{color:#FDA4C1;}footer .footer-inner .site-navigation a{color:#000000;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:750px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-branding .site-logo img{width:67px;max-width:67px;}.site-footer .site-title{font-size:14px;line-height:1.7em;letter-spacing:0.5px;word-spacing:0em;}.site-footer .copyright p{font-size:9px;line-height:0.1em;}}/* Start custom CSS *//* == SEU NOVO SISTEMA DE CLASSES DARK MODE     == */

/* Para containers que devem ter o fundo principal do site */
body.dark-mode .fundo-escuro-principal {
    background-color: transparent !important;
    background-image: none !important; /* Remove imagens de fundo também */
}

/* Para containers de destaque (cards, caixas, etc.) */
body.dark-mode .fundo-escuro-destaque {
    background-color: #2b2b2b !important; /* Um cinza um pouco mais claro que o fundo */
}


/* 3. Estilos para Títulos e Textos (pode ajustar as cores) */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,  /* Adicionamos parágrafos */
body.dark-mode li,  /* Adicionamos itens de lista */
body.dark-mode span, /* Adicionamos spans genéricos */
body.dark-mode .elementor-widget-text-editor /* Alvo específico para o widget de texto */ {
    color: #f1f1f1 !important; /* Usando um branco um pouco mais suave */
}



/* ============================================== */
/* == CLASSE PARA MANTER CORES ESPECÍFICAS      == */
/* ============================================== */

/* Use esta classe em qualquer texto que NÃO deva mudar de cor no modo escuro */

/* Alvo: Encontre o bloco .manter-cor-rosa e depois o título DENTRO dele */
body.dark-mode .manter-cor-rosa h1,
body.dark-mode .manter-cor-rosa h2,
body.dark-mode .manter-cor-rosa h3 {
    color: #FFB1BB !important;
}/* End custom CSS */