.swiper-buttons{
    width:calc(100dvw - 60px);
    max-width:var(--content-width);
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
    z-index:3;
}
.swiper-buttons a{
    pointer-events:all;
}

#hero{
    --content-width:1060px;
    align-items: flex-start;
    background: linear-gradient(180deg, #00EB61 0%, #00DA5A 50%, #06BC51 100%);
    padding-top: 60px !important;
}
#hero .hero-title{
    font-size: clamp(2.25rem, 1.7434rem + 1.8421vw, 3.125rem);
    line-height:1.2em;
    margin-top:-20px;
    max-width:90%;
}
#hero .hero-subtitle{
    font-size: clamp(1.125rem, 0.7469rem + 1.375vw, 1.8125rem);
    line-height:1.2em;
    margin-top:calc(-1*var(--gap) + 20px);
}
#menu-hero > li > a{
    font-size: clamp(0.875rem, 0.8063rem + 0.25vw, 1rem);
    display:inline-flex;
    padding:7px 25px;
    border-radius:50px;
    background-color:rgba(255,255,255,.6);
    font-weight:500;
    color:#132A3C;
}
#menu-hero > li.current-menu-item > a{
    background-color:#132A3C;
    color:#fff;
}


.hero h1 {
    font-size: 2.2224em;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}
.hero h1>span {
    font-size: 1.1em;
}
.hero h1>small {
    font-family: inherit;
    font-size: .5em;
}


.trust-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 410px;
    z-index:2;
}
.trust-list>li {
    position: relative;
    padding-left: calc(60px);
    display: flex;
    flex-direction: column;
    font-size: clamp(0.875rem, 0.75rem + 0.4167vw, 1.0625rem);
    line-height: 1.3em;
    gap: 0;
    justify-content: center;
}
.trust-list>li>b {
    font-size: clamp(1.125rem, 0.875rem + 0.8333vw, 1.5rem);
    line-height: 1.2em;
}
.trust-list>li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 48px;
    height: 48px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%);
}
.trust-list>li:nth-child(1)::before {
    background-image: url('../images/lista-01.svg');
}
.trust-list>li:nth-child(2)::before {
    background-image: url('../images/lista-02.svg');
}
.trust-list>li:nth-child(3)::before {
    background-image: url('../images/lista-03.svg');
}

