/* ======================================================
   DARK MODE UTILITIES
====================================================== */

/* =========================
   TEXTO — BRANCO / PRETO
========================= */

.dark__mode .pinta__branco_dark { color: var(--branco) !important; }
.dark__mode .pinta__preto_dark { color: var(--preto) !important; }

.dark__mode .pinta__preto_1_dark { color: var(--preto-1) !important; }
.dark__mode .pinta__preto_2_dark { color: var(--preto-2) !important; }
.dark__mode .pinta__preto_3_dark { color: var(--preto-3) !important; }
.dark__mode .pinta__preto_4_dark { color: var(--preto-4) !important; }
.dark__mode .pinta__preto_5_dark { color: var(--preto-5) !important; }
.dark__mode .pinta__preto_6_dark { color: var(--preto-6) !important; }
.dark__mode .pinta__preto_7_dark { color: var(--preto-7) !important; }
.dark__mode .pinta__preto_8_dark { color: var(--preto-8) !important; }
.dark__mode .pinta__preto_9_dark { color: var(--preto-9) !important; }
.dark__mode .pinta__preto_10_dark { color: var(--preto-10) !important; }

/* =========================
   TEXTO — BEGES
========================= */

.dark__mode .pinta__bege_1_dark { color: var(--bege-1) !important; }
.dark__mode .pinta__bege_2_dark { color: var(--bege-2) !important; }
.dark__mode .pinta__bege_3_dark { color: var(--bege-3) !important; }

/* =========================
   TEXTO — CAFÉ / MARRONS
========================= */

.dark__mode .pinta__cafe_dark { color: var(--cafe) !important; }
.dark__mode .pinta__cafe_rgb__dark { color: var(--cafe-rgb) !important; }
.dark__mode .pinta__marrom_1_dark { color: var(--marrom-1) !important; }
.dark__mode .pinta__marrom_2_dark { color: var(--marrom-2) !important; }
.dark__mode .pinta__marrom_3_dark { color: var(--marrom-3) !important; }

/* =========================
   TEXTO — VERDES
========================= */

.dark__mode .pinta__verde_main_dark { color: var(--verde-main) !important; }
.dark__mode .pinta__verde_extra_dark { color: var(--verde-extra) !important; }

.dark__mode .pinta__verde_1_dark { color: var(--verde-1) !important; }
.dark__mode .pinta__verde_2_dark { color: var(--verde-2) !important; }
.dark__mode .pinta__verde_3_dark { color: var(--verde-3) !important; }
.dark__mode .pinta__verde_4_dark { color: var(--verde-4) !important; }
.dark__mode .pinta__verde_5_dark { color: var(--verde-5) !important; }
.dark__mode .pinta__verde_6_dark { color: var(--verde-6) !important; }
.dark__mode .pinta__verde_7_dark { color: var(--verde-7) !important; }
.dark__mode .pinta__verde_8_dark { color: var(--verde-8) !important; }
.dark__mode .pinta__verde_9_dark { color: var(--verde-9) !important; }

.dark__mode .pinta__verde_musgo_dark { color: var(--verde-musgo) !important; }

/* =========================
   TEXTO — DESTAQUES
========================= */

.dark__mode .pinta__amarelo_dark { color: var(--amarelo) !important; }
.dark__mode .pinta__vermelho_dark { color: var(--vermelho) !important; }

/* =========================
   TEXTO — SECUNDÁRIAS
========================= */

.dark__mode .pinta__secundaria_1_dark { color: var(--secundaria-1) !important; }
.dark__mode .pinta__secundaria_2_dark { color: var(--secundaria-2) !important; }
.dark__mode .pinta__secundaria_3_dark { color: var(--secundaria-3) !important; }
.dark__mode .pinta__secundaria_4_dark { color: var(--secundaria-4) !important; }
.dark__mode .pinta__secundaria_5_dark { color: var(--secundaria-5) !important; }


/* ======================================================
   BACKGROUND — DARK
====================================================== */

/* =========================
   BACKGROUND — BRANCO / PRETO
========================= */

.dark__mode .pinta__bg_branco_dark { background-color: var(--branco) !important; }
.dark__mode .pinta__bg_preto_dark { background-color: var(--preto) !important; }

.dark__mode .pinta__bg_preto_1_dark { background-color: var(--preto-1) !important; }
.dark__mode .pinta__bg_preto_2_dark { background-color: var(--preto-2) !important; }
.dark__mode .pinta__bg_preto_3_dark { background-color: var(--preto-3) !important; }
.dark__mode .pinta__bg_preto_4_dark { background-color: var(--preto-4) !important; }
.dark__mode .pinta__bg_preto_5_dark { background-color: var(--preto-5) !important; }
.dark__mode .pinta__bg_preto_6_dark { background-color: var(--preto-6) !important; }
.dark__mode .pinta__bg_preto_7_dark { background-color: var(--preto-7) !important; }
.dark__mode .pinta__bg_preto_8_dark { background-color: var(--preto-8) !important; }
.dark__mode .pinta__bg_preto_9_dark { background-color: var(--preto-9) !important; }
.dark__mode .pinta__bg_preto_10_dark { background-color: var(--preto-10) !important; }

