@font-face {
    font-family: DTLArgoT;
    src: url("../assets/fonts/DTLArgoT.otf")
}

/* Reset global margins to avoid accidental page gutter/lines */
html, body {
    margin: 0;
    padding: 0;
    border: 0;
}

@font-face {
    font-family: OpenSans-Bold;
    src: url("../assets/fonts/OpenSans-Bold.ttf")
}

@font-face {
    font-family: OpenSans-ExtraBold;
    src: url("../../assets/fonts/OpenSans-ExtraBold.ttf")
}

@font-face {
    font-family: OpenSans-Light;
    src: url("../assets/fonts/OpenSans-Light.ttf")
}

@font-face {
    font-family: OpenSans-Regular;
    src: url("../assets/fonts/OpenSans-Regular.ttf")
}

@font-face {
    font-family: OpenSans-SemiBold;
    src: url("../assets/fonts/OpenSans-SemiBold.ttf")
}

.menu-open {
    /* When open we bring the menu into view */
    transform: translateX(0) !important;
    opacity: 1 !important;
}

@media (min-width: 767px) {
    .menu-open {
        /* on wider screens keep a slimmer panel */
        width: 50% !important;
        transform: translateX(0) !important;
    }
}

.menu-close {
    /* closed: hide off-screen */
    transform: translateX(100%) !important;
    opacity: 0 !important;
}

.icon-slides-unselected,.personal-loan .opening .points__oval--normal,.personal-loan .opening .gif .points__oval--normal {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #d8d8d8
}

.icon-slides-selected,.personal-loan .opening .points__oval--active,.personal-loan .opening .gif .points__oval--active {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #fdc130
}

#ovalAux {
    position: fixed;
    bottom: 0;
    left: 50%
}

@media (min-width: 767px) {
    #ovalAux {
        position:fixed;
        bottom: -100px;
        left: 40%
    }

    #ovalAux .img .img__oval {
        position: relative;
        left: 20% !important
    }

    #ovalAux .img .img__tri {
        left: 62%
    }
}

.super__logo {
    background-image: url("../assets/img/Logo_super.svg");
    background-repeat: no-repeat;
    width: 11px;
    height: 200px;
    z-index: 5;
    position: absolute;
    left: 16px;
    top: 350px
}

@media (min-width: 767px) {
    .super__logo {
        top:600px
    }
}

.remodel-animation-hide .bg-img__bg--normal {
    height: 0;
    opacity: 0;
    z-index: -1
}

.remodel-animation-hide .bg-img__lamp--normal {
    top: -150px
}

.remodel-animation-hide .bg-img__img-reference--normal {
    opacity: 0;
    bottom: -296px
}

@media (min-width: 767px) {
    .remodel-animation-hide .bg-img__img-reference--normal {
        bottom:-500px
    }
}

.remodel-animation-hide .bg-img__sofa--normal {
    opacity: 0;
    right: -400px
}

@media (min-width: 1100px) {
    .remodel-animation-hide .bg-img__sofa--normal {
        right:-600px
    }
}

.remodel-animation-hide .bg-img__lamp-2--normal {
    top: -150px
}

.remodel-animation-show .bg-img__bg--normal {
    opacity: 1;
    background-image: url("../assets/img/remodel/background.svg");
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-attachment: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    transition-property: height, opacity;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .remodel-animation-show .bg-img__bg--normal {
        background-position:unset
    }
}

@media (min-width: 1100px) {
    .remodel-animation-show .bg-img__bg--normal {
        z-index:-4
    }
}

