/*@font-face{font-display:swap;font-family:Flexo-Bold;font-weight:400;src:url(../fonts/flexo/242863_E_0.eot);src:url(../fonts/flexo/242863_E_0.eot?#iefix) format("embedded-opentype"),url(../fonts/flexo/242863_E_0.woff) format("woff"),url(../fonts/flexo/242863_E_0.ttf) format("truetype");}*/
/*@font-face{font-display:swap;font-family:Flexo-Demi;font-weight:400;src:url(../fonts/flexo/242863_C_0.eot);src:url(../fonts/flexo/242863_C_0.eot?#iefix) format("embedded-opentype"),url(../fonts/flexo/242863_C_0.woff) format("woff"),url(../fonts/flexo/242863_C_0.ttf) format("truetype");}*/
/*@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto/roboto-400.woff2) format("woff2");}*/
/*@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto/roboto-500.woff2) format("woff2");}*/
/*@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto/roboto-400.woff2) format("woff2");}*/
/*@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto/roboto-500.woff2) format("woff2");}*/
/*@font-face{font-family:yape-icon;font-style:normal;font-weight:400;src:url(../fonts/icons/Yape_icons.eot?v=1.2.24);src:url(../fonts/icons/Yape_icons.eot?v=1.2.24) format("embedded-opentype"),url(../fonts/icons/Yape_icons.woff?v=1.2.24) format("woff"),url(../fonts/icons/Yape_icons.ttf?v=1.2.24) format("truetype"),url(../fonts/icons/Yape_icons.svg?v=1.2.24) format("svg");}*/
/*@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto/roboto-400.woff2) format("woff2");}*/
/*@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto/roboto-500.woff2) format("woff2");}*/
/*@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto/roboto-400.woff2) format("woff2");}*/
/*@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto/roboto-500.woff2) format("woff2");}*/
@font-face{
    font-family: yape-icon;
    src:         url("../fonts/icons/yape-icon.woff") format("woff");
    font-display:swap;
}

@font-face{
    font-family: Roboto-Regular;
    src:         url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"),
                 url("../fonts/roboto/roboto-regular.woff") format("woff"),
                 url("../fonts/roboto/roboto-regular.woff2") format("woff2");
    font-display:swap;
}

@font-face{
    font-family: Roboto-bold;
    src:         url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"),
                 url("../fonts/roboto/roboto-bold.woff") format("woff"),
                 url("../fonts/roboto/roboto-bold.woff2") format("woff2");
    font-display:swap;
}

@font-face{
    font-family: Roboto-Medium;
    src:         url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"),
                 url("../fonts/roboto/roboto-medium.woff") format("woff");
    font-display:swap;
}

.icon-yape{
    font-family:           "yape-icon", sans-serif;
    -webkit-font-smoothing:antialiased;
    font-style:            normal;
    font-size:             23px;
    color:                 #a59fb2;
    margin-right:          8px;
    margin-left:           8px;
    float:                 none;
}

.fondo_promociones{
    background:rgb(74, 25, 113);
    background:linear-gradient(0deg, rgba(74, 25, 113, 1) 0%, rgba(116, 35, 132, 1) 60%);
}

.center-vertical{
    display:    flex;
    align-items:center;
}

/*.gsc-results-wrapper-nooverlay{*/
/*    margin-top:50px;*/
/*}*/
/*#adBlock,.gsc-orderby-container,.gcsc-more-maybe-branding-root{*/
/*    display: none;*/
/*}*/
/*.gsc-thumbnail-inside,.gs-webResult div.gs-visibleUrl-breadcrumb{*/
/*    display:none;*/
/*}*/
/*.gs-snippet{*/
/*    display: inline-block;*/
/*    height: auto;*/
/*    padding: 16px 0;*/
/*    cursor: pointer;*/
/*    color: #2c2044 !important;*/
/*    !*border-bottom: 1px solid #d6d2e1;*!*/
/*    font-weight: 300;*/
/*    margin-bottom:0;*/
/*    font-size: 16px;*/
/*    font-family: Roboto-Regular !important;*/
/*}*/
/*.gs-snippet:hover{*/
/*    color:#00a691 !important;*/
/*}*/

/*.gsc-control-cse{*/
/*    background-color:#FFFFFF !important;*/
/*    border: 0 !important;*/
/*}*/
/*.gsc-above-wrapper-area{*/
/*    display: none!important;*/
/*}*/
/*.gsc-cursor-box{*/
/*    display: none!important;*/
/*}*/
/*.gsc-webResult.gsc-result {*/
/*    border-left: 0 !important;*/
/*    border-right: 0 !important;*/
/*    border-top:0 !important;*/
/*    border-bottom: 1px solid #d6d2e1 !important;*/
/*    padding: 10px 0 !important;*/
/*}*/
/*.gsc-webResult.gsc-result:hover {*/
/*    !*border-color: #FFFFFF !important;*!*/
/*    background-color: #FFFFFF;*/
/*}*/
/*.gsc-search-button-v2 {*/
/*    font-size: 0;*/
/*    padding: 6px 27px;*/
/*    width: auto;*/
/*    background-image: linear-gradient(top, #c284c8, #c78dcc);*/
/*    height: 44px;*/
/*    border: 2px solid rgb(255 255 255/30%);*/
/*    border-radius: 8px!important;*/
/*    cursor: pointer;*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*    flex-wrap: nowrap;*/
/*    box-shadow: none;*/
/*    color: #fff;*/
/*    background-color: #8b3d99;*/
/*}*/
/*.gsc-input-box{*/
/*    border-radius: 8px;*/
/*}*/
/*.gsc-input-box{*/
/*    border: 0 !important;*/
/*}*/
#image-gallery{
    margin-top:50px;
}

#image-gallery img{
    padding:0 0 30px;
    width:  -webkit-fill-available;
    display:none;
}

#image-gallery .btn{
    display:      block;
    margin:       0 auto 0;
    padding:      12px 12px 12px 45px;
    background:   url(../img/plus_icon.png) 10px 10px no-repeat;
    border-radius:16px;
}

.align_services{
    display:    flex;
    align-items:center;
}

.align_services div{
    margin-left:12px;
}

.align_services h3{
    color:        #2C2044;
    font-size:    16px;
    margin-bottom:0;
    font-family:  Roboto-Medium;
}

.service .img_center{
    max-width:450px;
}

.serviciosh3{
    margin:     10px 10px;
    font-family:Roboto-Medium;
    font-size:  20px;
}

.align_services span{
    font-size:14px;
    color:    #69607B;
}

.color-gray-white{
    color:#d1d1d1 !important;
}

.icon-yape:hover{
    color:#10cbb4;
}

.angle-right-r:before{
    content:"";
}

.icon-yape.angle-right-r:before{
    content:  "\f10b";
    font-size:16px;
}

.icon-yape.search-r:before{
    content:"\f182";
}

.icon-yape.close-r:before{
    content:"\f12e";
}

.icon-yape.arrow-left-r:before{
    content:"\f10f";
}

.input-search:before{
    content:"\f182";
}

.close-circle-b:before{
    background-color:#ffffff;
    font-family:"yape-icon", sans-serif;
    content:    "\f12c";
}

.clear-text{
    position: absolute;
    color:    #555;
    font-size:28px;
    top:      6px;
    right:    -15px;
}

.buttonIn{
    position:relative;
}

.clear{
    display:         none;
    position:        absolute;
    z-index:         2;
    border:          0;
    top:             35px;
    right:           30px;
    cursor:          pointer;
    background-color:rgba(0, 0, 0, 0);
    transform:       scale(1.5);
}

.clear:hover{
    color:#10cbb4;
}

#searching{
    display:   none;
    text-align:center;
}

.lds-spinner{
    display:inline-block;
    width:  62px;
    height: 46px;
    left:   -6px
}

.lds-spinner .ngcontent-plq-c38{
    transform-origin:40px 22px;
    animation:       lds-spinner 1.2s linear infinite
}

.lds-spinner .ngcontent-plq-c38:after{
    content:      " ";
    display:      block;
    position:     absolute;
    top:          3px;
    left:         37px;
    width:        3px;
    height:       11px;
    border-radius:20%;
    background:   #9d5ca5
}

.lds-spinner .ngcontent-plq-c38:nth-child(1){
    transform:      rotate(0);
    animation-delay:-1.1s
}

.lds-spinner .ngcontent-plq-c38:nth-child(2){
    transform:      rotate(30deg);
    animation-delay:-1s
}

.lds-spinner .ngcontent-plq-c38:nth-child(3){
    transform:      rotate(60deg);
    animation-delay:-.9s
}

.lds-spinner .ngcontent-plq-c38:nth-child(4){
    transform:      rotate(90deg);
    animation-delay:-.8s
}

.lds-spinner .ngcontent-plq-c38:nth-child(5){
    transform:      rotate(120deg);
    animation-delay:-.7s
}

.lds-spinner .ngcontent-plq-c38:nth-child(6){
    transform:      rotate(150deg);
    animation-delay:-.6s
}

.lds-spinner .ngcontent-plq-c38:nth-child(7){
    transform:      rotate(180deg);
    animation-delay:-.5s
}

.lds-spinner .ngcontent-plq-c38:nth-child(8){
    transform:      rotate(210deg);
    animation-delay:-.4s
}

.lds-spinner .ngcontent-plq-c38:nth-child(9){
    transform:      rotate(240deg);
    animation-delay:-.3s
}

.lds-spinner .ngcontent-plq-c38:nth-child(10){
    transform:      rotate(270deg);
    animation-delay:-.2s
}

.lds-spinner .ngcontent-plq-c38:nth-child(11){
    transform:      rotate(300deg);
    animation-delay:-.1s
}

.lds-spinner .ngcontent-plq-c38:nth-child(12){
    transform:      rotate(330deg);
    animation-delay:0s
}

@keyframes lds-spinner{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}

.input-search{
    opacity:            1;
    margin-top:         1.5vh;
    box-sizing:         border-box;
    color:              rgb(44 32 68);
    border:             1px solid rgb(145 145 157);
    background-color:   #fff;
    box-shadow:         none;
    outline:            0;
    caret-color:        rgb(44 32 68);
    display:            flex;
    align-items:        center;
    transition:         all .2s ease-in-out;
    background-image:   url(../img/yape_icon_search.svg);
    background-position:9px 19px;
    background-size:    25px;
    background-repeat:  no-repeat;
    padding:            12px 20px 12px 40px;
    width:              -webkit-fill-available;
    border-radius:      8px;
    height:             65px;
    transform:          translate(0px, 0px) !important;
}

.input-search:hover{
    border:1px solid rgb(206 146 214);
}

.input-search:focus{
    border:2px solid rgb(189 119 199) !important;
}

.results{
    list-style:          none;
    padding-inline-start:0;
}

.results li{
    border-bottom:  1px solid #d6d2e1;
    padding:        16px 0;
    display:        flex;
    justify-content:space-between;
    height:         auto;
    cursor:         pointer;
    font-weight:    300;
    color:          rgb(44 32 68) !important;
    font-family:    Roboto-Medium;
    align-items:    center;
}

.results li a{
    color:rgb(44 32 68) !important;
}

.results li a:hover{
    color:#00a691 !important;
}