/* FORM */
.form-wrap {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.12);
    border-radius: 25px;
    padding: 30px;
}
.situation-content{
    align-self:center;
}
.exchanges-table{
    border-radius:15px;
    overflow: hidden !important;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.35);
    margin-top:30px;
}
.exchanges-table .tr{
    display: grid;
    grid-template-columns:40% 30% 30%;
    min-height:70px;
    padding:10px 30px;
    font-size: clamp(0.875rem, 0.8333rem + 0.1389vw, 0.9375rem);
}
.exchanges-table :is(.td, .th){
    display: flex;
    flex-direction:column;
    line-height:1.5em;
    text-align: center;
    justify-content:center;
}
.exchanges-table .tr:nth-child(1){
    background-color:#00da5a;
    border-radius:15px 15px 0 0;
    color:#fff;
}
.exchanges-table .tr:nth-child(2){
    background-color:#eee;
    border-radius:0;
}
.exchanges-table .tr:nth-child(3){
    background-color:#f8f8f8;
    border-radius:0 0 15px 15px;
}
.exchanges-disclaimer{
    font-size:13px;
    margin-top:20px;
}
.situation-wraper{
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    padding:40px;
}
.situation-tabs{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    gap: 25px;
    background: linear-gradient(236.93deg, #006A94 7.88%, #132A3C 71.49%);
    border-radius: 15px;
    color:#fff;
}
.situation-tabs .rtabs{
    display: flex;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
}
.situation-tabs .rtabs li{
    font-size:14px !important;
    display: inline-block;
    padding:6px 18px;
    line-height:1.2em;
    border:1px solid #fff;
    border-radius:20px;
    cursor:pointer;
    transition:all 300ms ease;
}
.situation-tabs .rtabs li:hover{
    background-color:rgba(255,255,255,.2);
}
.situation-tabs .rtabs li.active{
    color:#132A3C;
    background-color:#fff;
}
.situation-tabs .rtab{
    line-height:1.5em;
    font-size: clamp(0.875rem, 0.8333rem + 0.1389vw, 0.9375rem);
}
.situation-tabs .rtab h3{
    margin-bottom:10px;
}
.situation-tabs .rtab > div{
    text-align:justify;
}
.situation-tabs .rtab a{
    color:#00DA5A;
    font-weight:500;
    text-decoration: underline;
}

/* BANKS */
#banks{
    background: linear-gradient(180deg, #215B74 0%, #132A3C 75%);
    border-radius: 30px;
    padding:20px;
    margin-top:20px;
    --content-width:1200px;
    --vgap:80px;
}
#banks > h2{
    font-size: clamp(1rem, 0.8333rem + 0.5556vw, 1.25rem);
    font-family:var(--font2);
    text-align: center;
}
.banks-wrap{
    display: flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:20px;
    margin-top:40px;
}
.banks-block{
    position: relative;
    padding:10px;
    padding-top:0px;
    border-radius:20px;
    background-color:#fff;
    min-width:350px;
    display: flex;
    flex-direction:column;
    align-items:center;
}
.banks-wrap .banks-block:nth-child(1){
    flex:2;
    padding-left:15px;
    padding-right:15px;
}
.banks-block > h5{
    background-color:#00DA5A;
    border-radius:12px;
    line-height:1.2em;
    color:#fff;
    display: inline-block;
    font-weight:400;
    font-size:14px;
    padding:6px 14px;
    position:relative;
    top:0;
    transform:translateY(-50%);
    white-space: nowrap;
}
.banks-block > h5 > b{
    color:#132A3C;
}
.banks-logos__content{
    display: flex;
    justify-content: space-between;
    align-items:center;
    flex-wrap:nowrap;
    gap:10px;
}
.banks-logos__content > figure{
    flex:1 1 0;
    display: flex;
    align-items:center;
    justify-content:center;
    height:30px;
}
.banks-logos__content > figure > img{
    max-height:100%;
    height:auto;
    width:auto;
    max-width:100%;
    object-fit: contain;
}
.banks-text__content{
    white-space: nowrap;
    text-align: center;
    color:#132A3C;
}
.banks-link{
    flex-basis:100%;
    text-align: center;
    font-weight:600;
    font-size:13px;
    text-decoration:underline;
    color:var(--c-main);
    display: flex;
    line-height:1.2em;
    margin:4px auto 0;
    border:0 !important;
    padding: 0 !important;
    background-color:transparent !important;
}
.banks-popup{
    display: flex;
    flex-direction:column;
    gap:30px;
    justify-content:center;
    padding:30px;
    align-items:center;
    position: relative;
}
.banks-popup > button{
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: transparent;
    border: 0;
}
.banks-popup > h2{
    font-size: clamp(1.3125rem, 1.0625rem + 0.8333vw, 1.6875rem);
    color:#000;
}
.banks-popup .popup-logos{
    display: flex;
    flex-direction:column;
    gap:30px;
    align-items:center;
}
.banks-popup h3{
    font-size: clamp(1rem, 0.9167rem + 0.2778vw, 1.125rem);
    font-weight:500;
    color:#000;
}
.banks-popup .banks-block{
    box-shadow:0 0 10px rgba(0,0,0,.25);
    border-radius:12px;
}
.banks-popup .popup-link a{
    font-size: clamp(0.875rem, 0.7917rem + 0.2778vw, 1rem);
    color:#00DA5A;
    text-decoration: underline;
    font-weight:500;
}

