#seccion-carrusel-pasos #carrusel {
    margin: 0px 0px 32px;
}

.header .titulo {
    display: flex;
    padding: var(--size-space-20, 20px) var(--360-575-page-margin, 16px) var(--size-space-40, 40px) var(--360-575-page-margin, 16px);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-32, 32px);
}

#seccion-carrusel-pasos.subtitulo {
    font-family: IberPangeaText-Regular;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: rgb(44, 44, 44);
    letter-spacing: -0.01em;
}

#seccion-carrusel-pasos .owl-carousel.off {
    display: flex !important;
    justify-content: center;
}

#seccion-carrusel-pasos .item-container .item > .titulo {
    font-family: IberPangea-Bold;
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 20px;
}

#seccion-carrusel-pasos .item-container .item .desc {
    width: 226px;
    text-align: center;
    overflow-wrap: break-word;
    margin-left: auto;
    margin-right: auto;
}

#seccion-carrusel-pasos .item-container .item {
    display: flex;
    flex-direction: column;
    width: 269px;
    height: 344px;
    background: rgb(0, 64, 42);
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#seccion-carrusel-pasos .item-container .item::before {
    position: absolute;
    content: "1";
    font-family: IberPangea-Bold;
    font-size: 100px;
    line-height: 53px;
    bottom: 0px;
    left: 24px;
    color: white;
}

#seccion-carrusel-pasos .item-container.uno .item::before {
    content: "1";
}

#seccion-carrusel-pasos .item-container.dos .item::before {
    content: "2";
}

#seccion-carrusel-pasos .item-container.tres .item::before {
    content: "3";
}

#seccion-carrusel-pasos .item-container .item .titulo {
    font-family: IberPangeaText-Regular;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    overflow-wrap: break-word;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
}

#seccion-carrusel-pasos .item-container .item > img {
    width: 80px;
    height: 80px;
    margin-left: 5px;
    margin-bottom: 12px;
    align-self: flex-start;
    left: 16px;
    top: 224px;
    position: absolute;
    text-align: center;
    color: rgb(220, 235, 225);
    font-size: 100px;
    font-weight: 700;
    line-height: 72px;
    overflow-wrap: break-word;
}

#seccion-carrusel-pasos .contenedor-textos-item {
    position: absolute;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    display: inline-flex;
    top: 100px;
    left: 0;
    right: 0;
    transform: none;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
}

#seccion-carrusel-pasos .contenedor-textos-item h3 {
    padding: 0px 0px;
    margin-bottom: 0px;
    color: var(--Color-Content-General-Inverse, #FFF);
    text-align: center;
    font-feature-settings: "liga" 0, "clig" 0;
}

#seccion-carrusel-pasos .contenedor-textos-item .titulo {
    width: 226px;
    text-align: center;
    color: rgb(44, 44, 44);
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    overflow-wrap: break-word;
}

#seccion-carrusel-pasos .contenedor-boton-carrusel {
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
}

#seccion-carrusel-pasos .button-text {
    font-family: IberPangeaText-Regular;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

#seccion-carrusel-pasos .contenedor-boton-carrusel a {
    color: rgb(255, 255, 255);
    margin: 0px 0px -20px;
    width: 200px;
    height: 56px;
    padding: 12px;
    align-content: center;
    text-transform: none !important;
    font-size: 19px !important;
    background-color: rgb(47, 104, 82) !important;
    border-color: rgb(47, 104, 82) !important;
}

#seccion-carrusel-pasos .wcom-button.button-orange:active,
#seccion-carrusel-pasos .wcom-button.button-orange:hover,
#seccion-carrusel-pasos .wcom-button.button-orange:focus {
    background-color: rgb(47, 87, 72) !important;
    border-color: rgb(47, 87, 72) !important;
}

#seccion-carrusel-pasos .contenedor-boton-carrusel a:hover {
    background-color: rgb(47, 87, 72) !important;
    border-color: rgb(47, 87, 72) !important;
}

#seccion-carrusel-pasos .owl-theme .owl-dots .owl-dot.active span,
#seccion-carrusel-pasos .owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(104, 159, 56);
    width: 8px;
    height: 8px;
}

#seccion-carrusel-pasos .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: rgb(208, 229, 175);
}

#seccion-carrusel-pasos .numero-tarjeta {
    width: 38px;
    height: 74px;
    text-align: center;
    color: rgb(220, 235, 225);
    font-size: 100px;
    font-family: "IberPangea Text";
    font-weight: 700;
    line-height: 72px;
    overflow-wrap: break-word;
    margin-top: -10px;
}

#seccion-carrusel-pasos #carrusel {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0px;
}

#seccion-carrusel-pasos.verde-claro {
    background: var(--Color-Surface-General-1, #FFF);
}

#seccion-carrusel-pasos.verde-claro #carrusel .item-container .item {
    border-radius: var(--border-radius-l, 16px);
    background: var(--Color-Surface-General-Inverse, #00402A);
    margin-bottom: 10px;
}

