: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;
} .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;
}
.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;
}
.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; } .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;
}
} .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); } @media (max-width: 768px) {
.site-header .container { flex-direction: row; 
gap: 15px;
}
.logo-img {
max-width: 220px;
}
} .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); 
} .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; }
.acesso-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
.destaque-secundario { grid-column: 1 / -1; }
.acesso-grid { grid-template-columns: repeat(2, 1fr); }
} .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);
} .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;
} .secretaria-secretario {
display: block;
color: #777777;
font-style: italic;
font-size: 14px;
margin-top: 5px;
font-weight: normal;
} .telefones {
background-color: var(--cinza-claro) !important;
}
.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; }
} .banner-ouvidoria {
background-color: #ffffff !important;
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); } .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; }  .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);
}  .pagina-post-individual {
background-color: #ffffff !important;
padding: 60px 0;
min-height: 80vh; } .post-titulo-unico {
color: var(--cor-secundaria) !important;
font-size: 38px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
} .post-meta-unico {
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 {
color: var(--cor-primaria);
} .post-imagem-destaque {
margin-bottom: 30px;
text-align: center;
}
.post-imagem-destaque img {
max-width: 100%;
height: auto;
border-radius: 8px;
} .post-conteudo-unico {
font-size: 18px;
line-height: 1.8;
color: var(--texto-escuro);
} .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 {
font-size: 28px;
}
.post-rodape-bar {
flex-direction: column; align-items: flex-start;
}
}  .pagina-institucional {
background-color: #ffffff !important;
padding: 60px 0;
min-height: 80vh;
} .page-titulo {
color: var(--cor-secundaria) !important;
font-size: 38px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
} .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;
}
.page-meta i {
color: var(--cor-primaria);
} .page-content {
font-size: 18px;
line-height: 1.8;
color: var(--texto-escuro);
}
.page-imagem-destaque {
margin-bottom: 30px;
text-align: center;
}
.page-imagem-destaque img {
max-width: 100%;
height: auto;
border-radius: 8px;
}  .post-content,
.post-conteudo-unico,
.page-content {
text-align: justify; -webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
} .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; }
}  .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; }
} .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; } .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);
} @media (max-width: 480px) {
.caixa-busca-escondida {
width: 280px;
right: -40px; }
} .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; }
} .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;
} .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; }
.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;
}