/* @group Content aside spaced
------------------------------------ */
.content-aside-spaced-inverted {
    position: relative;
}
.content-aside-spaced-inverted p > a{
    color: var(--tower-red);
    text-decoration: underline;
}
.content-aside-spaced-inverted .list-button-link p {
    margin: 0 0 2rem;
}
.content-aside-spaced-inverted .last-column .bp-multimedia {
    height: 25rem;
}
.content-aside-spaced-inverted .first-column .bp-multimedia {
    height: 30rem;
}
.content-aside-spaced-inverted h4 {
    --fw: 500;
}
.content-aside-spaced-inverted .logos .bp-multimedia {
    position: relative;
    height: auto!important;
    width: auto!important;
}
.content-aside-spaced-inverted .logos {
    position: relative;
}
.content-aside-spaced-inverted .logos::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    height: 6rem;
    width: 1px;
    background-color: var(--tower-red);
}   
.content-aside-spaced-inverted .our-cases-study {
    border-top: 1px solid var(--tower-red);
    border-bottom: 1px solid var(--tower-red);
    padding: 1.5rem 0;
}
@media only screen 
and (min-width : 961px) {
    body:not(.wp-admin) .content-aside-spaced-inverted .list-button-link,
    .wp-admin .content-aside-spaced-inverted .list-button-link .block-editor-block-list__layout {
        display: block!important;
        columns: 2;
        max-width: 50rem;
    }
    .content-aside-spaced-inverted :is(.first-column, .last-column) .bp-multimedia {
        height: 35.7rem;
    }
    /* .content-aside-spaced-inverted :is(.last-column) .bp-multimedia {
        height: 50.7rem;
    } */
    .content-aside-spaced-inverted .logos::before {
        content: none;
    }
    .content-aside-spaced-inverted .logos .bp-multimedia:not(:last-child)::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -5rem;
        height: 6rem;
        width: 1px;
        background-color: var(--tower-red);
    }   

}
@media only screen 
and (min-width : 0) 
and (max-width : 960px) {
    .content-aside-spaced-inverted .first-column {
        margin: 0 0 8rem;
    }
}
/* @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;
}