/* rodape.css — Estilos do rodapé e WhatsApp flutuante IBSEC */
/* Incluído automaticamente via includes/rodape.php              */

/* ── FOOTER ── */
footer{background:#020205;border-top:1px solid var(--gold-bg);padding:60px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px}
.footer-brand p{font-size:0.94rem;color:var(--muted);margin:12px 0 20px}
.footer-socials{display:flex;gap:9px}
.social-btn{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:background .2s,color .2s,border-color .2s}
.social-btn:hover{background:var(--gold-bg);color:var(--gold);border-color:rgba(254,213,0,.3)}
.footer-col h4{font-family:'IBM Plex Mono',monospace;font-size:0.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links a{font-family:'IBM Plex Mono',monospace;font-size:0.9rem;color:var(--muted);transition:color .2s}
.footer-links a:hover{color:var(--gold)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid rgba(254,213,0,.1);flex-wrap:wrap;gap:12px}
.footer-bottom p{font-family:'IBM Plex Mono',monospace;font-size:0.84rem;color:var(--muted)}
.footer-badge{font-family:'IBM Plex Mono',monospace;font-size:0.78rem;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:4px 9px;border-radius:6px}
.gold-line{border:none;border-top:1px solid var(--gold-bg)}

/* ── WHATSAPP FLUTUANTE ── */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:999;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .25s,box-shadow .25s,opacity .4s;cursor:pointer}
.wa-float:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.4)}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr}
}