/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2026 | 21:12:59 */
.formulario-aplicacion-credito .gform_heading{
    display:none;
}
.titulo-form.claro{
    background:#eff4ff !important
}
.co-solicitante-si-no .gfield_radio{
    display:flex;
    flex-wrap:wrap
}

.co-solicitante-si-no .gfield_radio .gchoice {
    width:60px
}

.formulario-aplicacion-credito .gfield_label{
    font-size:16px !important;
    font-weight:500 !important;
    color: #0F2B48
}

.formulario-aplicacion-credito input{
    border:1px solid #dce7ff;
    background:#eff4ff;
    border-radius:8px;
    outline:none;
    padding:10px !important
}

.formulario-aplicacion-credito input:focus{
    background:#fff
}

.formulario-aplicacion-credito .spacer.gfield{
    display:none !important
}

.titulo-form{
    background:#003399;
    border:none !important;
    color:#0f2b48;
    padding:10px 20px !important;
    margin:40px 0 20px 0;
    text-align:left;
    border-radius:15px;
    position:relative;
    padding-left: 60px !important;
}

.titulo-form h3{
    text-align:left;
    font-size:1.5em;
    font-weight:500;
    margin:5px 0px
}

.titulo-form .gsection_description{
    padding:0px !important
}

.titulo-form.icono::before{
    font-size:20px;
    font-weight:600;
    color:#fff;
    background:#0f2b48;
    display:inline-block;
    padding:10px;
    width:40px;
    height:40px;
    text-align:center;
    line-height: 1;
    border-radius:10px;
    position:absolute;
    top:0;
    bottom:0;
    transform:translateX(-50px);
    margin: auto 0;
}

.titulo-form.icono.number_1::before{ content:'1' }

.titulo-form.icono.number_2::before{ content:'2' }

.titulo-form.icono.number_3::before{ content:'3' }

.titulo-form.icono.number_4::before{ content:'4' }

.titulo-form.icono.number_5::before{ content:'5' }

.titulo-form.icono.number_6::before{ content:'6' }

.titulo-form.icono.number_7::before{ content:'7' }

.empleo-ingreso h3{
    font-size:25px !important
}
.hipoteca h3{
    font-size:25px !important
}



.letras-pequenas{
    font-size:14px;
    margin:40px 0 50px 0;
}

.items-bloque{
    background: #0f2a47;
    width:100%;
    color:#fff;
    font-size:15px;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-around;
    height:50px;
    align-items:center;
    margin:50px 0 10px 0;
    border-radius:10px
}

.items-bloque div{
    font-size:20px;
    font-weight:600;
}

.tipo-de-solicitud .gfield_radio{
    display:flex !important;
    justify-content:space-evenly;
    align-items:center;
    width:400px;
    margin:auto;
    
}
.tipo-de-solicitud .gfield_radio .gchoice{
    width:150px;
    background:blue;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    border-radius:8px;
    transition: .3s all ease;
    cursor:pointer
}

.tipo-de-solicitud .gfield_radio .gchoice:hover{
    background:#99cc33
}

.tipo-de-solicitud .gfield_radio .gchoice label{
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.tipo-de-solicitud .gfield_radio .gchoice input{
    position:absolute;
    top:0;
    opacity:0
}

.listado-opciones .gfield_checkbox{
    display:flex;
    flex-wrap:wrap;
}

/* .listado-opciones .gfield_checkbox .gchoice{
    width:25%
} */


.campo-firma canvas{
    border-style:none none solid none !important;
}

.campo-firma .gfield_label{
    order:2;
    width:100% !important;
    display:inline !important
}

.campo-firma{
    display:flex;
    flex-wrap:wrap;
}

.campo-firma div{
    order:2
}

.campo-firma .gfield_description{
    font-size:15px !important;
    font-weight:600
}

.campo-fecha{
    display:flex;
    align-items:center
}


.gform_footer .gform_button{
    width:100%;
    background:#003399;
    border:none;
    transition: .3s all ease;
    margin-top:20px
}

.gform_footer .gform_button:hover{
    background:#99cc33;
}

/* Contenedor de las dos opciones (la "píldora" gris claro) */
.field_income_frequency .gfield_radio {
    display: flex;
    gap: 10px;
    padding: 5px;
    background: #eef2f8;
    border-radius: 12px;
}

/* Cada opción */
.field_income_frequency .gfield_radio .gchoice {
    position: relative;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
    background: transparent;
    color: #6b7a90;
    transition: background .2s ease, color .2s ease;
}

/* Estado seleccionado: pinta TODO el contenedor */
.field_income_frequency .gfield_radio .gchoice:has(input[type="radio"]:checked) {
    background: #0f2b48;
    color: #fff;
}

/* El label ocupa toda el área para que el clic funcione en cualquier parte */
.field_income_frequency .gfield_radio .gchoice label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    margin: 0;
    color: inherit;
    cursor: pointer;
    justify-content: center;
}