/*.results b{*/
/*    background-color: #f5e5f7 !important;*/
/*    color: #742384 !important;*/
/*}*/
.loader{
    position:  fixed;
    left:      0px;
    top:       0px;
    width:     100%;
    height:    100%;
    z-index:   9999;
    animation: beat 1s infinite alternate;
    background:url(data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAAJ0AAACdCAMAAACZ+IrkAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAZlBMVEVHcEwPqNUPqNUPqNUPqNUPqNUPqNUPqNUPqNUPqNUPqNUPqNX///8PqNXz+f0prNjl8vpoud/N5fSbzenY6ve02O6Dw+RZtNxFsNqQyObA3/F0vuKo0+vv9/z4/P46r9kZqtfT6PWATQ9qAAAADHRSTlMAEGqg8Na5gEAoUJAvo5tXAAAHtklEQVR42u2c12KjOhBAk7ikqQuEKNnd+/8/eWOaVUYgMAE9ZJ5SjDnMaKpsPT158vF6PePd5XJ9eX+ak7fTAWQj4esk4McFHyynIN/7FR8v51cY7uWMk5ALoL7nE05Fzh8e3AUnJC8pw7l4V5yYmMZ9TQ0On++u8YbTk8tId0mQDr8ma9fWts+dv56TpMOnLkekCdcr75IoXRv03lOFa932M1k6/J5gmrBMmy4c/kx42WF8TTKLjTEl2WjXSqJp7JcOkL//EqaTiMhk6ShBCAmaKJ1CN8kSpWMtHSqTpOtUh5BIki7r6fIU6XgPh4oU6UQPl6RXjKpTxh+LvE6DLu/hmBkA2eQq3I9OD6oz40kz7ST70eWItHCEesTl4XSj6qSrugkn3o1OAqqjpKerDqajhBAvEpdoJjzvRSdRn2M1kDuIPpiOAaoroKV4BJ1Cma+6ZjZ37ETHSOYvsB6YFAfT8WHVcSDvlkfnCtEbVgCJtzo6zxZIAKq7OTJCGT2aLu/pBJDd9NEVlB4c1i+WCnp4fSd71bEUZwGUMOZVncnQKUh1VPJ96TjnFI7Ewo9reVRnthWdzm95FBqS1L3qzNKpq/aanei+2ViX5f0hiejppN9j1LvQSSKGOtJL6RrK/33ZyTajo7WsJBg6dUYYukvjBlwg/0sE5o61dHUVLCcKgmzhYDgBVLcNHS0ZCpZiygRjNwtbrymh/D9cQzawbGkqp/Y88i6Cd79zayaW+VpiWeS0Z5aOM8tsedCspB6qososkoBIrIa31A/S0cpZVLZpaXb/RzHWbIbBKvTlJzGRxY7xpulqd8UjhCHfu5dppWVGDS2wog+N8+Fumq5BaJKOEheuu6R06e1ILFBsyTJBZ1mVldKnG7tlRq1OZoT5QlAkztx+godKgjCdsaaQqIcexXrgAf8eBqmlqhoaRMj+KiPvslDODdIZcIzfW+McGmbeF5pqpyXS6fUtzXz95+YUFezMgnQjHClNkgKkY7Y2pe0TDHQkbaouEJlDdKNDVNocqwpw1DpCU8sJBDCJxf7YSQHBYJquthU33omDHjt2VqX5qmFM8odCiY+bw9lldMMVrLDV1IB2vXtFfxk1f7GX6pdnbTkRX2C60olifbXIKOCwBlxt5hMJ7U4ob+4+WKCJp2MOXKcnq34ax1vk/mdh3KgAc9+gOuI8dyDngnTUn6FyKbn2H8Bi5oayKING7MorUfnk9BOk+zvffpbIN5yZocZFCc6J75qaLldAOh10ovE+f/xCXRnKykf4Cop1lfuXBi+ly/KSh+c2yN3NHG1JzX8T5b6tWZ1wQMGRdD2i0qGFiW51L3HVkGOdGeUDBbycuZYul9Qo1C6aWFN4PWr3yEyMiWH0UW1V+hVU5Lt5WCyroJhb1TEFZRJW6/HBx+m+fa2CUou2l0d4hgfTFX5NzLjnEkR09mQlx1Chahu2cvWZIzQ3OA7k2YL5N1JubdU+s0BTkkGdpbLhquW1MZW++mr7mbM2glIYjzmRwrQGtS6bGhxP1MaqcgCZ/czDcgGMKriwQwc1bHHzAUX8VLO4JytUI4g9gxjhWAXUeZ2p+Ghw7XcBSPKGBeYaK2YBmg+tADfj7F0v5q1FrqgRc4BXoIBPPzDloS0VtxaZD1e4kbcLZMVauBCd9i5rXd/0ZOEtd78ayVr/QmvhQnSZ8Ha6XJHONMApgvqpnTRcizg6JLODbZiudlskYOUoc17jD8/8gE4K+12y2SFPgE46SreDc7f4uOV6fthSDl47BrpH0ahPCcJ0wopDOrdu00D5AYip9iNV3Qt0x8dk1EcEg3QI5bwr2TPPoppEwFn5xsjSuFB17Me0Juha/XsZqoAWVU6n8k2Wc7xOgusOlgHDCmGkxD8kIZ+FUzs39yhGJ9Hrbq3X0mGggLJahHZV3V5EVlutQXQtnR98GRDXC16sNlo5v1sRzrNqprN4fFv0ETo8VGhENKrYfLkr9BjdLdR9y8/4oppt57fcAV0FV6VJV8ZuVxxBl0dvV+xPR7PI3c8j6DiZ72KPoqMNmpk6HUhn7KbGhaod6ahRxEZWNbvRWaOP2K8wxH+mQvKt2H7g+xUCIVFswhYPF03XJZ98TaHZfQhpDVw03bittNS+ym3gFsDF0hnlXqbivw/Gc69tavD2dFYlT/I65pq6YXPV/zZ0hXeXfFqDRVkRqG1a6FdxdODMOrDbUtRSkOl+c2O68ACOiUpKyW8ipcwFC4/DSL3Y3ePo0AayWHE70olVmeaBdbdAmML45+haPEJWsmUr2eJzBWcIkWwNX/VA9RBfQSmGEBGiWmZSqTHeg67/8CfJ80bE6XD9BGhd9anLrIvDUspGTG7gsabGD8vi2piqvI+4QsheKiEqIe60DNwQ34Oum7DIKpA+RCU5xVvJA30F1br+lrKV209a/8PbypZdz9Zsv+dUPET39ku3Uq5Jnxp0SvgorfbEpVO6dO9PTx/JwrUH9J1Tpft8SvkgsvboxVRP07p2JxueElZdqkcbnsbzbxOE6w+FTPKoVOuw1OfkEoZ1yvH7OdFFlyLeyTu2OiHjfgKHQ6fiGucX+ETyJKx7DZ1K/nx8yr18TBzo/vx66PK7vsydhv/+ecwCPMcc1d8Rvu0uzxDH/yWN0pdfErqZAAAAAElFTkSuQmCC) 50% 50% no-repeat #3b60bd;
}

.banner_title{
    color:     #fff;
    position:  absolute;
    left:      20%;
    top:       50%;
    text-align:center;
    transform: translate(-50%, -50%);
}

/*limit images*/

/**/
/*CAMBIADO*/
html *{
    box-sizing:border-box;
}

body{
    color:      #2c2044;
    font-family:Roboto-Regular !important;
    font-size:  16px;
    margin:     0;
    overflow-x: hidden;
    overflow-y: inherit;
    padding:    0;
    width:      100%;
}

a{
    color:          #10cbb4;
    text-decoration:none;
}

a:active, a:hover{
    color:#1ee2ca;
}

h1, h2, h3, h5{
    color:      #2c2044;
    font-family:Roboto-bold;
}

h4{
    font-family:Roboto-Medium !important;
    font-size:  16px !important;
}

h1{
    font-size:2rem;
}

h2{
    font-size:34px;
}

@media all{
    *, :after, :before{
        box-sizing:border-box;
    }

    aside, footer, header, nav, section{
        display:block;
    }

    body{
        background-color:#fff;
        color:           #212529;
        font-family:     Roboto-Regular;
        font-size:       1rem;
        font-weight:     400;
        line-height:     1.5;
        margin:          0;
        text-align:      left;
    }

    [tabindex="-1"]:focus{
        outline:0 !important;
    }

    .subtitle-banner{
        color:        #ffffff;
        margin-bottom:20px;
    }

    hr{
        box-sizing:content-box;
        height:    0;
        overflow:  visible;
    }

    h1, h2, h3, h4, h5{
        margin-bottom:0.5rem;
        margin-top:   0;
    }

    p{
        margin-bottom:1rem;
        margin-top:   0;
    }

    span{
        color:    #69607B;
        font-size:16px;
    }

    .color-altern{
        color:#69607B;
    }

    .color-green{
        color:#10CBB4 !important;
    }

    ul{
        margin-bottom:1rem;
    }

    ul{
        margin-top:0;
    }

    b, strong{
        font-weight:bolder;
    }

    a{
        background-color:transparent;
        color:           #007bff;
    }

    a, a:hover{
        text-decoration:none;
    }

    a:hover{
        color:#10cbb4;
    }

    a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
        color:          inherit;
        text-decoration:none;
    }

    a:not([href]):not([tabindex]):focus{
        outline:0;
    }

    img{
        border-style:none;
    }

    img{
        vertical-align:middle;
    }

    label{
        display:      inline-block;
        margin-bottom:0.5rem;
    }

    button{
        border-radius:0;
    }

    button:focus{
        /*outline: 1px dotted;*/
        /*outline: 5px auto -webkit-focus-ring-color;*/
    }

    button, input{
        font-family:inherit;
        font-size:  inherit;
        line-height:inherit;
        margin:     0;
    }

    button, input{
        overflow:visible;
    }

    button{
        text-transform:none;
    }

    [type=button], button{
        -webkit-appearance:button;
    }

    [type=button]:not(:disabled), button:not(:disabled){
        cursor:pointer;
    }

    summary{
        cursor: pointer;
        display:list-item;
    }

    ol{
        line-height:30px;
    }

    h1, h2, h3, h4, h5{
        color:        #002a8d;
        font-family:  Roboto-bold;
        font-weight:  500;
        line-height:  1.2;
        margin-bottom:0.5rem;
    }

    h1{
        font-size:2rem;
    }

    h2{
        font-size:1.5rem;
    }

    h3{
        font-size:1.25rem;
    }

    h4{
        font-size:1.25rem;
    }

    h5{
        font-size:1.25rem;
    }

    hr{
        border:       0;
        border-top:   1px solid rgba(0, 0, 0, .1);
        margin-bottom:1rem;
        margin-top:   1rem;
    }

    .container{
        margin-left:  auto;
        margin-right: auto;
        padding-left: 16px;
        padding-right:16px;
        width:        100%;
    }

    .container-fluid{
        margin-left:  auto;
        margin-right: auto;
        padding-left: 16px;
        padding-right:16px;
        width:        100%;
    }

    .row{
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        margin-left: -16px;
        margin-right:-16px;
    }

    .no-gutters{
        margin-left: 0;
        margin-right:0;
    }

    .no-gutters > .col, .no-gutters > [class*=col-]{
        padding-left: 0;
        padding-right:0;
    }

    .col, .col-1, .col-11, .col-12, .col-9, .col-auto, .col-lg, .col-lg-12, .col-lg-4, .col-lg-8, .col-lg-auto, .col-md-6, .col-md-8, .col-md-auto, .col-sm-10, .col-xl-10{
        padding-left: 16px;
        padding-right:16px;
        position:     relative;
        width:        100%;
    }

    .col{
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-auto{
        flex:     0 0 auto;
        max-width:100%;
        width:    auto;
    }

    .col-1{
        flex:     0 0 8.3333333333%;
        max-width:8.3333333333%;
    }

    .col-9{
        flex:     0 0 75%;
        max-width:75%;
    }

    .col-11{
        flex:     0 0 91.6666666667%;
        max-width:91.6666666667%;
    }

    .col-12{
        flex:     0 0 100%;
        max-width:100%;
    }

    .order-1{
        order:1;
    }

    .order-2{
        order:2;
    }

    .form-control{
        background-clip: padding-box;
        background-color:transparent;
        background-color:initial;
        border:          1px solid #ced4da;
        border-radius:   8px;
        color:           #495057;
        display:         block;
        font-size:       1rem;
        font-weight:     400;
        height:          calc(1.5em + 2px);
        line-height:     1.5;
        padding:         0 1rem;
        transition:      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        width:           100%;
    }

    .form-control:focus{
        background-color:transparent;
        background-color:initial;
        border-color:    #80bdff;
        box-shadow:      none;
        color:           #495057;
        outline:         0;
    }

    .form-control::placeholder{
        color:  #6c757d;
        opacity:1;
    }

    .form-control:disabled{
        background-color:#fff;
        opacity:         1;
    }

    .form-group{
        margin-bottom:1rem;
    }

    .btn:focus{
        box-shadow:none;
        outline:   0;
    }

    .btn:disabled{
        opacity:0.65;
    }

    .nav-link{
        display:block;
        padding:0.5rem 1rem;
    }

    .nav-link:focus, .nav-link:hover{
        text-decoration:none;
    }

    .nav-link.disabled{
        color:         #6c757d;
        cursor:        default;
        pointer-events:none;
    }

    .navbar{
        padding: 0.5rem 1rem;
        position:relative;
    }

    .navbar, .navbar > .container{
        align-items:    center;
        display:        flex;
        flex-wrap:      wrap;
        justify-content:space-between;
    }

    .navbar-brand{
        display:       inline-block;
        font-size:     1.25rem;
        line-height:   inherit;
        margin-right:  1rem;
        padding-bottom:0.3125rem;
        padding-top:   0.3125rem;
        white-space:   nowrap;
    }

    .navbar-brand:focus, .navbar-brand:hover{
        text-decoration:none;
    }

    .navbar-nav{
        display:       flex;
        flex-direction:column;
        list-style:    none;
        margin-bottom: 0;
        padding-left:  0;
    }

    .navbar-nav .nav-link{
        padding-left: 0;
        padding-right:0;
    }

    .navbar-collapse{
        align-items:center;
        flex-basis: 100%;
        flex-grow:  1;
    }

    .navbar-toggler{
        background-color:transparent;
        border:          1px solid transparent;
        border-radius:   16px;
        font-size:       1.25rem;
        line-height:     1;
        padding:         0.25rem 0.75rem;
    }

    .navbar-toggler:focus, .navbar-toggler:hover{
        text-decoration:none;
    }

    .navbar-toggler-icon{
        background:     no-repeat 50%;
        background-size:100% 100%;
        content:        "";
        display:        inline-block;
        height:         1.5em;
        vertical-align: middle;
        width:          1.5em;
    }

    .navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
        color:#4d5b70;
        color:var(#514f66, #4d5b70);
    }

    .navbar-light .navbar-nav .nav-link.disabled{
        color:#d2d5dc;
        color:var(#dcdcde, #d2d5dc);
    }

    .navbar-light .navbar-toggler{
        color:#4d5b70;
        color:var(#514f66, #4d5b70);
    }

    .navbar-light .navbar-toggler{
        border-color:rgba(0, 0, 0, .1);
    }

    .navbar-light .navbar-toggler-icon{
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='var(#514f66, %234d5b70)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .close{
        color:      #000;
        float:      right;
        font-size:  1.5rem;
        font-weight:700;
        line-height:1;
        opacity:    0.5;
        text-shadow:0 1px 0 #fff;
    }

    .close:hover{
        color:          #000;
        text-decoration:none;
    }

    .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
        opacity:0.75;
    }

    .d-none{
        display:none !important;
    }

    .d-inline{
        display:inline !important;
    }

    .d-block{
        display:block !important;
    }

    .d-flex{
        display:flex !important;
    }

    .flex-row{
        flex-direction:row !important;
    }

    .flex-column{
        flex-direction:column !important;
    }

    .justify-content-start{
        justify-content:flex-start !important;
    }

    .justify-content-end{
        justify-content:flex-end !important;
    }

    .justify-content-center{
        display:        flex;
        flex-wrap:      wrap;
        justify-content:center !important;
    }

    .justify-content-between{
        justify-content:space-between !important;
    }

    .align-items-start{
        align-items:flex-start !important;
    }

    .align-items-center{
        align-items:center !important;
    }

    .position-relative{
        position:relative !important;
    }

    .position-absolute{
        position:absolute !important;
    }

    .w-100{
        width:100% !important;
    }

    .h-100{
        height:100% !important;
    }

    .mb-0{
        margin-bottom:0 !important;
    }

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

    .mt-1{
        margin-top:0.25rem !important;
    }

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

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

    .mb-1{
        margin-bottom:0.25rem !important;
    }

    .ml-1{
        margin-left:0.25rem !important;
    }

    .mt-2{
        margin-top:0.5rem !important;
    }

    .mr-1{
        margin-right:0.25rem !important;
    }

    .mr-2{
        margin-right:0.5rem !important;
    }

    .mb-3{
        margin-bottom:1rem !important;
    }

    .mb-4{
        margin-bottom:1.5rem !important;
    }

    .pr-0, .px-0{
        padding-right:0 !important;
    }

    .px-0{
        padding-left:0 !important;
    }

    .pl-1{
        padding-left:0.25rem !important;
    }

    .pl-2{
        padding-left:0.5rem !important;
    }

    .pt-3{
        padding-top:1rem !important;
    }

    .px-3{
        padding-right:1rem !important;
    }

    .pb-3{
        padding-bottom:1rem !important;
    }

    .px-3{
        padding-left:1rem !important;
    }

    .pt-4{
        padding-top:1.5rem !important;
    }

    .pt-5{
        padding-top:2rem !important;
    }

    .pl-4{
        padding-left:1.5rem !important;
    }

    .pl-15{
        padding-left:15px;
    }

    .pl-100{
        padding-left:100px;
    }

    .pr-15{
        padding-right:15px;
    }

    .pr-100{
        padding-right:100px;
    }

    .mx-auto{
        margin-right:auto !important;
    }

    .mx-auto{
        margin-left:auto !important;
    }

    .lh-auto{
        line-height:normal !important;
    }

    .lh-05{
        line-height:0.5em !important;
    }

    .lh-55{
        line-height:0.55em !important;
    }

    .lh-75{
        line-height:0.75em !important;
    }

    .lh-85{
        line-height:0.85em !important;
    }

    .lh-1{
        line-height:1em !important;
    }

    .lh-105{
        line-height:1.05em !important;
    }

    .lh-11{
        line-height:1.1em !important;
    }

    .lh-115{
        line-height:1.15em !important;
    }

    .lh-125{
        line-height:1.25em !important;
    }

    .lh-13{
        line-height:1.3em !important;
    }

    .lh-15{
        line-height:1.5em !important;
    }

    .lh-16{
        line-height:1.6em !important;
    }

    .lh-165{
        line-height:1.65em !important;
    }

    .lh-175{
        line-height:1.75em !important;
    }

    .lh-185{
        line-height:1.85em !important;
    }

    .lh-2{
        line-height:2em !important;
    }

    .lh-215{
        line-height:2.15em !important;
    }

    .lh-225{
        line-height:2.25em !important;
    }

    .lh-25{
        line-height:2.5em !important;
    }

    .text-left{
        text-align:left;
    }

    .text-right{
        text-align:right !important;
    }

    .text-center{
        text-align:center !important;
    }

    .font-weight-light{
        font-weight:300 !important;
    }

    .text-light{
        color:#f8f9fa !important;
    }

    .icon{
        speak:                  none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing:grayscale;
        display:                inline-block;
        font-family:            icon;
        font-style:             normal;
        font-weight:            400;
        line-height:            1;
        text-decoration:        inherit;
        text-rendering:         auto;
        text-transform:         none;
    }

    .angle-right-r:before{
        content:"";
    }

    .angle-up-r:before{
        content:"";
    }

    .arrow-left-r:before{
        content:"";
    }

    .arrow-right-r:before{
        content:"";
    }

    .clock-r:before{
        content:"";
    }

    .close-r:before{
        content:"";
    }

    .heart-r:before{
        content:"";
    }

    .qrcode-r:before{
        content:"";
    }

    .search-b:before{
        content:"";
    }

    .social-facebook-b:before{
        content:"";
    }

    .social-instagram-b:before{
        content:"";
    }

    .social-linkedin-b:before{
        content:"";
    }

    .social-youtube-b:before{
        content:"";
    }

    .store-r:before{
        content:"";
    }

    a h2, a h2:active, a h2:focus, a h2:visited, a:active, a:focus, p a{
        font-weight:700;
    }

    .primary-700{
        color:#002a8d;
        color:var(#742384, #002a8d);
    }

    .secondary-700{
        color:#ca4500;
        color:var(#087, #ca4500);
    }

    .secondary-500{
        color:#ff7800;
        color:var(#10cbb4, #ff7800);
    }

    .onsurface-800{
        color:#606c7f;
        color:var(#626371, #606c7f);
    }

    .onsurface-500{
        color:#99a1ad;
        color:var(#a2a1aa, #99a1ad);
    }

    .attention-close{
        color:#c6d7ec;
        color:var(#c6d7ec, #c6d7ec);
    }

    .error{
        color:#e30425 !important;
        color:var(#e30425, #e30425) !important;
    }

    .white{
        color:#fff;
    }

    [type=button]{
        -webkit-appearance:none;
    }

    button[type=button]{
        -webkit-appearance:button;
    }

    button[type=button]:not(:disabled){
        cursor:pointer;
    }

    .ctm-ani{
        animation:0.4s ease-in 1 forwards;
        opacity:  0;
    }

    .ctm-ani-fade-up{
        animation-name:fade-up;
    }

    .ctm-delay-ani-2{
        animation-delay:0.2s;
    }

    .ff-r-bold{
        font-family:Roboto-Bold;
    }

    .ff-r-regular{
        font-family:Roboto-Regular;
    }

    .ff-r-medium{
        font-family:Roboto-Medium;
    }

    .yape-texto-purpura{
        color:#742384 !important;
        color:var(#742384);
    }

    .yape-texto-black{
        color:#2c2044 !important;
        color:var(#2c2044);
    }

    .title-subsection{
        font-size:1.5rem;
    }

    .description-subsection{
        font-size:0.875rem;
    }

    .yape-button{
        display:inline-block !important;
        width:  auto !important;
    }

    .yape-button .lg{
        border-radius:16px;
    }

    html *{
        box-sizing:border-box;
    }

    .width-70{
        width:70%;
    }

    body{
        color:      #2c2044;
        font-family:Roboto-Regular;
        font-size:  16px;
        margin:     0;
        overflow-x: hidden;
        overflow-y: auto;
        padding:    0;
        width:      100%;
    }

    a{
        color:          #10cbb4;
        text-decoration:none;
    }

    a:active, a:hover{
        color:#1ee2ca;
    }

    h1, h2, h3, h4, h5{
        color:      #2c2044;
        font-family:Roboto-bold;
    }

    h1{
        font-size:2rem;
    }

    h2{
        font-size:1.5rem;
    }

    .fc-purple{
        color:#742384;
    }

    .faq-title{
        margin-bottom:5px;
    }

    .hdr-btn-primary{
        align-items:     center;
        background-color:#10cbb4;
        background-color:var(#10cbb4);
        border:          1px solid #10cbb4;
        border:          1px solid var(#10cbb4);
        border-radius:   8px;
        color:           #fff !important;
        cursor:          pointer;
        display:         inline-flex;
        height:          32px;
    }

    .hdr-btn-primary:hover{
        background-color:#1ee2ca !important;
        background-color:var(#1ee2ca) !important;
        border-color:    #1ee2ca;
        border-color:    var(#1ee2ca);
        box-shadow:      0 0 6px 0 rgba(82, 112, 148, .2), 0 2px 1px -2px rgba(82, 112, 148, .12), 0 2px 1px 0 rgba(82, 112, 148, .14);
    }

    .tabs-view{
        border-bottom:1px solid #d6d2e1;
        overflow-x:   auto;
    }

    .tabs-view::-webkit-scrollbar{
        height:0;
    }

    .tabs-view .tab{
        margin-top: 0;
        white-space:nowrap;
    }

    .faqs-links:hover .faqs-links__icon .icon-yape.angle-right-r:before{
        color:#00a691;
    }

    .navigation-wrapper-title :first-child span{
        color:#000;
    }

    .faq-title span.purple{
        color:#742384;
        color:var(#742384);
    }
}

/*! CSS Used from: Embedded */
.yaperos__title{
    font-size:  1.625rem;
    color:      #fff;
    font-weight:bold;
}

.yaperos__title .count{
    color:#10cbb4;
}

/*------------------------------CAMBIADO-------------------------------------------*/
.bg-gray{
    background-color:#f5f4f7;
}

.bg-white{
    background-color:#ffffff;
}

.faqs-section__background{
    right: -96px;
    top:   -269px;
    width: 660px;
    height:1129.095px;
}

.background_principal .font_promocion{
    font-size:44px;
}

.image-top{
    top:15vh;
}

.list-hidden{
    list-style:none;
}

.align-recomendation{
    padding-top:25px;
    height:     -webkit-fill-available;
    width:      -webkit-fill-available;
}

/*.background_principal img{width:45vh !important; display: initial !important;}*/
.background_principal .btn_cta{
    margin-bottom:20px !important;
    margin-top:   30px !important;
}

.background_secundario .font_promocion{
    font-size:44px;
}

.background_secundario .btn_cta{
    margin-bottom:20px !important;
    margin-top:   30px !important;
}

img{
    max-width:300px;
    height:   auto;
}

.collapsing{
    transition-property:height, visibility;
    transition-duration:.35s !important;
}

/*! CSS Used from: ../css/theme.min.css */
#wrap{
    position:inherit;
}

iframe{
    max-width:100%;
    border:   0;
}

.accordion{
    margin-bottom:2em;
}

.accordion-title{
    margin:     0;
    position:   relative;
    line-height:1.5em;
}

.accordion-title a{
    display:block;
    width:  100%;
    padding:.93em 30px .93em 0;
    color:  inherit;
}

.accordion-expander{
    position:         absolute;
    top:              50%;
    right:            30px;
    font-size:        16px;
    color:            inherit;
    -webkit-transform:translateY(-50%);
    transform:        translateY(-50%);
}

.accordion-expander, .accordion-expander > i{
    display:inline-block;
}

.accordion-expander > i:last-child{
    display:none;
}

.active .accordion-expander > i:last-child{
    display:inline-block;
}

.active .accordion-expander > i:first-child{
    display:none;
}

.accordion-content{
    padding:1em 0;
}

.accordion-content > :last-child, .accordion-content > :only-child{
    margin-bottom:0;
}

.accordion-active-has-fill .accordion-title a{
    padding-left:    30px;
    padding-right:   60px;
    background-color:transparent;
    color:           inherit;
}

.accordion-active-has-fill .accordion-expander{
    right:30px;
}

.accordion-active-has-fill .accordion-content{
    padding-left: 30px;
    padding-right:30px;
}

.accordion-active-has-fill .active .accordion-title a{
    background-color:#4762ff;
    color:           #fff;
}

.accordion-body-bordered .accordion-content, .accordion-body-bordered .accordion-title a{
    padding-left: 30px;
    padding-right:30px;
}

.accordion-body-bordered .accordion-item{
    margin-bottom:20px;
    border:       1px solid rgba(0, 0, 0, .1);
}

.accordion-body-bordered .accordion-content{
    padding-top:   10px;
    padding-bottom:30px;
}

.accordion-expander-left .accordion-expander{
    right:auto;
    left: 0;
}

.accordion-expander-left.accordion-active-has-fill .accordion-title a, .accordion-expander-left.accordion-body-bordered .accordion-title a{
    padding-right:30px;
    padding-left: 60px;
}

.accordion-expander-left.accordion-active-has-fill .accordion-expander, .accordion-expander-left.accordion-body-bordered .accordion-expander{
    left:30px;
}

.accordion-expander-left .accordion-title a{
    padding-left:30px;
}

.accordion-lg .accordion-title a{
    padding-top:   1.05em;
    padding-bottom:1.05em;
}

.holder{
    display:flex;
}

.space-padding{
    padding:32px 32px 32px 32px;
}

.color-black{
    color:#000000
}

.dropdown-menu{
    border-radius:8px;
}

.text-list li{
    color:      #000000;
    font-size:  16px;
    line-height:24px;
    font-weight:400;
}

.hide_phone{
    margin-top:8px;
}

.window-search{
    display:         none;
    height:          105vh;
    position:        fixed;
    top:             0;
    background-color:#fff;
    z-index:         9999;
    overflow:        hidden;
    width:           100%;
}

.result_search{
    /*margin-top: 45px;*/
    display:none;
}

.sin_resultados_hide{
    display:none;
}

#sin_resultados{
    display:        grid;
    align-items:    center;
    justify-items:  center;
    justify-content:center;
    align-content:  center;
}

.title_search_recomendation{
    font-size:  16px !important;
    color:      #5a5a66 !important;
    font-family:Roboto-Bold;
}

.title_search{
    display:    none;
    margin-top: 25px !important;
    font-size:  16px !important;
    color:      #5a5a66 !important;
    font-weight:normal !important;
    font-family:Roboto-Medium !important;
}

.link-faq{
    display:        flex !important;
    justify-content:space-between !important;
    height:         auto !important;
    padding:        16px 0 !important;
    cursor:         pointer !important;
    color:          #2c2044 !important;
    /*border-bottom: 1px solid #d6d2e1;*/
    font-weight:    300 !important;
    margin-bottom:  0 !important;
    font-family:    Roboto-Medium !important;
}

.link-faq:hover{
    color:#00a691 !important;
}

.gs-webResult div.gs-visibleUrl-breadcrumb{
    display:none !important;
}

#gs_id50{
    font-size:       1rem;
    background-color:#fff;
    height:          44px;
    line-height:     2rem;
    padding:         1.25rem 1.5rem;
    color:           #202e44;
    border:          1px solid #91919d;
    border-radius:   8px;
    box-shadow:      none;
    font-family:     "Roboto-Regular";
    /*font-size: 1rem;*/
    /*line-height: 1.5rem;*/
    /*height: 48px;*/
    /*padding: 11px 15px;*/
    outline:         0;
    caret-color:     #202e44;
    /*caret-color: var(--gray-900, #202e44);*/
    transition:      all .2s ease-in-out;
    display:         flex;
    align-items:     center;
    width:           100%;
}

#gs_id50:hover{
    border:2px solid #bd77c7 !important;
}

.pd-16-8{
    padding:16px 8px !important;
}

.pl-0{
    padding-left:0 !important;
}

.pl-10{
    padding-left:10px !important;
}

.pr-10{
    padding-right:10px !important;
}

.plr-10{
    padding:0 10px !important;
}

.pt-10{
    padding-top:10px !important;
}

.pb-10{
    padding-bottom:10px !important;
}

.pt-32{
    padding-top:32px !important;
}

.pb-32{
    padding-bottom:32px !important;
}

.ml-0{
    margin-left:0 !important
}

.ml-10{
    margin-left:10px !important;
}

.ml-20{
    margin-left:20px !important;
}

.ml-85{
    margin-left:85px;
}

.ml-155{
    margin-left:155px;
}

.ml-285{
    margin-left:285px;
}

.font-weight-bold{
    font-weight:bold !important;
}

.font-size-12{
    font-size:12px !important;
}

.font-size-14{
    font-size:14px !important;
}

.font-size-16{
    font-size:16px !important;
}

.font-size-18{
    font-size:18px !important;
}

.font-size-20{
    font-size:20px !important;
}

.font-size-24{
    font-size:24px !important;
}

.font-size-26{
    font-size:26px !important;
}

.font-size-30{
    font-size:30px !important;
}

.font-size-34{
    font-size:34px !important;
}

.font-size-40{
    font-size:40px !important;
}

.font-size-48{
    font-size:48px;
}

.font-size-50{
    font-size:50px !important;
}

.font-size-90{
    font-size:90px !important;
}

.text-white{
    color:#fff !important;
}

.mr-5{
    margin-right:5px !important;
}

.mr-10{
    margin-right:10px !important;
}

.mr-20{
    margin-right:20px !important;
}

.mr-70{
    margin-right:70px !important;
}

.ml-5{
    margin-left:5px;
}

.mb-10{
    margin-bottom:10px;
}

.mb-16{
    margin-bottom:16px !important;
}

.mb-24{
    margin-bottom:24px !important;
}

.mb-32{
    margin-bottom:32px !important;
}

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

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

.mb-20{
    margin-bottom:20px !important;
}

.mb-25{
    margin-bottom:25px !important;
}

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

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

.mt-30{
    margin-top:30px;
}

.mt-35{
    margin-top:35px;
}

.mb-30{
    margin-bottom:30px !important;
}

.pt-50{
    padding-top:50px !important;
}

.pb-50{
    padding-bottom:50px !important;
}

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

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

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

.mt-100{
    margin-top:100px;
}

.mt-110{
    margin-top:110px !important
}

.mb-50{
    margin-bottom:50px;
}

.mb-100{
    margin-bottom:100px;
}

.mb-200{
    margin-bottom:200px !important;
}

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

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

.mb-64{
    margin-bottom:64px !important;
}

.pt-70{
    padding-top:70px !important;
}

.pt-130{
    padding-top:130px;
}

.pb-70{
    padding-bottom:70px !important;
}

.pt-64{
    padding-top:64px;
}

.pb-64{
    padding-bottom:64px;
}

.pt-48{
    padding-top:48px;
}

.pb-40{
    padding-bottom:40px !important;
}

.pb-48{
    padding-bottom:48px !important;
}

.mb-70{
    margin-bottom:70px !important;
}

.text-right{
    text-align:right !important;
}

.text-center{
    text-align:center !important;
}

.mb-4{
    margin-bottom:1.5rem !important;
}

.px-0{
    padding-left:0 !important;
}

.pt-3{
    padding-top:1rem !important;
}

.pl-4{
    padding-left:1.5rem !important;
}

.pr-4{
    padding-right:1.5rem !important;
}

.checklist{
    padding:        0;
    margin:         0;
    list-style-type:none;
}

.check{
    background:  url(../img/leadingItem.png) no-repeat left;
    padding-left:44px;
}

.options_phone{
    display:            inline-flex;
    align-content:      flex-end;
    align-items:        flex-start;
    border-bottom-style:solid;
    border-bottom-width:0.5px;
    border-bottom-color:rgb(221 215 235/50%);
    padding-top:        35px;
    width:              -webkit-fill-available;
}

.color-purple-light{
    background-color:#F6F4FB;
}

.align-middle{
    display:    flex;
    align-items:center;
}

/*::-webkit-scrollbar{width:10px;}*/
/*::-webkit-scrollbar-track{background-color:#0f3754;border-radius:0;}*/
/*::-webkit-scrollbar-thumb:hover{background:linear-gradient(transparent,#4078cb);border-radius:5px;}*/
/*::-webkit-scrollbar-thumb{border-radius:5px;background:linear-gradient(transparent,#09bdde);}*/
.updown{
    animation:UpDown 2s ease-in-out infinite alternate-reverse both;
    left:     0;
    bottom:   0;
    font-size:4em;
    cursor:   pointer;
    color:    #ffffff00;
}

.video-li{
    flex:          3.5;
    display:       flex;
    padding:       10px;
    border-radius: 3px;
    flex-direction:column;
    background:    #e1e1e1;
}

.carousel-nav-center .carousel-nav{
    display:none;
}

.accordion-lg .accordion-title a{
    padding-top:   .55em;
    padding-bottom:.55em;
}

.accordion-body-bordered .accordion-content{
    padding-bottom:20px;
    background:    #f8f8f8;
    color:         #333;
    font-size:     17px;
}

.accordion-active-has-fill .active .accordion-title a, .accordion-expander-left.accordion-active-has-fill .accordion-title a{
    color:     #fff;
    background:#458ebf;
    background:linear-gradient(270deg, #458ebf 11%, #556eaa 65%);
}

.btn-banner{
    height:55px;
}

.not-searching{
    display:block;
}

.searching{
    display:none;
}


.btn_cta_exp{
    height:     auto !important;
    line-height:initial !important;
    padding:    20px !important;
}

.align-center-item{
    display:    flex;
    align-items:center;
}

.faq-attetion-text{
    color:       #2c2044;
    display:     block;
    font-family: "Roboto-Regular";
    padding-left:8px;
    /*font-size: 1.5rem;*/
    align-items: center;

}

.fap-attention{
    margin-top:      10px;
    margin-bottom:   10px;
    display:         flex;
    font-size:       16px;
    border-radius:   8px;
    padding:         14px 16px;
    align-items:     center;
    background-color:#f6f4fb;
}

.btn_cta_social{
    display:         flex;
    border:          0.063rem solid #7d758d;
    background-color:#fff;
    border-radius:   8px !important;
    color:           #7d758d;
    font-weight:     600;
    width:           22%;
    height:          40px;
    padding:         0 20px;
    font-size:       14px;
    align-items:     center;
    justify-content: center;
}

.btn_cta_social:hover{
    box-shadow:0 0 6px #8c0d0d33, 0 2px 1px -2px #5270941f, 0 2px 1px #52709424;
    color:     #7d758d !important;
}

.rotate{
    transform:rotate(180deg);
}

.swal2-actions{
    display:       flex !important;
    flex-direction:row-reverse !important;
    /*flex-wrap: nowrap !important;*/
}

.bta_cta_wpp_popup{
    width:                -webkit-fill-available !important;
    /*margin-top:0 !important;*/
    /*margin-bottom:0 !important;*/
    height:               auto !important;
    display:              inline-block !important;
    box-shadow:           none !important;
    appearance:           none !important;
    border:               0 !important;
    outline:              0 !important;
    background-image:     url("/assets/img/whatsapp.png") !important;
    background-repeat:    no-repeat !important;
    background-position:  left !important;
    background-position-x:50px !important;
    background-color:     #10cbb4 !important;
    line-height:          30px !important;
    padding:              12px 24px !important;
    border-radius:        8px !important;
    cursor:               pointer !important;
    transition:           all .5s;
    /*transition-timing-function: cubic-bezier(.2,3,.4,1);*/
    user-select:          none !important;
    color:                #ffffff !important;
    font-weight:          700 !important;
    font-size:            16px !important;
}

.bta_back_white_wpp_popup{
    width:           -webkit-fill-available !important;
    font-family:     Roboto-Regular !important;
    color:           #10cbb4 !important;
    background-image:none !important;
    border:          solid 1px #10cbb4ff !important;
    background-color:#fff !important;
    height:          auto !important;
    line-height:     30px !important;
    padding:         12px 24px !important;
    cursor:          pointer !important;
    font-weight:     600 !important;
    font-size:       16px !important;
    border-radius:   8px !important;
    display:         inline-block !important;
}

.bta_cta_popup{
    width:           -webkit-fill-available !important;
    /*margin-top:2.75rem !important;*/
    /*margin-bottom:1rem !important;*/
    height:          auto !important;
    display:         inline-block !important;
    box-shadow:      none !important;
    appearance:      none !important;
    border:          0 !important;
    outline:         0 !important;
    background-color:#10cbb4 !important;
    line-height:     30px !important;
    padding:         12px 24px !important;
    border-radius:   8px !important;
    cursor:          pointer !important;
    transition:      all .5s;
    /*transition-timing-function: cubic-bezier(.2,3,.4,1);*/
    user-select:     none !important;
    color:           #ffffff !important;
    font-weight:     700 !important;
    font-size:       16px !important;
}

.bta_back_white_popup{
    width:           -webkit-fill-available !important;
    font-family:     Roboto-Regular !important;
    color:           #10cbb4 !important;
    background-image:none !important;
    border:          solid 1px #10cbb4ff !important;
    background-color:#fff !important;
    height:          auto !important;
    line-height:     30px !important;
    padding:         12px 24px !important;
    cursor:          pointer !important;
    font-weight:     600 !important;
    font-size:       16px !important;
    border-radius:   8px !important;
    display:         inline-block !important;
}

.swal2-actions{
    width:         -webkit-fill-available !important;
    margin:        1.5rem !important;
    flex-direction:column;
}

.swal2-confirm, .swal2-cancel{
    width:100%;
}

.hide_response{
    display:none !important;
}

.show_response{
    display:flex !important;
}

.box-response-no{
    box-shadow:     0 0 4px #5e5b9733, 0 1px 1px #5e5b971f, 0 1px 1px #5e5b9724;
    border-radius:  8px;
    /*display: flex;*/
    flex-direction: column;
    justify-content:center;
    margin:         1rem auto 3rem;
    align-items:    flex-start;
    padding:        1.3125rem 1.1875rem;
    display:        none;
}

.box-response-no .radio-inline{
    color:          #2c2044;
    font-size:      12px;
    padding:        2px 0 0 0;
    display:        flex;
    justify-content:flex-start;
    align-items:    center;
    flex-direction: row;
}

.box-response-no .radio-inline input{
    margin-right:10px;
}

.box-response-no textarea{
    margin-top:   24px;
    border-radius:0.5rem;
    border-color: #97979d;
    padding:      1rem;
    width:        -webkit-fill-available;
    font-family:  Roboto-Regular;
}

.box-response-no textarea:focus, .box-response-si textarea:active{
    outline-color:#742384;
}

.box-response-no span{
    margin:     0 0 16px;
    font-size:  20px;
    text-align: center;
    color:      #742384;
    font-weight:bold;
}

.sub-response-no{
    font-size:  14px;
    color:      #2c2044 !important;
    margin:     16px 0;
    font-weight:600;
}

.subnote-response-no{
    margin:   24px 0 16px;
    font-size:16px;
}

.other_option_response_no{
    display:none;
}

.box-response-no .counter2{
    margin-top:   0.25rem;
    text-align:   right;
    font-size:    .75rem;
    color:        #686871;
    margin-bottom:1.5rem;
    width:        -webkit-fill-available;
    margin-right: 5rem !important;
    font-weight:  100;
}

.box-response-no .counter{
    margin-top:   0.25rem;
    text-align:   right;
    font-size:    .75rem;
    color:        #686871;
    margin-bottom:1.5rem;
    width:        -webkit-fill-available;
    margin-right: 1rem !important;
    font-weight:  100;
}

.box-response-si{
    box-shadow:     0 0 4px #5e5b9733, 0 1px 1px #5e5b971f, 0 1px 1px #5e5b9724;
    border-radius:  8px;
    /*display: flex;*/
    flex-direction: column;
    justify-content:center;
    margin:         1rem auto 3rem;
    align-items:    flex-start;
    padding:        1.3125rem 1.1875rem;
    display:        none;
}

.box-response-si div{
    font-size:  20px;
    font-weight:bold;
    margin:     0 0 22px;
}

.box-response-si img{
    margin:0 0 24px;
    width: 170px;
}

.box-response-si span{
    margin:     0 0 16px;
    font-size:  20px;
    text-align: center;
    color:      #742384;
    font-weight:bold;
}

.box-response-si p{
    margin-top:   0.25rem;
    text-align:   right;
    font-size:    .75rem;
    color:        #686871;
    margin-bottom:1.5rem;
    width:        -webkit-fill-available;
    margin-right: 1rem !important;
    font-weight:  100;
}

.box-response-si textarea{
    border-radius:0.5rem;
    border-color: #97979d;
    padding:      1rem;
    width:        -webkit-fill-available;
    font-family:  Roboto-Regular;
}

.box-response-si textarea:focus, .box-response-si textarea:active{
    outline-color:#742384;
}

.box-response{
    box-shadow:     0 0 4px #5e5b9733, 0 1px 1px #5e5b971f, 0 1px 1px #5e5b9724;
    border-radius:  8px;
    /*display: flex;*/
    flex-direction: column;
    justify-content:center;
    margin:         1rem auto 3rem;
    align-items:    center;
    padding:        1.3125rem 1.1875rem;
    display:        none;
}

.box-response div{
    font-size:  20px;
    font-weight:bold;
    margin:     0 0 22px;
}

.box-response img{
    margin:0 0 24px;
    width: 170px;
}

.box-response span{
    margin:    0 0 16px;
    font-size: 16px;
    text-align:center;
}

.disabled{
    color:           #d1d1d1 !important;
    background-color:#f4f4f5 !important;
    border:          none;
    pointer-events:  none;
}

.other_option_response_no{
    /*text-align: center;*/
}

.other_option_response_no input{
    border-radius:      0;
    border-width:       0;
    border-bottom-width:1px;
    padding:            0 0 0.3rem;
    width:              90%;
    border-bottom-color:#ced4da;
}

.other_option_response_no input:focus-visible{
    border-radius:      0;
    border-width:       0;
    padding:            0 0 0.3rem;
    outline-width:      0;
    border-bottom-width:2px;
    border-color:       #742384;
}

.other_option_response_no input:focus{
    border-bottom-width:2px;
    border-color:       #742384;
}

input[type="radio"]{
    width:           17px;
    height:          17px;
    top:             -2px;
    left:            -1px;
    position:        relative;
    background-color:#d1d3d1;
    content:         "";
    display:         inline-block;
    visibility:      visible;
    border:          2px solid #2c2044 !important;
}

input[type="radio"]:checked:after{
    /*width: 11px;*/
    /*height: 11px;*/
    /*border-radius: 50%;*/
    /*top: -3px;*/
    /*left: 3px;*/
    /*position: relative;*/
    /*border: 1px solid #2c2044!important;*/
    /*background-color: #2c2044!important;*/
    /*content: "";*/
    /*display: inline-block;*/
    /*visibility: visible;*/
    /*transition: .28s ease;*/
}

.panel-body .nps_pf_container{
    display:flex;
}

.nps_pf_container{
    padding:        0 1rem;
    display:        flex;
    align-items:    center;
    justify-content:space-between;
    box-shadow:     0 0 4px #5e5b9733, 0 1px 1px #5e5b971f, 0 1px 1px #5e5b9724;
    border-radius:  8px;
}

.nps_pf_container span{
    color:#2c2044;
}

.pf_si{
    display:         inline-block;
    box-shadow:      none;
    appearance:      none;
    outline:         0;
    background-color:#10cbb4;
    border-color:    #10cbb4;
    border-style:    solid;
    border-width:    2px;
    border-radius:   8px !important;
    user-select:     none;
    color:           #ffffff !important;
    font-weight:     700;
    width:           77px;
    height:          44px;
    padding:         0 12px;
    font-size:       14px;
    text-align:      center;
    line-height:     40px;
    margin-bottom:   18px;
    margin-top:      18px;
}

.pf_no{
    display:         inline-block;
    box-shadow:      none;
    appearance:      none;
    outline:         0;
    background-color:#ffffff;
    border-color:    #10cbb4;
    border-style:    solid;
    border-width:    2px;
    border-radius:   8px !important;
    user-select:     none;
    color:           #10cbb4;
    font-weight:     700;
    width:           77px;
    height:          44px;
    padding:         0 12px;
    font-size:       14px;
    text-align:      center;
    line-height:     40px;
    margin-bottom:   18px;
    margin-top:      18px;
}

.pf_no:hover{
    background-color:#e5fffc;
    border-color:    #00ad97;
    box-shadow:      0 0 6px #52709433, 0 2px 1px -2px #5270941f, 0 2px 1px #52709424;
}

.pf_si:hover{
    background-color:#00ad97;
}

.btn_cta{
    width:           fit-content;
    height:          auto;
    display:         inline-block;
    box-shadow:      none;
    appearance:      none;
    border:          0;
    outline:         0;
    background-color:#10cbb4;
    line-height:     30px;
    padding:         12px 24px;
    border-radius:   8px !important;
    cursor:          pointer;
    /*transition: all .5s;*/
    /*transition-timing-function: cubic-bezier(.2,3,.4,1);*/
    user-select:     none;
    color:           #ffffff;
    font-weight:     700;
    font-size:       16px;
}

.btn_cta:hover{
    background-color:#00AD97;
    color:           white !important;
}

/*.btn_cta:active{transform:scale(1.05,1.05);}*/
/*.bg-comercios{background-image:url(../img/Comercios-soli-pagos-bcp.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;}*/
.bg-centroayuda{
    margin-left:  auto;
    margin-right: auto;
    padding-left: 135px;
    padding-right:135px;
    width:        100%;
}

.container-centroayuda{
    background-color:#742384;
    border-radius:   1rem;
    overflow:        hidden;
}


/*! CSS Used from: Embedded */
iframe#_hjRemoteVarsFrame{
    display:       none !important;
    width:         1px !important;
    height:        1px !important;
    opacity:       0 !important;
    pointer-events:none !important;
}

/*! CSS Used keyframes */
@keyframes beat{
    to{
        transform:scale(1.4);
    }
}

@keyframes UpDown{
    0%, to{
        bottom:0;
    }
    50%{
        bottom:.5em;
    }
}

.text_banner_secundario{
    font-size:  50px;
    display:    inline;
    margin-top: 0;
    text-shadow:rgb(0 0 0 / 30%) 1.1px 2.1px 4px;
}

.text_banner2_secundario{
    margin-top:   0px;
    margin-bottom:0px;
}

.indent-element-section{
    display:      grid;
    align-items:  center;
    justify-items:stretch;
    align-content:center;
}

.indent-element-section-3-millones{
    display:        grid;
    align-items:    center;
    justify-items:  stretch;
    align-content:  center;
    justify-content:center;
}

.indent-right-element-section{
    display:      grid;
    align-items:  center;
    justify-items:end;
}

.indent-rigth-services{
    display:        flex;
    flex-direction: column;
    flex-wrap:      wrap;
    justify-content:center;
    align-content:  flex-end;
}

.indent-left-services{
    display:        flex;
    flex-direction: column;
    flex-wrap:      wrap;
    justify-content:center;
    align-content:  flex-start;
}

.mb--50{
    margin-top:-50px;
}

.width-75{
    width:75%;
}

.width-50{
    width:50%;
}

.width-65{
    width:65%;
}

.width-10{
    width:10%;
}

.width-inherit{
    width:inherit;
}

.mt-secundary{
    margin-top:60px;
}

.mt-secundary-logo{
    width:  100px !important;
    display:-webkit-inline-box !important;
}

.texto_principal{
    font-size:  105px !important;
    /*margin: 0 0 0.7em;*/
    line-height:0.8;
    text-shadow:rgb(0 0 0 / 30%) 1.1px 2.1px 4px;
}

.texto_primario{
    font-size:    40px;
    /*margin-top: -70px;*/
    color:        #0f3754;
    line-height:  35px;
    text-shadow:  rgb(0 0 0 / 30%) 1.1px 2.1px 4px;
    margin-bottom:0px;
}

.volver_atras{
    padding-top:0;
    margin-left:115px;
}

.volver_atras a{
    color:white;
}

.title_seguridad{
    font-size:  32px;
    font-weight:bold;
}


.background_section_soli_yape{
    background-size:    400px;
    background-position:75% 65%;
    background-repeat:  no-repeat;
    background-origin:  content-box;
    padding-top:        6vh;
}

.title_yape{
    font-size:    34px;
    font-weight:  bold;
    margin-bottom:16px;
}

.btn-without-border{
    border:0 !important;
}

.color-dark-purple{
    color:#3F0D4A !important;
}

.btn-default{
    background-color:#F6E1F9;
}

.section_1_3_negocio{
    display:               grid;
    grid-template-columns: repeat(5, 1fr);
    gap:                   20px;
    justify-items:         center;
}

.align-yapenegocios{
    display:       flex;
    flex-direction:row;
    align-items:   center;
}

.btn-neutral{
    color:           #7d758d !important;
    border:          0.063rem solid #7d758d;
    background-color:transparent;
    padding-left:    1.5rem;
    padding-right:   1.5rem;
    font-size:       1rem;
    border-radius:   8px !important;
    display:         flex;
    align-items:     center;
    justify-content: center;
    font-family:     "Roboto-Medium";
    font-weight:     500;
    transition:      all .2s ease-in-out;
    outline:         none;
    width:           -webkit-fill-available;
    margin-top:      1.5rem;
    padding-left:    1.5rem;
    padding-right:   1.5rem;
    height:          2.75rem;
}

.box-shadow{
    box-shadow:0 1px 3px 1px #0000000f, 0px 2px 0px #d6d2e117 !important;
}

.pd-0{
    padding:0 !important;
}

.retira_deposita_title_card{
    padding:   0 24px;
    text-align:left;
    height:    30px !important;
}

.btn-neutral:hover{
    box-shadow:0 0 6px #8c0d0d33, 0 2px 1px -2px #5270941f, 0 2px 1px #52709424;
}

.full-height img{
    height:auto !important;
}

.gap-30{
    gap:30px !important;
}

.replace_retira_deposita:before{
    content:    "Aprende como agregar y retirar dinero \A a tu cuenta Yape";
    white-space:pre;
}

.fa, .fab, .fal, .far, .fas{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing: antialiased;
    display:                inline-block;
    font-style:             normal;
    font-variant:           normal;
    text-rendering:         auto;
    line-height:            1
}

.fa-eye:before{
    content:"\f06e"
}

.fa-instagram:before{
    content:"\f16d"
}

.fa-minus:before{
    content:"\f068"
}

.fa-plus:before{
    content:"\f067"
}

.fa-youtube:before{
    content:"\f167"
}

.fab{
    font-family:"Font Awesome 5 Brands"
}

.fa, .far, .fas{
    font-family:"Font Awesome 5 Free";
    font-weight:400
}

.fa, .fas{
    font-weight:900
}

.row{
    margin-right:-15px;
    margin-left: -15px;
}

.col-lg-10, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-8, .col-md-10, .col-md-11, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-8, .col-sm-11, .col-sm-12, .col-sm-3, .col-sm-5, .col-xs-10, .col-xs-11, .col-xs-12{
    position:     relative;
    min-height:   1px;
    padding-right:15px;
    padding-left: 15px;
}

.col-xs-10, .col-xs-11, .col-xs-12{
    float:left;
}

.col-xs-12{
    width:100%;
}

.col-xs-11{
    width:91.66666667%;
}

.col-xs-10{
    width:83.33333333%;
}

.col-xs-offset-1{
    margin-left:8.33333333%;
}

label{
    display:      inline-block;
    max-width:    100%;
    margin-bottom:5px;
    font-weight:  700;
}

.collapse{
    display:none;
}

.collapse.in{
    display:block;
}

.carousel{
    position:relative;
}

.panel{
    margin-bottom:     20px;
    background-color:  #fff;
    border:            1px solid transparent;
    border-radius:     4px;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);
    box-shadow:        0 1px 1px rgba(0, 0, 0, .05);
}

.close{
    float:      right;
    font-size:  21px;
    font-weight:700;
    line-height:1;
    color:      #000;
    text-shadow:0 1px 0 #fff;
    filter:     alpha(opacity=20);
    opacity:    .2;
}

.close:focus, .close:hover{
    color:          #000;
    text-decoration:none;
    cursor:         pointer;
    filter:         alpha(opacity=50);
    opacity:        .5;
}

button.close{
    padding:           0;
    cursor:            pointer;
    background:        0 0;
    border:            0;
    -webkit-appearance:none;
    -moz-appearance:   none;
    appearance:        none;
}

.container:after, .container:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .row:after, .row:before{
    display:table;
    content:" ";
}

.container:after, .modal-footer:after, .modal-header:after, .row:after{
    clear:both;
}

.fade{
    opacity:           0;
    -webkit-transition:opacity .15s linear;
    -o-transition:     opacity .15s linear;
    transition:        opacity .15s linear;
}

.modal-open{
    overflow:hidden;
}

.modal{
    position:                  fixed;
    top:                       0;
    right:                     0;
    bottom:                    0;
    left:                      0;
    z-index:                   1050;
    display:                   none;
    overflow:                  hidden;
    -webkit-overflow-scrolling:touch;
    outline:                   0;
}

.modal.fade .modal-dialog{
    -webkit-transform: translate(0, -25%);
    -ms-transform:     translate(0, -25%);
    -o-transform:      translate(0, -25%);
    transform:         translate(0, -25%);
    -webkit-transition:-webkit-transform 0.3s ease-out;
    -o-transition:     -o-transform 0.3s ease-out;
    transition:        -webkit-transform 0.3s ease-out;
    transition:        transform 0.3s ease-out;
    transition:        transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.modal.in .modal-dialog{
    -webkit-transform:translate(0, 0);
    -ms-transform:    translate(0, 0);
    -o-transform:     translate(0, 0);
    transform:        translate(0, 0);
}

.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto;
}

.modal-dialog{
    position:relative;
    width:   auto;
    margin:  10px;
}

.modal-content{
    position:          relative;
    background-color:  #fff;
    background-clip:   padding-box;
    border:            1px solid #999;
    border:            1px solid rgba(0, 0, 0, 0.2);
    border-radius:     6px;
    -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow:        0 3px 9px rgba(0, 0, 0, 0.5);
    outline:           0;
}

.modal-backdrop{
    position:        fixed;
    top:             0;
    right:           0;
    bottom:          0;
    left:            0;
    z-index:         1040;
    background-color:#000;
}

.modal-backdrop.fade{
    filter: alpha(opacity=0);
    opacity:0;
}

.modal-backdrop.in{
    filter: alpha(opacity=50);
    opacity:0.5 !important;
}

.modal-header{
    padding:      15px;
    border-bottom:1px solid #e5e5e5;
}

.modal-header .close{
    margin-top:-2px;
}

.modal-title{
    margin:     0;
    line-height:1.42857143;
}

.modal-body{
    position:relative;
    padding: 15px;
}

.modal-footer{
    padding:   15px;
    text-align:right;
    border-top:1px solid #e5e5e5;
}

.modal-footer .btn + .btn{
    margin-bottom:0;
    margin-left:  5px;
}

.modal-footer .btn-group .btn + .btn{
    margin-left:-1px;
}

.modal-footer .btn-block + .btn-block{
    margin-left:0;
}

.modal-scrollbar-measure{
    position:absolute;
    top:     -9999px;
    width:   50px;
    height:  50px;
    overflow:scroll;
}

.modal-dialog_retira_deposita{
    margin:auto;
    top:   15%;
}

.main_nav_secundario{
    gap:10px !important;
}


.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after{
    display:table;
    content:" ";
}

.modal-header:after,
.modal-footer:after{
    clear:both;
}

.fade.in{
    opacity:1;
}


/* to remove slide effect  css */
.animated{
    -webkit-animation-duration: 0ms !important;
    animation-duration:         0ms !important;
    -webkit-animation-fill-mode:both !important;
    animation-fill-mode:        both !important;
}

.active_phone{
    /*background-color: #3b60bd !important;*/
    /*color: #fff !important;*/
}

.map-responsive{
    overflow:      hidden;
    /*padding-bottom:56.25%;*/
    padding-bottom:75vh;
    position:      relative;
    height:        0;
}

.map-responsive iframe{
    left:    0;
    top:     0;
    height:  100%;
    width:   100%;
    position:absolute;
}

.cards-list{
    z-index:        0;
    width:          100%;
    display:        flex;
    justify-content:space-around;
    flex-wrap:      wrap;
}

.card-link{
    text-decoration:none;
    color:          inherit;
    display:        block;
}

.card{
    background:    #ffffff;
    border-radius: 16px;
    overflow:      hidden;
    box-shadow:    0 8px 24px rgba(0, 0, 0, 0.08);
    transition:    all 0.3s ease;
    height:        100%;
    display:       flex;
    flex-direction:column;
    width:         100%;
}

.cards-container{
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-template-rows: auto auto;
    gap:                   24px;
}

.card .card_image{
    width:        inherit;
    height:       inherit;
    border-radius:40px;
}

.card .card_image img{
    width:        inherit;
    height:       inherit;
    border-radius:40px;
    object-fit:   cover;
}

.card-title{
    font-size:    18px;
    font-weight:  600;
    margin-bottom:15px;
    color:        #333;
}

.mt-card-1{
    margin-top:35px;
}

.card-img-wrapper{
    background-color:#d9b8f0; /* lila */
    height:          220px;
    display:         flex;
    justify-content: center;
    align-items:     center;
    aspect-ratio:    16 / 9;
    overflow:        hidden;
    padding:         0; /* 🔥 importante */
}

.card-img-wrapper img{
    width:     100%;
    max-width: max-content;
    height:    100%;
    object-fit:cover;
    display:   block;
}

.card-img-wrapper_robo{
    background:     linear-gradient(
                            180deg,
                            rgba(45, 34, 69, 1),
                            rgba(94, 24, 108, 1)
                    );
    height:         420px;
    display:        flex;
    justify-content:center;
    align-items:    center;
    aspect-ratio:   16 / 9;
    overflow:       hidden;
    padding:        0; /* 🔥 importante */
}

.card-img-wrapper_robo img{
    width:     100%;
    max-width: max-content;
    height:    100%;
    object-fit:cover;
    display:   block;
}

.card .card-title a{
    color:#2C2044;
}

.card:hover{
    transform: translateY(-6px);
    box-shadow:0 12px 30px rgba(0, 0, 0, 0.12);
}

.card-content{
    padding:  25px;
    flex-grow:1;
}

.card-content p{
    font-size:  14px;
    color:      #666;
    line-height:1.6;
}

.space-within-cards{
    padding-top:   64px;
    padding-bottom:64px;
}

.card .card-content .btn_cta{
    width:           100%;
    display:         inline-block;
    box-shadow:      none;
    appearance:      none;
    border:          0;
    outline:         0;
    background-color:#10cbb4;
    line-height:     17px;
    padding:         12px 79px;
    font-size:       14px;
    border-radius:   8px !important;
    cursor:          pointer;
    /*transition: all .5s;*/
    /*transition-timing-function: cubic-bezier(.2,3,.4,1);*/
    user-select:     none;
    color:           #e4e4e4;
    font-weight:     700;
    height:          auto;
}

.element-seguridad{
    font-size:34px;
}

.hero-seguridad{
    margin-top:180px;
}

.hero-seguridad h1{
    font-size:24px;
}

@media (max-width:768px){
    .hero-seguridad{
        margin-top:180px;
    }

    .element-seguridad{
        margin-top:30px;
        font-size: 25px;
        text-align:left;
    }

    .element-seguridad-text{
        text-align:left;
    }

    .element-seguridad span{
        font-size: 25px;
        text-align:left;
    }

    .mt-card-1{
        margin-top:0;
    }

    .cards-container{
        display:         flex;
        overflow-x:      auto;
        scroll-snap-type:x mandatory;
        gap:             16px;
        padding-bottom:  10px;
    }

    .cards-container::-webkit-scrollbar{
        display:none;
    }

    .card{
        min-width:        85%;
        /*flex:             0 0 auto;*/
        scroll-snap-align:center;
    }
}

.banner-contact-blog .row{
    line-height:8px;
}

.banner-contact-blog p{
    color:#2C2044;
}

.img-card{
    width:-webkit-fill-available;
}

.img-card img{
    width:        100%;
    max-width:    100%;
    border-radius:8px 8px 0 0;
    height:       200px;
    object-fit:   cover;
    transition:   all .25s ease;
}

.title-white{
    color:white;
}

.title-black{
    color:black;
}

.fondo_negocios{
    background:         #742384;
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/yape_girl_kiosco.svg);
    background-repeat:  no-repeat;
    background-position:70% 6vh;
    /*background-size: contain;*/
    height:             559px;
}

.fondo_servicios{
    background:         #742384;
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/PDS-1920X900.png);
    background-repeat:  no-repeat;
    /*background-image:   url(../img/carnaval/servicios.png);*/
    background-position:70% 0vh;
    background-size:    cover;
    height:             800px;
}

.banner-wrapper{
    display:        flex;
    justify-content:center;
    padding:        20px;
}

.banner-recargas{
    width:              100%;
    aspect-ratio:       9 / 3;
    border-radius:      24px;
    overflow:           hidden;

    background:         url("../../assets/img/banner_recargas.svg");
    background-size:    cover;
    background-position:center;
    background-repeat:  no-repeat;
}

.banner-recargas p{
    font-family:Roboto, sans-serif;
    font-weight:700;
    color:      #fff;
    transform:  translate(2%, 130px);
    font-size:  clamp(20px, 2.8vw, 38px);
    line-height:1.2;
    margin:     0;
}

.fondo_promos{
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/HOME-LANDING-1920X900.png);
    /*background-image:   url(../img/carnaval/promos.png);*/
    background-repeat:  no-repeat;
    background-position:80% 0vh;
    background-size:    cover !important;
    /*background-size: contain;*/
    height:             800px;
}

.fondo_seguridad_proteccion{
    /*background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/LANDING-RECARGAS-1920X900.png);*/
    background-image:   url(../img/bg_seguridad_proteccion.png);
    background-repeat:  no-repeat;
    /*background-position:70%;*/
    background-size:    cover;
    background-position:80% 5vh;
    height:             555px;
}

.fondo_seguridad_robo{
    /*background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/LANDING-RECARGAS-1920X900.png);*/
    background-image:   url(../img/bg_seguridad_robo.png);
    background-repeat:  no-repeat;
    /*background-position:70%;*/
    background-size:    cover;
    background-position:80% 5vh;
    height:             555px;
}

.fondo_seguridad_fraude{
    /*background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/LANDING-RECARGAS-1920X900.png);*/
    background-image:   url(../img/bg_seguridad_fraude.png);
    background-repeat:  no-repeat;
    /*background-position:70%;*/
    background-size:    cover;
    background-position:80% 5vh;
    height:             555px;
}

.fondo_noticias_seguridad{
    /*background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/LANDING-RECARGAS-1920X900.png);*/
    background-image:   url(../img/bg_seguridad.png);
    background-repeat:  no-repeat;
    /*background-position:70%;*/
    background-size:    cover;
    background-position:80% 5vh;
    height:             555px;
}

.fondo_recargas{
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/LANDING-RECARGAS-1920X900.png);
    /*background-image:   url(../img/carnaval/recargas.png);*/
    background-repeat:  no-repeat;
    /*background-position:70%;*/
    /*background-size: contain;*/
    background-position:80% 0vh;
    height:             800px;
}

.fondo_yapeo{
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/LANDING-YAPEOS-1920X900.png);
    /*background-image:   url(../img/carnaval/yapeos.png);*/
    background-repeat:  no-repeat;
    background-position:70% 0vh;
    /*background-size: contain;*/
    height:             800px;
}

.fondo_retira_deposita{
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/YAPEOS-1920X900.png);
    /*background-image:   url(../img/carnaval/home.png);*/
    background-repeat:  no-repeat;
    background-position:70% 0vh;
    background-size:    cover;
    height:             800px;
}

.background-image{
    background-image:url(../img/yape_boy_dudas2.svg);
    background-size: cover;
}

.fondo_seguridad{
    background: linear-gradient(0deg, rgba(74, 25, 113, 1) 0%, rgba(116, 35, 132, 1) 60%);
    padding-top:7vh;
    height:     249px;
}


.bg-elipse{
    background:         url(../img/elipse-bg-three.png) no-repeat;
    background-position:center;
    background-size:    contain;
}

.feature h5:hover{
    color:       #f6d90b !important;
    border-color:#f6d90b;
    transition:  .3s;
}

.feature .feature-item .icon{
    margin-bottom:15px;
}

.feature .feature-item .icon i{
    font-size:48px;
    color:    #7d71d3;
}

.feature .feature-item .content h5{
    text-transform:inherit;
    font-weight:   600;
    margin-bottom: 15px;
    color:         #2d5fc8;
}

.feature .feature-item .content h3{
    margin-top:15px
}

.feature .feature-item:not(:last-child){
    margin-bottom:60px;
}

.feature .app-screen{
    margin:20px 0 !important;
}

.feature .app-screen img{
    max-height:400px;
    padding:   50px;
    transition:transform .2s;
    width:     200px;
    height:    200px;
    margin:    0 auto;
}

.feature .app-screen img:hover{
    transform:scale(1.5);
}

.pa-10{
    padding:10px;
}

.pa-4{
    padding:4px;
}

.pa-2{
    padding:2px;
}

.col-lg-3, .col-md-4{
    position:     relative;
    width:        100%;
    padding-right:15px;
    padding-left: 15px;
}

.mt-4{
    margin-top:1.5rem !important;
}

.features .icon-box{
    display:       flex;
    align-items:   center;
    padding:       20px;
    background:    #742384;
    transition:    ease-in-out 0.3s;
    flex-direction:column;
    border-radius: 20px;
}

.features .icon-box i{
    font-size:    32px;
    padding-right:10px;
    line-height:  1;
}

.features .icon-box h3{
    font-weight:700;
    margin-top: 20px;
    padding:    0;
    line-height:1;
    font-size:  16px;
    color:      #FFFFFF
}

.features .icon-box h3 a{
    color:     #ffff;
    transition:ease-in-out 0.3s;
}

.features .icon-box a{
    color:#ffff
}

.features .icon-box a:hover{
    color:#f6d90b !important
}

.features .icon-box h3 a:hover{
    color:#ffffff;
}

.features .icon-box:hover{
    background:#10cbb4;
}

.flex-nowrap{
    display:        flex;
    flex-wrap:      nowrap !important;
    justify-content:center;
}

.pa-10{
    padding:10px;
}


.card_funcionalidad{
    text-align:   center;
    display:      flex;
    padding:      16px 24px;
    border-radius:8px;
    background:   #ffffff;
    /* color: black; */
    /* border: solid 1px #cbcbcb; */
    border:       1px solid #EEECF3;
    align-content:center;
    /*justify-content: center;*/
    align-items:  center;
    justify-items:center;
    /*justify-content: space-around;*/
}

.card_recarga{
    text-align:     center;
    display:        inline-grid;
    width:          240px;
    height:         270px;
    border-radius:  30px;
    background:     #ffffff;
    /* color: black; */
    /* border: solid 1px #cbcbcb; */
    box-shadow:     0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
    align-content:  center;
    justify-content:center;
    align-items:    center;
    justify-items:  center;
}

.card_recarga img{
    max-width:130px;
    width:    100%;
    padding:  10px;
}

.card_recarga span{
    font-weight:bold;
    color:      #000000;
}

.applic-apps{
    overflow:hidden;
    position:relative;
    z-index: 0
}

.applic-apps .single-cases-info h3{
    color:        #2b044d;
    font-size:    40px;
    font-weight:  700;
    line-height:  1.3;
    margin-bottom:20px;
    padding-right:30px
}


.applic-apps .single-cases-info p{
    margin-bottom:50px;
    padding-right:224px
}

.swiper-000{
    background-image:url(../img/carnaval/home.png)
}

.swiper-00{
    background-image:url(../img/Banner_Desktop_recargas_Tigo_1440x496.jpg)
}


.applic-apps .owl-carousel .owl-item img{
    margin-top:10vh;
}

.page-hero-section{
    position:        relative;
    background-color:#F6F4FB;
}

.background-yape{
    background-color:#742384;
}

.page-hero-section .hero-caption{
    height:100%;
}

.page-section{
    position:relative;
}

.page-section:not(.fg-white) h3{
    color:      #3C60BE;
    font-weight:bold;
}

.bg-image{
    background-size:    cover;
    background-position:bottom;
    background-repeat:  no-repeat;
}

.hero-mini{
    height:100vh;
}

.align-items-center{
    -webkit-box-align:center !important;
    align-items:      center !important;
}

.h-100{
    height:100% !important;
}

p{
    color:        #2C2044;
    font-size:    16px;
    line-height:  24px;
    margin-bottom:15px;
    font-weight:  normal;
}

/*.mobileshow {*/
/*    display:none;*/
/*}*/
/*.desktopshow{*/
/*    display:block;*/
/*}*/

@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}

.stroke-dotted{
    opacity:         0;
    stroke-dasharray:4, 5;
    stroke-width:    1px;
    transform-origin:50% 50%;
    animation:       spin 4s infinite linear;
    transition:      opacity 1s ease, stroke-width 1s ease;
}

.stroke-solid{
    stroke-dashoffset:0;
    stroke-dashArray: 300;
    stroke-width:     4px;
    transition:       stroke-dashoffset 1s ease, opacity 1s ease;
}

.icon{
    transform-origin:50% 50%;
    transition:      transform 200ms ease-out;
}

#play:hover .stroke-dotted{
    stroke-width:4px;
    opacity:     1;
}

#play:hover .stroke-solid{
    opacity:          0;
    stroke-dashoffset:300;
}

#play:hover .icon{
    transform:scale(1.05);
}

#play{
    cursor:   pointer;
    position: absolute;
    top:      100px;
    left:     50%;
    transform:translateY(-50%) translateX(-50%);
}

