body.dark{background-image: linear-gradient(to left, rgb(0, 0, 0), #000000);    transition: background-color 0.5s ease; /* Transição suave */}
.img-category-hover.dark01{p{ color: #fff;}background-color: #161616;}
button.dark01{background-color: #a6843d;}

.img-category-hover.dark01:hover{p{    color: #fff;}padding: 10px;background-color: #242424;border-radius: 7px;transform: scale(1.02);}

h1.dark-txt, h2.dark-txt, p.dark-txt, h3.dark-txt, a.dark-txt{color: #ffffff; /* Cor do texto no modo escuro */transition: color 0.5s ease; /* Transição suave */}
.a-artigo.dark-txt-01, .img-artigo-text-legenda.dark-txt-01, .categoria-artigo-container-cats>div>a>p.dark-txt-01{color: #F2B705;}
.a-artigo.dark-txt-01:hover{color: #407b75;}
/*icone dark mode*/
.dark-light-mode{padding: 10px;left: 10px;margin: 0 auto;background-image: url("/imgs/logo/light-mode.png");background-size: cover;background-position: center;display: flex;flex-direction: column;justify-content: flex-end;height: 22px;width: 22px;cursor: pointer;transition: 0.3s;}
.dark-light-mode.dark{padding: 10px;left: 10px;background-image: url("/imgs/logo/dark-mode.png");background-size: fill;background-position: center;display: flex;flex-direction: column;justify-content: flex-end;margin: 0 auto;height: 22px;width: 22px;scale: 0.65;cursor: pointer;transition: 0.3s;}
.dark-light-mode:hover{transform: scale(1.05);}
/*icone dark mode*/


.img-mono-dark-header.dark-mono-img{filter: brightness(0) invert(1);}
.img-mono-dark-footer.dark-mono-img{filter: brightness(0) invert(1);}
.img-mono-dark-social.dark-mono-img{filter: brightness(0) invert(1);}

/* container cards */
.img-category-card>a.dark01, .cookies-msg.dark01, .leia-mais.dark01, .date-autor-container.dark01, .subpage-container.dark01, .container>header.dark01, .navbar-footer.dark01, .nav-menu-main>ul.dark01{
    background-image: linear-gradient(to left, #161616, #161616);
    transition: background-color 0.5s ease;
    transition: 0.3s;
}
.subpage-grid-item.dark01, .subpage-tittle.dark01, .container-bg-clr-wht.dark01{
    background-color: #000000;
    transition: background-color 0.5s ease;
    transition: 0.3s;
}
.block-main.dark01{
    background-image: linear-gradient(to left, #161616, #161616);
}
.img-category-card>a.dark01:hover{
    background-image: linear-gradient(to left, #161616, #161616);
    transition: background-color 0.5s ease;
}
.subpage-cards.dark01:hover{
    background-image: linear-gradient(to left, #161616, #161616);
    transition: background-color 0.5s ease;
}
/* container cards */
@media screen and (max-width: 768px) {
.dark-light-mode{justify-content: right;position: relative; width: 12px; height: 12px;}
.dark-light-mode.dark{width: 12px; height: 12px;}
}