#ventajas-fidelidad__seccion {
    height: 754px;
}

.ventajas-fidelidad__encabezado {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 40px 16px 32px 16px;
}

/* Title/S */
.ventajas-fidelidad__titulo-seccion {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-1-smbold);
    font-size: var(--size-font-175);
    line-height: var(--size-font-line-height-xl);
    font-style: var(--font-style-normal);
    font-weight: inherit;
    color: #2C2C2C;
    text-align: center;
    margin-bottom: 16px;
}

/* Body/Regular/M */
.ventajas-fidelidad__descripcion-seccion {
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-100);
    line-height: var(--size-font-line-height-s);
    font-style: var(--font-style-normal);
    font-weight: inherit;
    color: #2C2C2C;
    text-align: center;
}

#ventajas-fidelidad__carrusel {
    padding: 0 16px;
}

#ventajas-fidelidad__carrusel .swiper-wrapper {
    margin-bottom: 48px;
}

#ventajas-fidelidad__carrusel .ventajas-fidelidad__tarjeta {
    width: 304px;
    height: 330px;
    position: relative;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: end;
}

#ventajas-fidelidad__fondo-saldo {
    background: url("/documents/20122/21337071/img_fondo_saldo_768.webp");
}

#ventajas-fidelidad__fondo-experiencias {
    background: url("/documents/20122/21337071/img_fondo_experiencias_768.webp");
}

#ventajas-fidelidad__fondo-descuentos {
    background: url("/documents/20122/21337071/img_fondo_descuentos_768.webp");
}

.ventajas-fidelidad__contenedor-blanco {
    position: absolute;
    width: 280px;
    height: 110px;
    border-radius: 16px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 12px;
}

/* Title/XS */
.ventajas-fidelidad__titulo-tarjeta {
    font-family: var(--font-family-1-smbold);
    font-size: var(--size-font-125);
    line-height: var(--size-font-line-height-m);
    font-style: var(--font-style-normal);
    font-weight: inherit;
    color: #2C2C2C;
    text-align: center;
    margin-bottom: 8px;
}

/* Body/Regular/S */
.ventajas-fidelidad__descripcion-tarjeta {
    font-family: var(--font-family-2-regular);
    font-size: var(--size-font-75);
    line-height: var(--size-font-line-height-2xs);
    font-style: var(--font-style-normal);
    font-weight: inherit;
    color: #2C2C2C;
    text-align: center;
    margin-bottom: 16px;
}

/* Button/Underline Text L */
.ventajas-fidelidad__boton-tarjeta {
    font-family: var(--font-family-2-medium);
    font-size: var(--size-font-100);
    line-height: var(--size-font-line-height-xs);
    text-underline-position: from-font;
    font-weight: inherit;
    color: #2F6852;
}

.ventajas-fidelidad__flecha-saber-mas {
    font-family: var(--font-family-2-medium);
    font-size: var(--size-font-100);
    line-height: var(--size-font-line-height-xs);
    text-decoration: var(--font-style-underline);
    text-underline-position: from-font;
    font-weight: inherit;
    color: #2F6852;
}

#ventajas-fidelidad__paginacion-flecha-prev,
#ventajas-fidelidad__paginacion-flecha-next {
    display: none;
}

.ventajas-fidelidad__contenedor-boton {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
}

/* Button/Main */
#ventajas-fidelidad__boton-unirme-ahora {
    font-family: var(--font-family-2-smbold);
    font-size: var(--size-font-100);
    line-height: var(--size-font-line-height-m);
    font-style: var(--font-style-normal);
    font-weight: inherit;
    color: #FFFAF6;
    width: 200px;
    height: 56px;
    border-radius: 100px;
    background: #2F6852;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ventajas-fidelidad__boton-unirme-ahora:hover {
    background-color: var(--ibd__primary__template-dark)
}

.ventajas-fidelidad__contenedor-blanco .ventajas-fidelidad__boton-tarjeta .ventajas-fidelidad__flecha-saber-mas:hover {
    text-decoration: underline;
}

#ventajas-fidelidad__paginacion-flecha-prev,
#ventajas-fidelidad__paginacion-flecha-next {
    display: none;
}

@media (min-width: 576px) {

    #ventajas-fidelidad__seccion {
        height: 700px;
    }

    .ventajas-fidelidad__encabezado {
        padding: 40px 42px 32px 42px;
    }

    #ventajas-fidelidad__carrusel {
        padding: 0 42px;
    }
}

@media (min-width: 768px) {

    #ventajas-fidelidad__seccion {
        height: 678px;
    }

    .ventajas-fidelidad__encabezado {
        padding: 40px 48px 32px 48px;
    }

    #ventajas-fidelidad__carrusel {
        padding: 0 48px;
    }
}

@media (min-width: 992px) {

    #ventajas-fidelidad__seccion {
        height: 672px;
    }

    .ventajas-fidelidad__encabezado {
        padding: 40px 82px 32px 82px;
    }

    /* Title/M */
    .ventajas-fidelidad__titulo-seccion {
        font-family: var(--font-family-1-smbold);
        font-size: var(--size-font-200);
        line-height: var(--size-font-line-height-2xl);
        font-style: var(--font-style-normal);
        font-weight: inherit;
    }

    #ventajas-fidelidad__carrusel {
        padding: 0 82px;
    }

    #ventajas-fidelidad__paginacion-flecha-prev,
    #ventajas-fidelidad__paginacion-flecha-next {
        display: block;
        border-radius: 50px;
        background: var(--Color-Surface-General-1, #FFF);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
        padding: 16px;
        height: 64px;
        width: 64px;
        top: 174px;
    }

    #ventajas-fidelidad__paginacion-flecha-prev:after,
    #ventajas-fidelidad__paginacion-flecha-next:after {
        font-size: 22px;
        font-weight: bold;
        position: relative;

    }

    #ventajas-fidelidad__paginacion-flecha-next:after {
        margin-left: 12px;
        top: 5px;
    }

    #ventajas-fidelidad__paginacion-flecha-prev:after {
        margin-left: 9px;
        top: 5px;
    }
}

@media (min-width: 1200px) {

    #ventajas-fidelidad__seccion {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 630px;
    }

    .ventajas-fidelidad__encabezado {
        padding: 40px 0px 32px 0px;
        width: 996px;
    }

    #ventajas-fidelidad__carrusel .swiper-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 24px;
        margin-bottom: 0px;
    }

    #ventajas-fidelidad__carrusel .ventajas-fidelidad__tarjeta {
        width: 316px;
    }

    #ventajas-fidelidad__fondo-saldo {
        background: url("/documents/20122/21337071/img_fondo_saldo_1920.webp");
        background-size: contain;
    }

    #ventajas-fidelidad__fondo-experiencias {
        background: url("/documents/20122/21337071/img_fondo_experiencias_1920.webp");
        background-size: contain;
    }

    #ventajas-fidelidad__fondo-descuentos {
        background: url("/documents/20122/21337071/img_fondo_descuentos_1920.webp");
        background-size: contain;
    }

    .ventajas-fidelidad__contenedor-blanco {
        width: 292px;
    }

    #ventajas-fidelidad__paginacion-flecha-prev,
    #ventajas-fidelidad__paginacion-flecha-next {
        display: none;
    }

}

@media (min-width: 1920px) {

    .ventajas-fidelidad__encabezado {
        width: 1272px;
    }

    #ventajas-fidelidad__carrusel .ventajas-fidelidad__tarjeta {
        width: 408px;
    }

    .ventajas-fidelidad__contenedor-blanco {
        width: 384px;
    }

}