.justify_service_content{
    display:        flex;
    flex-wrap:      wrap;
    justify-content:center;
}

.service_block_1{
    width:25%;
}

.service_block_2{
    width:50%;
}

.service_block_3{
    width:25%;
}

.service_tablet, .service_phone{
    display:none;
}


/* CSS */
.button-29{
    align-items:        center;
    appearance:         none;
    background-image:   radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    border:             0;
    border-radius:      6px;
    box-shadow:         rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing:         border-box;
    color:              #fff;
    cursor:             pointer;
    display:            inline-flex;

    height:             48px;
    justify-content:    center;
    line-height:        1;
    list-style:         none;
    overflow:           hidden;
    padding-left:       16px;
    padding-right:      16px;
    position:           relative;
    text-align:         left;
    text-decoration:    none;
    transition:         box-shadow .15s, transform .15s;
    user-select:        none;
    -webkit-user-select:none;
    touch-action:       manipulation;
    white-space:        nowrap;
    will-change:        box-shadow, transform;
    font-size:          18px;
}

.button-29:focus{
    box-shadow:#3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.button-29:hover{
    box-shadow:rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
    transform: translateY(-2px);
}

.button-29:active{
    box-shadow:#3c4fe0 0 3px 7px inset;
    transform: translateY(2px);
}

