/* ===== FOOTER ===== */
footer {
  background: var(--green-deep);
  color: rgba(255,255,255,0.8);
  padding: clamp(2rem, 4vw, 3.25rem) clamp(1rem, 3vw, 2rem) 1.5rem;
}
.footer-inner { max-width:1000px; margin:0 auto; }
.footer-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.75rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  align-items: start;
}
.footer-brand {}
.footer-logo { height:38px; width:auto; filter:brightness(0) invert(1); margin-bottom:1rem; opacity:0.9; }
.footer-tagline { font-size:13.5px; opacity:0.7; line-height:1.6; }
.footer-col h4 { color:white; font-size:14px; font-weight:700; margin-bottom:1rem; letter-spacing:0.04em; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
.footer-col ul a { color:rgba(255,255,255,0.65); text-decoration:none; font-size:13px; transition:color var(--t-fast); }
.footer-col ul a:hover { color:white; }

/* Social icons in footer */
.footer-social { display:flex; gap:12px; margin-top:1.25rem; }
.social-icon-btn {
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items:center; justify-content:center;
  transition: transform var(--t-fast), box-shadow var(--t-fast);
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.social-icon-btn:hover { transform:translateY(-3px) scale(1.05); box-shadow:0 6px 20px rgba(0,0,0,0.3); }
.social-icon-btn.instagram { background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.social-icon-btn.facebook { background:#1877F2; }
.social-icon-btn.tiktok { background:#010101; }
.social-icon-btn.whatsapp { background:#25D366; }
.social-icon-btn.email { background:var(--green); }
.social-icon-btn svg { width:20px; height:20px; fill:white; }

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  opacity: 0.55;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 0.25rem;
}

/* Legal links (Task 4) */
.footer-legal-links { display:flex; gap:14px; flex-wrap:wrap; }
.footer-legal-links a { color:rgba(255,255,255,0.65); text-decoration:none; transition:color var(--t-fast); }
.footer-legal-links a:hover { color:white; text-decoration:underline; }