/* @group Site Footer
------------------------------------ */
.site-footer {
    background-color: var(--darkest-purple);
    color: var(--white);
}

.site-footer .row--first {
    padding-block: 4rem;
    background-color: var(--light-purple, #8E6980);
}

.site-footer .row--first .bp-button {
    --_bg: transparent;
    --_color: var(--white);
    --_icon: var(--white);
    --_border: var(--white);
    text-transform: uppercase;
}

.site-footer .row--first .bp-button:hover {
    --_bg: var(--white);
    --_color: var(--light-purple);
    --_icon: var(--light-purple);
    --_border: var(--white);
}

.site-footer :is(.row--second, .row--last) .bp-button {
    --_color: var(--white);
}

.site-footer :is(.row--second, .row--last) .bp-button .bp-text {
    font-family: var(--font-berthold);
    --fs: 1.5rem;
    --lh: 1.5em;
    --ls: 0.05em;
    --fw: 300;
}

.site-footer .bp-button.ig {
    --_icon: var(--white);
    font-family: var(--font-berthold);
}
.site-footer .link-wrap .has-body-legal-font-size:first-child { display: none; }
.site-footer .bp-button.brochure {
    --_icon: var(--light-purple);
    font-family: var(--font-berthold);
}

.site-footer .link-wrap {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.site-footer .link-wrap>div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.site-footer .row--last .col-right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.site-footer .logo-sts {
    margin-left: .25rem;
}
.site-footer .logo-sts img { max-width: 8rem; }
.site-footer .row--last .col-right i {
    font-size: 1.6rem;
}

.site-footer .row--last article:last-of-type {
    opacity: 0.75;
}

.site-footer .img-box img {
    object-fit: contain;
}

.site-footer .address-logo {
    width: 26.3rem;
    height: 3.4rem;
}
.site-footer .address-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

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

    .site-footer {
        margin-top: 15rem;
    }

    .site-footer .row--first {
        padding-block: 7.2rem;
    }

    .site-footer .row--first .bp-button {
        margin-top: 2.8rem;
    }

    .site-footer .row--second {
        padding-block: 5.2rem 4.6rem;
        justify-content: space-between;
    }

    .site-footer .row--second .col-center {
        text-align: center;
    }

    .site-footer .row--second .col-right {
        display: flex;
        justify-content: space-between;
    }

    .site-footer .row--last {
        padding-block: 1.7rem;
    }

    .site-footer .img-box {
        width: 13rem;
    }

    .site-footer .address-logo {
        width: 30rem;
        height: 3.7rem;
    }

    .site-footer .row--last {
        justify-content: space-between;
        align-items: center;
        row-gap: 1rem;
    }

    .site-footer .row--last .col-right {
        justify-content: right;
    }



}

@media only screen and (min-width : 0) and (max-width : 960px) {

    .site-footer {
        margin-top: 5rem;
    }
    .site-footer .row--first h2 {
        --fs: 4.5rem;
        --ls: -.01em;
    }
    .site-footer .row--first .bp-button {
        margin-top: 3rem;
    }

    .site-footer .row--second .col-center {
        order: -1;
        text-align: center;
        padding-block: 2.8rem;
        border-bottom: 1px solid var(--white);
    }

    .site-footer .row--second .link-wrap {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 2.7rem;
    }

    .site-footer .row--second .link-wrap .bp-button {
        gap: 0.5rem;
    }

    .site-footer .row--second .link-wrap .bp-text {
        --fs: 1.5rem;
    }

    .site-footer .row--second .link-wrap .bp-icon {
        --mobile-w: 1.1rem;
    }

    .site-footer .link-wrap>div {
        width: 65%;
        justify-content: space-between;
    }

    .site-footer .link-wrap>div .has-body-legal-font-size {
        display: none;
    }

    .site-footer .row--second .col-right {
        padding-block: 4.1rem;
        align-items: center;
        justify-content: center;
        gap: 4.5rem;
        display: flex;
    }

    .site-footer .row--last {
        gap: 1.6rem;
        padding-bottom: 2.7rem;
    }

    .site-footer .row--last .col-right {
        justify-content: start;
        flex-wrap: wrap;
    }
    .site-footer .row--last .col-right .spu-clickable  { margin-right: 3rem }
    .site-footer .row--last .col-right .spu-clickable + p { display: none; }
    
    .site-footer .img-box {
        width: 11rem;
        height: 4.5rem;
    }
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .contenedor .elemento {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .contenedor.animateActive .elemento {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}

:where(#wrapper) .contenedor.animateActive .elemento {
    --delay: 0.3s;
}