.button_grid{
    display:        grid;
    flex-direction: row;
    align-content:  center;
    justify-content:center;
    align-items:    center;
    justify-items:  stretch;
}

.input-whatsapp-link-soli{
    height:       50px;
    font-size:    30px;
    max-width:    70%;
    text-align:   center;
    border-radius:50px;
}

.titulo_principal, .subtitulo_principal{
    color:#ffffff;
}

/*! CSS Used from: https://www.tenpo.cl/css/_index.css?v=1650991312 */
section.section{
    color:#000;
}

section.section--sac{
    background: #ffffff;
    padding-top:70px;
}

.image-footer{
    /*max-width: -webkit-fill-available;*/
    width:242px;
}

.align-center{
    display:        flex;
    align-items:    center;
    justify-content:center;
    align-content:  center;
    flex-wrap:      nowrap;
    flex-direction: row;
}

.hide_desktop{
    display:none !important;
}


.img-principal{
    max-width:950px !important;
}

.fondo_negocio_principal{
    background-size:    400px;
    background-position:100% 65%;
    background-repeat:  no-repeat;
    background-origin:  content-box;
    padding-top:        9vh;
}

.fondo_que_es_yape{
    background:         #742384;
    background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/yape_dinero_compras.svg);
    background-repeat:  no-repeat;
    background-position:70% 6vh;
    background-size:    contain;
    height:             559px;
}

