footer {
  background:var(--ocean-deep); color:rgba(255,255,255,0.7);
  padding:60px 5% 32px;
}
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:60px; margin-bottom:48px; }
.footer-brand .footer-logo {
  font-family:'Bebas Neue',sans-serif; font-size:2rem; color:var(--white);
  letter-spacing:0.04em; margin-bottom:14px; display:flex; align-items: center; gap: 10px;
}
.footer-brand .footer-logo svg { width: 28px; height: 28px; color: var(--sunset); }
.footer-brand .footer-logo span { color:var(--sunset); }
.footer-brand p { font-size:0.88rem; line-height:1.65; max-width:280px; }
.footer-col h5 {
  font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase;
  color:var(--sunset-gold); font-weight:700; margin-bottom:18px;
}
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col li a, .footer-col > a { color:rgba(255,255,255,0.6); text-decoration:none; font-size:0.88rem; transition:color 0.2s; display: flex; align-items: center; gap: 8px; }
.footer-col li a svg, .footer-col > a svg { width: 14px; height: 14px; opacity: 0.5; }
.footer-col li a:hover, .footer-col > a:hover { color:var(--white); }
.footer-col-cta { margin-top:24px; }
.footer-company-info { font-size:0.78rem; opacity:0.6; margin-top:20px; max-width:320px; line-height:1.6; }
.social-row { display:flex; gap:12px; margin-top:20px; }
.social-btn {
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.12);
  display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,0.7); text-decoration:none;
  transition:all 0.2s;
}
.social-btn svg { width: 18px; height: 18px; }
.social-btn:hover { background:var(--sunset); border-color:var(--sunset); color:var(--white); }
.footer-bottom {
  border-top:1px solid rgba(255,255,255,0.08); padding-top:24px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.footer-bottom p { font-size:0.8rem; display: flex; align-items: center; gap: 6px; }
.footer-bottom svg { width: 14px; height: 14px; color: var(--ocean-light); }

/* whatsapp float button */
.whatsapp-float {
  position:fixed; bottom:28px; right:28px; z-index:999;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:var(--white);
  display:flex; align-items:center; justify-content:center;
  text-decoration:none;
  box-shadow:0 4px 20px rgba(37,211,102,0.45);
  transition:transform 0.25s, box-shadow 0.25s;
  animation:waPulse 2.5s ease-in-out infinite;
}
.whatsapp-float svg { width: 28px; height: 28px; }
.whatsapp-float:hover { transform:scale(1.12); }
.whatsapp-tooltip {
  position:absolute; right:70px; white-space:nowrap;
  background:var(--ocean-deep); color:var(--white);
  padding:6px 14px; border-radius:50px; font-size:0.75rem; font-weight:600;
  opacity:0; pointer-events:none; transition:opacity 0.2s;
}
.whatsapp-float:hover .whatsapp-tooltip { opacity:1; }

@media(max-width:900px){
  .footer-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:680px){
  .footer-grid { grid-template-columns:1fr; gap:36px; }
}