/* ── footer.css — componente compartido de sergiogc.dev ────────────────
   El contenido se genera desde /scripts/footer.js. Esta hoja se carga la
   última en cada página para evitar variaciones de estilo entre secciones. */

footer[data-site-footer] {
    border-top: 1px solid var(--glass-border);
    padding: 32px 0;
}

footer[data-site-footer] .footer-content {
    width: min(100% - 64px, var(--maxw));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--ink-faint);
    font-family: var(--font-display);
    font-size: 13px;
    font-weight: 500;
}

footer[data-site-footer] .footer-links {
    display: flex;
    align-items: center;
    gap: 9px;
}

footer[data-site-footer] a {
    color: var(--ink-faint);
    text-decoration: none;
}

footer[data-site-footer] a:hover {
    color: var(--ink);
}

footer[data-site-footer] .footer-brand {
    font-family: var(--font-brand);
}

@media (max-width: 620px) {
    footer[data-site-footer] .footer-content {
        width: min(100% - 32px, var(--maxw));
        align-items: flex-start;
        flex-direction: column;
    }
}