/* =========================================================
   FOOTER — logo, redes, navegación y copyright
========================================================= */
footer{padding:44px 0 32px;text-align:center;border-top:1px solid var(--color-line);background:var(--color-black);}
footer .brand{justify-content:center;margin-bottom:14px;}
.footer-brand img{width:clamp(150px, 12vw, 210px);max-height:80px;}
.footer-name{font-family:var(--font-heading);letter-spacing:0.06em;font-size:1rem;color:var(--color-white);margin-bottom:6px;}
footer .footer-copy{color:var(--color-gray);font-size:0.82rem;margin-bottom:18px;}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-family:var(--font-label);font-size:0.8rem;letter-spacing:0.06em;color:var(--color-gray);}
.footer-nav a{color:var(--color-gray);text-decoration:none;transition:color .3s;}
.footer-nav a:hover{color:var(--color-gold);}
.creditos-creador{margin-top:18px;font-size:0.75rem;color:var(--color-gray);opacity:0.7;}
.creditos-creador a{color:#8a9bb2;text-decoration:none;transition:color 0.3s ease;}
.creditos-creador a:hover{color:#ffffff;}