#subscribe{
    background-color:#F1F1F3;
}
.subscribe-form{
    display: flex;
    align-items:center;
}
#subscribe-form{
    display: grid;
    grid-template-columns:75% 25%;
    width:100%;
    padding: 5px 5px 5px 25px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
    border-radius: 25px;
}
#subscribe-form input[type=email]{
    border:0;
    background-color:transparent;
    outline:none !important;
    height:40px;
    padding:0;
}
#subscribe-form input[type=submit]{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 25px;
    margin: 0 auto;
    border:0;
    color:#fff;
    width:100%;
    height: 40px;
    background: linear-gradient(360deg, #132A3C 35%, #006A94 100%);
    border-radius: 25px;

}

/* HOW IT WORKS */
#howit{
    --content-width: 1000px;
}
#howit-steps{
    counter-reset: steps;
}
:is(#howit, #testimonials) .swiper{
    padding:30px;
    margin:-30px;
}
#testimonials .swiper{
    padding:30px 90px;
}
#testimonials .swiper-slide{
    transition:all 300ms ease;
}
#testimonials .swiper-slide-prev{
    opacity:0 !important;
}
#testimonials .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{
    opacity:0 !important;
}
#testimonials .swiper-wrapper{
    margin-left:auto;
    margin-right:auto;
}
.testimonials-wrapper{
    position: relative;
}
/*
#howit .swiper::after{
    content:'';
    position: absolute;
    right:0;
    width:15dvw;
    pointer-events:none;
    top:0;
    bottom:0;
    display: block;
    background: #ffffff;
    z-index:2;
    background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 68%);
}*/
:is(#howit, #testimonials) .swiper-slide{
    height:auto;
}
:is(#howit, #testimonials) :is(.step, .testimonial){
    height:100%;
}

:is(.step, .feature){
    color: var(--c-text);
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.1);
    border-radius: 18px;
    padding: 30px;
    text-align: center;
    position: relative;
}

:is(.step, .feature) > h5{
    font-size: clamp(1rem, 0.8333rem + 0.5556vw, 1.25rem) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    margin-bottom:6px;
    color: var(--c-secondary);
}

:is(.step, .feature) b{
    color: var(--c-main);
}

.step::after{
    content:attr(data-num);
    height: 60px;
    width: 60px;
    border-radius: 60px;
    font-size: 40px;
    color: var(--c-text-alt);
    background-color: var(--c-main);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1em;
    position: absolute;
    font-weight: bold;
    left: 0;
    top: 0;
    transform: translate(-40%, -40%);
}
.step:nth-child(1){
    --w: 123px;
    z-index: 2;
}
.steps::before, .steps::after {
    content: '';
    position: absolute;
    z-index: -1;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../images/icon-usd.svg');
    width: var(--w, 123px);
    padding-top: calc(207/123 * var(--w, 123px));
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-100%) rotate(-32deg);
    opacity: .2;
}
.steps::after {
    --w: 74px;
    left: unset;
    right: 0;
    transform: translateY(-70%) translateX(200%) rotate(16deg);
}
:is(.step, .feature) p {
    color:#616C7A;
    font-size: clamp(0.9375rem, 0.8958rem + 0.1389vw, 1rem) !important;
    line-height:1.5em;
    margin-bottom: 0 !important;
}

#choose-us .swiper{
    padding:30px;
    margin:-30px;
}
#choose-us .swiper::after{
    content:'';
    position: absolute;
    right:0;
    width:10dvw;
    pointer-events:none;
    top:0;
    bottom:0;
    display: block;
    background: #ffffff;
    z-index:2;
    background: linear-gradient(90deg,rgba(241,241,243, 0) 0%, rgba(241,241,243, 1) 68%);
}
#choose-us .swiper-slide{
    height:auto;
}
#choose-us .feature{
    height:calc(100% - 40px);
}
.choose-us .btn-iniciar {
    background-color: var(--c-main);
    color: var(--c-text-alt) !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em !important;
    display: inline-flex;
}

.choose-us__image {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    transform: translate(50%, -70%);
    width: calc(90%);
}