/* Círculo (punto) personalizado */
.field_income_frequency .gfield_radio .gchoice input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    margin: 0;
    border-radius: 50%;
    background: #c3c9d2;
    border: 0;
    box-shadow: none;
    flex-shrink: 0;
}

.field_income_frequency .gfield_radio .gchoice input[type="radio"]:checked {
    background: #3b9cff; /* punto azul como en tu imagen */
}

.field_income_frequency .gfield_radio .gchoice input[type="radio"]::before {
    display: none; /* quita el punto interno por defecto de Gravity Forms */
}

/* ===== Tarjeta ===== */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no {
  --cs-white: #fff;
  --cs-soft: #eef2fd;
  --cs-dark: #0f2b48;
  --cs-icono: #a2b7f0;

  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  /* izquierda: espacio del icono | derecha: espacio de los botones */
  padding: 18px 320px 18px 76px;
  min-height: 80px;
  border: 0;
  border-radius: 12px;
  background: var(--cs-soft);
}

/* Espacio del icono principal */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--cs-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  background-image: url("/wp-content/uploads/2026/10/anadir-grupo-1.png");
  background-color: color-mix(in srgb, var(--cs-icono) 55%, var(--cs-white));
}

/* Pregunta */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no > legend.gfield_label {
  float: left;
  width: 100%;
  margin: 0 0 2px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--cs-dark);
}

/* Descripción */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no > .gfield_description {
  clear: both;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  color: var(--cs-dark);
  opacity: .7;
}

/* ===== Contenedor de botones (a la derecha, centrado vertical) ===== */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no > .ginput_container {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  margin: 0;
  padding: 0;
}

.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gfield_radio {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  padding: 0;
}

/* Radio nativo invisible pero clickeable */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice .gfield-choice-input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

/* Label = botón */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  width: auto;
  height: 44px;
  margin: 0;
  padding: 0 24px;
  border: 0;
  border-radius: 8px;
  background: var(--cs-white);
  color: var(--cs-dark);
  -webkit-text-fill-color: var(--cs-dark);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-indent: 0;
  white-space: nowrap;
  overflow: visible;
  cursor: pointer;
  transition: background .15s, color .15s;
}

/* Seleccionado */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice .gfield-choice-input:checked + label {
  background: var(--cs-dark);
  color: var(--cs-white);
  -webkit-text-fill-color: var(--cs-white);
}

/* Espacio del icono check: solo aparece en "Sí" seleccionado */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice_1_104_0 .gfield-choice-input:checked + label::before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/wp-content/uploads/2026/10/cheque-1.png");
}

/* Foco accesible */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice .gfield-choice-input:focus-visible + label {
  outline: 2px solid var(--cs-dark);
  outline-offset: 2px;
}

/* ===== Tablet / móvil ===== */
@media (max-width: 900px) {
  .formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no {
    padding: 18px 20px 18px 76px;
  }
  .formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no::before {
    top: 18px;
    transform: none;
  }
  .formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no > .ginput_container {
    position: static;
    transform: none;
    width: 100%;
    margin: 14px 0 0 -56px;   /* alinea los botones al borde izquierdo de la tarjeta */
    width: calc(100% + 56px);
  }
  .formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice {
    flex: 1 1 0;
  }
  .formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no .gchoice label {
    width: 100%;
  }
}




.listado-opciones {
  --lo-white: #fff;
  --lo-soft: #eef2fd;
  --lo-dark: #0f2b48;
  --lo-dot: #4da3ff; /* punto del seleccionado (azul claro de la imagen) */
}

/* ===== Pregunta ===== */
.formulario-aplicacion-credito .listado-opciones > legend.gfield_label {
  margin: 0 0 8px;
  padding: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--lo-dark);
}

/* ===== Fila de 3 botones ===== */
.formulario-aplicacion-credito .gfield.listado-opciones .ginput_container_checkbox {
  margin: 0;
  padding: 0;
}

.formulario-aplicacion-credito .gfield.listado-opciones .gfield_checkbox {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
}

.formulario-aplicacion-credito .gfield.listado-opciones .gchoice {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  width: 100% !important;
}

/* Checkbox nativo invisible, clickeable y accesible */
.formulario-aplicacion-credito .gfield.listado-opciones .gchoice input.gfield-choice-input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

/* ===== Label = botón ===== */
.formulario-aplicacion-credito .gfield.listado-opciones .gchoice label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  box-sizing: border-box;
  width: 100% !important;
  height: 60px;
  margin: 0;
  padding: 0 5px;
  border: 0;
  border-radius: 10px;
  background: #44537c21;
  color: var(--lo-dark);
  -webkit-text-fill-color: var(--lo-dark);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background .15s, color .15s;
}

