:root {
--cor-primaria: #15a907; --cor-secundaria: #024701; --cor-destaque: #0262bc; --cor-amarela: #FFCC00;
--cinza-claro: #f4f7f6;
--texto-escuro: #333333;
--texto-claro: #ffffff;
--borda: #e0e0e0;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: var(--texto-escuro);
background-color: var(--cinza-claro);
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
h2, h3, h4 {
color: var(--cor-destaque);
margin-bottom: 20px;
}
section {
padding: 60px 0;
background: #ffffff;
}
a {
text-decoration: none;
transition: all 0.3s ease;
} .site-header {
background-color: #ffffff !important;
border-bottom: 4px solid var(--cor-primaria);
box-shadow: 0 4px 0 var(--cor-amarela), 0 8px 6px rgba(0,0,0,0.05);
position: relative;
z-index: 100;
}
.site-header .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
flex-wrap: wrap;
}
.site-header h1 a {
color: var(--cor-primaria) !important;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.logo-link {
display: block;
}
.logo-img {
max-width: 280px;
height: auto;
display: block;
transition: transform 0.3s ease;
}
.logo-link:hover .logo-img {
transform: scale(1.02);
} .site-header nav ul {
list-style: none;
display: flex;
gap: 25px;
}
.site-header nav ul li {
position: relative;
}
.site-header nav a {
color: var(--texto-escuro);
font-weight: 600;
font-size: 15px;
position: relative;
padding-bottom: 5px;
display: block;
}
.site-header nav > ul > li > a::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 50%;
background-color: var(--cor-primaria);
transition: all 0.3s ease-in-out;
transform: translateX(-50%);
}
.site-header nav a:hover {
color: var(--cor-primaria);
}
.site-header nav > ul > li > a:hover::after {
width: 100%;
}
.site-header nav .menu-item-has-children > a {
padding-right: 18px;
}
.site-header nav .menu-item-has-children > a::before {
content: '\f078';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
right: 0;
top: 40%;
transform: translateY(-50%);
font-size: 11px;
transition: transform 0.3s ease;
}
.site-header nav .menu-item-has-children:hover > a::before,
.site-header nav .menu-item-has-children:focus-within > a::before {
transform: translateY(-50%) rotate(180deg);
color: var(--cor-primaria);
} .site-header nav ul ul.sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #ffffff;
min-width: 220px;
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
border-top: 3px solid var(--cor-primaria);
flex-direction: column;
gap: 0;
padding: 0;
border-radius: 0 0 4px 4px;
z-index: 1000;
}
.site-header nav ul li:hover > ul.sub-menu,
.site-header nav ul li:focus-within > ul.sub-menu {
display: flex;
}
.site-header nav ul ul.sub-menu li {
width: 100%;
}
.site-header nav ul ul.sub-menu a {
padding: 12px 20px;
border-bottom: 1px solid var(--borda);
font-weight: bold;
display: flex;
align-items: center;
gap: 8px;
}
.site-header nav ul ul.sub-menu a::before {
content: '\f105';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: var(--cor-primaria);
font-size: 14px;
transition: transform 0.3s ease;
}
.site-header nav ul ul.sub-menu a:hover::before {
transform: translateX(4px);
}
.site-header nav ul ul.sub-menu li:last-child a {
border-bottom: none;
}
.site-header nav ul ul.sub-menu a:hover {
background-color: var(--cinza-claro);
color: var(--cor-primaria);
}
.site-header nav ul ul.sub-menu a::after {
display: none;
} .site-header nav > div > ul > li:last-child > ul.sub-menu,
.site-header nav > ul > li:last-child > ul.sub-menu {
left: auto !important;
right: 0 !important;
min-width: 650px !important;      
padding: 15px !important;        
}
.site-header nav > div > ul > li:last-child:hover > ul.sub-menu,
.site-header nav > div > ul > li:last-child:focus-within > ul.sub-menu,
.site-header nav > ul > li:last-child:hover > ul.sub-menu,
.site-header nav > ul > li:last-child:focus-within > ul.sub-menu {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 10px !important;
}
.site-header nav > div > ul > li:last-child > ul.sub-menu a,
.site-header nav > ul > li:last-child > ul.sub-menu a {
border-bottom: none !important;
padding: 8px 12px !important;
border-radius: 4px !important;
line-height: 1.4 !important;
font-size: 14px !important;
font-weight: bold !important;
} .header-direita {
display: flex;
align-items: center;
gap: 15px;
margin-left: auto;
}
.header-busca {
position: relative;
display: flex;
align-items: center;
}
.btn-lupa {
background: transparent;
border: none;
font-size: 18px;
color: var(--cor-secundaria);
cursor: pointer;
padding: 5px 10px;
transition: color 0.3s ease;
}
.btn-lupa:hover {
color: var(--cor-primaria);
}
.caixa-busca-escondida {
position: absolute;
top: 150%;
right: 0;
background: #ffffff;
border: 1px solid var(--borda);
border-radius: 8px;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
padding: 15px;
width: 320px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.3s ease;
z-index: 1001;
}
.caixa-busca-escondida.mostrar {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.caixa-busca-escondida form {
display: flex;
gap: 10px;
}
.caixa-busca-escondida input {
width: 100%;
padding: 10px 15px;
border: 1px solid var(--borda);
border-radius: 4px;
outline: none;
font-size: 15px;
color: var(--texto-escuro);
transition: border-color 0.3s ease;
}
.caixa-busca-escondida input:focus {
border-color: var(--cor-primaria);
}
.caixa-busca-escondida button[type="submit"] {
background: var(--cor-primaria);
color: #fff;
border: none;
padding: 10px 16px;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s ease;
}
.caixa-busca-escondida button[type="submit"]:hover {
background: var(--cor-secundaria);
} .menu-toggle {
display: none;
font-size: 28px;
color: var(--cor-primaria);
background: transparent;
border: none;
cursor: pointer;
padding: 5px;
}
@media (max-width: 1024px) {
.site-header nav > div > ul > li:last-child > ul.sub-menu,
.site-header nav > ul > li:last-child > ul.sub-menu {
min-width: 500px !important;
}
}
@media (max-width: 768px) {
.menu-toggle {
display: block;
}
.site-header nav {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #ffffff;
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
display: none;
border-top: 1px solid var(--borda);
}
.site-header nav.ativo {
display: block;
}
.site-header nav ul {
flex-direction: column;
gap: 0;
padding: 10px 20px;
}
.site-header nav ul li {
width: 100%;
}
.site-header nav a {
padding: 15px 0;
border-bottom: 1px solid var(--borda);
}
.site-header nav > ul > li > a::after {
display: none;
}
.site-header nav ul ul.sub-menu {
position: static !important;
box-shadow: none !important;
border-top: none !important;
min-width: 100% !important;
padding: 0 0 0 15px !important;
border-left: 2px solid var(--cor-primaria) !important;
display: none;
}
.site-header nav ul li:hover > ul.sub-menu,
.site-header nav ul li:focus-within > ul.sub-menu {
display: flex !important;
flex-direction: column !important;
}
.site-header nav > div > ul > li:last-child:hover > ul.sub-menu,
.site-header nav > div > ul > li:last-child:focus-within > ul.sub-menu,
.site-header nav > ul > li:last-child:hover > ul.sub-menu,
.site-header nav > ul > li:last-child:focus-within > ul.sub-menu {
display: flex !important;
flex-direction: column !important;
}
.site-header .container {
flex-direction: row; 
gap: 15px;
}
.logo-img {
max-width: 220px;
}
}
@media (max-width: 480px) {
.caixa-busca-escondida {
width: 280px;
right: -40px;
}
} .site-footer {
background-color: var(--texto-escuro) !important;
text-align: center;
font-size: 14px;
border-top: 4px solid var(--cor-primaria);
}
.site-footer p {
margin-bottom: 10px;
color: #cccccc;
}
.footer-redes {
margin-top: 25px;
display: flex;
justify-content: center;
gap: 15px;
}
.footer-redes a {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.1);
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 20px;
transition: all 0.3s ease;
text-decoration: none;
}
.footer-redes a:hover {
background-color: var(--cor-primaria);
color: #ffffff;
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.footer-redes a[title="Facebook"]:hover { background-color: #3b5998; }
.footer-redes a[title="Instagram"]:hover { background-color: #e4405f; }
.footer-redes a[title="Youtube"]:hover { background-color: #cd201f; } .acesso-rapido { background-color: #ffffff !important; }
.noticias { background-color: var(--cinza-claro) !important; }
.secretarias { background-color: #ffffff !important; }
.telefones { background-color: var(--cinza-claro) !important; }
.banner-ouvidoria { background-color: #ffffff !important; }
.previsao-tempo { background-color: var(--cinza-claro) !important; } .banner-principal {
background: none !important;
padding: 0 !important;
text-align: center;
line-height: 0;
}
.banner-img {
width: 100%;
height: auto;
max-width: 100%;
display: block;
} .banner-ouvidoria {
padding: 40px 0;
text-align: center;
}
.img-ouvidoria {
max-width: 100%;
height: auto;
display: inline-block;
border-radius: 8px;
transition: transform 0.3s ease;
}
.banner-ouvidoria a:hover .img-ouvidoria {
transform: scale(1.01);
} .previsao-tempo h3 {
font-size: 28px;
text-transform: uppercase;
border-bottom: 2px solid var(--borda);
padding-bottom: 10px;
margin: 0 auto 30px auto; 
width: max-content;
text-align: center;
} .acesso-rapido {
text-align: center;
}
.acesso-rapido h3 {
font-size: 28px;
margin-bottom: 40px;
text-transform: uppercase;
border-bottom: 2px solid var(--borda);
width: max-content;
margin-left: auto;
margin-right: auto;
}
.acesso-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px; 
}
.btn-acesso {
display: flex;
flex-direction: column; 
align-items: center;
justify-content: center;
gap: 10px; 
background: #ffffff;
color: var(--texto-escuro);
padding: 20px 15px; 
border: 1px solid var(--borda);
border-radius: 8px;
font-weight: bold;
font-size: 14px; 
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.btn-acesso i {
font-size: 30px; 
color: var(--cor-primaria);
transition: all 0.3s ease;
}
.btn-acesso:hover {
background: var(--cor-primaria);
color: var(--texto-claro);
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}
.btn-acesso:hover i {
color: var(--texto-claro); 
}
@media (max-width: 900px) {
.acesso-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
.acesso-grid { grid-template-columns: repeat(2, 1fr); }
} .noticias h3 {
font-size: 28px;
text-transform: uppercase;
border-bottom: 2px solid var(--borda);
padding-bottom: 10px;
margin-bottom: 30px;
}
.noticias-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.noticia-card {
position: relative;
display: block;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.noticia-card:hover {
transform: translateY(-5px);
}
.noticia-imagem {
width: 100%;
height: 100%;
}
.noticia-imagem img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.noticia-card:hover .noticia-imagem img {
transform: scale(1.05);
}
.noticia-conteudo {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.95) 100%);
padding: 40px 20px 20px 20px;
}
.noticia-conteudo h4 {
color: #ffffff;
margin: 0;
font-size: 16px;
font-weight: 600;
text-shadow: 2px 2px 4px rgba(0,0,0,0.9), 0px 0px 10px rgba(0,0,0,0.8);
}
.destaque-principal {
grid-column: 1 / span 2;
grid-row: 1 / span 2;
height: 420px;
}
.destaque-principal .noticia-conteudo h4 {
font-size: 24px;
}
.destaque-secundario {
grid-column: span 1;
height: 200px;
}
@media (max-width: 900px) {
.destaque-principal { grid-column: 1 / -1; height: 350px; }
.destaque-secundario { grid-column: span 2; }
}
@media (max-width: 600px) {
.destaque-secundario { grid-column: 1 / -1; }
} .secretarias h3 {
font-size: 28px;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
border-bottom: 2px solid var(--borda);
width: max-content;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
height: auto;
padding-top: 5px;
}
.secretaria-card {
height: 100%;
}
.carrosselSecretarias {
padding: 20px 5px 30px 5px !important; 
margin-top: -10px;
}
.swiper-button-next,
.swiper-button-prev {
color: var(--cor-primaria) !important;
background-color: var(--borda);
width: 44px !important;
height: 44px !important;
border-radius: 50%;
top: 50% !important;
margin-top: 0 !important;
transform: translateY(calc(-50% + 30px));
box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
transition: all 0.3s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background-color: #d0d0d0;
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 18px !important; 
font-weight: bold;
}
.secretaria-card {
background: #ffffff;
border: 1px solid var(--borda);
border-radius: 8px;
padding: 30px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
text-align: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}
.secretaria-card:hover {
border-color: var(--cor-primaria);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.secretaria-logo img {
max-width: 120px;
height: auto;
border-radius: 4px;
}
.secretaria-nome {
font-weight: bold;
color: var(--texto-escuro);
font-size: 16px;
transition: color 0.3s;
}
.secretaria-card:hover .secretaria-nome {
color: var(--cor-primaria);
}
.secretaria-secretario {
display: block;
color: #777777;
font-style: italic;
font-size: 14px;
margin-top: 5px;
font-weight: normal;
} .telefones h3 {
font-size: 28px;
text-transform: uppercase;
border-bottom: 2px solid var(--borda);
padding-bottom: 10px;
margin: 0 auto 30px auto; 
width: max-content;
text-align: center;
}
.telefones-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.telefone-card {
background: #ffffff;
border: 1px solid var(--borda);
border-radius: 8px;
padding: 20px;
display: flex;
align-items: center;
gap: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.02);
transition: all 0.3s ease;
}
.telefone-card:hover {
border-color: var(--cor-primaria);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
transform: translateY(-3px);
}
.telefone-icone {
background-color: var(--cinza-claro);
color: var(--cor-primaria);
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 18px;
flex-shrink: 0;
transition: all 0.3s ease;
}
.telefone-card:hover .telefone-icone {
background-color: var(--cor-primaria);
color: #ffffff;
}
.telefone-info h4 {
margin: 0 0 5px 0;
font-size: 14px;
color: var(--texto-escuro);
text-transform: uppercase;
}
.telefone-info p {
margin: 0;
font-size: 13px;
color: #666;
}
.telefone-info p.tel {
font-weight: bold;
color: var(--cor-primaria);
font-size: 14px;
margin-bottom: 2px;
}
@media (max-width: 900px) {
.telefones-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.telefones-grid { grid-template-columns: 1fr; }
} .secao-videos {
background-color: #ffffff;
padding: 60px 0;
}
.secao-videos h3 {
font-size: 28px;
text-transform: uppercase;
border-bottom: 2px solid var(--borda);
padding-bottom: 10px;
margin: 0 auto 40px auto;
width: max-content;
text-align: center;
color: var(--cor-destaque);
}
.videos-grid-quatro {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
.video-card {
display: block; 
background: #ffffff; 
border-radius: 8px; 
overflow: hidden; 
border: 1px solid var(--borda); 
box-shadow: 0 4px 6px rgba(0,0,0,0.05); 
transition: all 0.3s ease; 
text-decoration: none; 
}
.video-card:hover {
transform: translateY(-5px);
border-color: #ff0000;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.video-thumb {
position: relative; 
width: 100%; 
padding-bottom: 56.25%;
background-color: #000;
}
.video-thumb img {
position: absolute; 
top: 0; left: 0; 
width: 100%; height: 100%; 
object-fit: cover;
}
.video-play-btn {
position: absolute; 
top: 50%; left: 50%; 
transform: translate(-50%, -50%); 
color: rgba(255, 255, 255, 0.9); 
font-size: 50px; 
transition: all 0.3s ease; 
text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.video-card:hover .video-play-btn {
color: #ff0000;
transform: translate(-50%, -50%) scale(1.1);
}
.video-titulo {
padding: 15px; 
font-size: 15px; 
font-weight: bold; 
color: var(--texto-escuro); 
line-height: 1.4; 
display: -webkit-box; 
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
overflow: hidden;
margin: 0;
}
.btn-ver-mais-videos {
display: inline-block; 
background-color: #ff0000;
color: #ffffff; 
padding: 12px 30px; 
border-radius: 30px; 
font-size: 16px; 
font-weight: bold; 
text-decoration: none; 
transition: all 0.3s ease; 
box-shadow: 0 4px 6px rgba(255,0,0,0.2);
}
.btn-ver-mais-videos:hover {
background-color: #cc0000;
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(255,0,0,0.3);
color: #ffffff;
}
@media (max-width: 1024px) {
.videos-grid-quatro { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.videos-grid-quatro { grid-template-columns: 1fr; }
} .secao-noticias-grid {
background-color: #ffffff !important;
padding: 60px 0;
min-height: 80vh;
}
.noticias-grid-quatro {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 30px;
}
.post-grid-card {
background: #ffffff;
border: 1px solid var(--borda);
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.post-grid-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
border-color: var(--cor-primaria);
}
.post-grid-imagem img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.post-grid-corpo {
padding: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.post-grid-data {
font-size: 12px;
color: #888;
display: block;
}
.post-grid-data i {
color: var(--cor-primaria);
margin-right: 5px;
}
.post-grid-titulo {
font-size: 16px;
line-height: 1.4;
color: var(--cor-secundaria) !important;
margin: 0;
font-weight: bold;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.paginacao {
grid-column: 1 / -1;
text-align: center;
margin-top: 40px;
}
.paginacao .page-numbers {
padding: 8px 15px;
background: var(--cinza-claro);
color: var(--texto-escuro);
border-radius: 4px;
margin: 0 5px;
}
.paginacao .current {
background: var(--cor-primaria);
color: #fff;
}
@media (max-width: 1024px) {
.noticias-grid-quatro { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
.noticias-grid-quatro { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.noticias-grid-quatro { grid-template-columns: 1fr; }
} .post-title a {
color: var(--cor-secundaria) !important;
font-weight: bold;
transition: color 0.3s ease;
}
.post-title a:hover {
color: var(--cor-primaria) !important;
}
.post-meta {
font-size: 14px;
color: #777;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 8px;
}
.post-meta i {
color: var(--cor-primaria);
}
.post-content {
line-height: 1.8;
color: var(--texto-escuro);
} .secao-leia-tambem {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--borda);
}
.secao-leia-tambem h3 {
font-size: 28px;
color: var(--cor-secundaria);
text-transform: uppercase;
margin-bottom: 30px;
}
.secao-leia-tambem .post-grid-link {
display: flex;
flex-direction: column;
height: 100%;
}
.secao-leia-tambem .post-grid-corpo {
flex-grow: 1;
justify-content: center;
} .pagina-post-individual,
.pagina-institucional {
background-color: #ffffff !important;
padding: 60px 0;
min-height: 80vh;
}
.post-titulo-unico,
.page-titulo {
color: var(--cor-secundaria) !important;
font-size: 38px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
}
.post-meta-unico,
.page-meta {
font-size: 15px;
color: #666;
margin-bottom: 30px;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid var(--borda);
padding-bottom: 20px;
}
.post-meta-unico i,
.page-meta i {
color: var(--cor-primaria);
}
.post-imagem-destaque,
.page-imagem-destaque {
margin-bottom: 30px;
text-align: center;
}
.post-imagem-destaque img,
.page-imagem-destaque img {
max-width: 100%;
height: auto;
border-radius: 8px;
} .post-rodape-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid var(--borda);
flex-wrap: wrap;
gap: 20px;
}
.post-compartilhar {
display: flex;
align-items: center;
gap: 10px;
}
.compartilhar-texto {
font-weight: bold;
color: var(--texto-escuro);
margin-right: 5px;
font-size: 15px;
}
.post-compartilhar a,
.post-compartilhar button {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background-color: var(--cinza-claro);
color: var(--texto-escuro);
border: none;
cursor: pointer;
font-size: 16px;
transition: all 0.3s ease;
text-decoration: none;
}
.post-compartilhar a:hover,
.post-compartilhar button:hover {
background-color: var(--cor-primaria);
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.post-tags {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.icone-tags {
color: var(--cor-primaria);
font-size: 18px;
}
.post-tags a {
background-color: var(--cinza-claro);
color: var(--texto-escuro);
padding: 6px 14px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
transition: all 0.3s ease;
}
.post-tags a:hover {
background-color: var(--cor-primaria);
color: #ffffff;
}
@media (max-width: 768px) {
.post-titulo-unico,
.page-titulo {
font-size: 28px;
}
.post-rodape-bar {
flex-direction: column;
align-items: flex-start;
}
} .post-conteudo-unico,
.page-content {
font-size: 18px;
line-height: 1.8;
color: var(--texto-escuro);
}
.post-content,
.post-conteudo-unico,
.page-content {
text-align: justify;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
} .post-conteudo-unico table,
.page-content table,
.post-content table,
.wp-block-table table {
width: 100%;
border-collapse: collapse;
margin: 35px 0;
font-size: 16px;
background-color: #ffffff;
box-shadow: 0 4px 10px rgba(0,0,0,0.03);
border-radius: 8px; 
overflow: hidden;
}
.post-conteudo-unico table thead th,
.post-conteudo-unico table thead td,
.page-content table thead th,
.page-content table thead td,
.post-content table thead th,
.post-content table thead td,
.wp-block-table table thead th,
.wp-block-table table thead td,
.post-conteudo-unico table tbody tr:first-child td,
.post-conteudo-unico table tbody tr:first-child th,
.page-content table tbody tr:first-child td,
.page-content table tbody tr:first-child th,
.post-content table tbody tr:first-child td,
.post-content table tbody tr:first-child th,
.wp-block-table table tbody tr:first-child td,
.wp-block-table table tbody tr:first-child th {
background-color: var(--cinza-claro);
color: var(--texto-escuro);
text-align: leftt;
font-weight: bold;
border-bottom: 2px solid var(--borda);
}
.post-conteudo-unico table th,
.post-conteudo-unico table td,
.page-content table th,
.page-content table td,
.post-content table th,
.post-content table td,
.wp-block-table table th,
.wp-block-table table td {
padding: 15px 20px;
border-bottom: 1px solid var(--borda);
vertical-align: middle;
}
.post-conteudo-unico table tbody tr:last-of-type td,
.page-content table tbody tr:last-of-type td,
.post-content table tbody tr:last-of-type td,
.wp-block-table table tbody tr:last-of-type td {
border-bottom: none;
}
.post-conteudo-unico table tbody tr,
.page-content table tbody tr,
.post-content table tbody tr,
.wp-block-table table tbody tr {
transition: background-color 0.3s ease;
}
.post-conteudo-unico table tbody tr:hover,
.page-content table tbody tr:hover,
.post-content table tbody tr:hover,
.wp-block-table table tbody tr:hover {
background-color: var(--cinza-claro);
}
.wp-block-table,
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-bottom: 30px;
} .custom-container {
font-family: Arial, sans-serif;
margin: 20px 0;
text-align: left;
}
.custom-link {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
max-width: 600px;
margin-bottom: 10px;
padding: 14px 18px;
background-color: #f9f9f9;
color: #555555;
text-decoration: none;
border-radius: 6px;
font-size: 16px;
font-weight: bold;
border: 1px solid #e0e0e0;
box-sizing: border-box;
transition: all 0.3s ease;
}
.custom-link:hover {
background-color: #0f5132;
border-color: #0f5132;
color: #ffffff;
}
.custom-icon {
margin-right: 12px;
color: #0f5132;
font-size: 18px;
transition: color 0.3s ease;
}
.custom-link:hover .custom-icon {
color: #ffffff;
} .pagina-404 {
background-color: #ffffff !important;
padding: 80px 0;
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
.erro-404-conteudo {
text-align: center;
max-width: 650px;
margin: 0 auto;
}
.erro-404-icone {
font-size: 100px;
color: var(--cor-primaria);
margin-bottom: 25px;
animation: flutuar 3s ease-in-out infinite;
}
.erro-404-titulo {
font-size: 42px;
color: var(--cor-secundaria) !important;
font-weight: bold;
margin-bottom: 15px;
line-height: 1.2;
}
.erro-404-texto {
font-size: 18px;
color: var(--texto-escuro);
margin-bottom: 40px;
line-height: 1.6;
}
.btn-voltar-inicio {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: var(--cor-primaria);
color: #ffffff;
padding: 15px 35px;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
transition: all 0.3s ease;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn-voltar-inicio:hover {
background-color: var(--cor-secundaria);
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}
@keyframes flutuar {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
@media (max-width: 768px) {
.erro-404-icone { font-size: 80px; }
.erro-404-titulo { font-size: 32px; }
.erro-404-texto { font-size: 16px; }
}