/* ==========================================================
   08-footer.css
   FUNCIÓN: Pie de página: logo, contacto, direcciones, redes
   y franja inferior con derechos y NIT.
   ========================================================== */

/* ---------- BLOQUE: Contenedor del footer ---------- */
footer{
  background:var(--tinta);
  padding:36px 0 24px;
}
footer .wrap{
  display:flex;justify-content:space-between;align-items:flex-start;
  color:#8D8D99;font-size:0.82rem;flex-wrap:wrap;gap:24px;
}
footer .foot-col{display:flex;flex-direction:column;gap:10px;} /* cada columna */
footer .foot-col a:not(.logo){padding:6px 0;min-height:36px;display:flex;align-items:center;}

/* ---------- BLOQUE: Logo del footer (se pinta en blanco) ---------- */
footer .logo img{height:36px;filter:brightness(0) invert(1);opacity:0.9;border-radius:var(--r-sm);}

/* ---------- BLOQUE: Franja inferior (© y NIT) ---------- */
footer .foot-bottom{
  max-width:1160px;margin:24px auto 0;padding:20px 32px 0;
  border-top:1px solid #34343F;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  color:#7A7A85;font-size:0.78rem;
}