/* Círculo indicador (no seleccionado) */
.formulario-aplicacion-credito .gfield.listado-opciones .gchoice label::before {
  content: "";
  flex: none;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--lo-dark);
  border-radius: 50%;
  background: transparent;
}

/* ===== Seleccionado ===== */
.formulario-aplicacion-credito .gfield.listado-opciones .gchoice input.gfield-choice-input:checked + label {
  background: var(--lo-dark);
  color: var(--lo-white);
  -webkit-text-fill-color: var(--lo-white);
}

.formulario-aplicacion-credito .gfield.listado-opciones .gchoice input.gfield-choice-input:checked + label::before {
  border-color: var(--lo-white);
  background: var(--lo-dot);
  box-shadow: inset 0 0 0 3px var(--lo-dark);
}

/* Foco accesible */
.formulario-aplicacion-credito .gfield.listado-opciones .gchoice input.gfield-choice-input:focus-visible + label {
  outline: 2px solid var(--lo-dark);
  outline-offset: 2px;
}

/* Asterisco de obligatorio */
.formulario-aplicacion-credito .gfield.listado-opciones .gfield_required {
  color: #d92d20;
}

/* ===== Móvil ===== */
@media (max-width: 600px) {
  .gfield.listado-opciones .gfield_checkbox {
    grid-template-columns: 1fr;
  }
  .formulario-aplicacion-credito .gfield.listado-opciones .gchoice label {
    height: 52px;
  }
}

.cargar_documento .gform_drop_area.gform-theme-field-control{
    height:200px;
    background:#eff4ff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.cargar_documento .gform_drop_area.gform-theme-field-control .gform_drop_instructions{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:18px;
    color:#0f2b48;
    font-weight:500
}
.cargar_documento .gform_drop_area.gform-theme-field-control .gform_drop_instructions::before{
    content:'';
    display:block;
    width:30px;
    height:30px;
    background:#1e88e538 url('/wp-content/uploads/2026/10/computacion-en-la-nube-1.png')center/28px no-repeat;
    padding:20px;
    border-radius:10px
}

.cargar_documento .gform_drop_area.gform-theme-field-control .gform_button_select_files{
    border-radius:3em;
    background:#0f2b48;
}


.gfield--type-signature.campo-firma{
    background:#eff4ff;
    padding:20px;
    border-radius:20px
}

.gfield--type-signature.campo-firma .gfield_description{
    display:none
}

.gfield--type-signature.campo-firma div:nth-child(2),
.gfield--type-signature.campo-firma div:nth-child(2) div,
.gfield--type-signature.campo-firma div:nth-child(2) div canvas{
    width:100% !important
}
.gfield--type-signature.campo-firma div:nth-child(2) div:nth-child(2){
    display:flex;
    justify-content:flex-end;
    gap:10px
}
.gfield--type-signature.campo-firma div:nth-child(2) div:nth-child(2)::after{
    content:'Limpiar';
    color:#0f2b48;
    font-weight:500;
    order:2
}

/* Contenedor de las dos opciones (la "píldora" gris claro) */
.field_income_frequency .gfield_radio {
    display: flex;
    gap: 10px;
    padding: 5px;
    background: #eef2f8;
    border-radius: 12px;
}

/* Cada opción */
.field_income_frequency .gfield_radio .gchoice {
    position: relative;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
    background: transparent;
    color: #6b7a90;
    transition: background .2s ease, color .2s ease;
}

/* Estado seleccionado: pinta TODO el contenedor */
.field_income_frequency .gfield_radio .gchoice:has(input[type="radio"]:checked) {
    background: #0f2b48;
    color: #fff;
}

/* El label ocupa toda el área para que el clic funcione en cualquier parte */
.field_income_frequency .gfield_radio .gchoice label {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    margin: 0;
    color: inherit;
    cursor: pointer;
    justify-content: center;
}

/* Círculo (punto) personalizado */
.field_income_frequency .gfield_radio .gchoice input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    margin: 0;
    border-radius: 50%;
    background: #c3c9d2;
    border: 0;
    box-shadow: none;
    flex-shrink: 0;
}

.field_income_frequency .gfield_radio .gchoice input[type="radio"]:checked {
    background: #3b9cff; /* punto azul como en tu imagen */
}

.field_income_frequency .gfield_radio .gchoice input[type="radio"]::before {
    display: none; /* quita el punto interno por defecto de Gravity Forms */
}

/* ===== Tarjeta ===== */
.formulario-aplicacion-credito #gform_wrapper_1 .gfield.co-solicitante-si-no {
  --cs-white: #fff;
  --cs-soft: #eef2fd;
  --cs-dark: #0f2b48;
  --cs-icono: #a2b7f0;

  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  /* izquierda: espacio del icono | derecha: espacio de los botones */
  padding: 18px 320px 18px 76px;
  min-height: 80px;
  border: 0;
  border-radius: 12px;
  background: var(--cs-soft);
}