/* Ajustes de compatibilidade com o WordPress, mantendo o design original. */ /* ------------------------------------------------------------------ */ /* Logo do rodapé: só existe a versão escura do arquivo, que fica */ /* praticamente invisível em cima do fundo azul-marinho do footer. */ /* Fundo branco arredondado atrás da logo pra ela ficar visível. */ /* ------------------------------------------------------------------ */ .footer-grid .custom-logo, .footer-grid > div:first-child > img{ display: inline-block; background: #fff; border-radius: 8px; padding: 10px 16px; box-sizing: content-box; } /* Espaço para a admin bar quando o usuário está logado */ body.admin-bar header{ top: 32px; } @media screen and (max-width: 782px){ body.admin-bar header{ top: 46px; } } /* Item de menu ativo (WordPress adiciona a classe current-menu-item) */ nav ul li.current-menu-item > a, nav ul li.current_page_item > a{ color: var(--blue); } /* Suporte a imagens com legenda (wp_get_attachment / [caption]) */ .wp-caption{ max-width: 100%; } .wp-caption-text{ font-size: 13px; color: var(--muted); margin-top: 6px; } /* Alinhamentos padrão do editor de blocos, caso usados em páginas internas */ .alignleft{ float:left; margin:0 20px 10px 0; } .alignright{ float:right; margin:0 0 10px 20px; } .aligncenter{ display:block; margin:0 auto 10px; } /* Conteúdo textual simples em páginas internas (Sobre, Serviços, Atendimento) */ .page-header{ padding-top: 60px; } .page-content{ padding: 70px 24px 96px; } .page-content .content-wrap{ max-width: 900px; margin: 0 auto; } .page-content h2{ font-size: 28px; margin-bottom: 18px; } .page-content h3{ font-size: 20px; margin: 30px 0 12px; } .page-content p{ margin-bottom: 16px; } /* A lista "ul.plain-list" (usada hoje só em /programa-de-integridade/) é estilizada aqui sem depender de ".page-content" — essa página usa a seção ".empresa" (não ".page-content"), então as regras antigas nunca batiam. Sem elas, os ícones de check ficavam sem "width/height" e o navegador renderizava o SVG no tamanho padrão dele (300x150px) — o "borrão" azul enorme que aparecia embaixo de "Pilares do Programa". */ ul.plain-list{ list-style: none; margin: 0 0 20px; padding: 0; } ul.plain-list li{ padding: 10px 0; border-bottom: 1px solid var(--line); font-weight: 600; color: var(--navy); display:flex; align-items:center; gap:10px; } ul.plain-list li svg{ flex:none; width:18px; height:18px; color: var(--green); } /* Mesmo motivo: o

"Pilares do Programa" fica dentro de ".empresa", não ".page-content", então também ficava sem o respiro acima do texto. */ .empresa h3{ font-size: 20px; margin: 30px 0 12px; } /* Página de Atendimento: dois blocos (fale conosco / canal de denúncias) */ .atendimento-grid{ max-width: 1180px; margin: 0 auto; display:grid; grid-template-columns: 1fr 1fr; gap: 40px; } @media (max-width: 900px){ .atendimento-grid{ grid-template-columns: 1fr; } } .denuncia-card{ background:#fff; border-radius:14px; padding:34px; box-shadow: 0 14px 34px rgba(15,33,66,.08); border: 1px solid var(--line); } .denuncia-card h3{ margin-top: 0; } .denuncia-toggle{ display:flex; gap:10px; margin-bottom:20px; } .denuncia-toggle button{ flex:1; padding:10px 14px; border-radius:8px; border:1px solid var(--line); background:#fff; font-weight:600; cursor:pointer; } .denuncia-toggle button.active{ background: var(--navy); color:#fff; border-color: var(--navy); } /* ------------------------------------------------------------------ */ /* Correção do formulário do Canal de Denúncias */ /* ------------------------------------------------------------------ */ /* base.css só estiliza inputs/textarea/botão dentro de ".form-card". O Canal de Denúncias usa ".denuncia-card" (classe diferente), então os campos ficavam sem borda, sem espaçamento e sem fundo — daí a "formatação feia". Reaplicando o mesmo padrão visual aqui. */ .denuncia-card input, .denuncia-card textarea{ width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 13px 14px; font-family: inherit; font-size: 14.5px; background: var(--gray-bg); } .denuncia-card textarea{ min-height: 110px; resize: vertical; margin-bottom: 18px; } .denuncia-card .btn-navy{ width: 100%; justify-content: center; border: none; } /* ------------------------------------------------------------------ */ /* Ajustes pedidos pelo cliente: reduzir margem do rodapé + ícones */ /* ------------------------------------------------------------------ */ /* Menos "respiro" no rodapé (estava com padding e gap muito grandes) */ footer{ padding: 40px 24px 20px !important; } .footer-grid{ gap: 24px !important; } .footer-bottom{ margin: 20px auto 0 !important; padding-top: 16px !important; } /* A seção de contato (Home e Atendimento) tinha 96px de padding embaixo, o que deixava uma faixa vazia grande antes do rodapé começar. */ .contato{ padding-top: 80px !important; padding-bottom: 48px !important; } /* Ícones em todos os itens do rodapé (Navegação, Atendimento, Localização) */ .footer-grid nav ul li a, .footer-icon-list li{ display: flex; align-items: center; gap: 10px; } .footer-icon-list li{ margin-bottom: 12px; } .footer-icon-list .ic{ flex: none; display: inline-flex; color: #7fa3e0; } .footer-icon-list .ic svg{ display:block; } /* ------------------------------------------------------------------ */ /* Correção do menu do rodapé */ /* ------------------------------------------------------------------ */ /* O seletor global "nav ul{display:flex}" (base.css, feito para o menu do cabeçalho) também atingia o