/* ==================== FOOTER ==================== */

/* Bloque principal del footer */
.footer-section {
    height: var(--footer-height);
    background: var(--color-bg-footer-gray);
    color: var(--color-text-tertiary);
    display: flex;
    justify-content: center;
    padding: 10px;
}

/* Copyright */
.footer-copyright {
    font-family: var(--font-cabinet);
    font-size: var(--size-font-footer);
    display: inline-block;
    /* Una sola línea por defecto */
    white-space: nowrap;
    /* Evita salto de línea en desktop */
}

/* Permitir wrap sólo cuando el ancho de pantalla sea realmente reducido */
@media (max-width: 425px) {
    .footer-copyright {
        font-size: var(--size-font-footer-media);
        white-space: normal;
        /* Permitir salto */
    }
}

/* Social */
.footer-social {
    display: flex;
    /* Importante para que gap funcione siempre */
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
    /* Separación horizontal */
}

/* Separación extra en pantallas medianas o grandes */
@media (min-width: 426px) {
    .footer-social {
        gap: 25px;
        /* Separación horizontal */
    }
}

/* ==================== ICONS ==================== */

/* Ícono */
.footer-social-link {
    width: 38px;
    height: 38px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: var(--color-accent-aqua-secondary);
    color: var(--color-text-tertiary);
    text-decoration: none;
    transition: transform 0.4s ease, filter 0.4s ease;
}

/* Hover */
.footer-social-link:hover {
    transform: scale(1.20);
}