.elementor-3338 .elementor-element.elementor-element-7168a4e > .elementor-element-populated{margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-3338 .elementor-element.elementor-element-d66fb75 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3338 .elementor-element.elementor-element-d66fb75 .elementor-heading-title{font-family:"Open Sauce", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:1.7px;color:#99C019;}.elementor-3338 .elementor-element.elementor-element-2e6a39a .elementor-heading-title{font-family:"Open Sauce", Sans-serif;font-size:24px;font-weight:700;color:#1B1C66;}.elementor-3338 .elementor-element.elementor-element-c78aa89{font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#4A5568;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-field-type-html{padding-bottom:0px;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3338 .elementor-element.elementor-element-ebb65f7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}.elementor-3338 .elementor-element.elementor-element-ed9f1fd > .elementor-widget-container{background-color:#F2F7EF;padding:10px 10px 1px 10px;}.elementor-3338 .elementor-element.elementor-element-ed9f1fd{font-family:"Source Sans 3", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#4A5568;}#elementor-popup-modal-3338{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3338 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3338 .dialog-close-button{display:flex;}#elementor-popup-modal-3338 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for heading, class: .elementor-element-2e6a39a */.highlight-accent {
    color: #799C08;
    font-weight: 300;
    font-family: 'Outfit', sans-serif;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-ebb65f7 *//* =====================================================================
   SYBEL · Formulario de intake (2 pasos) — CSS para Elementor Form  [v4]
   ---------------------------------------------------------------------
   REQUISITO: Widget Form -> Avanzado -> Clases CSS ->   sybel-intake
   Pegar en: Elementor -> Configuracion del sitio -> CSS personalizado
   ===================================================================== */

.sybel-intake{
  --navy:#1B1C66;
  --lime:#99C019;
  --lime-deep:#799C08;
  --line:#e6e4dc;
  --body:#4A5568;
  --tint:#f4f9ec;
  --gap:10px;                      /* separacion entre las dos barras */
  --font-body:'Source Sans 3',Arial,sans-serif;
  background:#FFFFFF;
  font-family:var(--font-body);
}

.sybel-intake *,
.sybel-intake .elementor-field,
.sybel-intake .elementor-button{
  border-radius:0 !important;
  box-shadow:none !important;
}

.sybel-intake .elementor-field-group{margin-bottom:18px;}

/* =====================================================================
   INDICADOR DE PASOS — dos barras: 1 llena = 50%, 2 llenas = 100%
   Se cubren las dos variantes de clase que usa Elementor.
   ===================================================================== */
.sybel-intake .e-form__indicators{
  margin:0 0 28px;
  position:relative;
}

/* pista (fondo gris) */
.sybel-intake .e-form__indicators__indicator--progress,
.sybel-intake .e-form__indicators__indicator__progress,
.sybel-intake .e-form__indicators__progress{
  position:relative;
  background:var(--line) !important;
  height:5px !important;
  min-height:5px !important;
  overflow:visible !important;
  border:0 !important;
  padding:0 !important;
}

/* relleno lima + ocultar el texto de porcentaje */
.sybel-intake .e-form__indicators__indicator__progress__meter,
.sybel-intake .e-form__indicators__progress__meter,
.sybel-intake .e-form__indicators__indicator__progress .e-form__indicators__progress__meter{
  background:var(--lime) !important;
  height:5px !important;
  min-height:5px !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  text-indent:-9999px !important;
  padding:0 !important;
  overflow:hidden !important;
  transition:width .3s ease;
}

/* corte central: convierte la barra unica en dos segmentos */
.sybel-intake .e-form__indicators__indicator--progress:after,
.sybel-intake .e-form__indicators__indicator__progress:after,
.sybel-intake .e-form__indicators__progress:after{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:var(--gap);
  height:100%;
  background:#FFFFFF;
  z-index:3;
}

/* =====================================================================
   ETIQUETAS
   ===================================================================== */
.sybel-intake .elementor-field-group > label,
.sybel-intake .elementor-field-label{
  font-family:var(--font-body) !important;
  font-size:18px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0;
  color:var(--navy) !important;
  margin-bottom:8px;
  text-decoration:none;
  border:0;
}

/* =====================================================================
   CAMPOS DE TEXTO
   ===================================================================== */
.sybel-intake .elementor-field-textual,
.sybel-intake input[type="text"],
.sybel-intake input[type="email"],
.sybel-intake input[type="tel"],
.sybel-intake input[type="url"],
.sybel-intake select,
.sybel-intake textarea{
  width:100%;
  background:#FFFFFF;
  border:1px solid var(--line);
  padding:14px 16px;
  font-family:var(--font-body) !important;
  font-size:18px !important;
  font-weight:400 !important;
  color:var(--body) !important;
  transition:border-color .2s ease;
}
.sybel-intake .elementor-field-textual:focus,
.sybel-intake select:focus,
.sybel-intake textarea:focus{
  border-color:var(--navy);
  outline:none;
}
.sybel-intake .elementor-field-textual::placeholder,
.sybel-intake textarea::placeholder{
  color:#9aa1ae !important;
  opacity:1;
  font-family:var(--font-body) !important;
  font-size:18px !important;
}
.sybel-intake textarea{resize:vertical;min-height:130px;}

/* =====================================================================
   PASO 1 — TARJETAS DE OPCIONES (todas del mismo ancho y alto)
   ===================================================================== */
.sybel-intake .elementor-field-type-checkbox .elementor-field-subgroup,
.sybel-intake .elementor-field-type-radio .elementor-field-subgroup{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;   /* dos columnas iguales */
  grid-auto-rows:1fr !important;              /* todas las filas igual alto */
  gap:12px !important;
  width:100% !important;
  align-items:stretch !important;
}
.sybel-intake .elementor-field-type-checkbox .elementor-field-option,
.sybel-intake .elementor-field-type-radio .elementor-field-option{
  position:relative;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  flex:none !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box;
}
.sybel-intake .elementor-field-type-checkbox .elementor-field-option input,
.sybel-intake .elementor-field-type-radio .elementor-field-option input{
  position:absolute !important;
  top:0;left:0;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  opacity:0 !important;
  cursor:pointer;
  z-index:2;
  appearance:none;
  -webkit-appearance:none;
}
.sybel-intake .elementor-field-type-checkbox .elementor-field-option label,
.sybel-intake .elementor-field-type-radio .elementor-field-option label{
  display:flex !important;
  align-items:center;
  width:100% !important;
  height:100% !important;
  min-height:70px;
  margin:0 !important;
  padding:16px 20px !important;
  border:1px solid var(--line);
  background:#FFFFFF;
  font-family:var(--font-body) !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.35;
  color:var(--navy) !important;
  cursor:pointer;
  box-sizing:border-box;
  transition:border-color .2s ease,background .2s ease;
}
.sybel-intake .elementor-field-type-checkbox .elementor-field-option label:hover,
.sybel-intake .elementor-field-type-radio .elementor-field-option label:hover{
  border-color:var(--navy);
}
.sybel-intake .elementor-field-type-checkbox .elementor-field-option input:checked + label,
.sybel-intake .elementor-field-type-radio .elementor-field-option input:checked + label{
  border-color:var(--lime);
  background:var(--tint);
}

/* =====================================================================
   TEXTOS AUXILIARES (campos HTML)
   ===================================================================== */
.sybel-intake .sybel-lead{
  font-family:var(--font-body);
  font-size:18px;font-weight:400;color:var(--body);
  margin:0 0 4px;
}
.sybel-intake .sybel-note{
  background:var(--tint);
  border-left:4px solid var(--lime);
  padding:16px 18px;
  font-family:var(--font-body);
  font-size:16px;font-weight:400;line-height:1.5;color:var(--body);
  margin:6px 0 0;
}

/* =====================================================================
   BOTONES
   ===================================================================== */
.sybel-intake .elementor-button,
.sybel-intake .e-form__buttons__wrapper__button-next,
.sybel-intake .e-form__buttons__wrapper__button-previous,
.sybel-intake button[type="submit"]{
  font-family:var(--font-body) !important;
  font-size:18px !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:0;
  line-height:1;
  padding:16px 26px;
  border:1px solid var(--navy);
  background:var(--navy);
  color:#FFFFFF !important;
  transition:background .22s ease,border-color .22s ease;
}
.sybel-intake .elementor-button .elementor-button-text,
.sybel-intake .elementor-button span{
  font-family:var(--font-body) !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:inherit !important;
}
.sybel-intake .elementor-button:hover,
.sybel-intake .e-form__buttons__wrapper__button-next:hover,
.sybel-intake button[type="submit"]:hover{
  background:var(--lime-deep);
  border-color:var(--lime-deep);
  color:#FFFFFF !important;
}

/* boton BACK: fondo blanco, texto navy */
.sybel-intake .e-form__buttons__wrapper__button-previous,
.sybel-intake .e-form__buttons__wrapper__button-previous .elementor-button-text,
.sybel-intake .e-form__buttons__wrapper__button-previous span{
  background:#FFFFFF !important;
  color:var(--navy) !important;
  border-color:var(--navy);
}
.sybel-intake .e-form__buttons__wrapper__button-previous:hover,
.sybel-intake .e-form__buttons__wrapper__button-previous:hover .elementor-button-text,
.sybel-intake .e-form__buttons__wrapper__button-previous:hover span{
  background:var(--tint) !important;
  color:var(--navy) !important;
  border-color:var(--navy);
}

.sybel-intake .e-form__buttons{justify-content:flex-end;margin-top:10px;}
.sybel-intake .e-form__buttons__wrapper{
  display:flex;
  justify-content:space-between;
  width:100%;
  gap:12px;
}

/* =====================================================================
   MENSAJES
   ===================================================================== */
.sybel-intake .elementor-message{font-family:var(--font-body);font-size:18px;}
.sybel-intake .elementor-message-success{color:var(--lime-deep);}
.sybel-intake .elementor-message-danger{color:#b3261e;}
.sybel-intake .elementor-error .elementor-field{border-color:#b3261e;}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */

/* tablet: tarjetas mas compactas, siguen en 2 columnas */
@media(max-width:1024px){
  .sybel-intake .elementor-field-type-checkbox .elementor-field-option label,
  .sybel-intake .elementor-field-type-radio .elementor-field-option label{
    font-size:17px !important;
    padding:14px 16px !important;
    min-height:64px;
  }
}

/* movil: una sola columna y botones apilados a ancho completo */
@media(max-width:767px){
  .sybel-intake .elementor-field-type-checkbox .elementor-field-subgroup,
  .sybel-intake .elementor-field-type-radio .elementor-field-subgroup{
    grid-template-columns:1fr !important;
    grid-auto-rows:auto !important;
  }
  .sybel-intake .elementor-field-type-checkbox .elementor-field-option label,
  .sybel-intake .elementor-field-type-radio .elementor-field-option label{
    min-height:56px;
  }
  .sybel-intake .elementor-field-group > label,
  .sybel-intake .elementor-field-label,
  .sybel-intake .elementor-field-textual,
  .sybel-intake textarea,
  .sybel-intake .sybel-lead{
    font-size:16px !important;
  }
  .sybel-intake .elementor-field-textual::placeholder,
  .sybel-intake textarea::placeholder{font-size:16px !important;}
  .sybel-intake textarea{min-height:110px;}
  .sybel-intake .e-form__buttons__wrapper{flex-direction:column;}
  .sybel-intake .e-form__buttons__wrapper .elementor-button{
    width:100%;
    justify-content:center;
    font-size:16px !important;
    padding:14px 20px;
  }
  .sybel-intake .elementor-button .elementor-button-text,
  .sybel-intake .elementor-button span{font-size:16px !important;}
  .sybel-intake .sybel-note{font-size:15px;padding:14px 16px;}
}/* End custom CSS */