.feature {
    margin-top: 40px;
}

.feature>img {
    margin-top: -30px;
    margin-bottom: -30px;
    transform: translateY(-50%);
}

.testimonial{
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    background-color:#fff;
    overflow: hidden;
    display: flex;
    flex-direction:column;
    justify-content:space-between;
}
.testimonial-content{
    padding:60px 30px 40px;
}
.testimonial-content > svg{
    position: absolute;
    left:20px;
    top:20px;
}
.testimonial-content > div{
    position: relative;
    z-index:2;
    line-height:1.5em;
}
.testimonial-author{
    background-color:#DDFFE8;
    padding:30px;
    display:grid;
    grid-template-columns:50px auto;
    align-items:center;
}

.testimonials-banner{
    margin-top:50px;
}

#medios{
    --content-width:1000px;
}
#medios .swiper{
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    width:calc(100dvw - 60px);
    max-width:var(--content-width);
}
#medios .swiper .swiper-button-next:after, #medios .swiper .swiper-button-prev:after{
    font-size:22px;
    color:#132A3C;
}


#medios .swiper-slide{
    height:auto;
}
#medios-slider .swiper-buttons{
    width:calc((100dvw - 60px) / 2);
    max-width:calc(var(--content-width) / 2);
    position: absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    pointer-events:none;
    z-index:3;
}
#medios-slider .swiper-buttons a{
    pointer-events:all;
}
.medio{
    height:100%;
    display: flex;
    flex-direction:column;
    align-items:center;
    padding:120px 60px 80px;
    border-radius: 20px;
    position: relative;
}
.read-more{
    display: inline-block;
    min-width:140px;
    border-radius:20px;
    font-size:14px;
    padding:10px 20px;
    background-color:#132a3c;
    color:#fff;
    position: absolute;
    left:50%;
    bottom:30px;
    line-height:1em;
    transform:translateX(-50%) translateY(0);
    opacity:1;
    transition:all 300ms ease;
}
.medio > div{
    opacity:1;
    transition:all 300ms ease;
    line-height:1.5em;
    font-size: clamp(0.875rem, 0.7917rem + 0.2778vw, 1rem);
}
.medio > figure{
    position: absolute;
    left:50%;
    top:30px;
    transform:translate(-50%,0);
    transition:all 300ms ease;
    height:60px;
}
.swiper-slide.swiper-slide-active .medio{
    background: #FFFFFF;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.25);
}
.swiper-slide:not(.swiper-slide-active) .medio > div{
    opacity:0;
    transform:translateY(30px);
}
.swiper-slide:not(.swiper-slide-active) .medio > figure{
    opacity:.6;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.swiper-slide:not(.swiper-slide-active) .medio .read-more{
    transform:translateX(-50%) translateY(30px);
    opacity:0;
}

.app>.container {
    background-color: #ddffe8;
    border-radius: 18px;
    padding: 20px;
    --content-width: 800px;
}

.app>.container {
    display: flex;
    gap: 30px;
}

.app-content {
    width: 62%;
    margin-left: 40px;
    gap: 20px;
}

.app-image {
    width: 38%;
}

.app-image img {
    margin-top: -60px;
    margin-right: -100px;
    margin-bottom: -140px;
    max-width: calc(100% + 100px);
}

.app-meta {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.app-meta>div {
    display: flex;
    flex-direction: column;
}

.app-meta>div>span {
    font-size: 1.1em;
    font-weight: 700 !important;
    background-image: url('../images/icn-star.svg');
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: calc(1em + 6px);
}

.app-meta>div>h5 {
    font-size: 0.8em;
    font-weight: 600 !important;
    margin: 0;
}

.app-content h3 {
    font-size: 1.4em;
}

:is(#howit, #choose-us) .swiper-buttons{
    width:100dvw;
}
:is(#howit, #choose-us, #testimonials) .swiper-buttons :is(.swiper-button-next, .swiper-button-prev){
    width:40px;
    height:40px;
    background-color:#fff;
    border-radius:50%;
    display: inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.25);
}
:is(#howit, #choose-us, #testimonials) .swiper-buttons :is(.swiper-button-next, .swiper-button-prev)::after{
    font-size:20px;
    color:#0f0f0f;
}

#simulador {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    gap: 20px;
}

