.elementor-31623 .elementor-element.elementor-element-7ef1630{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 120px;--row-gap:0px;--column-gap:120px;--padding-top:20px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-31623 .elementor-element.elementor-element-f6b1423{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-31623 .elementor-element.elementor-element-a938ef7 > .elementor-widget-container{margin:0em 0em 1em 0em;}.elementor-31623 .elementor-element.elementor-element-a938ef7{text-align:start;}.elementor-31623 .elementor-element.elementor-element-a938ef7 img{width:400px;}.elementor-31623 .elementor-element.elementor-element-586167f .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:1.2em;font-weight:500;line-height:1.4em;letter-spacing:0.4px;}.elementor-31623 .elementor-element.elementor-element-a30f9df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}body.rtl .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-labels-inline .elementor-field-group > abbr{padding-left:0px;}body:not(.rtl) .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-labels-inline .elementor-field-group > abbr{padding-right:0px;}body .elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-labels-above .elementor-field-group > abbr{padding-bottom:0px;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-type-html{padding-bottom:0px;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-5fa3fd0 );color:var( --e-global-color-text );}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-5fa3fd0 );color:var( --e-global-color-text );}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-text );}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-button{padding:22px 0px 22px 0px;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2 .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-31623 .elementor-element.elementor-element-2dfa7e2{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-31623 .elementor-element.elementor-element-611aefd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31623 .elementor-element.elementor-element-519ca3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-31623:not(.elementor-motion-effects-element-type-background), body.elementor-page-31623 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 25%, var( --e-global-color-5fa3fd0 ) 100%);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-31623 .elementor-element.elementor-element-7ef1630{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-31623 .elementor-element.elementor-element-7ef1630{--padding-top:20px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-31623 .elementor-element.elementor-element-f6b1423{--width:50%;}.elementor-31623 .elementor-element.elementor-element-611aefd{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-31623 .elementor-element.elementor-element-f6b1423{--width:100%;}}/* Start custom CSS */body { padding-top: 0; }

.e-form__buttons { display: none; }

.intereses-error.elementor-message-danger{
  background: transparent;
  color: #b00020;
  padding: 0;
  border: 0;
  font-weight: 600;
}

/* =========================================
   VUELA — INTERESES COMO TARJETAS VERTICALES
   ========================================= */

/* Layout: columna, 100% ancho y espaciado */
.elementor-field-group-boletines .elementor-field-subgroup{
  grid-template-columns: 1fr !important; /* siempre una columna */
  gap: 12px !important;
}

/* Cada opción es una tarjeta clicable */
.elementor-field-group-boletines .elementor-field-option{
  position: relative;
  display: block !important;
}

/* Ocultamos el checkbox nativo (manteniendo foco y accesibilidad) */
.elementor-field-group-boletines .elementor-field-option input[type="checkbox"]{
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  inset: 0 auto auto 0 !important; /* permite focus */
  pointer-events: none;            /* clic en la tarjeta (label) */
}

/* Tarjeta base */
.elementor-field-group-boletines .elementor-field-option label{
  width: 100% !important;
  box-sizing: border-box;
  display: block !important;
  position: relative;
  padding: 14px 16px 14px 48px !important; /* hueco a la izq. para el icono */
  border: 2px solid #E6E6E6 !important;
  border-radius: 12px !important;
  background: #fff9d6 !important;          /* amarillo suave Vuela */
  box-shadow: 0 1px 0 rgba(0,0,0,.04) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s, transform .02s, background .2s;
}

/* Hover / focus (accesible con teclado) */
.elementor-field-group-boletines .elementor-field-option label:hover{
  border-color: #c8c8c8 !important;
}
.elementor-field-group-boletines .elementor-field-option input[type="checkbox"]:focus-visible + label{
  outline: 3px solid #000 !important;
  outline-offset: 2px !important;
}

/* Estado seleccionado */
.elementor-field-group-boletines .elementor-field-option input[type="checkbox"]:checked + label{
  border-color: #000 !important;
  background: #ffe97a !important;          /* amarillo más vivo */
  box-shadow: 0 4px 0 #000 !important;     /* efecto relieve */
}

/* Icono de check a la izquierda dentro de la tarjeta */
.elementor-field-group-boletines .elementor-field-option label::after{
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px; height: 20px;
  border: 2px solid #000;
  border-radius: 6px;
  background: transparent;
  transition: background .2s, border-color .2s;
}
.elementor-field-group-boletines .elementor-field-option input[type="checkbox"]:checked + label::after{
  background: #000;
  border-color: #000;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="white" d="M8.2 13.6 4.6 10l-1.4 1.4 5 5 9-9-1.4-1.4z"/></svg>') center/16px 16px no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path fill="white" d="M8.2 13.6 4.6 10l-1.4 1.4 5 5 9-9-1.4-1.4z"/></svg>') center/16px 16px no-repeat;
}

/* Texto largo, que no rompa la tarjeta */
.elementor-field-group-boletines .elementor-field-option label{
  word-break: normal;
  overflow-wrap: anywhere; /* por si hay palabras larguísimas */
}

/* Legal: legible y ordenado */
.elementor-field-group-field_741213e label{
  font-size: .95rem;
  line-height: 1.4;
}

/* (Opcional) eliminar segundo botón "Enviar" al final del formulario */
.e-form__buttons{
  display: none !important;
}/* End custom CSS */