/* ============================================================
   NexoFlow — Rodapé & Botão flutuante WhatsApp
   ============================================================ */

.footer{background:#0f1830;color:rgba(255,255,255,.7);padding:56px 0 28px;margin-top:0}
@media(max-width:560px){
  .footer{padding:44px 0 24px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .footer-attr{font-size:12px}
}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.footer .brand{color:#fff;margin-bottom:16px}
.footer .brand b{color:#fff}
/* Logo no rodapé — inverte para branco sobre o fundo escuro */
.footer .brand img{
  height:36px;width:auto;display:block;
  filter:brightness(0) invert(1);
}
.footer-about{font-size:14.5px;color:rgba(255,255,255,.55);max-width:280px;line-height:1.6}
.footer h5{
  color:#fff;font-family:var(--font-head),sans-serif;font-size:14px;
  letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;
}
.footer-col a{display:block;color:rgba(255,255,255,.62);font-size:14.5px;padding:6px 0;transition:color .15s}
.footer-col a:hover{color:#fff}
.footer-col a:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:2px}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:24px;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:14px;font-size:13.5px;color:rgba(255,255,255,.62); /* era .45 — contraste WCAG AA */
}
/* Attribution ALB Seven */
.footer-attr{font-size:13px;color:rgba(255,255,255,.55);letter-spacing:.01em} /* era .38 */
.footer-attr a{color:rgba(255,255,255,.7);font-weight:600;transition:color .15s;text-decoration:none}
.footer-attr a:hover{color:#fff}
.footer-social{display:flex;gap:10px}
.footer-social a{
  width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.08);
  display:grid;place-items:center;color:rgba(255,255,255,.7);transition:background .15s,color .15s;
}
.footer-social a:hover{background:rgba(255,255,255,.16);color:#fff}
.footer-social a:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:9px}

/* Botão flutuante WhatsApp */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:200;display:flex;align-items:center;gap:0}
.wa-tip{
  background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:14px;
  padding:13px 16px;font-size:14px;font-weight:600;color:var(--ink);max-width:230px;
  margin-right:12px;opacity:0;transform:translateX(12px) scale(.96);
  pointer-events:none;transition:all .25s cubic-bezier(.3,.7,.4,1);
}
.wa-tip b{color:var(--green-600)}
.wa-float:hover .wa-tip,.wa-float:focus-within .wa-tip{opacity:1;transform:none}
.wa-btn{
  width:62px;height:62px;border-radius:50%;background:#25D366;
  display:grid;place-items:center;flex:none;
  box-shadow:0 10px 26px -6px rgba(37,211,102,.6);cursor:pointer;border:0;
  transition:transform .2s;
}
.wa-btn:hover{transform:scale(1.07)}
.wa-btn svg{width:34px;height:34px;color:#fff}
.wa-btn .ping{
  position:absolute;width:62px;height:62px;border-radius:50%;
  background:#25D366;opacity:.45;animation:ping 2.4s ease-out infinite;
}