.fondo_formulario_back{
    background-image:linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../img/fondo1.svg);
}

.fondo_formulario{
    background-image:   url(../img/yape_qr1.svg);
    background-repeat:  no-repeat;
    background-position:100% -12vh;
    background-size:    70%;
    height:             451px;
}

.space-banner-phone{
    margin-bottom:50px;
}

.indent-top-mobile{
    margin-top:250px;
}

.indent-top-mobile-blog-text-long{
    margin-top:170px;
}

.indent-top-mobile-blog{
    margin-top:225px;
}

.indent-top-mobile-without-button{
    margin-top:380px;
}

.indent-top-mobile-formulario{
    margin-top:225px;
}

section.section--sac .container .col-sm:first-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}

section.section--sac .container .col-sm:first-child img{
    margin-top:auto;
}

section.section--sac h3{
    font-size:    34px;
    color:        #000000;
    margin-bottom:30px;
}


section.section--sac .sac-channels{
    margin-top:    40px;
    max-width:     350px;
    padding-bottom:20px;
}


section.section--sac .sac-channels .sac-channel{
    border:            1px solid #09c0e1;
    border-radius:     50px;
    padding:           20px;
    margin-bottom:     20px;
    position:          relative;
    box-shadow:        0 0 0 15px rgba(204, 169, 44, 0);
    -webkit-box-shadow:0 0 0 15px rgba(204, 169, 44, 0);
}

