/* @group Content aside complex
------------------------------------ */
.content-twins-featured {
    position: relative;
    background: rgba(192, 35, 54, 0.1);
    border-top: 1px solid var(--tower-red);
    border-bottom: 1px solid var(--tower-red);
    overflow: hidden;
}
.content-twins-featured > .row {
    position: relative;
    padding-inline: 3rem!important;
}
.content-twins-featured > .row::before {
    content: "";
    position: absolute;
    top: -20rem;
    border-left: 1px solid var(--tower-red);
    border-right: 1px solid var(--tower-red);
    height: calc(100% + 40rem);
    display: block;
    z-index: 2;
    pointer-events: none;
    left: 3rem;
    width: calc(100% - 6rem);
}
.content-twins-featured .bp-slider {
    position: relative;
}
.content-twins-featured .bp-slider::before {
    content: "";
    width: calc(100% + 2rem);
    height: 1px;
    background-color: var(--tower-red);
    position: absolute;
    left: -1rem;
    bottom: -1rem;
}

.content-twins-featured .splide .bp-multimedia {
    height: 30rem;
}
.content-twins-featured .splide .splide__arrows {
    width: calc(100% - 4rem);
}
.content-twins-featured .splide .splide__arrows .bp-icon i {
    font-size: 4.6rem;
    --_icon: #ffffff;
}

.content-twins-featured .splide__list {
    transform: 300ms cubic-bezier(0.25, 1, 0.5, 1)!important;
}

@media only screen 
and (min-width : 961px) {
    .content-twins-featured > .row {
        padding-inline: 1rem!important;
    }
    .content-twins-featured > .row::before {
        width: 100%;
        left: 0;
    }
    .content-twins-featured > .row::after {
        content: "";
        position: absolute;
        top: -20rem;
        left: 50%;
        translate: -50% 0;
        background-color: var(--tower-red);
        width: 1px;
        height: calc(100% + 40rem);
        display: inline-block;
        z-index: 2;
        pointer-events: none;
    }
    /* IAMGE CONTAINER */
    .content-twins-featured .image-container:first-child {
        padding-right: 1rem!important;
        padding-left: 0!important;
    }
    .content-twins-featured .image-container:last-child {
        padding-right: 0!important;
        padding-left: 1rem!important;
    }
    .content-twins-featured .splide .bp-multimedia {
        height: 46.1rem;
    }
    .content-twins-featured .splide .splide__arrows {
        width: calc(100% - 3rem);
    }
}
@media only screen 
and (min-width : 0) 
and (max-width : 960px) {
    .content-twins-featured .image-container:first-child {
        padding-bottom: 1rem;
    }
    .content-twins-featured .image-container:first-child::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -50vw;
        background-color: var(--tower-red);
        width: 200vw;
        height: 1px;
        display: inline-block;
        z-index: 2;
        pointer-events: none;
    }
    .content-twins-featured .image-container:last-child .bp-slider {
        padding-top: 1rem;
    }
}
/* @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;
}