#seccion-carrusel-pasos.verde-claro #carrusel .item-container .item .titulo,
#seccion-carrusel-pasos.verde-claro #carrusel .item-container .item .desc {
    color: var(--Color-Content-General-Inverse, #FFF);
    text-align: center;
    font-feature-settings: "liga" 0, "clig" 0;
    align-self: stretch;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

#seccion-carrusel-pasos.verde-claro #carrusel .item-container .item::before {
    color: var(--Color-Surface-General-1, #FFF);
}

.mt-5 {
    margin-top: 0px !important;
}

.imagen-siguiente, .imagen-anterior {
    width: 24px;
    height: 24px;
}

.navigation__next {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right.svg");
    background-size: cover;
    width: 20px;
    height: 20px;
}

.navigation__prev.swiper-button-disabled {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left-Disabled.svg");
}

.navigation__next.swiper-button-disabled {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right-Disabled.svg");
}

.navigation-prev__container:has(.navigation__prev.swiper-button-disabled) {
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.navigation-next__container:has(.navigation__next.swiper-button-disabled) {
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.navigation-prev__container, .navigation-next__container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: var(--border-radius-xxl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Active, #2F6852);
    background-color: var(--Color-Surface-General-1, #FFF);
}

.navigation__prev {
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left.svg");
    background-size: cover;
    width: 20px;
    height: 20px;
}

.navigation__paginate {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: var(--border-radius-xxl, 100px);
    border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Active, #2F6852);
    background-color: var(--Color-Surface-General-1, #FFF);
    padding: 8px;
    margin: 0px 16px;
    width: 88px !important;
    top: 0px !important;
}

.navigation__container {
    display: flex;
    justify-content: center;
    position: relative;
    margin: 14px 0px 32px;
}

.swiper-button-prev::after, .swiper-button-next::after {
    content: "" !important;
}

div.swiper-next, div.swiper-prev {
    width: 40px !important;
}

div.swiper-next::after {
    content: "";
}

#seccion-carrusel-pasos .item-container .item .desc {
    color: var(--Color-Content-General-Inverse, #FFF);
    text-align: center;
    font-feature-settings: "liga" 0, "clig" 0;
}

#seccion-carrusel-pasos .container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

#seccion-carrusel-pasos .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: rgb(220, 235, 225);
    border: 1px solid rgb(47, 104, 82);
}

#seccion-carrusel-pasos .owl-theme .owl-dots .owl-dot.active span,
#seccion-carrusel-pasos .owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(0, 164, 67);
    width: 8px;
    border-color: rgb(0, 164, 67);
    height: 8px;
}

@media (min-width: 576px) {
    #seccion-carrusel-pasos .item-container .item .desc {
        color: var(--Color-Content-General-Inverse, #FFF);
        text-align: center;
        font-feature-settings: "liga" 0, "clig" 0;
    }

    #seccion-carrusel-pasos .item-container .item {
        margin-left: 16px;
        margin-right: 0px;
        width: 320px;
        height: 312px;
    }

    #seccion-carrusel-pasos .item-container .item .titulo {
        line-height: 32px;
    }

    #seccion-carrusel-pasos .contenedor-textos-item {
        top: 80px;
    }

    #seccion-carrusel-pasos #carrusel {
        margin-left: 15px;
        margin-right: 0px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #seccion-carrusel-pasos .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: 0px;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .navigation__paginate {
        width: 60px !important;
    }

    #seccion-carrusel-pasos .item-container .item {
        margin-left: 16px;
        margin-right: 0px;
        width: 304px;
        height: 312px;
    }
}

@media (min-width: 992px) {
    #seccion-carrusel-pasos.verde-claro #carrusel .item-container .item .titulo,
    #seccion-carrusel-pasos.verde-claro #carrusel .item-container .item .desc {
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    #seccion-carrusel-pasos .header .titulo {
        color: var(--Color-Content-General-1, #2C2C2C);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        align-self: stretch;
        margin-left: 82px;
        margin-right: 82px;
        padding: 0px;
        margin-bottom: 32px;
    }

    #seccion-carrusel-pasos .item-container .item {
        width: 260px;
        height: 344px;
        margin-left: auto;
        margin-right: auto;
    }

    #seccion-carrusel-pasos .contenedor-textos-item {
        top: 80px;
    }

    .navigation__container {
        display: none;
    }

    .contenedor-boton-carrusel {
        margin-top: 32px;
    }
}

@media (min-width: 1200px) {
    #carrusel .item-container .item {
        width: 316px;
        height: 312px;
    }

    #seccion-carrusel-pasos .contenedor-textos-item {
        top: 100px;
    }

    #seccion-carrusel-pasos .item-container .tres {
        margin-right: 0px;
    }

    #seccion-carrusel-pasos.verde-claro #carrusel .item-container .item {
        margin-left: 0px;
    }

    #seccion-carrusel-pasos .swiper-wrapper {
        max-width: 1036px;
    }
}

@media screen and (min-width: 1920px) {
    #seccion-carrusel-pasos .item-container .item {
        width: 408px;
        height: 290px;
    }

    #seccion-carrusel-pasos.verde-claro #carrusel .item-container .item .titulo,
    #seccion-carrusel-pasos.verde-claro #carrusel .item-container .item .desc {
        padding: 0px;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    #seccion-carrusel-pasos .item-container .item > img {
        top: 228px;
    }

    #seccion-carrusel-pasos .contenedor-textos-item {
        display: flex;
        padding: 32px 24px 0 24px;
        flex-direction: column;
        align-items: center;
        gap: var(--size-space-16, 16px);
        flex: 1 0 0;
        align-self: stretch;
        top: 60px;
        transform: none;
        justify-content: flex-start;
    }

    #seccion-carrusel-pasos .item-container {
        padding: 0px;
    }

    #seccion-carrusel-pasos .item {
        margin-right: 20px;
    }
}