#simulador>a {
    font-size: 13px;
    font-weight: 500;
}

#simulador label {
    color: var(--c-secondary);
}

#simulador .form-row {
    display: flex;
    flex-direction: column;
}

#simulador .form-row>label {
    font-size: 15px;
    font-weight: 500;
}

#simulador .form-row.alt {
    margin-top: -10px;
    margin-bottom: -10px;
    pointer-events: none;
    position: relative;
    z-index: 2;
}

#simulador .mostrar-mensaje {
    text-align: center;
}

#simulador .mostrar-mensaje:hover {
    color: var(--c-secondary);
}

#simulador.coupon-applied .prices {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    justify-content: center;
    margin-top: 6px;
}

#simulador:not(.coupon-applied) .prices [data-rel*="-cupon"] {
    display: none;
}

#simulador.coupon-applied .compra-venta input:checked+label>.prices>[data-rel*="-cupon"] {
    display: inline-block;
}

#simulador.coupon-applied .compra-venta input:not(:checked)+label>.prices> :is([data-rel="compra"], [data-rel="venta"]) {
    display: none;
}

#simulador.coupon-applied .prices :is([data-rel="compra"], [data-rel="venta"]) {
    color: #ff3228;
    text-decoration: line-through;
}

#simulador.coupon-applied .cupon input {
    pointer-events: none;
}

#simulador.coupon-applied .cupon,
#simulador.coupon-applied .cupon input,
#simulador.coupon-applied .cupon button {
    cursor: not-allowed;
}

#simulador.coupon-applied .cupon button {
    opacity: .8;
}

.compra-venta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 6px !important;
    background: #FFFFFF !important;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25) !important;
    border-radius: 8px !important;
    margin-bottom: 10px !important;
}

.compra-venta input {
    display: none;
}

.compra-venta input+label {
    margin: 0 !important;
    padding: 10px 10px !important;
    border-radius: 8px !important;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.coupon-applied .compra-venta input+label {
    gap: 0;
    flex-direction: column;
}

.compra-venta input:checked+label {
    background-color: #00DA5A;
    color: #fff !important;
}

.tipo-moneda .form-row__field {
    position: relative;
    display: grid;
    grid-template-columns: 42px auto 42px;
    border-radius: 14px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    transition: all .2s;
}

.cupon .form-row__field {
    position: relative;
    display: grid;
    grid-template-columns: auto 100px;
    border-radius: 14px;
    height: 50px;
    margin-top:10px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    transition: all .2s;
}

:is(.tipo-moneda, .cupon) .form-row__field:focus-within {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.35);
}

.cupon label {
    text-transform: uppercase;
}

.cupon .form-row__field input {
    box-shadow: none !important;
    outline: none !important;
    border: 0 !important;
    padding: 0 14px;
    width: 100%;
    font-size: 15px;
    color: var(--c-secondary) !important;
}

.cupon .form-row__field button {
    background-color: var(--c-secondary);
    color: var(--c-text-alt);
    font-weight: 500;
    font-size: 15px;
}

.tipo-moneda .form-row__field::before,
.tipo-moneda .form-row__field::after {
    content: '';
    background-color: #f1f1f3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    height: 60px;
    width: 42px;
    display: flex;
}
.tipo-moneda .form-row__field::after {
    background-image: url('../images/flag-per.svg');
}
.tipo-moneda.tipo-dolares .form-row__field::after {
    background-image: url('../images/flag-usa.svg');
}
.tipo-moneda .form-row__field::before {
    background-image: url('../images/icon-pen.svg');
}
.tipo-moneda.tipo-dolares .form-row__field::before {
    background-image: url('../images/icon-usd.svg');
    background-size: 34%;
}
.tipo-moneda .form-row__field label{
    font-size:12px;
    font-weight:600;
    left:56px;
    user-select:none;
    pointer-events:none;
    position: absolute;
    top:0;
}
.tipo-moneda .form-row__field input {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--c-secondary) !important;
    padding: 20px 14px 0 !important;
    width: 100% !important;
}

