footer {
    /* Display */
    display: grid;
    grid-template-rows: repeat(3, auto);
    /* Color */
    background-color: var(--bc-1);
    color: white;
    font-size: var(--fs-disclaimer);
    /* Box model */
    padding: var(--padding);
    padding-top: 3vh;
}

.footer__credits {
    font-size: var(--fs-info_message);
}

.footer__social-media {
    margin-top: 20px;
}

.footer__logo-container, .footer__logo-link, .footer-navbar, .footer__social-media, .footer__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-navbar { 
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-evenly;
}

.footer__logo-link {
    max-width: 150px; /* Limita tamaño de la imagen */
}

/* Links */
footer a {
    color: white;
}

footer a:not(.footer__logo-link):hover {
    opacity: 0.7;
}

/* Social media */
.footer-social-media-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    gap: clamp(10px, 1vw, 20px);
}

.footer-social-media-list i {
    font-size: 30px;
    font-size: clamp(20px, 2vw, 30px);
}

/* Copyright */
.footer__copyright p, .footer__disclaimer_legal p {
    text-align: center;
    font-size: var(--fs-disclaimer);
}

@media only screen and (min-width: 768px) {

    footer {
        /* Grid */
        display: grid;
        grid-template-columns: 25% 50% 25%;
        font-size: var(--fs);
    }
    
    .footer__logo-link {
        max-width: 250px; /* Limita tamaño de la imagen */
    }

    .footer__social-media {
        margin-top: 0;
    }

    .footer__copyright, .footer__copyright p {
        grid-column: span 3;
        width: 100%;
        text-align: left;
    }
}