section.section--sac .sac-channels .sac-channel:first-child{
    -webkit-animation:pulse 2s infinite;
    animation:        pulse 2s infinite;
}

section.section--sac .sac-channels .sac-channel small{
    position:     absolute;
    top:          -10px;
    left:         45px;
    background:   #09c0e1;
    color:        #ffffff;
    padding:      2px 10px;
    border-radius:50px;
    font-size:    12px;
}

section.section--sac .sac-channels .sac-channel img{
    width:       20px;
    margin-right:10px;
}

section.section--sac .sac-channels .sac-channel span{
    font-size:15px;
}

section.section--sac .sac-channels .sac-channel a{
    color:#000000;
}

#flag{
    width:16px;
}

.dropdown-menu{
    min-width:auto;
}

.style_contador_yape_logo{
    background:   #fff;
    border-radius:9px;
    box-shadow:   0 8px 10px -5px #2c204433, 0 6px 30px 5px #2c20440d, 0 16px 24px 2px #2c20440d;
    border:       1px solid #EEECF3;
    width:        72px;
    height:       72px;
    padding:      12px;
    margin-bottom:30px;
}

/* swiper*/
.swiper{
    width: 100%;
    height:100%;
}

.swiper-slide{
    text-align:     center;
    font-size:      18px;
    background:     #fff;
    display:        flex;
    justify-content:center;
    align-items:    center;
}

.swiper-slide img{
    display:   block;
    width:     100%;
    height:    100%;
    object-fit:cover;
    max-width: 538px;
}

.swiper-button-prev:after{
    font-size:  1vw !important;
    font-family:"yape-icon", sans-serif !important;
    content:    "\f10f" !important;
}

.swiper-button-next:after{
    font-size:  1vw !important;
    font-family:"yape-icon", sans-serif !important;
    content:    "\f110" !important;
}

.swiper-button-prev{
    margin-left:-120px;
}

.swiper-button-next{
    margin-right:-120px;
}

.swiper-button-next, .swiper-button-prev{
    background-color:#10cbb4 !important;
    color:           #FFFFFF !important;
    border:          3px solid #fff !important;
    height:          60px !important;
    width:           60px !important;
    align-items:     center !important;
    border-radius:   50% !important;
    cursor:          pointer;
    display:         flex;
    justify-content: center;
}

.swiper-button-prev.swiper-button-disabled{
    background-color:#e2dfe8 !important;
    color:           #000000 !important;
    cursor:          default;
    pointer-events:  none;
}

.swiper-button-next.swiper-button-disabled{
    background-color:#e2dfe8 !important;
    color:           #000000 !important;
    cursor:          default;
    pointer-events:  none;
}

.icon-yape.arrow-left-r:before{
    content:"\f10f";
}

.icon-yape.arrow-right-r:before{
    content:"\f110";
}

@media (min-width:1800px){
    #swiper-home, .swiper, .swiper-slide{
        /*height:70vh;*/
    }
}

.outlined{
    background:     none !important;
    border:         3px solid #fff !important;
    height:         52px !important;
    width:          52px !important;
    align-items:    center !important;
    border-radius:  50% !important;
    cursor:         pointer;
    display:        flex;
    justify-content:center;
}

.home-showcase{
    padding: 0 var(--columnExt) 0;
    position:relative;
    /*margin: 2rem 0 20vw;*/
}

