/* Footer canónico del sitio. Lo usa el partial .tools/partials/footer.html (sincronizado por .tools/sync-footer.js).
   Contraste sobre #1e1e1e: enlaces #999 = 5.85:1, texto y copyright #888 = 4.70:1 (WCAG AA exige 4.5:1).
   Colores fijos (no var(--x)) porque cada página define sus propias variables. Clases con prefijo ft-. */
footer.site-footer { background: #1e1e1e; color: #888; padding: 48px 24px 32px; text-align: center; border-top: 1px solid #2a2a2a; }
footer.site-footer a { text-decoration: none; }
footer.site-footer .ft-logo { display: block; margin-bottom: 20px; font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 900; color: #fff; letter-spacing: 2px; text-transform: uppercase; }
footer.site-footer .ft-logo span { color: #9B1515; }
footer.site-footer .ft-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 20px; margin-bottom: 14px; }
footer.site-footer .ft-links a { color: #999; font-size: 14px; transition: color 0.2s; }
footer.site-footer .ft-links a:hover { color: #fff; }
footer.site-footer .ft-redes { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 20px 0 16px; }
footer.site-footer .ft-redes a { display: inline-flex; }
footer.site-footer .ft-empresa { margin: 16px 0; font-size: 14px; color: #aaa; line-height: 2; }
footer.site-footer .ft-empresa strong { color: #fff; }
footer.site-footer .ft-empresa a { color: #aaa; }
footer.site-footer .ft-copy { margin: 0; font-size: 14px; color: #888; }