.page-container {
    max-width: 1200px;
}

.region {
    position: relative;
    margin-bottom: 0.75rem;
}

.region::before {
    display: block;
    content: "";
    width: 100%;
}

.carousel-item-custom {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.5, 0.07, 0.47, 1.24);
    transform: translateX(0%);
    max-width: 100%;
}

.carousel-item-custom>* {
    flex: 0 0 33.3333%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0px;
    padding: 12px;
    box-sizing: border-box;
}

/* padding-top en % refiere al ancho del contenedor padre (aspect-ratio) */
.region_landscape-large::before {
    padding-top: calc(400 / 1024 * 100%);
}

.region_square::before {
    padding-top: calc(1 / 1 * 100%);
}

.region_landscape-small::before {
    padding-top: calc(1 / 2 * 100%);
}

.region_portrait-small::before {
    padding-top: calc(2 / 1 * 100%);
}

div.sf-interactions-proxyHoverContainer a {
    overflow: visible;
}