a[data-action="switch"] {
    background-color: #00DA5A;
    background-image: url('../images/switch.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    height: 50px;
    width: 50px;
    border-radius: 44px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
    display: inline-flex;
    color: transparent;
    text-indent: -9999em;
    user-select: none;
    pointer-events: all;
    position: absolute;
    right:42px;
    top: 50%;
    transform:translateY(-50%);
}

button[data-action="operacion"] {
    background-color: var(--c-main);
    color: var(--c-text-alt);
    height: 50px;
    border-radius: 50px;
    outline: none !important;
    border: 0 !important;
    margin-top: 10px;
    font-weight: 500;
    text-align: center;
}

#choose-us{
    --gap:80px;
}

#horariosOverlay{
    position: fixed;
    background-color:rgba(0,0,0,.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:998; 
}
#horariosModal{
    background-color:#fff;
    border-radius:20px;
    width:800px;
    max-width:calc(100dvw - 60px);
    max-height:90dvh;
    z-index:999;
    position: fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
#horariosClose{
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    z-index: 2;
    background-color: #fff;
    border-radius: 40px;
    transform: translate(50%, -50%);
}
#horariosClose::after {
    content: '';
    background-image:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512"><path d="M23.707.293h0a1,1,0,0,0-1.414,0L12,10.586,1.707.293a1,1,0,0,0-1.414,0h0a1,1,0,0,0,0,1.414L10.586,12,.293,22.293a1,1,0,0,0,0,1.414h0a1,1,0,0,0,1.414,0L12,13.414,22.293,23.707a1,1,0,0,0,1.414,0h0a1,1,0,0,0,0-1.414L13.414,12,23.707,1.707A1,1,0,0,0,23.707.293Z"/></svg>');
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

:is(#horariosOverlay, #horariosModal):not(.active){
    display: none;
}
#horariosModal > .inner{
    border-radius:20px;
    overflow: hidden;
    padding:30px;
    max-height:90dvh;
    overflow-y:auto;
}
#horariosModal h2{
    color: #152836; 
    text-align: center;
    font-size:1.3em !important;
    margin-bottom:30px;
}
#horariosModal .horariosSection{
    display: flex;
    flex-direction:column;
    gap:30px;
    align-items:center;
    margin-bottom:30px;
}
#horariosModal .horariosSection h3{
    font-size: 1em;
    font-weight: 600;
    color: #152836;
}
#horariosModal .horariosBancos{
    position: relative;
    box-shadow:0 0 10px rgba(0,0,0,.12);
    border-radius:20px;
    padding:30px 30px 20px;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}
#horariosModal .horariosBancos h4{
    background-color:var(--c-main);
    color:#fff;
    display: inline-flex;
    text-align: center;
    border-radius:10px;
    padding:6px 10px;
    margin:0 auto;
    position: absolute;
    font-size:.89em;
    left:50%;
    top:0;
    white-space: nowrap;
    justify-content:center;
    transform:translate(-50%,-50%);
    font-weight:500;
    line-height:1.2em;
}
#horariosModal .horariosBancos figure img{
    width:auto;
    max-height:35px;
    max-width:120px;
}
#horariosModal .horariosLink{
    text-align: center;
    font-size:.89em;
}
#horariosModal .horariosLink a{
    font-weight:600;
    color:var(--c-main);
    text-decoration: underline;
}

#b1{
    padding-bottom:0;
}

