/* @group Generic content
------------------------------------ */
.generic-content {
    padding-block: 6rem;
}
.generic-content .bp-column {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media only screen
and (min-width : 961px) {
    .generic-content {
        padding-block: 10rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @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;
}