footer{
    min-height: 25vh;
    background-color: var(--bg-footer);
    scroll-snap-align: start;
    & > div:nth-child(1){
        padding: 1em;
        display: grid;
        grid-template-columns: 1fr repeat(3,max-content) 1fr;
        gap: 2em;
        & > div{
            padding: 1em 2.5em;
            p{
                margin-bottom: .25em;
                color: var(--blanco-1);
                font-size: 1em;
                img{
                    margin-right: .5em;
                    max-width: .85em;
                }
            }
        }
        & > div:nth-child(4){
            a{
                display: inline-block;
                margin-right: .5em;
                img{
                    max-width: 1.5em;
                }
            }
        }
    }
    h2{
        margin-bottom: 1em;
        font-size: 1.1em;
        color: var(--neutral);
        font-weight: 400;
        position: relative;
        &::after{
            content: "―";
            position: absolute;
            top: 80%;
            left: 0;
            color: var(--acento);
        }
    }
    a{
        margin-bottom: .5em;
        display: block;
        color: var(--blanco-1);
        font-size: 1em;
        text-decoration: none;
        cursor: pointer;
        img{
            margin-right: .5em;
            max-width: .85em;
            cursor: pointer;
        }
    }
    span{
        padding-left: 1.25em;
        display: block;
        color: var(--blanco-2);
        font-size: .9em;
        text-align: center;
    }
    & > p{
        padding-bottom: 2.5em;
        color: var(--blanco-1);
        font-size: 1.1em;
        text-align: center;
    }
    .footer-item-disabled{
        pointer-events: none;
        opacity: .5;
        opacity: .5;
    }
}
/* ============================================================
   Responsive del footer (pedido del dueño, 2026-09-24: "adapta el
   inicio de innovadn.com a responsive design").
   ============================================================ */
@media (max-width: 1240px){
    footer > div:nth-child(1){
        padding: 1.5em 1.25em;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 1.75em 2.5em;
        & > div{
            padding: 0;
        }
        & > div:empty{
            display: none;
        }
    }
}
@media (max-width: 640px){
    footer > div:nth-child(1){
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.75em;
    }
    footer h2{
        width: fit-content;
        margin-inline: auto;
    }
    footer span{
        padding-left: 0;
    }
}
@media (max-width: 640px){
    footer a{
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        margin-bottom: 0;
    }
    footer > div:nth-child(1) > div:nth-child(4) a{
        display: inline-flex;
        min-width: 44px;
        margin-right: 0;
    }
}