body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; color: #333; }
.navbar { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }

/* O nome da empresa com a fonte e cor da primeira foto */
.text-brand-blue { color: #0056b3 !important; font-weight: 800; letter-spacing: -0.5px; }

.btn-principal { border-radius: 50px; font-weight: 700; transition: 0.3s; }
.btn-consumidor { background: #0056b3; border: none; color: #fff; }

/* Cards e Estilização Geral */
.card-destaque { border: none; border-radius: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.06); transition: 0.3s; height: 100%; background: #fff; overflow: hidden; }
.card-destaque:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
.img-destaque { width: 100%; height: 180px; object-fit: cover; border-radius: 12px; margin: 15px 0; }
.img-institucional { width: 100%; max-width: 850px; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 2rem 0; }
.card-noticia { border: none; border-radius: 12px; transition: 0.2s; }
.info-institucional p { margin-bottom: 5px; color: #4a5568; }

/* No seu includes/topo.php, dentro da tag <style> */
footer { 
    background: #001a33; 
    color: #fff; 
    padding: 60px 0 30px; 
    margin-top: 50px;
}
footer h5 { color: #fff; } /* Garante que os títulos no rodapé sejam brancos */
footer p { color: rgba(255,255,255,0.7); } /* Texto levemente transparente para ficar elegante */