.remodel-animation-show .bg-img__lamp--normal {
    background-image: url("../assets/img/remodel/lamp-1.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 28px;
    height: 112px;
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 15%;
    transition-property: top;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .remodel-animation-show .bg-img__lamp--normal {
        background-image:url("../assets/img/remodel/lamp-1-d.svg");
        background-size: unset;
        height: 216px;
        width: 54px;
        left: 70px;
        top: 40px
    }
}

@media (min-width: 1100px) {
    .remodel-animation-show .bg-img__lamp--normal {
        left:40px
    }
}

.remodel-animation-show .bg-img__img-reference--normal {
    opacity: 1;
    background-image: url("../assets/img/remodel/remodel.png");
    width: 247px;
    height: 296px;
    background-size: cover;
    background-position: center top;
    z-index: 1;
    position: absolute;
    bottom: 0;
    transition: 1000ms ease-in;
    transition-property: bottom, opacity
}

@media (min-width: 767px) {
    .remodel-animation-show .bg-img__img-reference--normal {
        background-repeat:no-repeat;
        background-size: contain;
        height: 547px;
        width: 500px;
        bottom: 50px
    }
}

@media (min-width: 1100px) {
    .remodel-animation-show .bg-img__img-reference--normal {
        transition:500ms ease-in;
        background-image: url("../assets/img/remodel/remodel-d.png");
        bottom: 0;
        right: -20px;
        height: 635px;
        width: 525px;
        z-index: -1
    }
}

.remodel-animation-show .bg-img__sofa--normal {
    opacity: 1;
    background-image: url("../assets/img/remodel/sofa.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: 117px;
    position: absolute;
    bottom: 10px;
    right: 0;
    transition-property: right, opacity;
    transition: 1000ms
}

@media (min-width: 767px) {
    .remodel-animation-show .bg-img__sofa--normal {
        background-image:url("../assets/img/remodel/sofa-d.svg");
        width: 530px;
        height: 250px;
        bottom: 30px;
        left: 0
    }
}

@media (min-width: 1100px) {
    .remodel-animation-show .bg-img__sofa--normal {
        width:590px;
        height: 236px;
        left: unset;
        z-index: -2;
        right: 80px;
        bottom: 80px
    }
}

.remodel-animation-show .bg-img__lamp-2--normal {
    background-image: url("../assets/img/remodel/lamp-2.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 89px;
    position: absolute;
    z-index: 2;
    left: 25%;
    top: 15px;
    transition-property: top;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .remodel-animation-show .bg-img__lamp-2--normal {
        background-image:url("../assets/img/remodel/lamp-2-d.svg");
        background-size: unset;
        height: 171px;
        width: 54px;
        left: 130px;
        top: 40px
    }
}

@media (min-width: 1100px) {
    .remodel-animation-show .bg-img__lamp-2--normal {
        left:120px
    }
}

.buy-it-hide .bg-img__bg-buy-it--normal {
    height: 0
}

.buy-it-hide .bg-img__referece-buy-it--normal {
    bottom: -300px
}

@media (min-width: 767px) {
    .buy-it-hide .bg-img__referece-buy-it--normal {
        bottom:-500px
    }
}

@media (min-width: 1100px) {
    .buy-it-hide .bg-img__referece-buy-it--normal {
        z-index:-1
    }
}

.buy-it-hide .bg-img__beach--normal {
    bottom: -85px
}

.buy-it-hide .bg-img__palm-tree--normal {
    opacity: 0;
    height: 0
}

.buy-it-hide .bg-img__sun--normal {
    width: 0px;
    opacity: 0
}

@media (min-width: 767px) {
    .buy-it-hide .bg-img__sun--normal {
        height:68px
    }
}

.buy-it-hide .bg-img__cloud--normal {
    width: 0;
    opacity: 0
}

.buy-it-hide .bg-img__star--normal {
    bottom: -50px
}

.buy-it-show .bg-img__bg-buy-it--normal {
    background-repeat: no-repeat;
    background-image: url("../assets/img/remodel/background.svg");
    width: 100%;
    height: 100%;
    position: absolute;
    transition-property: height;
    transition: 1000ms ease;
    z-index: -1
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__bg-buy-it--normal {
        width:568px;
        height: 488px;
        right: -20px;
        background-size: contain
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__bg-buy-it--normal {
        z-index:-5
    }
}

.buy-it-show .bg-img__referece-buy-it--normal {
    background-image: url("../assets/img/trips/Viaje.png");
    width: 196px;
    height: 296px;
    background-size: cover;
    background-position: center;
    z-index: 1;
    position: absolute;
    bottom: 0;
    transition: 800ms ease-in;
    right: 46px;
    transition-property: bottom
}

@media (min-width: 767px) {
    .buy-it-show .bg-img__referece-buy-it--normal {
        width:396px;
        height: 566px;
        background-image: url("../assets/img/trips/viajes-t.png");
        background-size: unset;
        background-repeat: no-repeat;
        bottom: 30px
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__referece-buy-it--normal {
        background-image:url("../assets/img/trips/Viajes-d.png");
        right: 0;
        height: 600px;
        bottom: 0;
        z-index: -1
    }
}

/* Spinner overlay styles added so index.html can reuse the same spinner */
.spinner-overlay {
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 67, 169, 0.20), rgba(0, 67, 169, 0.28));
    backdrop-filter: blur(6px) saturate(120%);
    -webkit-backdrop-filter: blur(6px) saturate(120%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    pointer-events: auto;
}
.spinner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.spinner-image {
    width: 120px;
    max-width: 70vw;
    height: auto;
    display: block;
    animation: pulse 1.2s ease-in-out infinite;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}
.spinner-text {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.06); opacity: 0.95; }
    100% { transform: scale(1); opacity: 1; }
}

.buy-it-show .bg-img__beach--normal {
    background-image: url("../assets/img/trips/beach.svg");
    width: 100%;
    height: 85px;
    background-size: cover;
    background-position: center top;
    z-index: -1;
    position: absolute;
    bottom: 0;
    transition: 500ms ease-in;
    transition-property: bottom
}

@media (min-width: 767px) {
    .buy-it-show .bg-img__beach--normal {
        background-image:url("../assets/img/trips/beach-d.svg");
        bottom: 35px;
        width: 634px;
        height: 182px;
        transform: scale(1)
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__beach--normal {
        width:610px;
        z-index: -2;
        bottom: 100px
    }
}

.buy-it-show .bg-img__palm-tree--normal {
    opacity: 1;
    background-image: url("../assets/img/trips/palmera.svg");
    width: 100px;
    height: 107px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    position: absolute;
    bottom: 15px;
    transition: 1s;
    transition-property: height, opacity
}

@media (min-width: 767px) {
    .buy-it-show .bg-img__palm-tree--normal {
        background-image:url("../assets/img/trips/palmera-d.svg");
        background-position: bottom;
        background-size: unset;
        bottom: 110px;
        width: 183px;
        height: 193px;
        left: 50px
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__palm-tree--normal {
        left:20px;
        bottom: 150px;
        height: 0;
        height: 200px
    }
}

.buy-it-show .bg-img__sun--normal {
    background-image: url("../assets/img/trips/sun.svg");
    background-repeat: no-repeat;
    width: 40px;
    height: 38px;
    position: absolute;
    top: 60px;
    left: 40px;
    transition-property: width, opacity, left;
    transition: 1.5s
}

@media (min-width: 767px) {
    .buy-it-show .bg-img__sun--normal {
        background-image:url("../assets/img/trips/sun-d.svg");
        width: 73px;
        height: 68px;
        transform: scale(1.1);
        top: 120px;
        left: 60px
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__sun--normal {
        background-image:url("../assets/img/trips/sun-d-2.svg");
        top: 90px;
        left: 110px;
        width: 69px;
        height: 65px;
        transform: scale(1);
        z-index: -4
    }
}

.buy-it-show .bg-img__cloud--normal {
    opacity: 1;
    background-image: url("../assets/img/trips/cloud.svg");
    width: 83px;
    height: 35px;
    background-size: cover;
    background-position: center top;
    z-index: 2;
    position: absolute;
    top: 70px;
    left: 42px;
    transition: 1000ms ease-out;
    transition-property: opacity, width
}

@media (min-width: 767px) {
    .buy-it-show .bg-img__cloud--normal {
        background-image:url("../assets/img/trips/cloud-d.svg");
        background-size: unset;
        background-repeat: no-repeat;
        width: 170px;
        height: 70px;
        top: 150px;
        left: 60px
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__cloud--normal {
        background-image:url("../assets/img/trips/cloud-d-2.svg");
        top: 120px;
        left: 110px;
        width: 144px;
        height: 61px;
        z-index: -3
    }
}

.buy-it-show .bg-img__star--normal {
    background-image: url("../assets/img/trips/star.svg");
    width: 42px;
    height: 37px;
    z-index: 5;
    background-size: cover;
    background-position: center top;
    position: absolute;
    bottom: 15px;
    left: 55px;
    transition: 1000ms;
    transition-property: bottom
}

@media (min-width: 767px) {
    .buy-it-show .bg-img__star--normal {
        background-image:url("../assets/img/trips/star-d.svg");
        width: 75px;
        height: 65px;
        bottom: 110px;
        left: 137px;
        z-index: 1
    }
}

@media (min-width: 1100px) {
    .buy-it-show .bg-img__star--normal {
        left:100px;
        bottom: 160px
    }
}

.trips-animation-hide .bg-img__bg-trips--normal {
    height: 0
}

.trips-animation-hide .bg-img__beach-trip--normal {
    height: 0
}

.trips-animation-hide .bg-img__reference-trip--normal {
    right: -300px
}

.trips-animation-hide .bg-img__birds-trip--normal {
    height: 0;
    opacity: 0
}

.trips-animation-hide .bg-img__bush-trip-s--normal {
    opacity: 0;
    height: 0
}

.trips-animation-hide .bg-img__bush-trip-f--normal {
    opacity: 0;
    height: 0
}

.trips-animation-hide .bg-img__tree-trip-s--normal {
    width: 48px;
    height: 0;
    opacity: 0
}

.trips-animation-hide .bg-img__tree-trip-f--normal {
    width: 37px;
    height: 0;
    opacity: 0
}

.trips-animation-hide .bg-img__cloud-trip--normal {
    opacity: 0;
    width: 0;
    left: 150px
}

.trips-animation-hide .bg-img__sun-trip--normal {
    width: 0;
    opacity: 0
}

.trips-animation-hide .bg-img__bg-trips--normal {
    opacity: 0;
    height: 0
}

.trips-animation-show .bg-img__bg-trips--normal {
    background-image: url("../assets/img/remodel/background.svg");
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-attachment: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    transition-property: height, transform;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__bg-trips--normal {
        background-size:cover;
        background-position: unset;
        width: 568px;
        height: 488px;
        left: 43px
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__bg-trips--normal {
        top:-50px
    }
}

.trips-animation-show .bg-img__beach-trip--normal {
    background-image: url("../assets/img/ualwayswantit/playa.svg");
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-attachment: unset;
    width: 100%;
    height: 88px;
    position: absolute;
    bottom: 0;
    transition-property: height;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__beach-trip--normal {
        background-position:unset;
        width: 604px;
        height: 288px;
        background-image: url("../assets/img/ualwayswantit/beach-d.svg")
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__beach-trip--normal {
        height:288px;
        bottom: 60px
    }
}

.trips-animation-show .bg-img__reference-trip--normal {
    background-image: url("../assets/img/ualwayswantit/Compras_mobile.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 207px;
    height: 282px;
    position: absolute;
    right: 30px;
    bottom: 0;
    transition-property: height;
    transition: 800ms ease;
    z-index: 1
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__reference-trip--normal {
        background-image:url("../assets/img/ualwayswantit/viajes-d.png");
        height: 619px;
        width: 400px;
        right: 0
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__reference-trip--normal {
        background-image:url("../assets/img/ualwayswantit/Compras-d.png");
        z-index: 3
    }
}

.trips-animation-show .bg-img__birds-trip--normal {
    opacity: 1;
    height: 43px;
    background-image: url("../assets/img/ualwayswantit/aves.svg");
    background-repeat: no-repeat;
    width: 38px;
    position: absolute;
    bottom: 0;
    left: 40px;
    transition-property: transform, height, opacity;
    transition: 1000ms ease;
    overflow: hidden
}

.trips-animation-show .bg-img__bush-trip-s--normal {
    opacity: 1;
    height: 20px;
    background-image: url("../assets/img/ualwayswantit/arbustos-2.svg");
    background-repeat: no-repeat;
    width: 48px;
    position: absolute;
    bottom: 66px;
    left: 80px;
    transition-property: height, opacity;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__bush-trip-s--normal {
        background-image:url("../assets/img/ualwayswantit/arbustos-2-d.svg");
        background-position: unset;
        width: 72px;
        height: 31px;
        bottom: 263px;
        left: 190px;
        z-index: 1
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__bush-trip-s--normal {
        left:170px;
        bottom: 320px;
        z-index: 1
    }
}

.trips-animation-show .bg-img__bush-trip-f--normal {
    opacity: 1;
    background-image: url("../assets/img/ualwayswantit/arbutos-1.svg");
    background-repeat: no-repeat;
    width: 46px;
    height: 20px;
    position: absolute;
    bottom: 45px;
    left: 10px;
    transition-property: height;
    transition: 1000ms;
    z-index: 1
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__bush-trip-f--normal {
        background-position:unset;
        width: 57px;
        height: 23px;
        bottom: 240px;
        z-index: 1;
        left: 70px
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__bush-trip-f--normal {
        background-image:url("../assets/img/ualwayswantit/arbutos-1-d.svg");
        left: 60px;
        bottom: 300px
    }
}

.trips-animation-show .bg-img__tree-trip-s--normal {
    background-image: url("../assets/img/ualwayswantit/arbol-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    position: absolute;
    bottom: 60px;
    left: 60px;
    transition-property: height, opacity;
    transition: 1s;
    height: 103px
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__tree-trip-s--normal {
        background-image:url("../assets/img/ualwayswantit/arbol-1-d.svg");
        background-position: unset;
        background-size: cover;
        width: 71px;
        height: 168px;
        bottom: 265px;
        left: 160px
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__tree-trip-s--normal {
        left:140px;
        bottom: 330px;
        width: 71px;
        height: 156px
    }
}

.trips-animation-show .bg-img__tree-trip-f--normal {
    opacity: 1;
    background-image: url("../assets/img/ualwayswantit/arbol-1.svg");
    background-repeat: no-repeat;
    width: 37px;
    height: 72px;
    position: absolute;
    bottom: 60px;
    left: 20px;
    transition-property: height;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__tree-trip-f--normal {
        background-image:url("../assets/img/ualwayswantit/arbol-2-d.svg");
        background-position: unset;
        background-size: cover;
        width: 58px;
        height: 111px;
        bottom: 240px;
        left: 90px
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__tree-trip-f--normal {
        left:80px;
        width: 58px;
        height: 111px;
        bottom: 310px
    }
}

.trips-animation-show .bg-img__cloud-trip--normal {
    transition-property: left, opacity;
    opacity: 1;
    transition: 1000ms ease;
    background-image: url("../assets/img/ualwayswantit/cloud.svg");
    background-repeat: no-repeat;
    width: 74px;
    height: 33px;
    position: absolute;
    top: 40px;
    left: 85px
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__cloud-trip--normal {
        background-image:url("../assets/img/ualwayswantit/cloud-d.svg");
        height: 56px;
        width: 124px;
        left: 234px;
        top: 80px
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__cloud-trip--normal {
        background-image:url("../assets/img/ualwayswantit/cloud-d-2.svg");
        left: 200px;
        top: 40px
    }
}

.trips-animation-show .bg-img__sun-trip--normal {
    background-image: url("../assets/img/ualwayswantit/sun.svg");
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 40px;
    left: 80px;
    transition-property: width, opacity, left;
    transition: 1000ms ease
}

@media (min-width: 767px) {
    .trips-animation-show .bg-img__sun-trip--normal {
        background-position:unset;
        width: 48px;
        height: 47px;
        left: 246px;
        top: 65px
    }
}

@media (min-width: 1100px) {
    .trips-animation-show .bg-img__sun-trip--normal {
        background-image:url("../assets/img/ualwayswantit/sun-d-2.svg");
        top: 30px;
        left: 200px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide .wrapper-text__icon {
        opacity:0;
        position: relative;
        top: -700px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide .wrapper-text__title {
        opacity:0;
        position: relative;
        top: -700px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide .wrapper-text__sub-title {
        opacity:0;
        position: relative;
        top: -700px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide .wrapper-text__min-title {
        opacity:0;
        position: relative;
        top: -700px
    }
}

.how-to-get-it-animation-hide .wrapper__block-img {
    position: relative
}

.how-to-get-it-animation-hide .img__clock--normal {
    top: 600px
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-hide .img__clock--normal {
        top:1000px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide .item {
        visibility:hidden;
        left: -100px;
        opacity: 0
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide #block__item-left .item {
        position:relative;
        left: -500px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-hide #block__item-right .item {
        opacity:0;
        position: relative;
        right: -500px
    }
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-hide .img__bg--normal {
        height:0;
        opacity: 0
    }
}

.how-to-get-it-animation-hide .img__main--normal {
    top: 1000px
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-hide .img__main--normal {
        position:absolute;
        height: 0;
        opacity: 0;
        top: 1000px
    }
}

.how-to-get-it-animation-hide .img__pillow--normal {
    top: 600px
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-hide .img__pillow--normal {
        top:1000px
    }
}

.how-to-get-it-animation-show .wrapper-text__icon {
    top: 0;
    opacity: 1;
    transition-property: top, opacity;
    transition: 500ms
}

.how-to-get-it-animation-show .wrapper-text__title {
    opacity: 1;
    top: 0;
    transition-property: top, opacity;
    transition: 500ms
}

.how-to-get-it-animation-show .wrapper-text__sub-title {
    opacity: 1;
    top: 0;
    transition-property: top, opacity;
    transition: 500ms
}

.how-to-get-it-animation-show .wrapper-text__min-title {
    opacity: 1;
    top: 0;
    transition-property: top, opacity;
    transition: 500ms
}

.how-to-get-it-animation-show .wrapper__block-img {
    opacity: 1;
    bottom: 0
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show .item {
        visibility:visible;
        transition-property: left;
        transition: 500ms;
        opacity: 1
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show #block__item-left .item {
        visibility:visible
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show #block__item-left .item {
        transition:500ms;
        transition-property: left;
        left: 0;
        top: -80px
    }
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-show #block__item-left .item {
        top:-80px
    }
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show #block__item-right .item {
        opacity:1;
        transition: 500ms;
        transition-property: right;
        right: 0;
        top: -80px
    }
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-show #block__item-right .item {
        top:-80px
    }
}

.how-to-get-it-animation-show .img__bg--normal {
    top: 120px
}

.how-to-get-it-animation-show .img__main--normal {
    top: 0;
    opacity: 1;
    transition: 800ms;
    transition-property: transform, opacity, top;
    transform: scaleY(1);
    background-image: url("../assets/img/Celebrating_mobile.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 523px;
    position: absolute;
    z-index: 2
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show .img__main--normal {
        height:823px;
        background-image: url("../assets/img/celebrating.png");
        right: -75px;
        top: 0;
        background-size: auto
    }
}

/* Show Celebrating_d.png on mobile as well */
.how-to-get-it-animation-show .img__main--normal {
    background-image: url("img/Celebrating_d.png") !important;
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-show .img__main--normal {
        background-image:url("img/Celebrating_d.png");
        top: 50px
    }
}

.how-to-get-it-animation-show .img__clock--normal {
    top: 130px
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show .img__clock--normal {
        left:80px;
        top: 160px
    }
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-show .img__clock--normal {
        left:80px;
        top: 200px
    }
}

.how-to-get-it-animation-show .img__pillow--normal {
    top: 250px;
    background-image: url("../assets/img/pillow.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: 523px;
    position: absolute;
    transition-property: top, opacity;
    transition: 800ms;
    z-index: 1
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show .img__pillow--normal {
        background-image:url("../assets/img/pillow-d.svg");
        width: 600px;
        top: 450px;
        left: 47px
    }
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-show .img__pillow--normal {
        top:400px;
        left: 30px;
        height: 306px;
        width: 585px
    }
}

.how-to-get-it-animation-show .img__bg--normal {
    height: 523px;
    width: 288px;
    top: 111px;
    right: 20px;
    opacity: 1;
    transition: 800ms;
    transition-property: transform, opacity, top;
    transform: scaleY(1);
    background-image: url("../assets/img/Celebrating_mobile.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    z-index: -1
}

@media (min-width: 767px) {
    .how-to-get-it-animation-show .img__bg--normal {
        height:823px;
        top: 0;
        background-image: url("../assets/img/celebrating.png");
        right: -75px;
        z-index: unset
    }
}

@media (min-width: 1100px) {
    .how-to-get-it-animation-show .img__bg--normal {
        top:0
    }
}

.personal-loan {
    overflow-x: hidden
}

.personal-loan .menu-float {
    /* Modern slide-in panel */
    background-color: rgba(246,248,250,0.98); /* slightly translucent */
    box-shadow: -8px 16px 40px rgba(0,0,0,0.18);
    height: 100%;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 60;
    overflow: hidden;
    /* use transform for smoother, GPU-accelerated animation */
    transform: translateX(100%);
    transition: transform 400ms cubic-bezier(.2,.9,.2,1), opacity 300ms ease;
    opacity: 0;
    will-change: transform, opacity;
    border-radius: 12px 0 0 12px;
}

@media (min-width: 1100px) {
    .personal-loan .menu-float {
        /* On large screens keep the menu area fluid but don't block content */
        width: 100%;
        height: auto;
        background-color: transparent;
        box-shadow: none;
        transform: translateX(0); /* keep visible and non-overlapping */
        opacity: 1;
        border-radius: 0;
        position: relative;
        z-index: 6;
    }
}

.personal-loan .menu-float .header-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: transparent; /* avoid visual hairlines */
    border-bottom: none !important; /* remove the thin line shown on desktop */
    box-shadow: none !important;
}

@media (min-width: 767px) {
    .personal-loan .menu-float .header-logo {
        padding-right:55px
    }
}

.personal-loan .menu-float .header-logo__menu-title {
    height: 46px;
    padding: 16px;
    padding-right: 8px;
    margin: auto;
    margin-right: 0
}

@media (min-width: 767px) {
    .personal-loan .menu-float .header-logo__menu-title {
        padding-right:0;
        padding-top: 20px
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float .header-logo__menu-title {
        display:none
    }
}

.personal-loan .menu-float .header-logo__menu-title--normal {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #0040a8
}

/* Close icon made larger and clearer with a soft button feel */
.personal-loan .menu-float .header-logo__close--normal {
    background-image: url("../assets/icon/close.svg");
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 180ms ease, background-color 180ms ease;
}

.personal-loan .menu-float .header-logo__close--normal:hover{
    transform: translateY(-2px);
    background-color: rgba(0,64,168,0.06);
}

/* Mobile back button shown inside menu-float when menu is open */
.personal-loan .menu-float .mobile-back-btn {
    display: none; /* default hidden */
}

.menu-float.menu-open .mobile-back-btn {
    display: flex;
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 75;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(0,0,0,0.06);
    padding: 8px 10px;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #0040a8;
    font-size: 15px;
}

.menu-float.menu-open .mobile-back-btn:active {
    transform: translateY(1px);
}

.mobile-back-btn__icon {
    font-size: 16px;
    line-height: 1;
}

@media (min-width: 1100px) {
    .mobile-back-btn { display: none !important; }
}

.personal-loan .menu-float .header-logo__bdb-logo {
    display: none;
    padding: 16px;
    width: 130px
}

@media (min-width: 767px) {
    .personal-loan .menu-float .header-logo__bdb-logo {
        display: none;
    }
}

.personal-loan .menu-float .header-logo__bdb-logo--normal {
    background-image: url("img/logo-bdb.svg");
    height: 30px;
    width: 130px;
    background-repeat: no-repeat
}

.personal-loan .menu-float .header-logo__close {
    padding: 16px;
    padding-left: 0
}

@media (min-width: 767px) {
    .personal-loan .menu-float .header-logo__close {
        padding-right:0
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float .header-logo__close {
        display:none
    }
}

.personal-loan .menu-float .header-logo__close--normal {
    background-image: url("../assets/icon/close.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

@media (min-width: 767px) {
    .personal-loan .menu-float .header-logo__close--normal {
        width:30px;
        height: 30px
    }
}

.personal-loan .menu-float__menu-item .item-menu {
    padding: 0 16px
}

@media (min-width: 767px) {
    .personal-loan .menu-float__menu-item .item-menu {
        padding:0 55px
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu {
        display:flex;
        justify-content: flex-end;
        padding: 0;
        width: 100%;
        max-width: 1140px;
        margin: auto;
        height: 80px;
        align-items: center
    }

    .personal-loan .menu-float__menu-item .item-menu :last-child {
        margin-right: 0
    }
}

.personal-loan .menu-float__menu-item .item-menu__value {
    border-bottom: solid 1px rgba(196, 212, 227, 0.4);
    padding: 20px 0;
    text-align: left;
    transition: all 240ms ease;
}

@media (min-width: 767px) {
    .personal-loan .menu-float__menu-item .item-menu__value {
        text-align:right
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu__value {
        border:0;
        margin-right: 50px;
        position: relative;
        overflow: hidden;
        border: 0;
        margin-right: 50px;
        position: relative;
        overflow: hidden
    }

    .personal-loan .menu-float__menu-item .item-menu__value ::before {
        background-color: #0040a8;
        content: '';
        height: 2px;
        transition: 1.5s;
        transition-property: transform;
        position: absolute;
        bottom: 10px;
        right: 45%;
        display: block;
        visibility: hidden
    }

    .personal-loan .menu-float__menu-item .item-menu__value:hover ::before {
        transition: 1.5s;
        transition-property: transform;
        width: 1px;
        visibility: visible;
        transform: scaleX(500)
    }

    .personal-loan .menu-float__menu-item .item-menu__value ::before {
        background-color: #0040a8;
        content: '';
        height: 2px;
        transition: 800ms;
        transition-property: transform;
        position: absolute;
        bottom: 10px;
        right: 45%;
        display: block;
        visibility: hidden;
        width: 1px;
        visibility: visible;
        transform: scaleX(0)
    }
}

.personal-loan .menu-float__menu-item .item-menu__value--normal {
    text-decoration: none;
    font-family: OpenSans-SemiBold;
    font-size: 17px;
    color: #0040a8;
    letter-spacing: 0.3px;
    font-weight: 700;
    background: linear-gradient(135deg, #0040a8 0%, #003d9e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 200ms ease;
}

/* Menu item look & feel */
.personal-loan .menu-float__menu-item .item-menu__value,
.personal-loan .menu-float__menu-item .item-menu__change-text,
.personal-loan .menu-float__menu-item .item-menu__hide-text{
    padding: 18px 0;
}

.personal-loan .menu-float__menu-item .item-menu__value--normal{
    display: inline-block;
    padding-left: 14px;
    font-size: 18px;
    letter-spacing: 0.2px;
}

.personal-loan .menu-float__menu-item .item-menu__value--normal::after{
    content: '\203A'; /* single chevron */
    font-size: 20px;
    color: rgba(0,64,168,0.65);
    margin-left: 12px;
    transition: transform 200ms ease, opacity 200ms ease;
    opacity: 0.9;
}

.personal-loan .menu-float__menu-item .item-menu__value:hover .item-menu__value--normal,
.personal-loan .menu-float__menu-item .item-menu__value--normal:hover {
    text-shadow: 0 2px 8px rgba(0, 64, 168, 0.15);
}

.personal-loan .menu-float__menu-item .item-menu__value:hover .item-menu__value--normal::after,
.personal-loan .menu-float__menu-item .item-menu__value--normal:hover::after{
    transform: translateX(8px) scale(1.1);
    opacity: 1;
    color: #0040a8;
    font-weight: 800;
}

/* Larger touch targets for mobile */
@media (max-width: 766px){
    .personal-loan .menu-float__menu-item .item-menu__value--normal,
    .personal-loan .menu-float__menu-item .item-menu__change-text--normal{
        font-size: 20px;
        padding: 12px 8px;
        letter-spacing: 0.4px;
    }
    
    .personal-loan .menu-float__menu-item .item-menu__value:hover,
    .personal-loan .menu-float__menu-item .item-menu__change-text:hover {
        background-color: rgba(0, 64, 168, 0.04);
        border-radius: 6px;
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu__value--normal {
        font-family:OpenSans-SemiBold;
        font-size: 15px;
        color: #0040a8;
        letter-spacing: 0.35px;
        font-weight: 700;
    }
    
    .personal-loan .menu-float__menu-item .item-menu__value:hover,
    .personal-loan .menu-float__menu-item .item-menu__change-text:hover {
        transform: translateY(-3px);
    }
}

.personal-loan .menu-float__menu-item .item-menu__change-text {
    border-bottom: solid 1px rgba(196, 212, 227, 0.4);
    padding: 20px 0;
    overflow: hidden;
    transition: all 240ms ease;
}

@media (min-width: 767px) {
    .personal-loan .menu-float__menu-item .item-menu__change-text {
        text-align:right
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu__change-text {
        border:0;
        margin-right: 50px
    }

    .personal-loan .menu-float__menu-item .item-menu__change-text:after {
        background-color: #0040a8;
        content: '';
        height: 2px;
        transition: 1.5s;
        transition-property: transform;
        position: relative;
        bottom: -5px;
        left: 40%;
        display: block;
        visibility: hidden;
        overflow: hidden
    }

    .personal-loan .menu-float__menu-item .item-menu__change-text:after {
        background-color: #0040a8;
        content: '';
        height: 2px;
        transition: 800ms;
        transition-property: transform;
        position: relative;
        bottom: -5px;
        left: 40%;
        display: block;
        visibility: hidden;
        overflow: hidden;
        width: 1px;
        visibility: visible;
        transform: scaleX(0)
    }

    .personal-loan .menu-float__menu-item .item-menu__change-text:hover:after {
        width: 1px;
        visibility: visible;
        transform: scaleX(250)
    }
}

.personal-loan .menu-float__menu-item .item-menu__change-text--normal {
    font-family: OpenSans-SemiBold;
    font-size: 17px;
    color: #0040a8;
    text-decoration: none;
    letter-spacing: 0.3px;
    font-weight: 700;
    background: linear-gradient(135deg, #0040a8 0%, #003d9e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 200ms ease;
}

.personal-loan .menu-float__menu-item .item-menu__change-text--normal:before {
    content: 'Qué ofrecemos'
}

@media (min-width: 767px) {
    .personal-loan .menu-float__menu-item .item-menu__change-text--normal:before {
        content:'Qué necesitas | Qué ofrecemos';
        font-family: OpenSans-SemiBold;
        font-size: 16px;
        color: #0040a8
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu__change-text--normal:before {
        content:'Qué necesitas | Qué ofrecemos';
        font-family: OpenSans-SemiBold;
        font-size: 14px;
        color: #0040a8
    }
}

.personal-loan .menu-float__menu-item .item-menu__change-text--normal ::before {
    background-color: #0040a8;
    content: '';
    height: 2px;
    width: 0px;
    transition: 500ms;
    transition-property: transform
}

.personal-loan .menu-float__menu-item .item-menu__change-text--normal:hover ::before {
    width: 1px;
    transform: scaleX(50)
}

.personal-loan .menu-float__menu-item .item-menu__hide-text {
    border-bottom: solid 1px #c4d4e3;
    padding: 16px 0
}

@media (min-width: 767px) {
    .personal-loan .menu-float__menu-item .item-menu__hide-text {
        display:none
    }
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu__hide-text {
        border:0;
        margin-right: 50px
    }
}

.personal-loan .menu-float__menu-item .item-menu__hide-text--normal {
    text-decoration: none;
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: #0040a8
}

@media (min-width: 1100px) {
    .personal-loan .menu-float__menu-item .item-menu__hide-text--normal {
        font-family:OpenSans-SemiBold;
        font-size: 14px;
        color: #0040a8
    }
}

.personal-loan .menu-float__menu-item .item-menu__hide-text--normal ::before {
    background-color: #0040a8;
    content: '';
    height: 2px;
    width: 0px;
    transition: 500ms;
    transition-property: transform
}

.personal-loan .menu-float__menu-item .item-menu__hide-text--normal:hover ::before {
    width: 1px;
    transform: scaleX(50)
}

.personal-loan .header {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 3;
    height: 56px;
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

/* Ensure header doesn't leave any hairline at the very top */
.personal-loan .header {
    border-top: none !important;
    box-shadow: none !important;
}

/* When the menu is closed, prevent any leftover shadow/line from being visible */
.menu-close {
    box-shadow: none !important;
}

@media (min-width: 767px) {
    .personal-loan .header {
        height:72px
    }
}

@media (min-width: 1100px) {
    .personal-loan .header {
        display:unset;
        height: 80px;
        display: flex;
        align-items: center
    }
}

.personal-loan .header__logo {
    height: 26px;
    width: 130px;
    padding-left: 16px;
    display: block;
}

@media (min-width: 767px) {
    .personal-loan .header__logo {
        height:42px;
        width: 208px;
        padding-left: 54px;
        display: block;
    }
    .personal-loan .header__bdb-logo {
        /* mantener oculta la copia en aside para evitar duplicados */
        display: none;
    }

    /* Mostrar logo BDB dentro de .header__logo (versión en header) */
    .personal-loan .header__logo--normal {
        display: none;
    }
    .personal-loan .header__logo--bdb {
        display: block;
        height: 42px;
        width: auto;
        max-height: 100%;
        object-fit: contain;
        margin-left: 8px;
    }
}

@media (min-width: 1100px) {
    .personal-loan .header__logo {
        padding-left:0;
        width: 1140px;
        margin: auto
    }
}

.personal-loan .header__logo--normal {
    height: 100%;
    width: auto;
    max-height: 100%;
    object-fit: contain;
}

/* Mostrar logo principal en mobile y ocultar versión BDB por defecto */
@media (max-width: 766px) {
    .personal-loan .header__logo--normal { display: block; }
    .personal-loan .header__logo--bdb { display: none; }
}

/* Logo BDB en header (solo desktop). El logo principal `header__logo` se muestra en mobile */
.personal-loan .header__bdb-logo {
    display: none;
    padding-left: 8px;
    align-items: center;
}

.personal-loan .header__bdb-logo--img {
    display: block;
    height: 30px;
    width: auto;
    max-height: 100%;
    object-fit: contain;
}

@media (min-width: 767px) {
    .personal-loan .header__bdb-logo--img {
        height: 42px;
        margin-left: 8px;
        z-index: 5;
    }
    .personal-loan .header__bdb-logo {
        padding-left: 16px;
        z-index: 5;
    }
}

.personal-loan .header__icon-menu {
    margin: auto;
    margin-right: 0;
    padding-right: 16px
}

.personal-loan .header__icon-menu .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.personal-loan .header__icon-menu .menu__hamburger {
    display: flex;
    flex-direction: column;
    margin: auto
}

/* Nice, modern hamburger animation */
.personal-loan .header__icon-menu .menu__hamburger{
    width: 36px;
    height: 28px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 220ms ease;
}

.personal-loan .header__icon-menu .menu__hamburger--border {
    background-color: #0040a8;
    margin-bottom: 3px;
    width: 16px;
    height: 2px
}

.personal-loan .header__icon-menu .menu__hamburger--border{
    border-radius: 2px;
    transition: all 240ms cubic-bezier(.2,.9,.2,1);
    transform-origin: center;
}

/* When hamburger is open, morph to an X */
.personal-loan .header__icon-menu .menu__hamburger.is-open .menu__hamburger--border:nth-child(1){
    transform: translateY(6px) rotate(45deg);
    width: 20px;
}
.personal-loan .header__icon-menu .menu__hamburger.is-open .menu__hamburger--border:nth-child(2){
    opacity: 0;
    transform: scaleX(0);
}
.personal-loan .header__icon-menu .menu__hamburger.is-open .menu__hamburger--border:nth-child(3){
    transform: translateY(-6px) rotate(-45deg);
    width: 20px;
}

@media (min-width: 767px) {
    .personal-loan .header__icon-menu .menu__hamburger--border {
        width:24px;
        height: 3px
    }
}

.personal-loan .header__icon-menu .menu__text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    margin: 0;
    padding: 0
}

.personal-loan .header__icon-menu .menu__text--normal {
    font-family: OpenSans-Regular;
    font-size: 15px;
    color: #0040a8;
    white-space: nowrap;
    line-height: 1;
    margin: 0
}

@media (min-width: 767px) {
    .personal-loan .header__icon-menu .menu__text--normal {
        font-size:16px
    }
}

@media (min-width: 767px) {
    .personal-loan .header__icon-menu {
        padding-right:54px
    }
}

@media (min-width: 1100px) {
    .personal-loan .header__icon-menu {
        display:none
    }
}

/* Hide mobile header/menu controls on desktop-width devices (match JS breakpoint ~996px) */
@media (min-width: 996px) {
    .personal-loan .header__icon-menu {
        display: none !important;
    }
    .mobile-back-btn {
        display: none !important;
    }
    /* Also hide the slide-in menu panel on desktop */
    .personal-loan .menu-float {
        display: none !important;
    }
}

.personal-loan .opening {
    margin-top: 10px;
    padding: 0 16px
}

/* Mobile: add top padding so fixed header doesn't overlap the opening title */
@media (max-width: 766px) {
    .personal-loan .opening {
        padding-top: 72px; /* header height (56px) + 16px spacing */
    }
    .personal-loan .opening .text__title {
        height: auto;
    }
    .personal-loan .opening .text__title--normal {
        font-size: 22px; /* slightly larger legibility on small screens */
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .points {
        display:none
    }
}

.personal-loan .opening .points__oval {
    display: flex;
    justify-content: center;
    padding-top: 22px
}

.personal-loan .opening .points__oval :first-child {
    margin: 0
}

.personal-loan .opening .points__oval--normal {
    cursor: pointer;
    margin-left: 18px
}

.personal-loan .opening .points__oval--active {
    cursor: pointer;
    margin-left: 18px
}

.personal-loan .opening .text {
    margin: 0 16px;
    padding-top: 26px
}

@media (min-width: 767px) {
    .personal-loan .opening .text {
        width:460px;
        margin: auto
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .text {
        margin:0
    }
}

.personal-loan .opening .text .points-d {
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .text .points-d {
        display:block;
        margin-bottom: 10px
    }

    .personal-loan .opening .text .points-d .points {
        display: block
    }

    .personal-loan .opening .text .points-d .points__oval {
        justify-content: unset
    }
}

.personal-loan .opening .text__title {
    overflow: hidden;
    text-align: center;
    height: 56px
}

@media (min-width: 767px) {
    .personal-loan .opening .text__title {
        height:119px;
        width: 101%
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .text__title {
        text-align:left;
        height: 119px
    }
}

.personal-loan .opening .text__title--normal {
    overflow: hidden;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    font-family: DTLArgoT;
    font-size: 24px;
    color: #0040a8;
    font-weight: normal
}

@media (min-width: 767px) {
    .personal-loan .opening .text__title--normal {
        font-family:DTLArgoT;
        font-size: 40px;
        color: #0040a8
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .text__title--normal {
        width:auto;
        text-align: left;
        font-family: DTLArgoT;
        font-size: 50px;
        color: #0040a8
    }
}

.personal-loan .opening .text__paragraph {
    text-align: center;
    margin-top: 0px
}

@media (min-width: 1100px) {
    .personal-loan .opening .text__paragraph {
        text-align:unset
    }
}

.personal-loan .opening .text__paragraph--normal {
    display: block;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.2px;
    color: #444;
}

@media (min-width: 767px) {
    .personal-loan .opening .text__paragraph--normal {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Roboto, sans-serif;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.6;
        letter-spacing: 0.2px;
        color: #444;
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .text__paragraph--normal {
        text-align:left;
        padding: 0;
        margin-top: 8px;
        margin-bottom: 24px
    }
}

.personal-loan .opening .text__paragraph--light {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #666;
    display: inline-block
}

@media (min-width: 767px) {
    .personal-loan .opening .text__paragraph--light {
        font-family:OpenSans-Light;
        font-size: 22px;
        color: #666
    }
}

.personal-loan .opening .button {
    width: 100%;
    display: flex;
    justify-content: center;
    position: unset;
    z-index: 3;
    transition-property: bottom;
    transition: 200ms ease;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 24px
}

@media (min-width: 1100px) {
    .personal-loan .opening .button {
        width:auto;
        margin: 0;
        justify-content: unset;
        margin-top: 16px
    }
}

.personal-loan .opening .button__btn {
    cursor: pointer;
    border-radius: 100px;
    border: solid 1px #fdc130;
    background-color: #fdc130;
    height: 48px;
    width: 219px;
    display: flex;
    align-items: center;
    margin: auto
}

@media (min-width: 1100px) {
    .personal-loan .opening .button__btn {
        margin:0;
        right: 0
    }
}

.personal-loan .opening .button__btn:hover {
    background-image: linear-gradient(132deg, #fdc130, #f69b31)
}

.personal-loan .opening .button__btn--normal {
    cursor: pointer;
    margin: auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #002c76;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3);
    transition: all 0.3s ease;
}

.personal-loan .opening .bl-img {
    display: block;
    position: relative;
    width: 340px;
    height: 296px;
    overflow: hidden;
    margin: auto;
    margin-top: 23px;
    left: -16px
}

.personal-loan .opening .bl-img img {
    display: block;
    width: 100%;
    max-width: 100%;
}

@media (min-width: 767px) {
    .personal-loan .opening .bl-img {
        height:619px;
        width: 650px
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .bl-img {
        height:auto;
        width: auto;
        overflow: visible;
        margin-left: 48px;
        margin-top: 0;
        left: 0px
    }

    .personal-loan .opening .bl-img img {
        width: auto
    }
}

.personal-loan .opening .bl-img__img-reference {
    display: flex;
    justify-content: flex-end
}

.personal-loan .opening .bl-img__referece-buy-it {
    display: flex;
    justify-content: flex-end
}

@media (min-width: 767px) {
    .personal-loan .opening .bl-img__birds-trip--normal {
        background-position:unset;
        background-image: url("../assets/img/ualwayswantit/mariposas-d.svg");
        width: 57px;
        height: 75px;
        bottom: 150px;
        left: 100px
    }
}

@media (min-width: 767px) {
    .personal-loan .opening {
        position:relative;
        top: 54px
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening {
        position:unset;
        display: flex;
        max-width: 1140px;
        margin: auto;
        margin-top: 150px;
        align-items: center
    }
}

.personal-loan .opening .gif {
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif {
        position:relative;
        bottom: -90px !important;
        display: flex
    }
}

.personal-loan .opening .gif__mouse-icon {
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif__mouse-icon {
        display:block;
        background-image: url("../assets/img/mouseGif.gif");
        width: 25px;
        height: 55px;
        background-repeat: no-repeat
    }
}

.personal-loan .opening .gif__text {
    display: flex;
    align-items: center;
    margin-left: 14px
}

.personal-loan .opening .gif__text--normal {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #666;
    text-decoration: none
}

.personal-loan .opening__slides .bl-img {
    position: relative;
    width: 340px;
    height: 296px;
    overflow: hidden;
    margin: auto;
    margin-top: 23px;
    left: -16px
}

.personal-loan .opening__slides .bl-img img {
    display: flex;
    justify-content: flex-end;
    width: 120%
}

@media (min-width: 767px) {
    .personal-loan .opening__slides .bl-img {
        height:619px;
        width: 650px
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening__slides .bl-img {
        height:auto;
        width: auto;
        overflow: visible;
        margin-left: 48px;
        margin-top: 0;
        left: 0px
    }

    .personal-loan .opening__slides .bl-img img {
        width: auto
    }
}

.personal-loan .opening__slides .bl-img__img-reference {
    display: flex;
    justify-content: flex-end
}

.personal-loan .opening__slides .bl-img__referece-buy-it {
    display: flex;
    justify-content: flex-end
}

@media (min-width: 767px) {
    .personal-loan .opening__slides .bl-img__birds-trip--normal {
        background-position:unset;
        background-image: url("../assets/img/ualwayswantit/mariposas-d.svg");
        width: 57px;
        height: 75px;
        bottom: 150px;
        left: 100px
    }
}

.personal-loan .opening .gif {
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .points {
        display:none
    }
}

.personal-loan .opening .gif .points__oval {
    display: flex;
    justify-content: center;
    padding-top: 22px
}

.personal-loan .opening .gif .points__oval :first-child {
    margin: 0
}

.personal-loan .opening .gif .points__oval--normal {
    cursor: pointer;
    margin-left: 18px
}

.personal-loan .opening .gif .points__oval--active {
    cursor: pointer;
    margin-left: 18px
}

.personal-loan .opening .gif .text {
    margin: 0 16px;
    padding-top: 26px
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text {
        width:460px;
        margin: auto
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .text {
        margin:0
    }
}

.personal-loan .opening .gif .text .points-d {
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .text .points-d {
        display:block;
        margin-bottom: 10px
    }

    .personal-loan .opening .gif .text .points-d .points {
        display: block
    }

    .personal-loan .opening .gif .text .points-d .points__oval {
        justify-content: unset
    }
}

.personal-loan .opening .gif .text__title {
    overflow: hidden;
    text-align: center;
    height: 56px
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text__title {
        height:119px;
        width: 101%
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .text__title {
        text-align:unset;
        height: 119px
    }
}

.personal-loan .opening .gif .text__title--normal {
    overflow: hidden;
    transition-property: opacity, top, visibility, height;
    transition: 500ms ease;
    transition-delay: 200ms;
    display: block;
    font-family: DTLArgoT;
    font-size: 24px;
    color: #0040a8
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text__title--normal {
        font-family:DTLArgoT;
        font-size: 48px;
        color: #0040a8
    }
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text__title--normal {
        width:465px;
        font-family: DTLArgoT;
        font-size: 50px;
        color: #0040a8
    }
}

.personal-loan .opening .gif .text__paragraph {
    text-align: center;
    margin-top: 10px
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text__paragraph {
        padding-right:0px
    }
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .text__paragraph {
        text-align:unset
    }
}

.personal-loan .opening .gif .text__paragraph--normal {
    display: block;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #666;
    width: 300px;
    margin: auto
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text__paragraph--normal {
        width:auto;
        margin: auto;
        font-family: OpenSans-Regular;
        font-size: 22px;
        color: #666
    }
}

.personal-loan .opening .gif .text__paragraph--light {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #666
}

@media (min-width: 767px) {
    .personal-loan .opening .gif .text__paragraph--light {
        font-family:OpenSans-Light;
        font-size: 22px;
        color: #666
    }
}

.personal-loan .opening .gif .button {
    width: 100%;
    display: flex;
    justify-content: center;
    position: unset;
    z-index: 3;
    transition-property: bottom;
    transition: 200ms ease;
    margin: auto;
    margin-top: 16px;
    outline: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .button {
        width:auto;
        margin: 0;
        justify-content: unset;
        margin-top: 16px
    }
}

.personal-loan .opening .gif .button__btn {
    cursor: pointer;
    border-radius: 100px;
    border: solid 1px #fdc130;
    background-color: #fdc130;
    height: 48px;
    width: 219px;
    display: flex;
    align-items: center;
    margin: auto;
    outline: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif .button__btn {
        margin:0;
        right: 0
    }
}

.personal-loan .opening .gif .button__btn:hover {
    background-image: linear-gradient(132deg, #fdc130, #f69b31)
}

.personal-loan .opening .gif .button__btn--normal {
    cursor: pointer;
    margin: auto;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #002c76
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif {
        display:flex;
        position: relative;
        bottom: -255px;
        display: flex
    }
}

.personal-loan .opening .gif__mouse-icon {
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .opening .gif__mouse-icon {
        display:block;
        background-image: url("../assets/img/mouseGif.gif");
        width: 25px;
        height: 55px;
        background-repeat: no-repeat
    }
}

.personal-loan .opening .gif__text {
    display: flex;
    align-items: center;
    margin-left: 14px
}

.personal-loan .opening .gif__text--normal {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #666;
    text-decoration: none
}

@media (min-width: 1100px) {
    .personal-loan .opening #btn_fixed {
        right:50px
    }
}

.personal-loan .fair {
    height: 164px;
    background-color: #f4fafe;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 767px) {
    .personal-loan .fair {
        height:224px;
        position: relative;
        z-index: 10
    }
}

@media (min-width: 1100px) {
    .personal-loan .fair {
        height:225px
    }
}

.personal-loan .fair .content {
    display: flex
}

.personal-loan .fair .content__img-fair {
    background-image: url("../assets/img/fair-mobile.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 112px;
    height: 81px
}

@media (min-width: 767px) {
    .personal-loan .fair .content__img-fair {
        background-image:url("../assets/img/fair.png");
        width: 157px;
        height: 136px
    }
}

.personal-loan .fair .content__text {
    width: 201px;
    margin-left: 18px
}

@media (min-width: 767px) {
    .personal-loan .fair .content__text {
        width:261px;
        padding-left: 14px;
        margin: auto
    }
}

@media (min-width: 1100px) {
    .personal-loan .fair .content__text {
        padding-left:24px;
        width: 475px
    }
}

.personal-loan .fair .content__text__title {
    font-family: OpenSans-SemiBold;
    font-size: 20px;
    color: #0040a8
}

@media (min-width: 767px) {
    .personal-loan .fair .content__text__title {
        font-size:24px
    }
}

@media (min-width: 1100px) {
    .personal-loan .fair .content__text__title {
        font-size:32px
    }
}

.personal-loan .fair .content__text__sub-title {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #4a4a4a
}

@media (min-width: 767px) {
    .personal-loan .fair .content__text__sub-title {
        font-size:16px
    }
}

@media (min-width: 1100px) {
    .personal-loan .fair .content__text__sub-title {
        font-size:18px
    }
}

.personal-loan .whatuneed {
    background-image: linear-gradient(to bottom, #0074d3, #0174d2 18%, #0040a8);
    position: relative;
    padding-bottom: 68px;
    z-index: 1
}

.personal-loan .whatuneed ul {
    list-style-image: url("../assets/icon/check-icon.svg")
}

@media (min-width: 767px) {
    .personal-loan .whatuneed {
        padding:0 10px;
        display: flex;
        height: 478px;
        padding-bottom: 0
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed {
        flex-direction:column;
        width: 50%;
        height: 100%;
        padding: 0
    }
}

@media (min-width: 767px) {
    .personal-loan .whatuneed .title-icon {
        display:flex;
        flex-direction: column;
        margin: auto
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed .title-icon {
        margin:auto;
        padding-top: 151px;
        max-width: 567px;
        width: 567px;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0
    }
}

.personal-loan .whatuneed .title-icon__title {
    padding-top: calc(165px - 56px);
    padding-left: calc(40px - 1em)
}

@media (min-width: 767px) {
    .personal-loan .whatuneed .title-icon__title {
        padding-top:0
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed .title-icon__title {
        padding-top:0;
        padding: 0
    }
}

.personal-loan .whatuneed .title-icon__title--normal {
    font-family: DTLArgoT;
    font-size: 28px;
    color: #fff
}

@media (min-width: 767px) {
    .personal-loan .whatuneed .title-icon__title--normal {
        font-size:38px
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed .title-icon__title--normal {
        font-size:50px
    }
}

@media (min-width: 767px) {
    .personal-loan .whatuneed .title-icon__icon {
        background-image:url("../assets/icon/needs-icon.svg");
        width: 34px;
        height: 34px;
        background-repeat: no-repeat;
        margin-left: calc(40px - 1em)
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed .title-icon__icon {
        margin-bottom:10px;
        margin: 0;
        height: 39px
    }
}

.personal-loan .whatuneed__items {
    margin-top: 23px;
    padding-right: 16px
}

@media (min-width: 767px) {
    .personal-loan .whatuneed__items {
        width:40%;
        padding-right: 46px;
        margin: auto;
        margin-right: 0;
        margin-bottom: 56px
    }

    .personal-loan .whatuneed__items :last-child {
        margin-bottom: 0
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed__items {
        width:547px;
        max-width: 547px;
        -webkit-padding-start: 20px;
        -moz-padding-start: 20px;
        -webkit-padding-start: 20px;
        -khtml-padding-start: 20px;
        -o-padding-start: 20px;
        padding-right: 0;
        margin: 44px 0 0 auto
    }
}

.personal-loan .whatuneed__items--normal {
    margin-bottom: 24px;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #fff;
    padding-left: 4px
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed__items--normal {
        padding-right:0;
        padding-right: 103px
    }
}

.personal-loan .whatuneed__items--semibold {
    font-family: OpenSans-SemiBold;
    font-size: 16px;
    color: #fff
}

@media (min-width: 767px) {
    .personal-loan .whatuneed__items--semibold {
        font-family:OpenSans-SemiBold;
        font-size: 16px;
        color: #fff
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed__items--semibold {
        font-family:OpenSans-SemiBold;
        font-size: 18px;
        color: #fff
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatuneed .oval {
        display:none
    }
}

.personal-loan .whatuneed .oval .img {
    display: flex;
    justify-content: center
}

.personal-loan .whatuneed .oval .img__oval {
    background-color: #0074d3;
    width: 62px;
    height: 62px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    opacity: 0.85;
    position: absolute;
    top: -28px
}

@media (min-width: 767px) {
    .personal-loan .whatuneed .oval .img__oval {
        height:100px;
        width: 100px;
        margin: auto;
        left: 43%;
        top: -40px
    }
}

.personal-loan .whatuneed .oval .img__tri {
    border-left: 1.6px solid #fff;
    border-top: 1.6px solid #fff;
    width: 10px;
    height: 10px;
    transform: rotate(225deg);
    position: absolute;
    top: -20px
}

@media (min-width: 767px) {
    .personal-loan .whatuneed .oval .img__tri {
        left:48%;
        width: 18px;
        height: 18px;
        top: -30px
    }
}

.personal-loan .whatweoffer {
    background-color: #f6f8fa;
    padding: 0 16px;
    padding-bottom: 106px
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer {
        padding:0
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer {
        padding-bottom:0;
        height: 100%;
        width: 50%;
        padding: 0;
        position: relative
    }
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value {
        display:flex;
        justify-content: center;
        padding-top: 56px;
        align-items: center
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value {
        flex-direction:column;
        padding: 0;
        align-items: unset;
        padding-left: 88px;
        width: calc(567px - 88px);
        max-width: calc(567px - 88px)
    }
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon {
        width:40%;
        position: relative;
        top: -30px;
        padding-left: 54px
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon {
        width:100%;
        position: unset;
        padding-top: 151px;
        padding-left: 0
    }
}

.personal-loan .whatweoffer .item-value .wrapper-text-icon__icon {
    display: none
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon__icon {
        display:inline-block;
        background-image: url("../assets/icon/offer-icon.svg");
        background-repeat: no-repeat;
        width: 37px;
        height: 37px;
        margin: auto
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon__icon {
        margin:0
    }
}

.personal-loan .whatweoffer .item-value .wrapper-text-icon__title {
    padding-top: calc(134px - 54px);
    margin-bottom: 34px
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon__title {
        margin:auto;
        padding-top: 0;
        width: 285px
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon__title {
        width:331px;
        padding: 0;
        margin: 0
    }
}

.personal-loan .whatweoffer .item-value .wrapper-text-icon__title--normal {
    font-family: DTLArgoT;
    font-size: 28px;
    color: #0040a8
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon__title--normal {
        font-family:DTLArgoT;
        font-size: 38px;
        color: #0040a8
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper-text-icon__title--normal {
        font-family:DTLArgoT;
        font-size: 50px;
        color: #0040a8
    }
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper {
        width:50%;
        padding-left: 50px
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper {
        padding-left:88px;
        width: 475px;
        padding-left: 0;
        margin-top: 44px
    }
}

.personal-loan .whatweoffer .item-value .wrapper .item {
    border-left: 2px solid #7ad468;
    margin-bottom: 32px
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper .item {
        padding-left:24px
    }
}

.personal-loan .whatweoffer .item-value .wrapper .item__disclaimer {
    padding-left: 16px
}

.personal-loan .whatweoffer .item-value .wrapper .item__disclaimer--normal {
    font-family: OpenSans-Regular;
    font-size: 12px;
    color: #666
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper .item__disclaimer--normal {
        font-family:OpenSans-Light;
        font-size: 14px;
        color: #666
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper .item__disclaimer--normal {
        font-family:OpenSans-Regular;
        font-size: 14px;
        color: #666
    }
}

.personal-loan .whatweoffer .item-value .wrapper .item__sub-title {
    padding-left: 16px
}

.personal-loan .whatweoffer .item-value .wrapper .item__sub-title--normal {
    font-family: OpenSans-Semibold;
    font-size: 16px;
    color: #6680ad;
    line-height: 18px
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper .item__sub-title--normal {
        font-family:OpenSans-Semibold;
        font-size: 18px;
        color: #6680ad
    }
}

.personal-loan .whatweoffer .item-value .wrapper .item__value {
    padding-left: 16px
}

.personal-loan .whatweoffer .item-value .wrapper .item__value--normal {
    font-family: OpenSans-Light;
    font-size: 30px;
    color: #666
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer .item-value .wrapper .item__value--normal {
        font-family:OpenSans-Light;
        font-size: 38px;
        color: #666
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer .item-value .wrapper .item__value--normal {
        font-family:OpenSans-Light;
        font-size: 44px;
        color: #666
    }
}

@media (min-width: 767px) {
    .personal-loan .whatweoffer__disclaimer {
        padding-top:30px;
        width: 660px;
        margin: auto;
        padding-bottom: 24px
    }
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer__disclaimer {
        width:475px;
        width: calc(567px - 88px);
        max-width: calc(567px - 88px);
        margin: 0;
        padding-left: 88px
    }
}

.personal-loan .whatweoffer__disclaimer--normal {
    display: inline;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #666
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer__disclaimer--normal {
        font-family:OpenSans-Light;
        font-size: 14px;
        color: #333
    }
}

.personal-loan .whatweoffer__disclaimer--semibold {
    display: inline;
    font-family: OpenSans-Semibold;
    font-size: 14px;
    color: #666
}

@media (min-width: 1100px) {
    .personal-loan .whatweoffer__disclaimer--semibold {
        font-family:OpenSans-Regular;
        font-size: 14px;
        color: #333
    }
}

.personal-loan .whatweoffer__disclaimer--link {
    display: inline;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #0040a8;
    text-decoration: underline;
    cursor: pointer
}

.personal-loan .howtogetit {
    background-image: linear-gradient(to bottom, #fcfcfd, #f6f8fa);
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 500px;
    position: relative
}

@media (min-width: 767px) {
    .personal-loan .howtogetit {
        padding-right:0;
        padding-bottom: 0;
        height: 1024px;
        padding-left: 54px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit {
        position:relative;
        overflow: hidden
    }

    .personal-loan .howtogetit::after {
        content: '';
        opacity: 0;
        background: -moz-linear-gradient(top, #fff 45%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top, #fff 45%, rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, #fff 45%, rgba(255,255,255,0) 100%);
        height: 370px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1
    }
}

@media (min-width: 1100px) and (min-width: 1100px) {
    .personal-loan .howtogetit::after {
        opacity:1
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit::before {
        content:'';
        height: 150px;
        width: 100%;
        background-color: #fff;
        position: absolute;
        bottom: 0
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit {
        padding-left:0
    }
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-text {
        position:relative;
        top: 75px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-text {
        margin:auto;
        width: 555px;
        z-index: 2;
        top: 78px;
        text-align: center
    }
}

.personal-loan .howtogetit .wrapper-text__icon {
    display: none;
    background-image: url("../assets/icon/howto-icon.svg");
    background-repeat: no-repeat;
    width: 33px;
    height: 39px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-text__icon {
        display:block;
        margin-bottom: 5px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-text__icon {
        margin:auto
    }
}

.personal-loan .howtogetit .wrapper-text__title {
    padding-top: calc(165px - 54px)
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-text__title {
        padding-top:0;
        display: flex;
        align-items: center
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-text__title {
        text-align:center
    }
}

.personal-loan .howtogetit .wrapper-text__title--normal {
    font-family: DTLArgoT;
    font-size: 28px;
    color: #0040a8
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-text__title--normal {
        font-family:DTLArgoT;
        font-size: 40px;
        color: #0040a8
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-text__title--normal {
        text-align:center;
        width: 100%;
        font-family: DTLArgoT;
        font-size: 50px;
        color: #0040a8
    }
}

.personal-loan .howtogetit .wrapper-text__sub-title {
    margin: 8px 0
}

.personal-loan .howtogetit .wrapper-text__sub-title--normal {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #666
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-text__sub-title--normal {
        font-family:OpenSans-Regular;
        font-size: 20px;
        color: #666
    }
}

.personal-loan .howtogetit .wrapper-text__min-title {
    margin-bottom: 32px
}

.personal-loan .howtogetit .wrapper-text__min-title--normal {
    cursor: pointer;
    text-decoration: none;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #0040a8
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper {
        display:flex;
        margin: auto;
        align-items: center;
        height: 100%;
        position: relative;
        top: -70px;
        min-width: 768px;
        max-width: 768px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper {
        display:none
    }
}

.personal-loan .howtogetit .wrapper__block-item .item {
    display: flex;
    border-bottom: 1px solid #c4d4e3;
    padding-bottom: 24px;
    margin-bottom: 24px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-item .item {
        border-bottom:none;
        position: relative;
        display: block;
        width: 220px
    }
}

.personal-loan .howtogetit .wrapper__block-item .item__number {
    width: 48px;
    height: 48px;
    max-width: 48px;
    min-width: 48px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-item .item__number {
        margin-left:8px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper__block-item .item__number {
        margin-left:-65px
    }
}

.personal-loan .howtogetit .wrapper__block-item .item__number--normal {
    width: 48px;
    height: 48px;
    max-width: 48px;
    min-width: 48px;
    font-family: DTLArgoT;
    font-size: 38px;
    font-weight: bold;
    color: #7ad468
}

.personal-loan .howtogetit .wrapper__block-item .item__text {
    margin-left: 8px
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper__block-item .item__text {
        margin-left:-65px;
        width: 255px
    }
}

.personal-loan .howtogetit .wrapper__block-item .item__text--normal {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #666
}

.personal-loan .howtogetit .wrapper__block-item .item__border {
    margin-left: 42px;
    position: absolute;
    border-right: solid 3px #c4d4e3;
    border-top: solid 1px #c4d4e3;
    width: 210px;
    height: 47px;
    transform: skewX(50deg);
    bottom: -30px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-item .item__border {
        position:absolute;
        border-right: solid 3px #c4d4e3;
        border-top: solid 1px #c4d4e3;
        width: 210px;
        height: 47px;
        transform: skewX(70deg);
        bottom: -30px;
        margin-left: 70px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper__block-item .item__border {
        position:absolute;
        border-right: solid 3px #c4d4e3;
        border-top: solid 1px #c4d4e3;
        width: 250px;
        height: 47px;
        transform: skewX(70deg);
        bottom: -30px;
        margin-left: 0
    }
}

.personal-loan .howtogetit .wrapper__block-item .item__border-reverse {
    position: absolute;
    border-right: solid 3px #c4d4e3;
    border-top: solid 1px #c4d4e3;
    width: 250px;
    height: 47px;
    transform: skewX(-65deg) rotateY(180deg);
    bottom: -30px
}

.personal-loan .howtogetit .wrapper__block-item .item__border {
    display: none
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-item .item__border {
        display:block
    }
}

.personal-loan .howtogetit .wrapper__block-item :last-child {
    border-bottom: none
}

.personal-loan .howtogetit .wrapper__block-item :last-child .item__border {
    position: unset
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-item {
        width:40%;
        margin: auto;
        margin-left: 0;
        margin-right: 0
    }
}

.personal-loan .howtogetit .wrapper__block-img {
    transition-property: bottom;
    transition: 500ms ease;
    bottom: -400px;
    opacity: 0;
    position: relative
}

.personal-loan .howtogetit .wrapper__block-img .img {
    overflow: hidden
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-img .img {
        margin:auto;
        height: 823px;
        width: 520px;
        position: relative;
        left: -40px;
        top: -100px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper__block-img .img {
        overflow:visible
    }
}

.personal-loan .howtogetit .wrapper__block-img .img__clock--normal {
    transition-property: top;
    transition: 800ms;
    background-image: url("img/time.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 83px;
    height: 83px;
    position: absolute
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-img .img__clock--normal {
        width:125px;
        height: 125px;
        left: 100px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper__block-img .img__clock--normal {
        left:80px
    }
}

.personal-loan .howtogetit .wrapper__block-img .img__bg--normal {
    transition: 800ms;
    transition-property: transform, height, opacity;
    transform: scaleY(1.1);
    background-image: url("../assets/img/bg-howtogeit.svg");
    background-repeat: no-repeat;
    position: absolute
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-img .img__bg--normal {
        right:-50px;
        width: 480px
    }
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper__block-img {
        position:relative;
        right: 10px;
        top: 53px
    }
}

.personal-loan .howtogetit .wrapper-d {
    overflow: hidden;
    display: none
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d {
        overflow:visible;
        position: relative;
        top: -100px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d {
        display:flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        max-width: 1140px;
        min-width: 1140px;
        margin: auto
    }

    .personal-loan .howtogetit .wrapper-d :first-child {
        margin-left: 0
    }
}

.personal-loan .howtogetit .wrapper-d__block-item {
    margin-left: 30px
}

.personal-loan .howtogetit .wrapper-d__block-item .item {
    display: flex;
    border-bottom: 1px solid #c4d4e3;
    padding-bottom: 24px;
    margin-bottom: 24px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-d__block-item .item {
        border-bottom:none;
        position: relative;
        display: block;
        width: 220px
    }
}

.personal-loan .howtogetit .wrapper-d__block-item .item__number {
    width: 48px;
    height: 48px;
    max-width: 48px;
    min-width: 48px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-d__block-item .item__number {
        margin-left:8px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d__block-item .item__number {
        margin-left:-65px
    }
}

.personal-loan .howtogetit .wrapper-d__block-item .item__number--normal {
    width: 48px;
    height: 48px;
    max-width: 48px;
    min-width: 48px;
    font-family: DTLArgoT;
    font-size: 38px;
    font-weight: bold;
    color: #7ad468
}

.personal-loan .howtogetit .wrapper-d__block-item .item__text {
    margin-left: 8px
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d__block-item .item__text {
        margin-left:-65px;
        width: 255px
    }
}

.personal-loan .howtogetit .wrapper-d__block-item .item__text--normal {
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #666
}

.personal-loan .howtogetit .wrapper-d__block-item .item__border {
    margin-left: 42px;
    position: absolute;
    border-right: solid 3px #c4d4e3;
    border-top: solid 1px #c4d4e3;
    width: 210px;
    height: 47px;
    transform: skewX(50deg);
    bottom: -30px
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-d__block-item .item__border {
        position:absolute;
        border-right: solid 3px #c4d4e3;
        border-top: solid 1px #c4d4e3;
        width: 210px;
        height: 47px;
        transform: skewX(70deg);
        bottom: -30px;
        margin-left: 70px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d__block-item .item__border {
        position:absolute;
        border-right: solid 3px #c4d4e3;
        border-top: solid 1px #c4d4e3;
        width: 250px;
        height: 47px;
        transform: skewX(70deg);
        bottom: -30px;
        margin-left: 0
    }
}

.personal-loan .howtogetit .wrapper-d__block-item .item__border-reverse {
    position: absolute;
    border-right: solid 3px #c4d4e3;
    border-top: solid 1px #c4d4e3;
    width: 250px;
    height: 47px;
    transform: skewX(-65deg) rotateY(180deg);
    bottom: -30px
}

.personal-loan .howtogetit .wrapper-d__block-item :last-child {
    border-bottom: none
}

.personal-loan .howtogetit .wrapper-d__block-img {
    position: relative;
    z-index: 1
}

.personal-loan .howtogetit .wrapper-d__block-img .img {
    overflow: hidden
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-d__block-img .img {
        margin:auto;
        height: 823px;
        width: 520px;
        position: relative;
        left: -40px;
        top: -100px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d__block-img .img {
        overflow:visible
    }
}

.personal-loan .howtogetit .wrapper-d__block-img .img__clock--normal {
    transition-property: top;
    transition: 800ms;
    background-image: url("img/time.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 83px;
    height: 83px;
    position: absolute
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-d__block-img .img__clock--normal {
        width:125px;
        height: 125px;
        left: 100px
    }
}

@media (min-width: 1100px) {
    .personal-loan .howtogetit .wrapper-d__block-img .img__clock--normal {
        left:80px
    }
}

.personal-loan .howtogetit .wrapper-d__block-img .img__bg--normal {
    transition: 800ms;
    transition-property: transform, height, opacity;
    transform: scaleY(1.1);
    background-image: url("../assets/img/bg-howtogeit.svg");
    background-repeat: no-repeat;
    position: absolute
}

@media (min-width: 767px) {
    .personal-loan .howtogetit .wrapper-d__block-img .img__bg--normal {
        right:-50px;
        width: 480px
    }
}

.personal-loan .faq {
    margin: 0 16px;
    padding-bottom: 66px
}

.personal-loan .faq ul {
    list-style-image: url("../assets/icon/bullet-icon.svg");
    -webkit-padding-start: 16px;
    -moz-padding-start: 16px;
    -webkit-padding-start: 16px;
    -khtml-padding-start: 16px;
    -o-padding-start: 16px
}

@media (min-width: 767px) {
    .personal-loan .faq {
        margin:0 54px;
        padding-top: 52px
    }
}

@media (min-width: 1100px) {
    .personal-loan .faq {
        max-width:1140px;
        margin: auto
    }
}

.personal-loan .faq__icon {
    display: none
}

@media (min-width: 767px) {
    .personal-loan .faq__icon {
        display:block;
        background-image: url("../assets/icon/ask-icon.svg");
        background-repeat: no-repeat;
        width: 43px;
        height: 43px
    }
}

.personal-loan .faq__title {
    padding-top: calc(229px - 108px);
    margin-bottom: 41px
}

@media (min-width: 767px) {
    .personal-loan .faq__title {
        padding-top:0;
        padding-left: 0
    }
}

.personal-loan .faq__title--normal {
    font-family: DTLArgoT;
    font-size: 26px;
    color: #0040a8
}

@media (min-width: 767px) {
    .personal-loan .faq__title--normal {
        font-family:DTLArgoT;
        font-size: 40px;
        color: #0040a8
    }
}

@media (min-width: 1100px) {
    .personal-loan .faq__title--normal {
        font-family:DTLArgoT;
        font-size: 50px;
        color: #0040a8
    }
}

.personal-loan .faq__list-question .item-faq {
    position: relative;
    padding: 8px 0;
    margin: 0;
    border-top: solid 0.5px #ccc;
    height: auto
}

.personal-loan .faq__list-question .item-faq .questiontri {
    display: flex
}

.personal-loan .faq__list-question .item-faq .questiontri__question {
    width: 90%
}

.personal-loan .faq__list-question .item-faq .questiontri__question--normal {
    cursor: pointer;
    padding-left: 4px;
    font-family: OpenSans-Regular;
    font-size: 16px;
    color: #333
}

@media (min-width: 1100px) {
    .personal-loan .faq__list-question .item-faq .questiontri__question--normal {
        font-family:OpenSans-Regular;
        font-size: 18px;
        color: #333
    }
}

.personal-loan .faq__list-question .item-faq .questiontri__tri {
    display: flex;
    justify-content: flex-end;
    margin: auto;
    margin-top: 0;
    margin-top: 16px;
    height: 100%;
    width: 10%
}

.personal-loan .faq__list-question .item-faq .questiontri__tri--normal {
    cursor: pointer;
    transition-property: transform;
    transition: 500ms ease;
    border-left: 1.6px solid #0040a8;
    border-top: 1.6px solid #0040a8;
    width: 10px;
    height: 10px;
    transform: rotate(225deg)
}

.personal-loan .faq__list-question .item-faq__description {
    height: auto;
    overflow: scroll;
    transition-property: max-height;
    transition: 700ms;
    display: block;
    max-height: 0
}

.personal-loan .faq__list-question .item-faq__description a {
    color: #0040a8
}

.personal-loan .faq__list-question .item-faq__description--normal {
    padding-bottom: 16px;
    width: 90%;
    padding-left: 16px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #666
}

.personal-loan .faq__list-question .item-faq__description--normal ul {
    list-style-image: unset
}

/* Styles for credi.html form (centered card) */
.credi-container{
    display: flex;
    justify-content: center;
    /* moved further down the page as requested */
    padding: 20px 20px 80px; /* reduced top padding to raise the form container */
}

/* Logo area for credi page */
.credi-logo-wrap{
    display:flex;
    justify-content:center;
    margin-top: 28px;
}

.credi-logo{
    width: 160px;
    max-width: 70%;
    height: auto;
    display:block;
}

@media (min-width: 1100px){
    .credi-logo{ width: 200px }
}

/* thin separator below logo matching form width */
.credi-logo-separator{
    /* span full viewport width (edge-to-edge) while remaining vertically inline */
    width: 100vw;
    max-width: none;
    height: 1px;
    /* sutil: tonos muy cercanos para un cambio casi imperceptible */
    background: linear-gradient(90deg, rgba(230,230,230,0.95) 0%, rgba(245,248,255,0.6) 50%, rgba(230,230,230,0.95) 100%);
    margin: 12px 0 8px;
    border-radius: 1px;
    /* center the full-viewport line within any centered page container */
    margin-left: calc((100% - 100vw) / 2);
    box-sizing: border-box;
}

.credi-card{
    width: 420px; /* expand card so inputs can be wider */
    max-width: calc(100% - 40px);
    background: #fff;
    border-radius: 6px;
    padding: 22px 20px 24px; /* reduced padding for a more compact card */
    box-shadow: 0 6px 24px rgba(22,31,50,0.06);
}

.credi-title{
    font-family: DTLArgoT, OpenSans-SemiBold, OpenSans-Regular, sans-serif;
    font-size: 22px;
    margin: 0 0 8px 0;
    color: #333;
}

.credi-sub{
    margin: 0 0 20px 0;
    color: #666;
    font-size: 14px;
    text-align: left; /* left-align the descriptive paragraph under the H2 */
}

.credi-form .form-group{
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* container aligns left internally */
    margin: 0 0 18px; /* align groups to the left edge of the card */
    margin-left: 8px; /* nudge groups slightly to the right */
    width: 82%;
    max-width: 420px; /* increased width for wider inputs */
}

.credi-form .label{
    display:block;
    font-size: 15px;
    line-height: 1.25;
    font-family: OpenSans-SemiBold, OpenSans-SemiBold, OpenSans-Regular, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400; /* normal */
    color: #3b3b3b;
    margin-bottom: 8px;
    text-align: left; /* align label text to the left edge of the input */
    width: 100%;
}

.credi-form .label.monto {
    font-weight: 700;
    color: #1a1a1a;
}

.credi-form .input{
    box-sizing: border-box;
    /* full width of the form-group container */
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0;
    padding: 14px 12px; /* more vertical padding = more height */
    border-radius: 6px;
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 1.2;
}

/* On small screens inputs should be full width */
@media (max-width: 480px){
    .credi-form .input{
        width: 100%;
        max-width: 100%;
    }
    .credi-form .form-group{
        width: 100%;
        max-width: 100%;
        margin: 0 0 18px 0;
    }
}

.credi-form .input::placeholder{ color: #bdbdbd; }

.form-actions{
    margin-top: 10px;
    text-align: center; /* center the action button */
}

.btn.btn-primary{
    background: linear-gradient(90deg,#0040a8,#003d9e);
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
}

@media (max-width: 480px){
    .credi-card{ padding: 18px; }
    .credi-title{ font-size:20px }
}

@media (min-width: 1100px) {
    .personal-loan .faq__list-question .item-faq__description--normal {
        font-family:OpenSans-Light;
        font-size: 18px;
        color: #666
    }
}

.personal-loan .faq__list-question :nth-child(14) {
    border-bottom: solid 0.5px #bec1c6
}

.personal-loan .footer {
    background-color: #0040a8;
    padding-left: 16px;
    padding-top: 24px;
    padding-bottom: 37px
}

@media (min-width: 767px) {
    .personal-loan .footer {
        display:flex;
        position: relative;
        flex-direction: row;
        padding-left: 54px;
        padding-top: 64px
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer {
        flex-direction:column;
        padding-left: 74px;
        justify-content: space-around;
        padding-left: 0
    }
}

@media (min-width: 767px) {
    .personal-loan .footer .products {
        margin-right:84px
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer .products {
        max-width:1140px;
        margin: auto;
        width: 1140px
    }
}

.personal-loan .footer .products__logo--normal {
    background-image: url("img/logo.svg");
    background-size: cover;
    height: 40px;
    width: 40px
}

@media (min-width: 767px) {
    .personal-loan .footer .products__logo {
        display:none
    }
}

.personal-loan .footer .products__title {
    margin: 21px 0
}

@media (min-width: 767px) {
    .personal-loan .footer .products__title {
        margin-top:0
    }
}

.personal-loan .footer .products__title--normal {
    font-family: OpenSans-SemiBold;
    font-size: 14px;
    color: #fff
}

.personal-loan .footer .products__links .items-products {
    margin-bottom: 24px
}

@media (min-width: 1100px) {
    .personal-loan .footer .products__links .items-products {
        margin-right:34px;
        margin-bottom: 10px
    }
}

.personal-loan .footer .products__links .items-products__text {
    opacity: 0.5
}

.personal-loan .footer .products__links .items-products__text--normal {
    text-decoration: unset;
    cursor: pointer;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #fff
}

@media (min-width: 1100px) {
    .personal-loan .footer .products__links {
        display:flex
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer__download .download {
        max-width:1140px
    }
}

.personal-loan .footer__download .download__title--normal {
    font-family: OpenSans-SemiBold;
    font-size: 14px;
    color: #fff
}

.personal-loan .footer__download .download .icons {
    display: flex;
    margin-top: 16px
}

@media (min-width: 767px) {
    .personal-loan .footer__download .download .icons {
        flex-direction:column
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer__download .download .icons {
        flex-direction:row
    }
}

.personal-loan .footer__download .download .icons__google--normal {
    cursor: pointer;
    background-image: url("../assets/img/googleplay.svg");
    width: 114px;
    height: 36px;
    background-repeat: no-repeat
}

@media (min-width: 767px) {
    .personal-loan .footer__download .download .icons__google--normal {
        width:135px;
        height: 42px;
        margin-bottom: 24px
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer__download .download .icons__google--normal {
        width:135px;
        height: 42px;
        margin-right: 32px
    }
}

.personal-loan .footer__download .download .icons__apple {
    margin-left: 10px
}

@media (min-width: 767px) {
    .personal-loan .footer__download .download .icons__apple {
        margin-left:0
    }
}

.personal-loan .footer__download .download .icons__apple--normal {
    cursor: pointer;
    background-image: url("../assets/img/applestore.svg");
    width: 114px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width: 767px) {
    .personal-loan .footer__download .download .icons__apple--normal {
        width:135px;
        height: 42px
    }
}

@media (min-width: 767px) {
    .personal-loan .footer__download {
        padding-right:200px
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer__download {
        max-width:1140px;
        margin: auto;
        width: 1140px;
        padding-right: 0
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer__logo {
        width:1140px;
        height: 50px;
        margin: auto;
        background-color: red
    }
}

.personal-loan .footer__logo--logo {
    display: none
}

@media (min-width: 767px) {
    .personal-loan .footer__logo--logo {
        display:block;
        background-image: url("../assets/img/logo-full-dark-bg.svg");
        background-repeat: no-repeat;
        width: 169px;
        height: 34px;
        margin: auto;
        position: absolute;
        right: 50px;
        bottom: 46px
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer__logo--logo {
        bottom:60px;
        right: 0;
        margin: auto;
        position: relative;
        margin-right: 0;
        bottom: -76px;
        width: 192px;
        height: 38px
    }
}

.personal-loan .footer2 {
    background-color: #002c76;
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 767px) {
    .personal-loan .footer2 {
        padding:0 54px
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer2 {
        padding:0
    }
}

@media (min-width: 767px) {
    .personal-loan .footer2 .block {
        display:flex
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer2 .block {
        display:flex;
        max-width: 1140px;
        margin: auto;
        width: 1140px
    }
}

.personal-loan .footer2 .block__img {
    display: flex
}

.personal-loan .footer2 .block__img .img-logo {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 40px;
    margin-bottom: 31px
}

.personal-loan .footer2 .block__img .img-logo__aval {
    border-right: 1px solid #fff;
    opacity: 0.5;
    padding-right: 24px
}

.personal-loan .footer2 .block__img .img-logo__aval--normal {
    opacity: 1;
    background-image: url("../assets/img/aval.svg");
    width: 90px;
    height: 25px;
    background-repeat: no-repeat
}

@media (min-width: 1100px) {
    .personal-loan .footer2 .block__img .img-logo__aval--normal {
        width:91px;
        height: 27px
    }
}

.personal-loan .footer2 .block__img .img-logo__fogafin {
    margin-left: 24px
}

.personal-loan .footer2 .block__img .img-logo__fogafin--normal {
    background-image: url("../assets/img/fogafin.svg");
    width: 79px;
    height: 24px;
    background-repeat: no-repeat
}

@media (min-width: 1100px) {
    .personal-loan .footer2 .block__img .img-logo__fogafin--normal {
        width:91px;
        height: 27px
    }
}

@media (min-width: 767px) {
    .personal-loan .footer2 .block__img {
        order:2
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer2 .block__img {
        order:2;
        margin: auto;
        margin-right: 0
    }
}

.personal-loan .footer2 .block__text .text-logo {
    padding-bottom: 32px
}

@media (min-width: 767px) {
    .personal-loan .footer2 .block__text .text-logo {
        padding-bottom:0
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer2 .block__text .text-logo {
        padding-bottom:0
    }
}

.personal-loan .footer2 .block__text .text-logo__value--bold {
    font-family: OpenSans-Bold;
    font-size: 11px;
    color: #fff
}

@media (min-width: 767px) {
    .personal-loan .footer2 .block__text .text-logo__value--bold {
        font-family:OpenSans-Bold;
        font-size: 12px;
        color: #fff
    }
}

.personal-loan .footer2 .block__text .text-logo__value--regular {
    opacity: 0.5;
    font-family: OpenSans-Regular;
    font-size: 11px;
    color: #fff
}

@media (min-width: 767px) {
    .personal-loan .footer2 .block__text .text-logo__value--regular {
        font-family:OpenSans-Regular;
        font-size: 12px;
        color: #fff
    }
}

@media (min-width: 767px) {
    .personal-loan .footer2 .block__text {
        order:1;
        width: 360px;
        margin: auto;
        margin-left: 0
    }
}

@media (min-width: 1100px) {
    .personal-loan .footer2 .block__text {
        order:1;
        margin: auto;
        margin-left: 0;
        display: flex;
        width: 552px
    }
}

.personal-loan .cookies {
    box-shadow: 0 -5px 18px 0 rgba(0,0,0,0.1);
    background-color: #f6f8fa;
    width: 100%;
    position: fixed;
    bottom: -64px;
    z-index: 11;
    display: none
}

.personal-loan .cookies .content {
    display: flex;
    height: 64px;
    max-width: 1140px;
    margin: auto;
    padding: 0 16px;
    position: relative
}

@media (min-width: 767px) {
    .personal-loan .cookies .content {
        padding:0 54px
    }
}

.personal-loan .cookies .content__text {
    margin: auto 0;
    font-family: OpenSans-Regular;
    font-size: 13px;
    color: #333;
    width: 272px
}

@media (min-width: 767px) {
    .personal-loan .cookies .content__text {
        font-size:14px;
        width: 570px
    }
}

.personal-loan .cookies .content__btn-close {
    margin: auto 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 12px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 300;
    color: #333;
    transition: color 0.2s ease;
}

.personal-loan .cookies .content__btn-close::before {
    content: '×';
    line-height: 1;
}

.personal-loan .cookies .content__btn-close:hover {
    color: #000;
}

@media (min-width: 767px) {
    .personal-loan .cookies .content__btn-close {
        right:54px
    }
}

.personal-loan .cookies .cookie__link {
    font-family: OpenSans-Bold;
    font-size: 13px;
    color: #0040a8;
    text-decoration: underline;
    cursor: pointer
}

@media (min-width: 767px) {
    .personal-loan .cookies .cookie__link {
        font-size:14px
    }
}

.personal-loan .slide-top {
    display: block;
    -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px)
    }
}

.personal-loan .slide-bck-bottom {
    bottom: 0;
    -webkit-animation: slide-bck-bottom 0.45s cubic-bezier(0.47, 0, 0.745, 0.715) both;
    animation: slide-bck-bottom 0.45s cubic-bezier(0.47, 0, 0.745, 0.715) both
}

@-webkit-keyframes slide-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }

    100% {
        -webkit-transform: translateZ(-400px) translateY(200px);
        transform: translateZ(-400px) translateY(200px)
    }
}

@keyframes slide-bck-bottom {
    0% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0)
    }

    100% {
        -webkit-transform: translateZ(-400px) translateY(200px);
        transform: translateZ(-400px) translateY(200px)
    }
}

.personal-loan .advice-template {
    height: 800px
}

.personal-loan .advice-template__background {
    background-color: #f6f8fa;
    background: url("../assets/img/backgroud-mobile-congrats.svg") no-repeat top right;
    background-size: 85%;
    height: 100%
}

@media (min-width: 1100px) {
    .personal-loan .advice-template__background {
        background-size:45%
    }
}

.personal-loan .advice-template .message {
    padding-top: 30%;
    padding-left: 14%;
    padding-right: 14%
}

@media (min-width: 767px) {
    .personal-loan .advice-template .message {
        padding-left:19%;
        padding-right: 19%
    }
}

@media (min-width: 1100px) {
    .personal-loan .advice-template .message {
        padding-top:10%;
        padding-left: 27%;
        padding-right: 27%
    }
}

.personal-loan .advice-template .message__icon-container {
    margin-bottom: 17.4px
}

.personal-loan .advice-template .message__icon-container--resize {
    background: url("../assets/img/surprise-icon.svg") no-repeat;
    background-size: 85%;
    width: 58px;
    height: 58px
}

@media (min-width: 767px) {
    .personal-loan .advice-template .message__icon-container--resize {
        width:70px;
        height: 70px
    }
}

.personal-loan .advice-template .message__title-container {
    margin-bottom: 12px
}

.personal-loan .advice-template .title,.personal-loan .advice-template .message__title-container {
    font-family: DTLArgoT;
    font-size: 18px;
    line-height: 1.33;
    color: #0041a8
}

@media (min-width: 767px) {
    .personal-loan .advice-template .title,.personal-loan .advice-template .message__title-container {
        font-size:28px
    }
}

@media (min-width: 1100px) {
    .personal-loan .advice-template .title,.personal-loan .advice-template .message__title-container {
        font-size:23px
    }
}

.personal-loan .advice-template .msg,.personal-loan .advice-template .message__message-container {
    font-family: OpenSans-Light;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.38;
    color: #282828
}

@media (min-width: 767px) {
    .personal-loan .advice-template .msg,.personal-loan .advice-template .message__message-container {
        font-size:20px
    }
}

@media (min-width: 1100px) {
    .personal-loan .advice-template .msg,.personal-loan .advice-template .message__message-container {
        line-height:1.5
    }
}

body {
    margin: 0
}

html {
    scroll-behavior: smooth
}

@media (min-width: 1100px) {
    #needandoffer {
        display:flex;
        height: 779px;
        min-height: 779px
    }
}

/* Reemplazar puntos de listas por chulos pequeños en contenido principal */
.personal-loan ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 12px 0;
}
.personal-loan ul li {
    position: relative;
    padding-left: 48px; /* más espacio para el texto ahora que el chulo está fuera */
    margin-bottom: 8px;
}
.personal-loan ul li::before {
    content: "✓";
    position: absolute;
    left: -12px; /* chulo fuera del flujo, a la izquierda del contenedor */
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #2e7d32;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    z-index: 2;
}

@media (min-width: 767px) {
    .personal-loan ul li { padding-left: 56px; }
    .personal-loan ul li::before { width: 14px; height: 14px; font-size: 11px; left: -12px; }
}