/* =========================
   BACKGROUND — BEGES
========================= */

.dark__mode .pinta__bg_bege_1_dark { background-color: var(--bege-1) !important; }
.dark__mode .pinta__bg_bege_2_dark { background-color: var(--bege-2) !important; }
.dark__mode .pinta__bg_bege_3_dark { background-color: var(--bege-3) !important; }

/* =========================
   BACKGROUND — CAFÉ / MARRONS
========================= */

.dark__mode .pinta__bg_cafe_dark { background-color: var(--cafe) !important; }
.dark__mode .pinta__bg_cafe_rgb_dark { background-color: var(--cafe-rgb) !important; }
.dark__mode .pinta__bg_marrom_1_dark { background-color: var(--marrom-1) !important; }
.dark__mode .pinta__bg_marrom_2_dark { background-color: var(--marrom-2) !important; }
.dark__mode .pinta__bg_marrom_3_dark { background-color: var(--marrom-3) !important; }

/* =========================
   BACKGROUND — VERDES
========================= */

.dark__mode .pinta__bg_verde_main_dark { background-color: var(--verde-main) !important; }
.dark__mode .pinta__bg_verde_extra_dark { background-color: var(--verde-extra) !important; }

.dark__mode .pinta__bg_verde_1_dark { background-color: var(--verde-1) !important; }
.dark__mode .pinta__bg_verde_2_dark { background-color: var(--verde-2) !important; }
.dark__mode .pinta__bg_verde_3_dark { background-color: var(--verde-3) !important; }
.dark__mode .pinta__bg_verde_4_dark { background-color: var(--verde-4) !important; }
.dark__mode .pinta__bg_verde_5_dark { background-color: var(--verde-5) !important; }
.dark__mode .pinta__bg_verde_6_dark { background-color: var(--verde-6) !important; }
.dark__mode .pinta__bg_verde_7_dark { background-color: var(--verde-7) !important; }
.dark__mode .pinta__bg_verde_8_dark { background-color: var(--verde-8) !important; }
.dark__mode .pinta__bg_verde_9_dark { background-color: var(--verde-9) !important; }

.dark__mode .pinta__bg_verde_musgo_dark { background-color: var(--verde-musgo) !important; }

/* =========================
   BACKGROUND — DESTAQUES
========================= */

.dark__mode .pinta__bg_amarelo_dark { background-color: var(--amarelo) !important; }
.dark__mode .pinta__bg_vermelho_dark { background-color: var(--vermelho) !important; }

/* =========================
   BACKGROUND — SECUNDÁRIAS
========================= */

.dark__mode .pinta__bg_secundaria_1_dark { background-color: var(--secundaria-1) !important; }
.dark__mode .pinta__bg_secundaria_2_dark { background-color: var(--secundaria-2) !important; }
.dark__mode .pinta__bg_secundaria_3_dark { background-color: var(--secundaria-3) !important; }
.dark__mode .pinta__bg_secundaria_4_dark { background-color: var(--secundaria-4) !important; }
.dark__mode .pinta__bg_secundaria_5_dark { background-color: var(--secundaria-5) !important; }


/* ======================================================
   DARK MODE — BASE GLOBAL
====================================================== */

.dark__mode [class*="_dark"] {
    transition: .2s ease;
}

body.dark__mode {
    background-color: var(--preto-10) !important;
}

/* Fundo principal escuro */
.dark__mode .cookies-content,
.dark__mode .menu__topo,
.dark__mode .menu__main_hamburguer_wrapper,
.dark__mode .footer__copywriting,
.dark__mode .card__newsletter,
.dark__mode .sidebar__block,
.dark__mode .box__author_single,
.dark__mode .box__whatsapp_inline_post,
.dark__mode .redes__sociais_fixed {
    background-color: var(--preto-8) !important;
}

/* Fundo intermediário */
.dark__mode .caixa__menu,
.dark__mode .submenu,
.dark__mode .menu__blog_wide,
.dark__mode .div__ads,
.dark__mode .newsletter__grid,
.dark__mode .galeria-embutida,
.dark__mode .section__frase_central,
.dark__mode .tabela__comparacao li:not(:first-child) {
    background-color: var(--preto-7) !important;
}

/* Fundo mais claro */
.dark__mode tr:nth-child(odd),
.dark__mode .bookmark__menu_thumb,
.dark__mode .content__controls button {
    background-color: var(--preto-6) !important;
}

.dark__mode tr:nth-child(even),
.dark__mode .bookmark__menu_thumb.bookmar_ativado {
    background-color: var(--preto-5) !important;
}


/* ======================================================
   DARK MODE — TEXTO GLOBAL
====================================================== */

.dark__mode h1,
.dark__mode h2,
.dark__mode h3,
.dark__mode h4,
.dark__mode h5,
.dark__mode h6,
.dark__mode p,
.dark__mode li,
.dark__mode span,
.dark__mode strong,
.dark__mode time,
.dark__mode em,
.dark__mode b,
.dark__mode i,
.dark__mode label,
.dark__mode a:not(.btn__fill):not(.btn__marrom):not(.btn__padrao):not(.tab button) {
    color: var(--preto-1) !important;
}