.home-showcase .home-showcaseSlider{
    display:        flex;
    flex-direction: row;
    flex-wrap:      wrap;
    justify-content:space-between;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide{
    position:relative;
    height:  72vh;
    overflow:hidden;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image{
    width:            100%;
    height:           100%;
    background-repeat:no-repeat;
    background-size:  cover;
    display:          flex;
    align-items:      flex-end;
    background-color: transparent;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container{
    max-width: 100%;
    margin:    0 0 5rem;
    text-align:left;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .bigTitle{
    /*transform: translate(-140%, 0);*/
    /*transition: transform 1.15s cubic-bezier(0.58, 0, 0.28, 0.99) 0.4s;*/
    color:      #fff;
    margin:     0 0 1rem;
    text-shadow:#212121 21 0px 0px 5px;
    font-family:Roboto-Bold, serif !important;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .container-arrow-button{
    /*transform: translate(-160%, 0);*/
    /*transition: transform 0.6s cubic-bezier(0.58, 0, 0.28, 0.99) 1s;*/
    width:fit-content;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .container-arrow-button .arrow-button{
    color:#fff;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .container-arrow-button svg path{
    fill:#fff;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .container-arrow-button svg circle{
    stroke:#fff;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .container-arrow-button:hover svg circle{
    stroke:#8c97d0;
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .filter{
    width:           100%;
    height:          100%;
    background-color:#742284;
    position:        absolute;
    top:             0;
    left:            0;
    z-index:         -1;
    opacity:         0.5;
    /*transition: opacity 0.8s ease-in 0.5s;*/
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide-active .swiper-image .text-container .bigTitle, .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide-active .swiper-image .text-container .container-arrow-button{
    transform:translate(0, 0);
}

.home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide-active .swiper-image .filter{
    opacity:0;
}

.home-showcase .home-showcaseSlider .swiper-pagination{
    position:relative;
    bottom:  0;
    left:    0;
    width:   fit-content;
    padding: 3.5% 0;
}

.home-showcase .home-showcaseSlider .swiper-pagination-bullet{
    /* width: 4vw; */
    border-radius:   50px;
    /* height: 2px; */
    background-color:#5d1b6a;
    opacity:         1;
    transition:      width .8s ease-in-out, .4s ease-in-out;
    margin:          0 4px !important;
}

.home-showcase .home-showcaseSlider .swiper-pagination-bullet-active{
    background-color:#ce92d6;
    /*width: 8vw;*/
}

.home-showcase .home-showcaseSlider .showcaseSlider-nav{
    display:       flex;
    flex-direction:row;
    padding:       0 0 3.5% 50%;
    padding-right: 0;
}

.home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-prev, .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-next{
    position:   static;
    display:    flex;
    align-items:flex-end;
    font-weight:900;
    margin:     0 2vw;
    width:      20px;
    height:     auto;
}

.home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-prev.swiper-button-disabled, .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-next.swiper-button-disabled{
    opacity:1;
    border: 1px solid #b8b6b6 !important;
}

.home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-prev.swiper-button-disabled:after, .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-next.swiper-button-disabled:after{
    color:#d1d1d1;
}

.home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-prev::after, .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-next::after{
    font-size:  2px;
    font-weight:100;
    color:      #ffffff;
}

.home-showcase .home-showcaseSlider #macaron{
    position:absolute;
    top:     0;
    right:   0;
    z-index: 1;
    margin:  5%;
    width:   30%;
}

.home-showcase .home-showcaseSlider #macaron #text-circle{
    animation:       rotate-360 12s linear 0s infinite reverse forwards;
    transform-origin:center;
}

.home-showcase .scrollSliderButton{
    position:       absolute;
    left:           50%;
    bottom:         0;
    z-index:        2;
    display:        flex;
    flex-direction: column;
    align-items:    center;
    transform:      translate(-50%, 0%);
    color:          #fff !important;
    text-decoration:none;
    font-size:      3.5vw;
    height:         21vw;
    font-family:    "CabinetGrotesk-light", sans-serif;
}

.home-showcase .scrollSliderButton .line{
    height:    15vw;
    width:     1px;
    background:#8c97d0;
    margin-top:5px;
    animation: scroll-anim-mobile 1.6s cubic-bezier(0.62, 0.01, 0.71, 0.47) 0s infinite normal forwards;
}

.roboto-regular{
    font-family:Roboto-Regular;
}

.roboto-medium{
    font-family:Roboto-Medium;
}

.roboto-bold{
    font-family:Roboto-bold;
}

.bg_contador_yape{
    background:url(../img/bg-yaperos-millions-lg.png) center top no-repeat;
    height:    480px;
}

.text-sub{
    color:#bfa3c4
}

.bg_super_yapito{
    background:   linear-gradient(0deg, #4a1971 41%, #742384 100%);
    width:        70%;
    border-radius:30px;
    padding:      60px 45px;
    /*height: 260px;*/
}

.yape-descarga{
    max-width:none;
    position: fixed;
    top:      189px;
    width:    34%;
}

.text-pf-principal{
    box-shadow:     0 1px 3px 1px #00000026, 0 1px 2px #d6d2e14d;
    border-radius:  0.5rem;
    justify-content:space-between;
    position:       relative;
    background:     #fff;
    letter-spacing: 0;
    /*width: 60rem;*/
    /*height: 6rem;*/
    padding:        16px 24px;
    margin:         0 0 16px;
}

.text-pf-principal-border{
    /*border-left-style: solid;*/
    display:         none;
    position:        absolute;
    width:           4px;
    height:          50%;
    background-color:#742384;
    left:            -0.125px;
    border-radius:   0.875rem;
}

.pf-1:hover .pf-b-1{
    display:block;
}

.pf-2:hover .pf-b-2{
    display:block;
}

.pf-3:hover .pf-b-3{
    display:block;
}

.text-pf-principal a{
    color:#69607b !important;
}

.swiper-yape-0{
    background-image:url(../img/banner_1_yape.png)
}

.swiper-yape-1{
    background-image:url(../img/banner_2_yape.png)
}

.swiper-yape-2{
    background-image:url(../img/banner_3_yape.png)
}


.swiper-01{
    background-image:url(../img/Banner-web-carnaval-recargas.jpg)
}

.swiper-0{
    background-image:url(../img/HOME-LANDING-1440X496.png)
}

.swiper-1{
    background-image:url(../img/HOMEHORIZONTAL-BANNER3.jpg)
}

.swiper-2{
    background-image:url(../img/HOMEHORIZONTAL-BANNER4.jpg)
}

.swiper-3{
    background-image:url(../img/HOMEHORIZONTAL-BANNER5.jpg)
}

.swiper-4{
    background-image:url(../img/HOMEHORIZONTAL-BANNER6.jpg)
}

.align-title{
    display:        flex;
    align-items:    baseline;
    justify-content:center;
}

.align-beneficios-principal{
    display:        flex;
    justify-content:space-around;
    align-items:    center;
}

.align-swiper-servicios{
    display:flex !important;
    padding:0 10%;
}

.swiper-pagination-bullet-active{
    background-color:#F0CEF5 !important;
}

.bg-purple-light{
    background-color:     #f6f4fb;
    background-image:     url(../img/yape-background-top-questions.png);
    background-repeat:    no-repeat;
    background-position-x:100%;
    background-position-y:-24vh;
    background-size:      60vh;
}

.indent-text-beneficios{
    margin:16px 0 48px;
}

.indent-mas-beneficios{
    display:        flex;
    align-items:    baseline;
    justify-content:center;
}

.img-card-zoom{
    height:  200px;
    overflow:hidden;
}

.img-card-zoom img{
    transition:transform .8s ease;
}

.img-card-zoom:hover img{
    transform:scale(1.2);
}


.pf_si_fin{
    width:      102px !important;
    height:     30px !important;
    line-height:7px !important;
    font-size:  14px !important;
    text-align: center;
}

.pf_no_fin{
    width:      102px !important;
    height:     30px !important;
    line-height:7px;
    font-size:  14px !important;
    text-align: center;
}

.text-align-center{
    display:    flex;
    align-items:center;
}

.fondo_recargas, .fondo_retira_deposita, .fondo_yapeo{
    background-size:cover;
}

.margin-text{
    margin:0 6vh;
}

/*fin swiper*/
@media screen and (max-width:1200px){
    .cards-container{
        margin-bottom:30px;
    }

    .cards-container .item3{
        grid-column:span 2;
    }

    .service_tablet{
        display:flex;
    }

    .service_phone, .service_web{
        display:none;
    }

    /*.justify_service_content {*/
    /*    justify-content: flex-start;*/
    /*    margin-top: 0 !important;*/
    /*}*/
    .justify_service_content .content{
        display:        flex;
        flex-direction: row;
        justify-content:flex-start;
        margin-bottom:  20px;
    }

    .image_service{
        height:max-content;
    }

    .service_block_1{
        width:40%;
    }

    .service_block_2{
        width:40%;
    }

    /*.service_block_3{*/
    /*    width: 55%;*/
    /*}*/
    /*.service_block_2 .img_center{*/
    /*    vertical-align: text-top;*/
    /*    max-width: 300px;*/
    /*}*/
    .service_block_1 .content-text{
        display:       flex;
        flex-direction:column;
        align-items:   flex-start;
        width:         -webkit-fill-available;
        margin-left:   15px;
    }

    .service_block_1 .content-text p{
        margin-left:  10px;
        margin-bottom:0;
        text-align:   left;
    }
}

@media screen and (max-width:998px){
    .input-search{
        margin-top:           15px;
        background-color:     #f4f4f5;
        font-size:            14px;
        line-height:          1rem;
        width:                calc(100% - 250px);
        height:               40px;
        left:                 65px;
        position:             absolute;
        background-position:  10px 8px;
        background-size:      16px;
        background-position-y:center;
    }
}

@media screen and (max-width:992px){
    .text-align-left-phone{
        text-align:left !important;
    }

    .carousel_retira_deposita{
        width: 100%;
        height:380px;
    }

    .card_container_retira_deposita{
        display:         flex;
        overflow-x:      auto;
        overflow-y:      hidden;
        scroll-snap-type:x mandatory;
        gap:             8px;
        width:           calc(100%);
        margin:          8px;
        flex:            0 0 calc(100%);
    }

    .card_container_retira_deposita::-webkit-scrollbar{
        display:none;
    }

    .card_retira_deposita{
        min-width:        270px;
        height:           380px;
        scroll-snap-align:start;
        display:          flex;
        justify-content:  center;
        align-items:      center;
        border-radius:    8px;
    }

    .card_retira_deposita2{
        min-width:        320px;
        height:           380px;
        scroll-snap-align:start;
        display:          flex;
        justify-content:  center;
        align-items:      center;
        border-radius:    8px;
    }

    .mt_retira_deposita{
        margin-top:30px;
    }

    .replace_retira_deposita:before{
        content:"En caso de emergencia";
    }

    .mt-295{
        margin-top:295px;
    }

    .bg_super_yapito{
        width:  50% !important;
        /*height: 460px !important;*/
        padding:30px 10px !important;
    }

    .btn_cta_social{
        width:100%;
    }

    .nps_pf{
        width:-webkit-fill-available;
    }

    .pf_no, .pf_si{
        width:40%;
    }

    .nps_pf_container{
        flex-direction:column;
        align-items:   center;
        text-align:    center;
        padding:       1rem 0;
    }

    .align-center-item{
        display:       flex;
        flex-direction:column;
        align-items:   center;
        text-align:    center;
    }

    .align-yapenegocios{
        display:       flex;
        flex-direction:column;
        align-items:   center;
    }

    .section_1_3_negocio{
        grid-template-columns: repeat(1, 1fr);
    }

    .mb-phone{
        margin-bottom:15px;
    }

    .align-middle{
        display:        flex;
        align-items:    flex-start;
        justify-content:flex-start;
        flex-direction: column;
    }

    .background_section_soli_yape{
        background-size:    218px;
        background-position:104% -13%;
        background-repeat:  no-repeat;
        background-origin:  content-box;
        padding-top:        10vh;
    }

    .section_1_2_inicio{
        margin-top:   0 !important;
        margin-bottom:0 !important;
    }

    .section_1_inicio{
        padding-top:   24px;
        padding-bottom:24px;
    }

    .subtitle_yape{
        font-size:34px;
    }

    .section_final_yape{
        /*padding-bottom: 24px;*/
    }

    .list_yape{
        font-size:16px;
    }

    .section_1_yape{
        padding-top:24px;
    }

    .fondo_negocios{
        background-position:15vh 6vh !important;
        height:             328px !important;
    }

    .banner-recargas{
        background:         url(../../assets/img/bg_recargas_mobile.png);
        /* background-size: cover; */
        /* max-width: 420px; */
        height:             430px;
        /* aspect-ratio: 1 / 1; */
        background-position:center;
        background-repeat:  no-repeat;
    }

    .banner-recargas p{
        display:none;
    }

    .fondo_servicios{
        /*background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../../assets/img/PDS-900X1920.png) !important;*/
        height:             480px !important;
        background-image:   url(../../assets/img/carnaval/servicios_cel.png) !important;
        background-size:    cover !important;
        /*background-position:0;*/
        background-position:70% 0vh;
        /*top:                50px;*/
    }

    .fondo_recargas{
        /*background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../../assets/img/LANDING-RECARGAS-900X1920.png) !important;*/
        height:             480px !important;
        background-image:   url(../../assets/img/carnaval/recargas_cel.png) !important;
        background-size:    cover !important;
        background-position:top;
        /*top: 50px;*/
    }

    .fondo_promos{
        /*background-image:linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../../assets/img/HOME-LANDING-900X1920.png) !important;*/
        background-image:   url(../../assets/img/carnaval/promos_cel.png) !important;
        height:             480px !important;
        background-size:    cover !important;
        background-position:10% 0vh;
        /*top: 50px;*/
    }

    .fondo_yapeo{
        /*background-image:linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../../assets/img/LANDING-YAPEOS-900X1920.png) !important;*/
        height:             480px !important;
        background-image:   url(../../assets/img/carnaval/yapeos_cel.png) !important;
        background-size:    cover !important;
        background-position:10% 0vh;
        /*top: 50px;*/
    }

    .fondo_retira_deposita{
        /*background-image:linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../../assets/img/YAPEOS-900X1920.png) !important;*/
        background-image:   linear-gradient(to bottom, rgba(116, 35, 132, 0) 0, #2c2044 140%), url(../../assets/img/carnaval/depositos_cel.png) !important;
        height:             480px !important;
        background-size:    cover !important;
        background-position:10% 0vh;
        /*top: 50px;*/
    }

    .btn_cta_altern_retira_deposita{
        width: auto !important;
        margin:0 !important;
    }

    .tabs-container{
        padding-top:24px;
    }

    .volver_atras{
        padding-top:30px;
        margin-left:0 !important;
    }

    .section_1_seguridad{
        padding-top:   0 !important;
        padding-bottom:0 !important;
    }

    h1, h2{
        font-size:24px;
    }

    .mt-secundary{
        margin-top:100px;
    }

    .texto_principal{
        font-size:9rem !important;
    }

    .texto_primario{
        font-size:30px;
    }

    .texto_alterno span{
        font-size:15px;
    }

    .texto_alterno{
        text-align:left;
    }

    .row-bg-loader{
        display:none;
    }

    .yape-girl-phone{
        max-width:100%;
    }

    .mt-30-phone{
        margin-top:30px;
    }

    .image-footer{
        width:    312px !important;
        max-width:fit-content;
    }

    .tutorial-recarga-soli{
        display:none !important;
    }

    .row-bg{
        filter:brightness(35%);
    }

    .holder{
        flex-direction:column-reverse !important;
    }

    .hide_phone{
        display:none !important;
    }
}

@media all and (max-width:991.98px){
    .navbar-expand-lg > .container{padding-left:0;padding-right:0;}

    .button_recarga_yape_l, .button_recarga_yape_r{text-align:center;}
}

@media screen and (max-width:991px){
    .mod-mobile{
        margin-bottom:15px;
    }

    body{
        min-height:100vh !important;
    }

    .modal-open{
        overflow-y:auto;
    }

    .clear{
        top:  20px;
        right:10px;
    }

    .style-input-search-mobile{
        width:calc(100% - 34px) !important;
        left: 35px !important;
    }

    .result_search{
        /*margin-top:90px*/
    }

    img{
        max-width: 200px;
        height:    auto;
        text-align:center
    }

    .whatsapp-icon{
        margin: 0 10px;
    }

    #wrap, body{
        overflow-x:hidden;
    }

    .font-size-50{
        font-size:35px !important;
    }

    .font-size-20{
        font-size:16px !important;
    }

    .background_secundario .font_promocion{
        font-size:19px;
    }

    .banner_title{
        color:     #fff;
        position:  absolute;
        left:      50%;
        top:       25%;
        text-align:center;
        transform: translate(-50%, -50%);
    }

    .image-top{
        top:5vh;
    }

    .background_principal .btn_cta{
        margin-bottom:0 !important;
        margin-top:   0 !important;
        display:      inline-block;
        box-shadow:   none;
        appearance:   none;
        border:       0;
        outline:      0;
        height:       50px;
        line-height:  50px;
        padding:      0 16px;
        font-size:    25px;
        border-radius:30px;
        cursor:       pointer;
        user-select:  none;
        font-weight:  700;
    }

    .background_principal .font_promocion{
        font-size:19px;
    }

    .background_secundario .btn_cta{
        margin-bottom:0 !important;
        margin-top:   0 !important;
        display:      inline-block;
        box-shadow:   none;
        appearance:   none;
        border:       0;
        outline:      0;
        height:       50px;
        line-height:  50px;
        padding:      0 16px;
        font-size:    25px;
        border-radius:30px;
        cursor:       pointer;
        user-select:  none;
        font-weight:  700;
    }

    .swiper-pagination-bullet{
        margin-right:5px;
    }

    .service_block_1{
        width:90%;
    }

    .service_block_2{
        width:90%;
    }

    .service .img_center{
        max-width:90%;
    }

    .map-responsive{
        padding-bottom:45vh;
    }

    .descarga-yape-marca{
        max-width:none;
        /*margin-top: 24px;*/
        width:    100%;
    }

    .yaperos-banner{
        display:       flex;
        text-align:    center;
        flex-direction:column;
    }

    .ml-85{
        margin-left:0px;
    }

    .mt-110{
        margin-top:69px !important;
    }

    .ml-285{
        margin-left:30px;
    }

    .ml-155{
        margin-left:30px;
    }

    .indent-top-mobile-blog-text-long{
        margin-top:70px;
    }

    .indent-top-mobile-blog{
        margin-top:70px;
    }

    .indent-top-mobile-formulario{
        margin-top:200px;
    }

    .fondo_formulario{
        height:             328px !important;
        background-position:80% 10px;
        background-size:    100%;
    }

    .fondo_que_es_yape{
        background-position:15vh 6vh !important;
        height:             328px !important;
    }

    .indent-top-mobile-without-button{
        margin-top:215px;
    }

    .indent-top-mobile{
        margin-top:167px;
    }

    .fondo_blog{
        height:             328px;
        background-position:69%;
    }

    .font-size-mobile-title-without-image{
        font-size:28px !important;
    }

    .font-size-mobile-title-with-image{
        font-size:    24px !important;
        /*max-width: 70%;*/
        margin-bottom:0;
    }

    .font-size-mobile-subtitle-with-image{
        font-size:    16px;
        margin-bottom:5px;
    }

    .space-banner-phone{
        margin-bottom:10px;
    }

    .space-within-cards{
        padding-top:   40px;
        padding-bottom:30px;
    }

    .fondo_negocio_principal{
        background-size:    218px;
        background-position:104% -76%;
        background-repeat:  no-repeat;
        background-origin:  content-box;
        padding-top:        15vh;
    }

    .fondo_seguridad{
        height:     200px;
        padding-top:50px;
    }

    .d-flex{
        display:contents !important;
    }

    .section_2_negocio{
        text-align:left;
    }

    .section_1_negocio{
        margin-bottom:0 !important;
    }

    .section_1_2_negocio{
        margin-bottom:24px !important;
    }

    .hide_desktop{
        display:block !important;
    }

    .indent-right-element-section{
        justify-items:center;
    }

    .width-75{
        width:100% !important;
    }

    .img-principal{
        max-width:950px !important;
    }

    .img-phone{
        max-width:400px !important;
    }

    .img-negocios{
        max-width:230px !important;
    }

    .img-girl{
        max-width:230px;
    }

    .bg-elipse{
        background-size:cover;
    }

    .width-70{
        width:90%;
    }

    .banner-contact-blog .row{
        line-height:26px;
    }

    .icons_social_footer{
        /*width: 30px;*/
    }

    .footer-social-icon{
        margin-bottom:20px;
    }

    .footer_informacion{
        color:#ffffff;
    }

    .btn-banner{
        /*height: 90px;*/
        width:100%;
        /*margin-bottom: 16px;*/
    }

    .footer-widget-heading{
        display:none;
    }

    .footer_cell_invert{
        display:       flex;
        flex-direction:column;
        text-align:    center;
        align-items:   center;
    }

    .negocio_titulo, .negocio_descripcion{
        margin-bottom:20px;
    }

    .negocio_cell{
        display:       flex;
        flex-direction:column-reverse;
        align-items:   center;
    }

    .dudas_cell{
        display:       flex;
        flex-direction:column;
        align-items:   center;
    }

    .indent-left-services, .indent-rigth-services{
        align-content:center;
    }

    .dudas_imagen{
        text-align:   center;
        margin-bottom:50px;
    }

    .dudas_descripcion{
        margin-bottom:20px;
    }

    .card_recarga{
        margin-bottom:40px;
    }

    .pt-64{
        /*padding-top: 24px;*/
    }

    .pb-64{
        /*padding-bottom: 24px;*/
    }

    .width-65{
        width:100%;
    }

    .btn_map{
        margin-top:0 !important;
    }

    .btn_cta{
        width:        100%;
        height:       40px;
        padding:      0 12px;
        font-size:    14px;
        text-align:   center;
        line-height:  40px;
        margin-bottom:18px;
        margin-top:   18px;
    }

    .btn_cta_altern{
        display:         inline-block;
        box-shadow:      none;
        appearance:      none;
        outline:         0;
        background-color:#ffffff;
        border-color:    #10cbb4;
        border-style:    solid;
        border-width:    2px;
        border-radius:   8px !important;
        user-select:     none;
        color:           #10cbb4;
        font-weight:     700;
        width:           100%;
        height:          40px;
        padding:         0 12px;
        font-size:       14px;
        text-align:      center;
        line-height:     40px;
        margin-bottom:   18px;
        margin-top:      18px;
    }

    .wrap_body{
        /*padding-left: 16px;*/
        /*padding-right: 16px;*/
        top:     60px;
        position:inherit;
    }

    .background-yape{
        background-color:#F6F4FB;
    }

    .titulo_principal{
        font-size:     24px;
        letter-spacing:0.18px;
        color:         #742384;
    }

    .subtitulo_principal{
        color:#2C2044;
    }

    section.section--sac .container .col-sm{
        display:              block;
        -webkit-box-flex:     0;
        -ms-flex:             0 0 100%;
        flex:                 0 0 100%;
        display:              -webkit-box;
        display:              -ms-flexbox;
        display:              flex;
        -webkit-box-orient:   vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:   column;
        flex-direction:       column;
        -webkit-box-align:    center;
        -ms-flex-align:       center;
        align-items:          center;
        text-align:           center;
    }

    section.section--sac .container .col-sm:first-child{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:           2;
        order:                    2;
    }

    section.section--sac .container .col-sm:first-child img{
        max-width:270px;
        margin:   0 auto 0 auto;
    }

    input[type="radio"]{
        width: 9px;
        height:9px;
        top:   -2px;
        left:  -1px;
    }

    input[type="radio"]:checked:after{
        /*width: 5px;*/
        /*height: 5px;*/
        /*top: -10px;*/
        /*left: 2px;*/
    }

    .pf_si_fin, .pf_no_fin{
        line-height:28px !important;
    }

    .dudas_imagen ul{
        padding-inline-start:0 !important;
    }

    .text-pf-principal a{
        font-size:      14px !important;
        display:        flex;
        flex-direction: row;
        align-items:    center;
        justify-content:space-between;
        align-content:  center;
        flex-wrap:      nowrap;
        text-align:     left;
    }

    .bg_contador_yape .pt-64{
        padding-top:0 !important;
    }

    .card_funcionalidad a{
        display:        flex;
        justify-content:center;
        align-items:    center;
        flex-direction: column;
        height:         70px;
    }

    .card_funcionalidad span{
        margin-left:0 !important;
    }

    #transacciones .font-size-34{
        font-size:24px !important;
    }

    #transacciones .mb-4{
        margin-bottom:0 !important;
    }

    .beneficios-principal p{
        margin-left:0 !important;
    }

    .indent-text-beneficios{
        margin:16px 0 0;
    }

    .swiper-slide a{
        margin-bottom:20px !important;
    }

    .bg-purple-light{
        background-position-x:150%;
    }

    .pf-section{
        margin-bottom:30px;
    }

    .text-pf-principal{
        /*width: 33rem;*/
    }

    .yaperos-banner .font-size-48, .yaperos-banner p span{
        font-size:34px !important;
    }

    .bg_contador_yape{
        background:url(../img/bg-yaperos-millions-xs.png) center top no-repeat;
        height:    380px;
    }

    .swiper-slide .mb-32{
        font-size:14px !important;
    }

    .swiper-slide .font-size-18{
        font-size:14px !important;
    }

    .swiper-slide .font-size-34{
        font-size:24px !important;
    }

    .swiper-slide .font-size-16{
        font-size:14px !important;
    }

    .swiper-slide img{
        max-width:230px;
    }

    .swiper-button-next, .swiper-button-prev{
        display:none !important;
    }

    .card_funcionalidad, .align-swiper-servicios{
        flex-direction:column !important;
    }

    .card_funcionalidad span{
        font-size:14px !important;
    }

    .card_funcionalidad img{
        /*width: 40px;*/
        /*height: 40px;*/
    }

    .align-title{
        font-size:24px !important;
    }

    .align-title p{
        font-size:24px !important;
    }

    .showcaseSlider-nav{
        display:none !important;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container{
        max-width:100%;
        margin:   0 4vh;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide-active .swiper-image .text-container .container-arrow-button{
        width:100%;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination{
        bottom:    0px;
        left:      0;
        position:  absolute;
        width:     100%;
        margin:    0;
        text-align:center;
    }

    .bigTitle{
        font-size:  40px !important;
        font-family:Roboto-Bold, serif !important;
    }

    .subtitle-banner{
        font-size:20px;
    }

    .swiper-000{
        background-image:url(../img/carnaval/home_cel.png)
    }

    .swiper-00{
        background-image:url(../img/Banner_Desktop_recargas_Tigo_360x496.jpg)
    }

    .swiper-yape-0{
        background-image:url(../img/banner_1_yape_movil.png)
    }

    .swiper-yape-1{
        background-image:url(../img/banner_2_yape_movil.png)
    }

    .swiper-yape-2{
        background-image:url(../img/banner_3_yape_movil.png)
    }

    .swiper-0{
        background-image:url(../img/HOME-LANDING-1-900X1920.png)
    }

    .swiper-1{
        background-image:url(../img/HOMEVERTICAL-BANNER3.jpg)
    }

    .swiper-2{
        background-image:url(../img/HOMEVERTICAL-BANNER4.jpg)
    }

    .swiper-3{
        background-image:url(../img/HOMEVERTICAL-BANNER5.jpg)
    }

    .swiper-4{
        background-image:url(../img/HOMEVERTICAL-BANNER6.jpg)
    }
}

@media screen and (max-width:768px){
    .input-search{
        width:calc(100% - 250px);
    }

    .celular-banner{
        height:250px;
    }

    .txt2-banner{
        font-size:  16px !important;
        line-height:18px !important;
    }

    .titulo{
        font-size:  28px !important;
        line-height:32px !important;
    }

    .btn-down{
        font-size:18px;
    }

    .bg_super_yapito{
        width:60% !important;
        /*height: 460px !important;*/
    }

    .mt-secundary{
        margin-top:60px;
    }

    .text_banner_secundario{
        font-size:40px;
    }

    .texto_principal{
        font-size:5rem !important;
    }

    .texto_primario{
        font-size:25px;
    }

    .texto_alterno span{
        font-size:13px;
    }

    .texto_alterno{
        text-align:left;
    }

    .background_secundario .btn_cta{
        font-size:20px;
    }

    #container{
        left:38%;
    }

    .feature .feature-item{
        margin-bottom:0px !important;
    }

    .special_size{
        width:59% !important;
    }

    .feature .feature-item:not(:last-child){
        margin-bottom:0px !important;
    }

    .modal.in .modal-dialog{
        transform:translate(0, 12vh);
    }

    #soli-ubicacion h3{
        font-size:18px;
    }

    .col-xs-6{
        width:50% !important;
    }

    .beneficios-principal p{
        text-align:left !important;
    }

    .align-title{
        justify-content:flex-start;
    }

    .align-text-beneficios{
        display:    flex;
        align-items:center;
    }

    .align-beneficios-principal{
        flex-direction:column;
        align-items:   flex-start;
    }

    .img-phone{
        width: 102px !important;
        margin:0 16px 24px 0;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide-active .swiper-image .text-container .container-arrow-button{
        width:100%;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination{
        bottom:0px;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container{
        max-width:100% !important;
        width:    100%;
        padding:  0 10%;
        margin:   0;
    }

    .bigTitle{
        font-size:24px !important;
        max-width:100%;
    }

    .subtitle-banner{
        font-size:16px;
    }
}

@media screen and (max-width:767px){
    .applic-apps .single-cases-info{
        left:      1%;
        margin-top:10px
    }

    .applic-apps .single-cases-info h3{
        font-size:30px
    }

    .applic-apps .single-cases-info p{
        margin-bottom:20px;
        padding-right:0px
    }

    section.section--sac .container{
        text-align:center;
    }

    section.section--sac h3{
        font-size:24px;
    }

    section.section--sac .sac-channels{
        margin:   40px auto 0 auto;
        max-width:320px;
    }

    section.section--sac .sac-channels .sac-channel{
        text-align:left;
        padding:   13px;
    }

    section.section--sac .sac-channels .sac-channel span{
        font-size:14px;
    }
}

@media screen and (max-width:640px){
    .input-search{
        width:calc(100% - 250px);
    }

    .celular-banner{
        height:200px;
    }

    .centrar{
        width:       90%;
        margin-left: 5%;
        margin-right:5%;
    }
}

@media screen and (max-width:560px){
    .bg_super_yapito{
        width:90% !important;
        /*height: 460px !important;*/
    }

    .mt-secundary{
        margin-top:5px;
    }
}

@media screen and (max-width:500px){
    .card-list{
        /* On small screens, we are no longer using row direction but column */
        flex-direction:column;
    }
}

@media screen and (max-width:480px){
    .accordion-expander{
        right:15px;
    }

    .accordion-title a{
        padding-right:50px;
    }

    .input-search{
        width:calc(100% - 105px);
    }

    .celular-banner{
        height:150px;
    }

    .centrar{
        width:       100%;
        margin-left: 0;
        margin-right:0;
    }

    .btn-down{
        display:   block;
        text-align:center;
    }
}

@media screen and (max-width:449px){
    .align-title{
        flex-direction:column !important;
    }
}

@media all and (min-width:576px){
    .container{max-width:540px;}

    .col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;}

    .justify-content-sm-center{justify-content:center !important;}

    .d-sm-block{display:block !important;}
}

@media all and (min-width:768px){
    .container{max-width:720px;}

    .col-md-auto{flex:0 0 auto;max-width:100%;width:auto;}

    .col-md-6{flex:0 0 50%;}

    .col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;}

    .order-md-1{order:1;}

    .order-md-2{order:2;}

    .order-md-3{order:3;}

    .order-md-4{order:4;}

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

    .mb-md-2{margin-bottom:0.5rem !important;}

    .pr-md-0, .px-md-0{padding-right:0 !important;}

    .px-md-0{padding-left:0 !important;}

    .text-md-center{text-align:center !important;}

    .flex-md-row{flex-direction:row !important;}

    .justify-content-md-start{justify-content:flex-start !important;}

    .d-md-flex{display:flex !important;}

    .col-sm-11, .col-sm-12, .col-sm-3, .col-sm-5{float:left;}

    .col-sm-12{width:100%;}

    .col-sm-11{width:91.66666667%;}

    .col-sm-5{width:41.66666667%;}

    .col-sm-3{width:25%;}

    .special_size{width:55% !important;}

    .modal-dialog{width:600px;margin:30px auto;}

    .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);}

    .modal-sm{width:300px;}
}

@media all and (min-width:992px){
    .container{max-width:960px;}

    .button_recarga_yape_l{text-align:right;}

    .col-lg{flex-basis:0;flex-grow:1;max-width:100%;}

    .col-lg-auto{flex:0 0 auto;max-width:100%;width:auto;}

    .col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;}

    .col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;}

    .col-lg-12{flex:0 0 100%;max-width:100%;}

    .order-lg-1{order:1;}

    .order-lg-2{order:2;}

    .order-lg-3{order:3;}

    .order-lg-4{order:4;}

    .flex-lg-row{flex-direction:row !important;}

    .flex-lg-column{flex-direction:column !important;}

    .justify-content-lg-start{justify-content:flex-start !important;}

    .justify-content-lg-center{justify-content:center !important;}

    .align-items-lg-center{align-items:center !important;}

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

    .mt-lg-3{margin-top:1rem !important;}

    .pr-lg-0, .px-lg-0{padding-right:0 !important;}

    .px-lg-0{padding-left:0 !important;}

    .pt-lg-2{padding-top:0.5rem !important;}

    .pl-lg-4{padding-left:1.5rem !important;}

    .pl-lg-5{padding-left:3rem !important;}

    .title-subsection{font-size:2.125rem;}

    .description-subsection{font-size:1rem;}

    h1{font-size:3rem;}

    h2{font-size:2rem;}

    .title_centro_ayuda_categoria{margin-top:20px;margin-bottom:30px !important;}

    .text-align-center{align-items:flex-start !important;}

    .bg_super_yapito{height:253px;}

    .descarga-yape-marca{max-width:none;position:relative;width:410px;bottom:120px;}

    .yaperos__title{font-size:2rem;}

    .d-lg-none{display:none !important;}

    .d-lg-block{display:block !important;}

    .d-lg-flex{display:flex !important;}

    .navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start;}

    .navbar-expand-lg .navbar-nav{flex-direction:row;}

    .navbar-expand-lg .navbar-nav .nav-link{padding-left:0.5rem;padding-right:0.5rem;}

    .navbar-expand-lg > .container{flex-wrap:nowrap;}

    .navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto;}

    .navbar-expand-lg .navbar-toggler{display:none;}

    .col-md-10, .col-md-11, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-8{float:left;}

    .col-md-12{width:100%;}

    .col-md-11{width:91.66666667%;}

    .col-md-10{width:83.33333333%;}

    .col-md-8{width:66.66666667%;}

    .col-md-6{width:50%;}

    .col-md-5{width:41.66666667%;}

    .col-md-4{width:33.33333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}

    .col-md-3{width:25%;}

    .col-md-offset-3{margin-left:25%;}

    .col-md-offset-2{margin-left:16.66666667%;}

    .col-md-offset-1{margin-left:8.33333333%;}

    .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}

    .modal-lg{width:900px;}
}

