/* === JetFormBuilder: base + teléfono + botón compatible con controles WP === */
.jet-form-builder {
  --jfb-bg: #ffffff;
  --jfb-border: #e6e8ee;
  --jfb-border-input: #d7dbe6;
  --jfb-text: #2d3436;
  --jfb-focus: #b8bfcc;
  --jfb-focus-shadow: rgba(45, 52, 54, 0.12);
  --jfb-radius: 12px;
  --jfb-radius-input: 3px;
  --jfb-pad: 20px;
}

/* Contenedor */
.jet-form-builder {
  background: var(--jfb-bg);
  border: 1px solid var(--jfb-border);
  border-radius: var(--jfb-radius);
  padding: var(--jfb-pad);
  box-sizing: border-box;
}

/* Espaciado */
.jet-form-builder .jet-form-builder__field-wrap {
  margin-bottom: 12px;
}

/* Labels */
.jet-form-builder label {
  color: var(--jfb-text);
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}

/* Inputs */
.jet-form-builder input[type="text"],
.jet-form-builder input[type="email"],
.jet-form-builder input[type="tel"],
.jet-form-builder input[type="number"],
.jet-form-builder input[type="date"],
.jet-form-builder select,
.jet-form-builder textarea {
  width: 100%;
  background: #fff;
  border: 1px solid var(--jfb-border-input);
  border-radius: var(--jfb-radius-input);
  padding: 12px 14px;
  color: var(--jfb-text);
  font-size: 16px;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

/* Focus */
.jet-form-builder input:focus,
.jet-form-builder select:focus,
.jet-form-builder textarea:focus {
  outline: none;
  border-color: var(--jfb-focus);
  box-shadow: 0 0 0 3px var(--jfb-focus-shadow);
}

/* Radios y checkboxes */
.jet-form-builder fieldset.jet-form-builder-row {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  min-width: 0;
}
.jet-form-builder fieldset legend.jet-form-builder__label {
  padding: 0 !important;
  margin-bottom: 6px !important;
  color: var(--jfb-text);
  font-weight: 500;
  border: none !important;
  width: 100%;
}
.jet-form-builder .jet-form-builder__fields-group.checkradio-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  border: none !important;
}
.jet-form-builder input[type="radio"],
.jet-form-builder input[type="checkbox"] {
  -webkit-appearance: auto;
  appearance: auto;
  width: auto;
  margin-right: 8px;
  cursor: pointer;
}

/* ===== FIX TELÉFONO INTERNACIONAL ===== */
.jet-form-builder .iti {
  width: 100%;
}
.jet-form-builder .iti input.iti__tel-input,
.jet-form-builder input.phone-field-intl,
.jet-form-builder input[type="tel"].phone-field-intl,
.jet-form-builder .jet-form-builder__field.phone-field-intl {
  padding-left: 90px !important;
  padding-right: 14px !important;
}
.jet-form-builder .iti__selected-country {
  border-radius: var(--jfb-radius-input) 0 0 var(--jfb-radius-input);
}
.jet-form-builder .iti__selected-country-primary {
  padding-left: 12px;
  padding-right: 30px;
}
.jet-form-builder .iti__arrow {
  border-top-color: var(--jfb-text) !important;
}
.jet-form-builder .iti__arrow--up {
  border-bottom-color: var(--jfb-text) !important;
}
.jet-form-builder .iti__dropdown-content {
  border: 1px solid var(--jfb-border-input);
  border-radius: var(--jfb-radius-input);
  overflow: hidden;
}
.jet-form-builder .iti__search-input {
  font-size: 16px;
  padding: 10px 12px;
  border: 1px solid var(--jfb-border-input);
  border-radius: var(--jfb-radius-input);
  color: var(--jfb-text);
  box-sizing: border-box;
}
.jet-form-builder .iti__country-list {
  font-size: 14px;
}
.jet-form-builder .iti__country:hover,
.jet-form-builder .iti__country.iti__highlight {
  background-color: rgba(45, 52, 54, 0.06);
}

/* ===== BOTONES SUBMIT, NEXT, PREV: básicos + borde brand ===== */
.jet-form-builder .jet-form-builder__submit,
.jet-form-builder .jet-form-builder__action-button.jet-form-builder__submit,
.jet-form-builder button.jet-form-builder__submit,
.jet-form-builder .submit-type-ajax,
.jet-form-builder input[type="submit"],
.jet-form-builder .jet-form-builder__next-page,
.jet-form-builder .jet-form-builder__prev-page {
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  padding: 12px 22px;
  min-height: 46px;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--wp--preset--color--brand, var(--wp--preset--color--primary, #3a32f0));
  box-shadow: none;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
  transition: none;
  cursor: pointer;
}

.jet-form-builder .jet-form-builder__submit:hover,
.jet-form-builder .jet-form-builder__action-button.jet-form-builder__submit:hover,
.jet-form-builder button.jet-form-builder__submit:hover,
.jet-form-builder .submit-type-ajax:hover,
.jet-form-builder input[type="submit"]:hover,
.jet-form-builder .jet-form-builder__next-page:hover,
.jet-form-builder .jet-form-builder__prev-page:hover {
  box-shadow: none;
  opacity: 1;
  filter: none;
}

.jet-form-builder .jet-form-builder__submit:focus,
.jet-form-builder .jet-form-builder__action-button.jet-form-builder__submit:focus,
.jet-form-builder button.jet-form-builder__submit:focus,
.jet-form-builder .submit-type-ajax:focus,
.jet-form-builder input[type="submit"]:focus,
.jet-form-builder .jet-form-builder__next-page:focus,
.jet-form-builder .jet-form-builder__prev-page:focus {
  outline: none;
  box-shadow: none;
}

/* Responsive */
@media (max-width: 767px) {
  .jet-form-builder {
    padding: 16px;
  }
  .jet-form-builder label {
    margin-bottom: 5px;
  }
  .jet-form-builder .jet-form-builder__field-wrap {
    margin-bottom: 10px;
  }
  .jet-form-builder .iti input.iti__tel-input,
  .jet-form-builder input.phone-field-intl,
  .jet-form-builder input[type="tel"].phone-field-intl,
  .jet-form-builder .jet-form-builder__field.phone-field-intl {
    padding-left: 88px !important;
  }
  
  /* Expande los botones al 100% en móviles */
  .jet-form-builder .jet-form-builder__submit,
  .jet-form-builder .jet-form-builder__action-button.jet-form-builder__submit,
  .jet-form-builder button.jet-form-builder__submit,
  .jet-form-builder .submit-type-ajax,
  .jet-form-builder input[type="submit"],
  .jet-form-builder .jet-form-builder__next-page,
  .jet-form-builder .jet-form-builder__prev-page {
    width: 100%;
  }
}