input[type="number"]
{
-webkit-appearance: textfield !important;
margin: 0;
-moz-appearance:textfield !important;
}
.calculadora{
width: 100%; border-radius: 25px;
padding: 20px 30px 20px 30px;
background: #f59330;  float:right;
}
.calculadora h3{
color: white;
text-align: center;
font-size: 1.25rem;
margin: 0;
margin-bottom:20px;
margin-top:10px;
}
.calculadora .consulta input{
border: none;
border-bottom: 1.5px solid #1c0c65;
background: transparent;
outline: none;
}
.calculadora .consulta input[type="range"]{
height:0.7197rem;
border: none;
background-color:#fff;
padding:0;
border-radius: 0.3125rem;
}
.progress {
position:relative;
}
.customRange, .customRange2  {
height:0.7197rem !important;
border: none;
background-color:#fff !important;
padding:0;
border-radius: 0.3125rem;
}
.prueba {
width: 50%;
margin: 0 auto;
}
.prueba input[type="range"]::-webkit-slider-thumb {
-webkit-appearance:none;
appearance:none;
width:2rem;
height:2rem;
border-radius:50%;
transform: translateY(-30%);
background-color:#fff;
border:2px solid hsla(256, 69%, 25%, 1);
position:relative;
z-index: 1;
}
.prueba input[type="range"]::-moz-range-thumb {
-webkit-appearance:none;
appearance:none;
appearance:none;
width:2rem;
height:2rem;
border-radius:50%;
background-color:#fff;
border:2px solid hsla(256, 69%, 25%, 1);
position:relative;
z-index: 10;
}
.prueba input[type="range"]::-moz-range-progress {
background: #1c0c65;
height:0.75rem;
border-radius: 0.3125rem;
}
.rangeFill, .rangeFill2 {
height: 0.75rem;
width: 0;
background: #1c0c65;
border-radius: 5px;
position: absolute;
top: 50%;
transform: translate(6px,-50%);
max-width: calc(100% - 1rem);
z-index:0;
}
@-moz-document url-prefix() { .rangeFill {
display: none; }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.rangeFill, .rangeFill2 {
height: 0.75rem;
width: 0;
background: #1c0c65;
border-radius: 5px;
position: absolute;
top: 50%;
transform: translate(1px,-50%);
max-width: calc(100% - 1rem);
z-index:0;
}
}
.range1, .range2, .range3 {
position: relative;
}
.range1::after {
content: "S/ 1000";
}
.range2::after {
content: "6 cuotas";
}
.range1::before {
content: "S/ 600";
}
.range2::before {
content: "3 cuotas";
}
.range3::before {
content: "S/ 200";
}
.range3::before {
content: "S/ 400";
}
.range1::before,
.range2::after,
.range1::after,
.range2::before,
.range3::after,
.range3::before {
position: absolute;
bottom: -160%;
color:#fff;
font-size: 1rem;
}
.range2::before, .range1::before, .range3::before {
left:0;
}
.range2::after, .range1::after, .range3::after {
right:0;
}
.prueba-font {
font-size:2rem !important;
width:80px !important;
font-weight:700;
}
.primer-pago {
display:flex;
flex-direction:column;
align-items: center;
padding: 1rem;
}
.primer-pago div {
display: inline-flex;
flex-direction: column;
max-width: fit-content;
text-align: left;
}
.primer-pago span {
margin: -7px 0 0 0;
}
.time-with {
width: 70px;
transform: translateX(12px);
}
.default {
width: auto !important;
height: auto !important;
transform: translate(0,0) !important;
}
.calculadora input{
outline: none;
}
.pricing-slider{
text-align: center;
}
.pricing-slider >p{
font-size: 18px;
color: white;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0; 
}
.other_amount{
text-align: center;
margin-top: 5px;
}
.other_amount label{
color: #1c0c65;
font-size: 14px;
font-weight: 600;
}
.consulta input[type=number]{
text-align: right;
color: #1c0c65;
padding-bottom: 0px;
font-size: 16px;
width: 44px;
}
.consulta .div_cuotas input[type=number]{
width: 23px;
}
.consulta input[type="checkbox"]{
margin: 0px;
}
.consulta .div_cuotas{
margin-top:22px;
margin-bottom:20px;
}
.calculadora .btn {
text-align: center;
grid-area: 3/1/4/3;
margin-top: 1.5em;
}
.calculadora .btn >button{
background: #1c0c65;
outline: none;
border: none;
padding: 9px 12px 9px 12px;
border-radius: 16px;
color: white;
width: 170px;
font-size: 18px;
cursor:pointer;
border: 2px solid #1c0c65;
}
.calculadora .btn>button:hover{
background: white;
color: #1c0c65;
border-color: white;
}
.datos-personal h3, .datos-extra h3{
text-align: left;
}
.input-container {
position:relative; }
.prueba-personales h3 {
text-align:center;
font-size: 1.875rem;
}
.prueba-personales h4 {
color: #F8F9FD;
font-size: 1.25rem;
grid-area:1/1/2/3
}
.prueba-datos {
display:flex;
flex-wrap: wrap;
gap:1em;
}
.column1,.column2,.column3,.column4 {
display:flex;
flex-direction:column;
gap:1em;
}
.column1,.column2,.column3, .column4 {
flex:1;
flex-basis:49%;
}
.prueba-datos input, .prueba-datos .datos_sexo, .prueba-datos .datos_civil, .prueba-datos .datos_instruccion, .datos_domicilio {
color: #2B146D !important;
font-size: 1.25rem;
font-weight: 500;
border-radius: 0.75rem;
width:100%;
border: 1px solid #FF9600 !important;
background: hsla(0, 0%, 100%, 1) !important;
padding: 1.2em 1em;
}
.prueba-datos .datos_sexo, .prueba-datos .datos_instruccion, .datos_domicilio {
padding: 0.87em 0.55em;
}
.prueba-datos .datos_civil {
padding: 0.87em 1em;
} .prueba-datos .placeholder-label {
position: absolute !important;
top: 50%;
left: 1.1rem;
transform: translateY(-50%);
color: #525B73;
font-size: 16px;
pointer-events: none;
transition: top 0.2s, font-size 0.2s;
}
.prueba-datos .placeholder-label-date {
position: absolute !important;
top: 30%;
left: 1.1rem;
transform: translateY(-80%);
color: #525B73;
font-size: 16px;
pointer-events: none;
} .prueba-datos input:focus ~ .placeholder-label,
.prueba input:not(:placeholder-shown) ~ .placeholder-label, .prueba-datos select:focus ~ .placeholder-label,
.prueba select:not(:placeholder-shown) ~ .placeholder-label  {
top: 25%;
font-size: 0.75rem;
color: #525b73;
} .prueba input[type="date"]::-webkit-input-placeholder {
opacity:0;
display:none;
}
.prueba input[type="date"]:-ms-input-placeholder {
opacity:0;
display:none;
}
.prueba input[type="date"]::placeholder {
opacity:0;
display:none;
}
.datos-personal label.error + .placeholder-label {
display: none;
}
.prueba_expuesta {
display: flex;
flex-flow: column nowrap;
justify-content: center;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
align-items: center;
}
.pruebas_opciones {
display: flex;
align-items: center;
justify-content: center;
gap: 0.68em;
width: 100% !important;
margin: 0.75em 0 0 0;
}
.pruebas_opciones:hover {
background: transparent !important;
border: none !important;
}
.pruebas_opciones div {
cursor:pointer;
}
.op-prueba {
border-radius: 6px;
border: 2px solid #fff;
text-transform: uppercase;
width: 3.56856rem;
height: 1.875rem;
}
.op-prueba:hover {
border: 2px solid #1c0c65;
background-color:#1c0c65;
}
.prestamo__container {
display: flex;
align-items: center;
gap: 1rem;
max-height: 5rem;
}
.btn_prestamo, .btn_prestamo2 {
border-radius: 6px;
border: 2px solid #fff;
text-transform: uppercase;
padding: 0.2rem 0.5rem;
}
.btn_prestamo:hover, .btn_prestamo2:hover {
border: 2px solid #1c0c65;
background-color:#1c0c65;
}
.page-id-5953 .prueba-calculadora, .page-id-5554 .prueba-calculadora ,.page-id-5925 .prueba-calculadora {
max-height:initial !important;
min-height:500px;
max-width:100% !important;
border-radius: 1.25rem;
background: transparent;
padding: 1.5em 1.2em 1.5em 1.5em;
position:relative;
}
.lineTime {
display: flex;
justify-content: space-between;
align-items: center;
position:relative;
margin: 0 0 1.7em 0;
}
.time1, .time3 {
border-radius: 50%;
width: 2.64rem;
height: 2.64rem;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #fff;
position:relative;
}
.time1 img, .time3 img {
width: 1.83331rem;
height: 1.83331rem;
transform: translate(1px, 0);
}
.time2 {
background-color: #fff;
width: 3.25rem;
height: 3.25rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.time2 img {
position:relative;
width: 2.56669rem;
height: 2.56669rem;
transform: translate(3px,3px);
}
.line {
flex: 1 1 auto;
height: 2px;
background-color: #fff;
}
.time_text {
position:absolute;
bottom:-61%;
color: #F8F9FD;
font-size: 0.625rem;
font-style: normal;
font-weight: 600;
}
.time_text-big {
bottom:-45%;
}
.new-time1 {
width: 2.64rem;
height: 2.64rem;
background-color:transparent;
border:2px solid #fff;
}
.new-time1 img {
width: 1.83331rem;
height: 1.83331rem;
}
.new-time2 {
background-color: #fff;
width: 3.25rem;
height: 3.25rem;
}
.new-time2 img {
width: 2.56669rem;
height: 2.56669rem;
}
.selected {
background-color:#1c0c65;
border: 2px solid #1c0c65;
}
.proceso-check {
color:#F8F9FD;
font-size: 1.25rem;
font-weight: 700;
}
.proceso-check span{
color:#2B146D;
font-size: 2rem;
font-weight: 700;
}
.prueba-carga {
width:12.3rem !important;
margin: 0 !important;
animation: rotate .8s linear infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
.datos-personal .datos >div{
position:relative;
}
.prueba-check {
display: flex;
gap: 0.5em;
}
.prueba-check label {
color: #F8F9FD !important;
text-align: justify !important;
font-size: 0.875rem !important;
line-height: 1.4 !important;
}
.datos-personal .datos >div input{
font-size: 16px;
}
.datos-personal .datos >div input, .datos-extra input, .datos-extra select, .datos-economicos input, .datos-economicos select {
border: none;
border-bottom: 1px solid white;
background: transparent;
color: white;
width: 100%;
}
.datos-personal .datos >div input::placeholder, .datos-extra input::placeholder, .datos-economicos input::placeholder{
color: white;
}
.datos-extra input, .datos-extra select, .datos-economicos input, .datos-economicos select{
font-size:14px;
}
.calculadora input, .calculadora select{
outline: none;
}
.datos-personal .datos{
padding-top: 10px;
padding-bottom: 20px;
}
.div_info_1, .div_info_2, .div_info_4, .div_info_6, .div_dt_eco_1, .div_dt_eco_2 {
display: flex;
align-items: baseline;
}
.datos-extra >div p, .datos-extra label, .datos-economicos p{
color: white;
font-size: 14px;
margin: 0px;
}
.div_info >div, .datos-economicos >div>div{
padding-bottom: 20px;
width:100%;
}
.div_info_1 >div, .div_info_2 >div, .div_info_4>div, .div_info_6 >div, .div_dt_eco_1 >div, .div_dt_eco_2 >div{
width: 50%;
position:relative;
}
.div_info_1 >div:first-child, .div_info_2 >div:first-child, .div_info_4>div:first-child, .div_info_6 >div:first-child,
.div_dt_eco_1 div:first-child, .div_dt_eco_2 div:first-child {
margin-right:36px;
}
.div_expuesta{
display: flex;
margin-top: 15px;
margin-bottom: 30px;
align-items: center;
}
.div_expuesta >div{
font-size: 14px;
padding: 2px 0;
color: white;
}
.div_expuesta >div.marcado, div_expuesta >div:active, .div_expuesta>div:hover, .div_expuesta>div:focus{
border: 2px solid #1c0c65;
background-color: #1c0c65;
}
.pruebas_opciones >div.marcado, .pruebas_opciones >div:active, .pruebas_opciones>div:hover, .pruebas_opciones>div:focus{
border: 2px solid #1c0c65;
background-color: #1c0c65;
}
.div_dt_eco_1 >div:last-child{
position: relative;
display: flex;
}
.div_dt_eco_1 >div:last-child >p{
position: absolute;
top: 0;
font-weight: 600;
}
.check1{
display: flex;
align-items: end;
}
.check1 input{
width: 20%;
margin: 0px;
}
.check1 label{
text-align: left;
font-size: 9px;
line-height:9px;
color: white;
}
.check1{
margin-top: 15px;
margin-bottom: 25px;
}
.dat-eco-gl {
margin-top: 30px;
}
.div_dt_eco_4{
margin-top:0px;
}
select:hover{
background: #f59330;
}
.txt_aceptado{
font-size: 42px;
text-align: center;
color: white;
margin-bottom:10px;
margin-top:0px;
}
.finalizado_apagado h2{
text-align: center;
color:white;
margin:0px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(1);
}
.finalizado_prendido .txt_info{
width: 75%;
margin: 0 auto;
text-align: center;
color: white;
font-size: 18px;
line-height: 20px;
}
.finalizado_prendido .btn button{
font-weight: 600;
width: 210px;
font-size: 14px;
padding:9px 9px 9px 9px;
width: auto;
}
.gp_btn{
display: flex;
width: 65%;
margin: 0 auto;
}
.gp_btn .btn{
width:50%;
}
.finalizado_prendido .gp_btn{
margin-top: 20px;    
}
.finalizado_prendido .gp_btn .btn{
margin: 0 auto;   
}
.finalizado_proceso , .finalizado_error , .finalizado_apagado {
display: none;
}
.finalizado_prendido{
display: none;
}
.datos-extra {
display: none;
}
.datos-extra > div{
position: relative;
}
.datos-personal{
display: none;
}
.datos-economicos{
display: none;
animation: popupHide 350ms forwards;
}
.logo{
text-align: center;
margin-top: 30px;
margin-bottom: 55px;
}
.imglogo{
width:245px;
}
.finalizado_apagado >div{
text-align: center;
}
.imglike{
width: 7.75rem !important;
margin-bottom: 55px;
margin-top: 30px;
}
.finalizado_prendido .opciones{
display: flex;
padding-top: 45px;
margin: 0 auto;
justify-content: center;
flex-wrap: wrap;
gap: 1rem 0;
}
.opciones>div {
background: white;
width: 20%;
margin-left: 25px;
margin-right: 25px;
position: relative;
max-height: 125px;
border-radius: 40px;
}
.opciones .info p{
color: #2B146D;
margin:0px;
font-size:1.25rem;
}
.info{
text-align:center;
}
.opciones .info >p:first-child{
font-weight: 800;
font-size: 14px;
}
.n_monto{
font-size: 16px;
font-weight: 800;
}
.opciones >div img{
position: absolute;
top: -18px;
width: 65px;
}
.opciones .info .n_cuotas{
margin-top:10px;
}
.n_cuotas , .monto_mensual{
font-size: 14px;
margin-top: 10px;
font-weight: 600;
}
label.error{
color: #1e0368;
font-size: 12px;
line-height: 12px;
height: 12px;
left: 0px;
position:absolute;
bottom: -13px;
} .calculadora input.monto{
padding-left: 20px;
text-align: right;
}
input[type=range] {
width: 100%;
margin: 4.15px 0;
background-color: transparent;
-webkit-appearance: none;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
background: #ffffff;
border: 0px solid rgba(1, 1, 1, 0);
border: 0;
width: 100%;
height: 2.7px;
cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
margin-top: -4.15px;
width: 11px;
height: 11px;
background: #1e0368;
border: 1px solid #000000;
border-radius: 7px;
cursor: pointer;
-webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #ffffff;
}
input[type=range]::-moz-range-track {
background: #ffffff;
border: 0px solid rgba(1, 1, 1, 0);
border: 0;
width: 100%;
height: 2.7px;
cursor: pointer;
}
input[type=range]::-moz-range-thumb {
width: 11px;
height: 11px;
background: #1e0368;
border: 1px solid #000000;
border-radius: 7px;
cursor: pointer;
}
input[type=range]::-ms-track {
background: transparent;
border-color: transparent;
border-width: 5.15px 0;
color: transparent;
width: 100%;
height: 2.7px;
cursor: pointer;
}
input[type=range]::-ms-fill-lower {
background: #ababab;
border: 0px solid rgba(1, 1, 1, 0);
border: 0;
}
input[type=range]::-ms-fill-upper {
background: #ffffff;
border: 0px solid rgba(1, 1, 1, 0);
border: 0;
}
input[type=range]::-ms-thumb {
width: 11px;
height: 11px;
background: #1e0368;
border: 1px solid #000000;
border-radius: 7px;
cursor: pointer;
margin-top: 0px; }
input[type=range]:focus::-ms-fill-lower {
background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
background: #ffffff;
}
@supports (-ms-ime-align:auto) {
input[type=range] {
margin: 0;
}
}
.childre_number{
text-align: right;
}
.div_referen{
text-align: center;
color: white;
margin-bottom: 10px;
}
.fnaci{
line-height: 14px;
}
.div_expuesta label{
line-height: 1.2;
width: 70%;
color:#fff;
}
.div_expuesta > div {
width: 25px;
}
.childre_number::-webkit-input-placeholder { text-align: left;
}
.childre_number:-ms-input-placeholder { text-align: left;
}
.childre_number::placeholder {
text-align: left;
}
.calculadora.finalizado{
width: 100%;
max-width: 100vw;
}
.opcion-dato{
cursor: pointer;
}
.opciones .info >p:first-child{
padding-bottom: 0px;
}
.opcion-dato .n_monto,.opciones .info .n_cuotas{
padding-bottom: 0px;
margin-top: 0px;
line-height: 16px;
}
.opciones .info .n_cuotas{
margin-top: 3px;  
}
.opciones>div.opcion-setter{
background-color: #1e0368;
color:white;
}
.opciones .opcion-setter .info p{
color:white;
}
.finalizado_prendido .logo{
margin-bottom: 15px;
}
input[type=range] {
padding: 19px 10px; -webkit-appearance: none;    } .datos-extra .div_info_3{position:relative;	
}
.datos-extra .div_info_3 label.error{
bottom: -3px;
}
.datos-economicos .div_dt_eco_5 label.error ,.datos-economicos .dat-eco-gl .div_dt_eco_3 label.error {
bottom: -3px;
}
.datos-economicos .dat-eco-gl , .check1, .datos-economicos .dat-eco-gl .div_dt_eco_3{
position:relative;	
}
.title_oculto {
color:transparent !important;
}
.datos-economicos {
background-color: #2B146D;
max-width: 300px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
border-radius: 1em;
padding: 1em;
animation: popup 100ms forwards;
}
.column-datos {
width:35.1rem;
margin:0 auto;
flex-direction:column;
}
@media (max-width:900px){
.prueba-datos {
flex-direction: column;
}
.title_oculto {
display:none;
}
.datos-personal .datos >div {
padding-bottom:0;
}
.column-datos {
width:100%;
} .col1_mobile {
grid-area: 2/1/3/3;
}
.col2_mobile {
grid-area: 3/1/4/3;
}
.calculadora .btn {
grid-area: 4/1/5/3;
margin-top:1.3em;
}
}
@media only screen and (max-width:480px){
.calculadora{
padding-left:15px;
padding-right:15px;
min-height: 490px;
max-height: 490px;
}
#post-1591 .et_pb_gutters3 >div>.et_pb_row{
width:100%;
}
#post-1591 .et_pb_gutters3 >div>.et_pb_row .et_pb_text_0{
width:100%;
}
.finalizado_error >div h2{
font-size:28px;
}
.finalizado_apagado h2, .finalizado_proceso h2{
font-size:24px;
}
.finalizado_proceso .txt_aceptado {
font-size:32px;
}
}
@media only screen and (max-width:768px){
.opciones>div{
width: 30%;
margin-left: 10px;
margin-right: 10px;
}
.finalizado_prendido .opciones{
width:100%;
}
.finalizado_apagado .logo{
margin-bottom: 20px;
}
.finalizado_apagado h2{
font-size:36px;
} .finalizado_proceso h2{
font-size: 36px;
padding-bottom: 0px;
}
.finalizado_error >div h2{
font-size:24px;
}
}
.buttons-check {
display:flex;
align-items:center;
justify-content:center;
gap:1.76rem;
}
#siButton, #noButton {
width: 3.14881rem;
height: 1.875rem;
flex-shrink: 0;
background-color: hsla(0, 0%, 100%, 1);
color: #1E0368;
border-radius: 6px;
border: 2px solid #fff;
font-size: 1rem;
letter-spacing: -0.011rem;
display: flex;
align-items: center;
justify-content: center;
}
.new-size {
top: 23% !important;
font-size: 0.75rem !important;
}
.new-style, .prueba-datos .new-style {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//tukompa.com/wp-content/uploads/2023/08/Vector-5.png) !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
padding-left: 16px !important;
cursor: pointer;
}
.div_info label.error {
left: 2px;
bottom: 6px;
}  .prueba-calculadora > div::-webkit-scrollbar{
-webkit-appearance: none;
background-color: transparent;
border-radius:10px;
width:11px;
}
.prueba-calculadora > div::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
background-color: transparent;
border: 4px solid transparent;
}
.prueba-calculadora > div::-webkit-scrollbar-thumb{
background-color: #fff; 
border-radius:10px;
height:2em;
}
@media (max-width:500px) {
.prueba-calculadora {
padding: 1.5em;
}
.prueba-calculadora > div {
max-height: initial;
overflow-y: initial;
padding: 0;
}
.datos-economicos {
width:100%;
}
.page-id-5953 .et_pb_row , .page-id-5554 .et_pb_row {
width: 95%;
}
}
.oculto-monto {
display: none !important;
}
.page-id-5945 .prueba-calculadora, .page-id-3844 .prueba-calculadora{
background: linear-gradient(180deg, #FF9600 0%, #FFC470 100%);
}
.page-id-5945 .prueba, .page-id-3844 .prueba {
width:100%;
}
.datos-extra .prueba-datos .placeholder-label {
margin-top:-0.4rem;
}
.page-id-5953 .prueba, .page-id-5554 .prueba {
width: 100%;
max-width: 400px;
}
.referen_dato sup {
font-size:1rem;
bottom:0.74em;
margin-left: 0.13em;
}
.et_pb_section.et_pb_section_0.bg-color-wrapper {
background-image: linear-gradient(180deg,#ffff,#ffff)!important;
}
.et_pb_section_1 {
background-position: initial;
} #overlay_popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
} @keyframes popup {
to {
transform:translate(-50%, -50%) scale(1);
display:block;
}
}