@media all and (min-width:1200px){
    .container{max-width:1140px;}

    .button_recarga_yape_l{text-align:right;}

    .button_recarga_yape_r{text-align:left;}

    .col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;}

    .col-lg-10, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-8{float:left;}

    .col-lg-10{width:83.33333333%;}

    .col-lg-8{width:66.66666667%;}

    .col-lg-4{width:33.33333333%;}

    .col-lg-3{width:25%;}

    .col-lg-2{width:16.66666667%;}

    .col-lg-offset-1{margin-left:8.33333333%;}
}

@media all and (prefers-reduced-motion:reduce){
    .form-control{transition:none;}
}

@media all and (prefers-reduced-motion:reduce){
    .btn{transition:none;}
}

@media only screen and (min-width:1024px){
    .home-showcase{
        /*margin: 0rem 0 7.9vw;*/
    }

    .home-showcase .home-showcaseSlider{
        display:block;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide{
        height:clamp(45rem, 75vh, 5000px);
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image{
        align-items:center;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container{
        max-width:30%;
        margin:   0px 20%;
    }

    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide .swiper-image .text-container .bigTitle{
        margin:     0 0 16px;
        font-size:  40px;
        line-height:120%;
    }

    .subtitle-banner{
        font-size:20px;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination{
        position:absolute;
        bottom:  0;
        left:    0;
        padding: 0 0 2.5% 50%;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination-bullet{
        /*width: 1.5vw;*/
        /*height: 3px;*/
        margin:0 8px !important;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active{
        /*width: 3vw;*/
    }

    .home-showcase .home-showcaseSlider .showcaseSlider-nav{
        position:absolute;
        bottom:  0;
        right:   0;
        z-index: 1;
        padding: 0 20% 1.5%;
    }

    .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-prev, .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-next{
        margin:0 0.4vw;
    }

    .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-prev::after{
        font-size:  1vw;
        font-family:"yape-icon", sans-serif;
        content:    "\f10f";
    }

    .home-showcase .home-showcaseSlider .showcaseSlider-nav .showcaseSlider-next::after{
        font-size:  1vw;
        font-family:"yape-icon", sans-serif;
        content:    "\f110";
    }

    .home-showcase .home-showcaseSlider #macaron{
        width:fit-content;
        width:8.4vw;
    }

    .home-showcase .scrollSliderButton{
        position:       absolute;
        left:           50%;
        bottom:         0;
        z-index:        2;
        display:        flex;
        flex-direction: column;
        align-items:    center;
        transform:      translate(-50%, 40%);
        color:          #fff !important;
        text-decoration:none;
        font-size:      0.9vw;
        height:         4.8vw;
        font-family:    "CabinetGrotesk-light", sans-serif;
    }

    .home-showcase .scrollSliderButton .line{
        height:    4.8vw;
        width:     2px;
        background:#8c97d0;
        margin-top:5px;
        animation: scroll-anim 1.6s cubic-bezier(0.62, 0.01, 0.71, 0.47) 0s infinite normal forwards;
    }
}

@media only screen and (min-width:1200px) and (max-width:1600px){
    .applic-apps .single-cases-info{
        margin-top:72px;
        left:      33%
    }
}

@media only screen and (min-width:1200px) and (max-width:1600px){
    .applic-apps .single-cases-info p{
        padding-right:0px
    }

}

@media only screen and (min-width:992px) and (max-width:1199px){
    .applic-apps .single-cases-info{
        left:      38%;
        margin-top:0px
    }

    .applic-apps .single-cases-info p{
        margin-bottom:20px;
        padding-right:26px
    }

    .swiper-000{
        background-image:url(../img/carnaval/home_cel.png)
    }

    .swiper-00{
        background-image:url(../img/PaquetigosYaperosBannerwebYape-BCP.jpg)
    }
}

@media only screen and (min-width:768px) and (max-width:991px){
    .applic-apps .single-cases-info p{
        margin-bottom:20px;
        padding-right:26px
    }
}

@media only screen and (min-width:576px) and (max-width:767px){
    .applic-apps .single-cases-info{
        left:      1%;
        margin-top:20px
    }
}