@media screen and (max-width:1060px) {
    .banks {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width:1000px) {
    .hero .no-mobile {
        display: none;
    }

    
    .howit .steps,
    .choose-us>.container>.ec-3 {
        --gap: 40px !important;
        justify-content: center;
    }

    /*.howit .steps>.step,*/
    .choose-us>.container>.ec-3>.feature {
        width: calc(50% - var(--gap)/2);
    }

    .choose-us__image {
        width: calc(70% + 20px);
        transform: translate(50%, -68%);
    }
}
@media screen and (min-width:767px) and (max-width:1000px){
    .form-wrap {
        width: 60vw !important;
        max-width: 460px;
        padding: 40px 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .form-wrap>form {
        width: calc(100% - 90px);
        margin-left: auto;
        margin-right: auto;
    }

}
@media screen and (min-width:480px) and (max-width:767px){
    .banks-block{
        min-width:unset;
    }
    .banks-block > h5{
        font-size:10px;
    }


    .app > .container{
        position: relative;
    }
    .app-image{
        position: absolute;
        right:0;
    }
    .app-image img{
        margin:0;
        transform:translateY(-20%);
    }
    #choose-us{
        --gap:40px;
    }
}
@media screen and (min-width:480px){
    :is(#howit, #choose-us) .swiper-buttons{
        display: none;
    }
}
@media screen and (max-width:480px){

    #hero{
        --gap:30px;
        --vgap:10px;
    }
    #hero > .container > .column:nth-child(1){
        align-items:center;
        text-align: center;
    }
    #hero .hero-title{
        font-size:32px;
    }
    .tr img{
        max-width:80%;
        height:auto;
    }
    #testimonials .swiper{
        padding:30px;
    }
    #testimonials .swiper-buttons{
        width:100dvw;
    }
    .tipo-moneda .form-row__field label{
        top:6px;
    }
    .banks-block{
        min-width:unset;
    }
    .banks-block > h5{
        font-size:11px;
    }
    .banks-wrap{
        flex-direction:column;
    }
    .banks-logos__content{
        flex-wrap:wrap;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .banks-logos__content > figure{
        flex: 0 0 calc(100% - 10px);
        height: auto;
        max-width: 100px;
    }
    .form-wrap{
        width:100% !important;
        margin-top:0;
    }
    .banks-section{
        flex-wrap:wrap;
    }
    #situation .situation-content > h2, .subscribe-content{
        text-align: center;
    }
    #subscribe-form{
        grid-template-columns:65% 35%;
    }
    #menu-hero{
        margin-bottom:30px;
    }
    .situation-wraper{
        padding:0;
        box-shadow:unset;
    }
    .step::after{
        transform:unset;
        width:50px;
        height:50px;
        border-radius:18px 0;
        font-size:26px;
    }
    #medios-slider .swiper-buttons{
        width:calc(100dvw - 60px);
    }
    .swiper-slide .medio > div{
        opacity:1;
        transform:translateY(0);
    }
    .swiper-slide .medio > figure{
        left:50%;
        top:30px;
        transform:translate(-50%,0);
        opacity:1;
    }
    .swiper-slide .medio .read-more{
        transform:translateX(-50%) translateY(0);
        opacity:1;
    }
    .exchanges-table .tr{
        padding:10px 15px;
    }
    
    .app{
        padding-top:90px;
    }
    .app-content{
        margin-left:unset;
    }
    .app-link{
        display: grid;
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }
    .app-image img{
        margin-top:-60px;
        margin-right:auto;
        margin-left:auto;
        margin-bottom:-20px;
    }
    #banks{
        padding-top:30px;
        --vgap:50px;
    }
    #banks > .column:nth-child(1){
        text-align: center;
    }
    #banks > .container:nth-child(2){
        --gap:50px;
    }
    .partners > h5{
        width:100%;
        text-align: center;
        white-space:normal;
        margin-bottom:-20px;
    }
    .banks-popup h3, .banks-popup > h2{
        text-align: center;
    }
}

@media screen and (max-width:460px){
    .compra-venta input+label{
        flex-direction:column !important;
        gap:0;
    }
}