.page-header {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 60vh;
    background-color: teal;
    z-index: -1000;
}

.page-header::after {
    display: block;
    content: '';
    position: absolute;
    height: 30vh;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(var(--bs-body-bg-rgb));
    background: linear-gradient(0deg, rgba(var(--bs-body-bg-rgb), 1) 50%, rgba(var(--bs-body-bg-rgb), 0) 100%);
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: row !important;
}

.anterior.swiper-button-disabled,
.siguiente.swiper-button-disabled {
    opacity: .10;
    pointer-events: all !important;
    border: none !important;
}