.main-footer {
    background-color: var(--gris-cool-1c);
    color: var(--negro);
    padding: 20px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    border-top: 1px solid var(--gris-429);
}

.main-footer span {
    font-weight: bold;
}

.main-footer a {
    color: var(--negro);
    text-decoration: none;
    font-size: 14px;
}

.main-footer a:hover {
    text-decoration: underline;
    color: var(--gris-oscuro);
}

/* Estilos anteriores del footer... */

/* --- Adaptación para Celulares (iPhone 11-15) --- */
@media (max-width: 480px) {
    .main-footer {
        flex-direction: column; /* Apila los elementos verticalmente */
        gap: 10px;
        padding: 15px 20px;
        text-align: center;
    }
}