/* MercadoPago Point Smart 2 Slider - CSS */
.calm-landings-library-slider {
    width: 100%;
}

.calm-landings-library-slider__title {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    padding-bottom: 32px;
    text-align: center;
    margin: 0;
}

.calm-landings-library-slider.type-image {
    padding-bottom: 55px;
}

.calm-landings-library-slider.mobile .calm-landings-library-slider__slide-item > div {
    min-height: 420px;
    min-width: 280px;
    border-radius: 16px;
    position: relative;
}

.calm-landings-library-slider.mobile h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 24px 24px 16px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: calc(100% - 48px); /* Ensure text doesn't overflow */
    max-width: 250px; /* Limit max width for better positioning */
}

.calm-landings-library-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Andes Carousel Styles */
.andes-carousel-snapped {
    height: 100%;
    overflow-x: visible;
}

.andes-carousel-snapped__container {
    position: relative;
}

.andes-carousel-snapped__container--content {
    width: 100%;
}

.andes-carousel-snapped__controls-wrapper {
    position: relative;
}

.andes-carousel-snapped__wrapper {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    will-change: transform;
    flex-direction: row;
    transition: transform 350ms;
}

.andes-carousel-snapped__slide {
    cursor: unset;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    width: 283.636px;
    opacity: 30%;
}

.andes-carousel-snapped__slide--spacing-8 {
    margin-right: 8px;
}

.andes-carousel-snapped__slide--active {
    opacity: 100% !important;
}

.andes-carousel-snapped__slide--next,
.andes-carousel-snapped__slide--previous {
    position: relative;
}

/* Controls */
.andes-carousel-snapped__control {
    align-items: center;
    background-color: rgba(65, 137, 230, 0.1);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: 1;
    padding: 0;
    position: absolute;
    height: 30px;
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    z-index: 3;
}

.andes-carousel-snapped__control:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
}

.andes-carousel-snapped__control--previous {
    left: 0;
    right: unset;
}

.andes-carousel-snapped__control--next {
    left: unset;
    right: 0;
}

.andes-carousel-snapped__control--size-small {
    height: 32px;
    width: 32px;
}

.andes-carousel-snapped__control svg,
.andes-carousel-snapped__control svg path {
    fill: #3483fa;
}

.andes-carousel-snapped__control[data-andes-state~="disabled"] {
    cursor: default;
    opacity: 0.5 !important;
}

/* Mobile specific for type-image */
.calm-landings-library-slider.mobile.type-image [data-andes-carousel-snapped-control] {
    bottom: -36px;
    top: unset;
    transform: translateY(0) !important;
}

.calm-landings-library-slider.mobile.type-image [data-andes-carousel-snapped-control="previous"].andes-carousel-snapped__control--previous {
    left: unset;
    margin: 0;
    right: 46px;
}

.calm-landings-library-slider.mobile.type-image [data-andes-carousel-snapped-control="next"].andes-carousel-snapped__control--next {
    left: unset;
    margin: 0;
    right: 0;
}

/* Pagination */
.andes-carousel-snapped__pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    justify-content: center;
}

.andes-carousel-snapped__pagination[data-andes-position="bottom"] {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(65, 137, 230, 0.1);
    border-radius: 16px;
    padding: 12px;
}

.calm-landings-library-slider.mobile.type-image .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="bottom"] {
    bottom: -36px;
    left: 0;
    transform: translate(0) !important;
}

.andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] {
    display: flex;
}

.andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] button {
    border: 0;
    border-radius: 50%;
    height: 6px;
    margin: 0 2px;
    padding: 0;
    width: 6px;
    background-color: rgba(0, 0, 0, 0.1);
}

.andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item][data-andes-carousel-snapped-pagination-item-active="true"] button {
    background-color: #2968c8;
}

/* Figure wrapper */
.image-figure {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Slide item content */
.calm-landings-library-slider__slide-item-content {
    z-index: 2;
    position: relative;
}

.calm-landings-library-slider__slide-item-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2em;
    padding: 24px 24px 16px;
}

/* Specific styling for third slide (Point Smart 2) */
.andes-carousel-snapped__slide[data-slider="2"] .calm-landings-library-slider__slide-item-title {
    color: rgb(0, 0, 0) !important;
}

/* Ensure proper image and text overlay positioning */
.calm-landings-library-slider__slide-item > div {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.calm-landings-library-slider__slide-item .image-figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1;
}

/* Wrapper parent for overflow control */
.wrapper-parent {
    overflow: hidden;
    width: 100%;
}

/* Visually hidden utility */
.andes-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}