.dark__mode .meta__views,
.dark__mode .meta__info_author,
.dark__mode .meta__info_author time,
.dark__mode .flex__cookies p,
.dark__mode label,
.dark__mode label a,
.dark__mode figcaption,
.dark__mode small {
    color: var(--preto-2) !important;
}

/* Destaques de marca no dark */
.dark__mode .text_chapeu,
.dark__mode .menu__topo_btn_newsletter span,
.dark__mode .loop__categorias h3 {
    color: var(--verde-3) !important;
}


/* ======================================================
   DARK MODE — BORDAS
====================================================== */

.dark__mode hr:not(.menu__mob2 hr),
.dark__mode .newsletter__form input:not([type="range"]),
.dark__mode .menu__main_wrapper,
.dark__mode .letra-section h2,
.dark__mode .header__h1_interno:not(.has-image),
.dark__mode .faq-titulo,
.dark__mode .border__padrao,
.dark__mode .border__color_preto_4_dark {
    border-color: var(--preto-5) !important;
}

.dark__mode .coluna_mista_espacos li,
.dark__mode .content__list_pages .grid__card_completo,
.dark__mode .ads__between_posts,
.dark__mode .sidebar__block,
.dark__mode .sidebar__top_blog,
.dark__mode .tags__blog,
.dark__mode .box__author_single,
.dark__mode .box__whatsapp_inline_post,
.dark__mode .redes__sociais_fixed,
.dark__mode .content__controls button {
    border-color: var(--preto-7) !important;
}

.dark__mode .menu__blog_wide .current-menu-item a,
.dark__mode #menudesktop .current-menu-item,
.dark__mode .menu__blog_wide a:hover,
.dark__mode .menu__main_desktop a:hover {
    border-color: var(--amarelo) !important;
}

.dark__mode .border__transparent_dark {
    border-color: transparent !important;
}


/* ======================================================
   DARK MODE — INPUTS / FORMS
====================================================== */

.dark__mode input,
.dark__mode textarea,
.dark__mode select {
    background-color: var(--preto-8) !important;
    color: var(--preto-1) !important;
    border-color: var(--preto-5) !important;
}

.dark__mode input:hover,
.dark__mode textarea:hover,
.dark__mode input:focus,
.dark__mode textarea:focus,
.dark__mode select:hover,
.dark__mode select:focus {
    border-color: var(--bege-3) !important;
}


/* ======================================================
   DARK MODE — BOTÕES
====================================================== */

.dark__mode .btn__1 {
    background-color: var(--verde-6) !important;
    color: var(--bege-1) !important;
}

.dark__mode .btn__1:hover {
    background-color: var(--verde-5) !important;
}

.dark__mode .btn__branco {
    background-color: var(--preto-8) !important;
    color: var(--preto-1) !important;
}

.dark__mode .btn__branco:hover {
    background-color: var(--preto-7) !important;
}


/* ======================================================
   DARK MODE — HOVER / ACTIVE
====================================================== */

.dark__mode .card__loop_horizontal:hover {
    background-color: var(--preto-7) !important;
    border-color: var(--preto-4) !important;
}

.dark__mode .page-numbers,
.dark__mode .feed__category_img {
    background-color: var(--preto-8) !important;
}

.dark__mode .page-numbers.current,
.dark__mode .page-numbers:hover {
    background-color: var(--verde-7) !important;
    color: var(--bege-1) !important;
}


/* ======================================================
   DARK MODE — ÍCONES / IMAGENS
====================================================== */

.dark__mode .icone__hamburguer,
.dark__mode #btnMenuSearch img,
.dark__mode .theme__switch img,
.dark__mode .invert__img,
.dark__mode .galeria-mansory__list img[src$=".svg"],
.dark__mode .tabs-mansory__list img[src$=".svg"],
.dark__mode .redes__sociais_fixed img {
    filter: brightness(0) invert(1);
}

.dark__mode .bookmar_ativado img {
    filter: grayscale(1) !important;
}

.dark__mode .arruma__grafismo_dark {
    width: auto;
    filter: invert(1) contrast(0);
    opacity: .5 !important;
}

.dark__mode .arruma__grafismo_claro_dark {
    filter: invert(1) contrast(.8);
    opacity: .5 !important;
}


/* ======================================================
   DARK MODE — AJUSTES ESPECÍFICOS
====================================================== */

.dark__mode .newsletter__grid {
    background-image: none !important;
    box-shadow: 0 8px 0 var(--preto-6) !important;
}

.dark__mode .has__submenu > a::after,
.dark__mode .dropdown_links__mobile > a::after {
    background-color: var(--amarelo) !important;
}

.dark__mode .schema-faq .schema-faq-answer {
    color: var(--preto-7) !important;
}

.dark__mode .glossario__lista_a_z a:hover,
.dark__mode .glossario__lista_a_z a.active {
    background-color: var(--preto-8) !important;
}

.dark__mode .tabela__comparacao li:not(:first-child) {
   background-color: var(--verde-7) !important; 
}