:root{
  --bg:#0b0b0b; --text:#fff; --muted:#cfcfcf;
  --gold:#FFD700; --gold-2:#ffec8b; --border:#191919;
}

.footer{ background:#0b0b0b; color:var(--text); }
.footer-topbar{ height:6px; background:var(--gold); }

.footer-wrap{
  max-width:1200px; margin:0 auto; padding:2.2rem 1rem 1.6rem;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem;
}
@media (max-width: 980px){ .footer-wrap{ grid-template-columns:1fr; text-align:center; } }

.f-title{
  margin:0 0 .8rem; font-size:1.4rem; font-weight:800; letter-spacing:.2px; text-align:center;
  position:relative; padding-bottom:.8rem;
}
.f-title::after{
  content:""; display:block; height:2px; width:300px; max-width:75%;
  background:linear-gradient(90deg, transparent 0, var(--gold) 20%, var(--gold) 80%, transparent 100%);
  margin:.6rem auto 0;
  opacity:.7;
}

.f-list{ list-style:none; margin:.6rem 0 0; padding:0; display:grid; gap:.5rem; justify-content:center; }
.f-item{ display:flex; align-items:center; gap:.6rem; justify-content:center; color:var(--text); }
.f-item a{ color:var(--text); text-decoration:none; }
.f-item a:hover{ color:var(--gold); }

.f-areas{ margin:1rem auto 0; color:var(--muted); max-width:46ch; text-align:center; }

.services-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 3rem; justify-items:center; }
.services-grid ul{ list-style:none; margin:0; padding:0; display:grid; gap:.55rem; }
.services-grid a{ color:var(--text); text-decoration:none; }
.services-grid a:hover{ color:var(--gold); }

.f-clock{ text-align:center; }
.f-time{ font-size:1rem; margin:.4rem 0 .2rem; }
.f-date{ color:var(--muted); font-size:.95rem; }

.footer-bottom{
  border-top:1px solid rgba(227,194,5,.15);
  padding:1rem 1rem 1.25rem;
  display:grid; gap:1rem; justify-items:center;
}
.footer-legal{ color:#ddd; text-align:center; font-size:.95rem; }
.footer-legal a{ color:#ddd; text-decoration:none; font-weight:700; }
.footer-legal a:hover{ color:var(--gold); }
.footer-legal .sep{ margin:0 .4rem; color:#aaa; }

.footer-social{ display:flex; gap:1.2rem; }
.footer-social a{ color:#eaeaea; }
.footer-social a:hover{ color:var(--gold); }