/* =========================================================================
   FOOTER.CSS — Pie de página
   ========================================================================= */

.site-footer { background: var(--navy-deep); color: var(--text-on-navy-soft); padding: clamp(3rem, 6vw, 4.5rem) 0 1.5rem; }
.footer-grid { display: grid; gap: 2.2rem; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
.footer-brand img { height: 46px; margin-bottom: 1.1rem; }
.footer-brand p { font-size: .95rem; max-width: 30ch; }
.footer-col h4 { color: #fff; font-family: var(--font-sans); font-size: .85rem; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 1.1rem; }
.footer-col ul { list-style: none; display: grid; gap: .6rem; }
.footer-col a { color: var(--text-on-navy-soft); font-size: .95rem; }
.footer-col a:hover { color: #fff; }
.footer-contact li { display: flex; gap: .6rem; align-items: flex-start; font-size: .95rem; margin-bottom: .7rem; }
.footer-contact svg { width: 18px; height: 18px; color: var(--blue-soft); flex: 0 0 18px; margin-top: .2rem; }
.footer-bottom {
  margin-top: 2.8rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.14);
  display: flex; flex-wrap: wrap; gap: .6rem; justify-content: space-between; align-items: center;
  font-size: .85rem; color: rgba(255,255,255,.6);
}
.footer-bottom a { color: rgba(255,255,255,.75); }
@media (max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }