/* -----------------------------------------------------------------------------
 * Nombre: footer.css
 * Ruta: /catalogo_mtr/xr_pub/xr_ast/css/
 * Versión: v1.0.0
 * Descripción: Estilos del footer corporativo.
 * Dependencias: Fuentes del proyecto; iconos Lucide en /xr_ast/icons/lucide/.
 * Llamado por: /xr_v/_inc/footer.php
 * Notas de seguridad: sin reglas peligrosas.
 * --------------------------------------------------------------------------- */
.site-footer{background:#0f172a;color:#e5e7eb}
.site-footer a{color:inherit;text-decoration:none}
.site-footer .ft-container{max-width:1100px;margin:0 auto;padding:28px 16px;display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}
.ft-brand{display:flex;flex-direction:column;gap:8px}
.ft-logo img{display:block}
.ft-copy{font-size:.875rem;opacity:.85}
.ft-links{display:flex;gap:16px}
.ft-link{opacity:.9}
.ft-link:hover{opacity:1;text-decoration:underline}
.ft-contact{display:flex;align-items:center;gap:18px}
.ft-contact-item{display:flex;align-items:center;gap:8px;opacity:.9}
.ft-contact-item:hover{opacity:1;text-decoration:underline}
.ft-social{display:flex;gap:12px}
.ft-icn{width:18px;height:18px;display:inline-block}

/* Responsive */
@media (max-width: 820px){
  .site-footer .ft-container{grid-template-columns:1fr;gap:14px}
  .ft-links{flex-wrap:wrap}
  .ft-contact{flex-wrap:wrap}
}