.enlace-yape-button,
.pasos-recarga-carousel,
.portlet-tab-content-recargar-yape,
.recarga-yape-top {
    background-color: #f5f5f5
}

.enlace-yape-button .enlace-yape-button_content,
.pasos-recarga-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 390px;
    display: none
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona {
    margin-bottom: 20px;
    width: 100%;
    height: 60px;
    background: #fff;
    border: 1px solid #d3d4d3;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    color: #6a6a6a;
    cursor: pointer;
    flex-wrap: wrap
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton .pasos-recarga-carousel_boton-numero,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona .pasos-recarga-carousel_boton-numero,
.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-infomobile .pasos-recarga-carousel_item-infomobile-numero {
    color: #fff;
    font-size: 14px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #a13ea1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    margin-right: 8px
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton img,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton span,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona img,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona span,
.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-infomobile img,
.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-infomobile span {
    margin-right: 4px
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton .pasos-recarga-carousel_boton-celeste,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona .pasos-recarga-carousel_boton-celeste,
.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-infomobile .pasos-recarga-carousel_item-infomobile-celeste {
    color: #019bf1;
    margin-right: 4px
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton .pasos-recarga-carousel_boton-otrapersona_salto,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona .pasos-recarga-carousel_boton-otrapersona_salto {
    padding-left: 32px;
    margin-top: -22px
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona.active,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton.active {
    border: 1px solid #a13ea1
}

.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona:focus,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton-otrapersona:focus-visible,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton:focus,
.pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones .pasos-recarga-carousel_boton:focus-visible {
    outline: 0
}

.pasos-recarga-carousel .pasos-recarga-carousel_right {
    width: 340px
}

.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .swiper-container {
    padding-bottom: 50px
}

.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .swiper-container .swiper-pagination {
    bottom: 15px
}

.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 19px;
    padding-top: 10px
}

.pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-infomobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    font-size: 14px;
    flex-wrap: wrap
}

.enlace-yape-button {
    padding: 20px 60px 40px
}

.enlace-yape-button .enlace-yape-button_content .enlace-yape-button_enlace {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background-color: #008edd;
    padding: 16px 48px;
    border-radius: 60px
}

.recarga-yape-top {
    padding-top: 16px;
    padding-bottom: 35px
}

.recarga-yape-top .recarga-yape-top_titulo {
    font-size: 32px;
    line-height: 40px;
    color: #019df4;
    font-weight: 300;
    width: 300px;
    margin: 0 auto 16px;
    text-align: center
}

.recarga-yape-top .recarga-yape-top_subtitulo {
    font-size: 18px;
    line-height: 24px;
    color: #50535a;
    text-align: center;
    width: 312px;
    margin: 0 auto
}

.portlet-tab-content-recargar-yape .starweb-tab-nested-portlet .tab-nested-wrapper .tabs-wrapper .nav.nav-tabs {
    justify-content: center !important
}

@media (min-width:990px) {
    .pasos-recarga-carousel .pasos-recarga-carousel_left {
        margin: 0 40px;
        padding-top: 70px
    }

    .pasos-recarga-carousel .pasos-recarga-carousel_left .pasos-recarga-carousel_left-botones {
        display: block
    }

    .pasos-recarga-carousel .pasos-recarga-carousel_right {
        margin: 0 40px;
        width: 500px
    }

    .pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-infomobile,
    .pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .swiper-container .swiper-pagination {
        display: none
    }

    .pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-img {
        margin-bottom: 0;
        padding-top: 25px
    }

    .pasos-recarga-carousel .pasos-recarga-carousel_right .pasos-recarga-carousel_right-content .pasos-recarga-carousel_item .pasos-recarga-carousel_item-img img {
        height: 570px;
        width: auto
    }

    .enlace-yape-button {
        padding: 20px 60px 40px
    }

    .recarga-yape-top {
        padding: 60px
    }

    .recarga-yape-top .recarga-yape-top_titulo {
        font-size: 40px;
        line-height: 48px;
        width: 100%
    }

    .recarga-yape-top .recarga-yape-top_subtitulo {
        font-size: 20px;
        line-height: 24px;
        width: 100%
    }
}

.banner-hero .slider,
.banner-hero .slider__item {
    height: 400px
}

.banner-hero .slider__item .item__container .container__free-html {
    position: static
}

.recarga-yape {
    height: 100%
}

.bono-yapero__img,
.recarga-yape__img {
    width: auto;
    height: auto
}

.ahora-con-yape__pctTitle,
.bono-yapero__pctPaso1,
.bono-yapero__pctPaso2,
.bono-yapero__pctPaso3,
.recarga-yape__pctChica,
.recarga-yape__pctPrepago {
    display: block;
    text-align: center
}

.banner-hero [data-analytics-asset-id="3281414"] .slider__item .item__container .container {
    padding: 0
}

.banner-hero [data-analytics-asset-id="3281414"] .slider__item .item__container .container__free-html {
    max-width: none;
    height: 100%
}

@media screen and (min-width:768px) {
    .recarga-yape__wrap {
        display: flex;
        align-items: center;
        height: 100%;
        flex-direction: row-reverse;
        justify-content: center;
        max-width: 970px;
        position: relative
    }

    .recarga-yape__content1 {
        align-self: flex-start
    }

    .recarga-yape__content2 {
        align-self: flex-end
    }
}

@media screen and (min-width:993px) {
    .recarga-yape__content1 {
        position: absolute;
        right: 0
    }

    .recarga-yape__content2 {
        position: absolute;
        left: 0
    }
}

.ahora-con-yape__pctTitle .recarga-yape__img {
    width: 100%
}

.ahora-con-yape {
    position: absolute;
    left: 0;
    right: 0
}

.ahora-con-yape__pctLogo {
    display: block;
    text-align: right;
    margin-bottom: 1rem
}

.ahora-con-yape__paragraph {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.banner-hero [data-analytics-asset-id="14961212"] .picture .picture__image {
    object-position: center
}

.ahora-con-yape__gruesita,
.bono-yapero__gruesita {
    font-weight: 700
}

.ahora-con-yape__content {
    width: 153px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 1rem
}

.bono-yapero__btn,
.bono-yapero__parr,
.bono-yapero__wrap {
    margin-left: auto;
    margin-right: auto
}

.banner-hero [data-analytics-asset-id="14961212"] .slider__item .item__container .container {
    padding: 35px 60px 65px
}

.banner-hero div.glide__bullets_banner.glide__bullets {
    bottom: .7em
}

.banner-hero div.glide__bullets_banner.glide__bullets button.glide__bullet--active {
    background-color: #007bff !important
}

.ahora-con-yape__wrap {
    width: 300px;
    margin: auto
}

@media screen and (min-width:425px) {
    .ahora-con-yape__pctTitle .recarga-yape__img {
        width: auto
    }
}

@media screen and (min-width:640px) {
    .ahora-con-yape__paragraph {
        font-size: 24px
    }

    .ahora-con-yape__wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-28%, 20%);
        width: auto;
        margin: auto
    }

    .ahora-con-yape__pctLogo {
        text-align: center
    }

    .ahora-con-yape__content {
        width: 424px;
        margin: auto
    }
}

@media screen and (min-width:800px) {
    .ahora-con-yape__wrap {
        transform: translate(-28%, 0)
    }
}

@media screen and (min-width:1200px) {

    .ahora-con-yape,
    .recarga-yape__content1,
    .recarga-yape__content2 {
        position: static
    }

    .recarga-yape__wrap {
        max-width: 1110px;
        justify-content: space-between
    }

    .ahora-con-yape__wrap {
        transform: translate(-20%, -69%)
    }
}

.bono-yapero {
    text-align: center;
    padding: 32px 0
}

.bono-yapero__title {
    font-size: 32px;
    font-weight: 300;
    letter-spacing: .25px;
    color: #50535a;
    margin-bottom: 28px
}

.bono-yapero__wrap {
    position: relative;
    width: 328px;
    height: 508px;
    background: #0b2739;
    border-radius: 16px;
    padding: 32px 20px;
    color: #fff
}

.bono-yapero__parr {
    width: 288px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400
}

.bono-yapero__btn {
    display: block;
    width: 183px;
    color: inherit;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    background: #e63780
}

.bono-yapero__btn:hover {
    color: #fff
}

.bono-yapero__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px
}

.bono-yapero .swiper-wrapper {
    height: 305px
}

.bono-yapero .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.bono-yapero span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ededed !important;
    opacity: 1
}

.bono-yapero span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #019df4 !important
}

@media screen and (min-width:640px) {
    .bono-yapero .swiper-wrapper {
        height: auto
    }

    .bono-yapero__title {
        font-size: 40px;
        margin-bottom: 32px
    }

    .bono-yapero__wrap {
        max-width: 1024px;
        width: 100%;
        height: 314px
    }

    .bono-yapero .swiper-container {
        margin-bottom: 1.2rem
    }

    .bono-yapero .swiper-slide {
        flex-shrink: initial
    }

    .bono-yapero__parr {
        width: auto
    }
}

@media screen and (min-width:992px) {
    .ahora-con-yape__pctTitle {
        margin-bottom: 10px
    }

    .ahora-con-yape__pctLogo {
        margin-bottom: 1.5rem
    }

    .bono-yapero__wrap {
        display: flex
    }

    .bono-yapero .swiper-container {
        width: 530px
    }

    .bono-yapero__image {
        position: relative;
        bottom: -4px
    }

    .bono-yapero__contentSlides {
        position: relative
    }

    .bono-yapero__content {
        bottom: 0
    }
}