/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{
  background: #0F0F0B;
  border-top: 1px solid var(--color-border);
  padding: var(--space-8) 0 var(--space-6);
}
.footer-top{
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-7);
  padding-bottom: var(--space-7);
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--space-6);
}
@media (min-width: 780px){
  .footer-top{ grid-template-columns: 1.3fr 1fr 1fr 1fr; }
}
.footer-brand-logo{ width: min(190px, 60vw); height: auto; margin-bottom: var(--space-5); }
.footer-tagline{ font-size: 0.88rem; max-width: 280px; }
.footer-col h4{
  font-family: var(--font-display);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-500);
  margin-bottom: var(--space-4);
}
.footer-col ul{ display: flex; flex-direction: column; gap: var(--space-3); }
.footer-col a{
  font-size: 0.88rem;
  color: var(--color-text-dim);
  transition: color var(--dur-fast) var(--ease-out);
}
.footer-col a:hover{ color: var(--gold-300); }
.footer-social{ display: flex; gap: var(--space-3); margin-top: var(--space-5); }
.footer-social a{
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  color: var(--gold-500);
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  transition: border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);
}
.footer-social a:hover{ border-color: var(--gold-500); color: var(--gold-300); background: rgba(212,175,106,0.08); }
.footer-social svg{ width: 17px; height: 17px; }

.footer-bottom{
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  font-size: 12px;
  color: var(--color-text-mute);
}
@media (min-width: 640px){
  .footer-bottom{ flex-direction: row; align-items: center; justify-content: space-between; }
}
.footer-legal{ display: flex; gap: var(--space-5); flex-wrap: wrap; }
.footer-legal a{ color: var(--color-text-mute); transition: color var(--dur-fast) var(--ease-out); }
.footer-legal a:hover{ color: var(--gold-300); }

/* Floating WhatsApp button */
.fab-whatsapp{
  position: fixed;
  right: var(--space-5);
  bottom: var(--space-5);
  z-index: var(--z-toast);
  width: 58px; height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3FA24A, #2C7A35);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 28px -8px rgba(0,0,0,0.55);
  transition: transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.fab-whatsapp:hover{ transform: scale(1.08); }
.fab-whatsapp:active{ transform: scale(0.95); }
.fab-whatsapp svg{ width: 28px; height: 28px; color: #fff; }