.elementor-63695 .elementor-element.elementor-element-ad8f027{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-63695 .elementor-element.elementor-element-ad8f027:not(.elementor-motion-effects-element-type-background), .elementor-63695 .elementor-element.elementor-element-ad8f027 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDECE7;}.elementor-63695 .elementor-element.elementor-element-d5c160c > .elementor-widget-container{background-color:#FAFAF7;margin:60px 60px 60px 60px;padding:25px 25px 25px 25px;border-radius:25px 25px 25px 25px;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder__label{text-align:left;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder__desc{text-align:left;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder__fields-group{gap:0.7em 0.7em;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder input{color-scheme:normal;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder__action-button{transition:all 0.3s;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder__next-page-wrap{text-align:left;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder-message--success{text-align:center;}.elementor-63695 .elementor-element.elementor-element-d5c160c .jet-form-builder-message--error{text-align:center;}.elementor-63695 .elementor-element.elementor-element-f1bb8d0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:10px 10px 10px 10px;}.elementor-63695 .elementor-element.elementor-element-f1bb8d0:not(.elementor-motion-effects-element-type-background), .elementor-63695 .elementor-element.elementor-element-f1bb8d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-63695 .elementor-element.elementor-element-c8165fd{width:auto;max-width:auto;}.elementor-63695 .elementor-element.elementor-element-c8165fd > .elementor-widget-container{margin:025px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-63695:not(.elementor-motion-effects-element-type-background), body.elementor-page-63695 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDECE7;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-ad8f027 */.swal-title-custom{
    font-size: 20px !important;
    color: black !important;
}

.swal-text-custom{
    font-size: 18px !important;
    color: darkgrey !important;
}

.jet-form-builder-message--error{
    display:none;
}

input.dune,
textarea.dune,
select.dune{
  -webkit-appearance: none;
  appearance: none;

  width: 100%;
  box-sizing: border-box;

  background: #ffffff;
  color: #111827;

  border: 1px solid rgba(15, 23, 42, .14);   /* gris suave */
  border-radius: 14px;

  padding: 10px 10px;

  outline: none !important;                  /* ADIÓS borde negro */
  box-shadow: none !important;

  font-size: 15px;
  line-height: 1.35;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

/* Placeholder */
input.dune::placeholder,
textarea.dune::placeholder{
  color: rgba(15, 23, 42, .45);
}

/* Hover */
input.dune:hover,
textarea.dune:hover,
select.dune:hover{
  border-color: rgba(15, 23, 42, .22);
}

/* Focus / focus-visible → naranja suave PRO */
input.dune:focus,
input.dune:focus-visible,
textarea.dune:focus,
textarea.dune:focus-visible,
select.dune:focus,
select.dune:focus-visible{
  border-color: rgba(234, 88, 12, .45) !important;
  box-shadow: 0 0 0 2px rgba(234, 88, 12, .18) !important;
  background: #ffffff;
}

/* Disabled */
input.dune:disabled,
textarea.dune:disabled,
select.dune:disabled{
  background: rgba(15, 23, 42, .03);
  opacity: .6;
  cursor: not-allowed;
}

/* Autofill (Chrome) – evita el amarillo */
input.dune:-webkit-autofill{
  -webkit-text-fill-color: #111827;
  transition: background-color 9999s ease-in-out 0s;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}

@media (max-width: 640px){

  /* ancho fijo del “recuadro” */
  .jet-form-builder-progress-pages--global{
    width: 280px !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* layout en columna y centrado */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  /* cada paso centrado (círculo + texto) */
  .jet-form-builder-progress-pages__item-wrapper,
  .jet-form-builder-progress-pages__item--wrapper{
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* BORRAR LÍNEAS / SEPARADORES */
  .jet-form-builder-progress-pages__separator{
    display: none !important;
  }

  .jet-form-builder-progress-pages__item-wrapper::before,
  .jet-form-builder-progress-pages--global .jet-form-builder-progress-pages__item:before{
    content: none !important;
    display: none !important;
  }
}
@media (max-width: 767px) {
  .jet-form-builder-progress-pages{
    display: none !important;
  }
}

/* Convertimos la barra de navegación de pasos en Sticky */
.jet-form-builder__next-page-wrap {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    padding: 15px 5% !important;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important; /* Alinea el botón a la derecha */
    gap: 20px !important;
    z-index: 9999 !important;
}

/* Ajuste para el mensaje "Por favor, tienes que escoger..." */
.jet-form-builder__next-page-msg {
    margin: 0 !important;
    padding: 10px 15px !important;
    flex-grow: 1 !important; /* Hace que el mensaje ocupe el espacio sobrante a la izquierda */
    font-size: 14px !important;
    border-radius: 8px !important;
    text-align: left !important;
}

/* Estilo para el botón Siguiente dentro de la barra */
.jet-form-builder__next-page.sig-button {
    margin: 0 !important;
    white-space: nowrap !important; /* Evita que el texto del botón se parta */
}

/* Espacio al final del formulario para que la barra no tape las últimas tarjetas */
.jet-form-builder {
    padding-bottom: 100px !important;
}

/* Ocultar la barra en el último paso (opcional) */
/* Si en el paso 3 no quieres que sea sticky, se puede ajustar por ID de página */

.jet-form-builder-progress-pages{
    display: none !important;
}/* End custom CSS */
/* Start custom CSS *//* =================================================
   VIAMATCH · FORMULARIO INSCRIPCIÓN — CSS COMPLETO
   Reemplaza TODO tu CSS actual por este bloque.
   Brand: #ec5b13 · Tipografía: DM Sans (títulos incluidos)
   Colores por sector aplicados vía clases s-xxx (las pone el JS)
   ================================================= */

:root {
  --c-arq: #185FA5; --c-arq-bg: #E6F1FB; --c-arq-line: #378ADD;
  --c-int: #993556; --c-int-bg: #FBEAF0; --c-int-line: #D4537E;
  --c-ing: #534AB7; --c-ing-bg: #EEEDFE; --c-ing-line: #7F77DD;
  --c-con: #6B5022; --c-con-bg: #F5EFDF; --c-con-line: #A8862D;
  --c-pro: #0F6E56; --c-pro-bg: #E1F5EE; --c-pro-line: #1D9E75;
  --c-hot: #993C1D; --c-hot-bg: #FAECE7; --c-hot-line: #D85A30;
  --c-fon: #3B6D11; --c-fon-bg: #EAF3DE; --c-fon-line: #639922;
  --c-dat: #1B5E7A; --c-dat-bg: #E0EEF3; --c-dat-line: #2F87AA;
  --c-emp: #5D4B6E; --c-emp-bg: #EFE9F2; --c-emp-line: #846AA0;
  --c-ret: #854F0B; --c-ret-bg: #FAEEDA; --c-ret-line: #EF9F27;
  --c-prv: #7A1F5C; --c-prv-bg: #F5E3EE; --c-prv-line: #A53A85;
  --c-con2: #0A5560; --c-con2-bg: #DEF0F2; --c-con2-line: #178A99;
}


/* =================================================
   0. TÍTULOS DE BLOQUE — DM Sans (antes Playfair)
   ================================================= */

.jet-form-builder h2,
.jet-form-builder h3,
form h2,
form h3 {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  letter-spacing: -.01em !important;
  color: #1A1A18 !important;
  text-align: center !important;
  margin: 40px 0 20px 0 !important;
}


/* =================================================
   1. TARJETAS DE EVENTO (Escoge eventos a los que asistir)
   ================================================= */

.tarjeta-fuera {
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.03), 0 4px 12px rgba(0,0,0,.03) !important;
  outline: none !important;

  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;

  transition:
    box-shadow .2s ease,
    transform .2s ease,
    border-color .2s ease,
    background-color .2s ease !important;
}

.tarjeta-fuera * {
  box-shadow: none !important;
  outline: none !important;
}

/* Evitar saltos de Jet */
.jet-form-builder__choice-item,
.jet-form-builder__choice-item label,
.jet-form-builder__choice-item[aria-checked="true"],
.jet-form-builder__choice-item.is-checked,
.jet-form-builder__choice-item.is-selected {
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Grid 4 columnas */
.jet-form-builder .jet-form-builder-row.field-type-choices-field ul.jet-form-builder-choice {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 25px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.jet-form-builder .jet-form-builder-row.field-type-choices-field ul.jet-form-builder-choice > li,
.jet-form-builder .jet-form-builder-row.field-type-choices-field ul.jet-form-builder-choice > li.tarjeta-fuera {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
  flex-basis: auto !important;
  margin: 0 !important;
  align-self: stretch !important;
  height: auto !important;
}

/* Wrapper interno tarjeta */
.jet-form-builder-row.field-type-choices-field li.tarjeta-fuera .jet-form-builder__field-template,
.jet-form-builder-row.field-type-choices-field li.tarjeta-fuera .jet-form-builder-choice__content,
.jet-form-builder-row.field-type-choices-field li.tarjeta-fuera .jet-form-builder__field-wrap {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 1 auto !important;
}

/* Imagen 16:9 */
.imagen_evento,
.tarjeta-fuera img.imagen_evento,
.jet-form-builder .tarjeta-fuera img.imagen_evento,
.jet-form-builder-row.field-type-choices-field .tarjeta-fuera img.imagen_evento {
  aspect-ratio: 16 / 9 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.tarjeta-fuera:has(.imagen_evento) figure,
.tarjeta-fuera:has(.imagen_evento) .jet-form-builder-choice__media,
.jet-form-builder-row.field-type-choices-field .tarjeta-fuera:has(.imagen_evento) figure {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  display: block !important;
}

/* Título tarjeta */
li.tarjeta-fuera .jet-form-builder__field-label {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1A1A18 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;

  min-height: 3.6em !important;
  max-height: 3.6em !important;
  line-height: 1.2em !important;

  margin: 15px auto 10px auto !important;
  text-align: center !important;
  width: 90% !important;
}

/* Fecha / descripción tarjeta */
.jet-form-builder-row.field-type-choices-field li.tarjeta-fuera .jet-form-builder-choice__description,
.jet-form-builder-row.field-type-choices-field li.tarjeta-fuera p:last-child,
.jet-form-builder-row.field-type-choices-field li.tarjeta-fuera div:last-child {
  margin-top: auto !important;
  padding-bottom: 15px !important;
  border: none !important;
  text-align: center !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #6B6A65 !important;
}

/* Hover tarjeta */
.tarjeta-fuera:hover {
  border-color: rgba(0,0,0,.15) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.12) !important;
  transform: translateY(-2px);
}

/* Seleccionada — GRIS elegante (no naranja) */
.tarjeta-fuera.is-selected,
.tarjeta-fuera.is-checked,
.tarjeta-fuera[aria-checked="true"] {
  background: #F2F1EC !important;
  border-color: #1A1A18 !important;
  box-shadow:
    0 0 0 2px #1A1A18,
    0 14px 36px rgba(0,0,0,.12) !important;
  transform: translateY(-2px);
}

.tarjeta-fuera.is-selected:hover,
.tarjeta-fuera.is-checked:hover,
.tarjeta-fuera[aria-checked="true"]:hover {
  box-shadow:
    0 0 0 2px #1A1A18,
    0 18px 44px rgba(0,0,0,.16) !important;
  transform: translateY(-3px);
}


/* =================================================
   2. PASTILLAS · BASE — con reset de <button>
   ================================================= */

select.select-pastillas,
select.select-pastillas-multi {
  display: none !important;
}

.pastillas-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

/* RESET de boton nativo + Elementor */
.pastillas-wrapper .pastilla-option {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  box-shadow: none !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  text-align: center !important;

  display: inline-flex !important;
  align-items: center !important;
  padding: 9px 14px !important;
  border-radius: 8px !important;
  line-height: 1.2 !important;

  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;

  background: #F2F1EC !important;
  color: #6B6A65 !important;
  border: 1.5px solid rgba(0,0,0,.15) !important;

  cursor: pointer !important;
  user-select: none !important;
  transition: all .18s ease, opacity .25s ease !important;
  white-space: nowrap !important;
}

.pastillas-wrapper .pastilla-option:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04) !important;
}


/* =================================================
   3. PASTILLAS · COLOR POR SECTOR
   Clases s-xxx que inyecta el JS (por name de campo o texto)
   ================================================= */

.pastillas-wrapper .pastilla-option.s-arq  { background: var(--c-arq-bg)  !important; color: var(--c-arq)  !important; border-color: var(--c-arq-line)  !important; }
.pastillas-wrapper .pastilla-option.s-int  { background: var(--c-int-bg)  !important; color: var(--c-int)  !important; border-color: var(--c-int-line)  !important; }
.pastillas-wrapper .pastilla-option.s-ing  { background: var(--c-ing-bg)  !important; color: var(--c-ing)  !important; border-color: var(--c-ing-line)  !important; }
.pastillas-wrapper .pastilla-option.s-con  { background: var(--c-con-bg)  !important; color: var(--c-con)  !important; border-color: var(--c-con-line)  !important; }
.pastillas-wrapper .pastilla-option.s-pro  { background: var(--c-pro-bg)  !important; color: var(--c-pro)  !important; border-color: var(--c-pro-line)  !important; }
.pastillas-wrapper .pastilla-option.s-hot  { background: var(--c-hot-bg)  !important; color: var(--c-hot)  !important; border-color: var(--c-hot-line)  !important; }
.pastillas-wrapper .pastilla-option.s-fon  { background: var(--c-fon-bg)  !important; color: var(--c-fon)  !important; border-color: var(--c-fon-line)  !important; }
.pastillas-wrapper .pastilla-option.s-dat  { background: var(--c-dat-bg)  !important; color: var(--c-dat)  !important; border-color: var(--c-dat-line)  !important; }
.pastillas-wrapper .pastilla-option.s-emp  { background: var(--c-emp-bg)  !important; color: var(--c-emp)  !important; border-color: var(--c-emp-line)  !important; }
.pastillas-wrapper .pastilla-option.s-ret  { background: var(--c-ret-bg)  !important; color: var(--c-ret)  !important; border-color: var(--c-ret-line)  !important; }
.pastillas-wrapper .pastilla-option.s-prv  { background: var(--c-prv-bg)  !important; color: var(--c-prv)  !important; border-color: var(--c-prv-line)  !important; }
.pastillas-wrapper .pastilla-option.s-con2 { background: var(--c-con2-bg) !important; color: var(--c-con2) !important; border-color: var(--c-con2-line) !important; }


/* =================================================
   4. PASTILLAS · ESTADO ACTIVO (color solido)
   ================================================= */

.pastillas-wrapper .pastilla-option.is-active {
  color: #ffffff !important;
  font-weight: 500 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
}

.pastillas-wrapper .pastilla-option.s-arq.is-active  { background: var(--c-arq-line)  !important; border-color: var(--c-arq-line)  !important; }
.pastillas-wrapper .pastilla-option.s-int.is-active  { background: var(--c-int-line)  !important; border-color: var(--c-int-line)  !important; }
.pastillas-wrapper .pastilla-option.s-ing.is-active  { background: var(--c-ing-line)  !important; border-color: var(--c-ing-line)  !important; }
.pastillas-wrapper .pastilla-option.s-con.is-active  { background: var(--c-con-line)  !important; border-color: var(--c-con-line)  !important; }
.pastillas-wrapper .pastilla-option.s-pro.is-active  { background: var(--c-pro-line)  !important; border-color: var(--c-pro-line)  !important; }
.pastillas-wrapper .pastilla-option.s-hot.is-active  { background: var(--c-hot-line)  !important; border-color: var(--c-hot-line)  !important; }
.pastillas-wrapper .pastilla-option.s-fon.is-active  { background: var(--c-fon-line)  !important; border-color: var(--c-fon-line)  !important; }
.pastillas-wrapper .pastilla-option.s-dat.is-active  { background: var(--c-dat-line)  !important; border-color: var(--c-dat-line)  !important; }
.pastillas-wrapper .pastilla-option.s-emp.is-active  { background: var(--c-emp-line)  !important; border-color: var(--c-emp-line)  !important; }
.pastillas-wrapper .pastilla-option.s-ret.is-active  { background: var(--c-ret-line)  !important; border-color: var(--c-ret-line)  !important; }
.pastillas-wrapper .pastilla-option.s-prv.is-active  { background: var(--c-prv-line)  !important; border-color: var(--c-prv-line)  !important; }
.pastillas-wrapper .pastilla-option.s-con2.is-active { background: var(--c-con2-line) !important; border-color: var(--c-con2-line) !important; }

/* Pastilla neutra (sin clase de sector) -> naranja brand */
.pastillas-wrapper .pastilla-option:not(.s-arq):not(.s-int):not(.s-ing):not(.s-con):not(.s-pro):not(.s-hot):not(.s-fon):not(.s-dat):not(.s-emp):not(.s-ret):not(.s-prv):not(.s-con2).is-active {
  background: #ec5b13 !important;
  border-color: #ec5b13 !important;
}


/* =================================================
   5. PASTILLAS · DIMMING (atenuar no seleccionadas)
   ================================================= */

.pastillas-wrapper.has-active .pastilla-option:not(.is-active) {
  opacity: .35 !important;
  transform: none !important;
  box-shadow: none !important;
}
.pastillas-wrapper.has-active .pastilla-option:not(.is-active):hover {
  opacity: .65 !important;
  transform: translateY(-1px) !important;
}

.pastillas-wrapper .pastilla-option:focus-visible {
  outline: 2px solid #ec5b13 !important;
  outline-offset: 2px !important;
}


/* =================================================
   6. LABELS DE CAMPO
   ================================================= */

.jet-form-builder .jet-form-builder__label,
.jet-form-builder label.jet-form-builder__label,
.jet-form-builder-row > label {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6B6A65 !important;
  letter-spacing: .01em !important;
  margin-bottom: 6px !important;
  display: block;
}

.jet-form-builder .jet-form-builder__label .jet-form-builder__label-required,
.jet-form-builder-row label .jet-form-builder__label-required,
.jet-form-builder-row label .required-mark {
  color: #ec5b13 !important;
  font-weight: 500;
  margin-left: 2px;
}


/* =================================================
   7. INPUTS, TEXTAREAS, SELECTS
   ================================================= */

.jet-form-builder input[type="text"],
.jet-form-builder input[type="email"],
.jet-form-builder input[type="tel"],
.jet-form-builder input[type="url"],
.jet-form-builder input[type="number"],
.jet-form-builder input[type="date"],
.jet-form-builder input[type="password"],
.jet-form-builder textarea,
.jet-form-builder select,
.jet-form-builder .jet-form-builder__field {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #1A1A18 !important;
  line-height: 1.4 !important;

  width: 100% !important;
  padding: 11px 14px !important;

  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;

  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;

  -webkit-appearance: none !important;
  appearance: none !important;
}

.jet-form-builder input::placeholder,
.jet-form-builder textarea::placeholder {
  color: #9C9B96 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

.jet-form-builder input[type="text"]:hover,
.jet-form-builder input[type="email"]:hover,
.jet-form-builder input[type="tel"]:hover,
.jet-form-builder input[type="url"]:hover,
.jet-form-builder input[type="number"]:hover,
.jet-form-builder textarea:hover,
.jet-form-builder select:hover {
  border-color: rgba(0,0,0,.22) !important;
  background: #FAFAF7 !important;
}

.jet-form-builder input[type="text"]:focus,
.jet-form-builder input[type="email"]:focus,
.jet-form-builder input[type="tel"]:focus,
.jet-form-builder input[type="url"]:focus,
.jet-form-builder input[type="number"]:focus,
.jet-form-builder input[type="date"]:focus,
.jet-form-builder input[type="password"]:focus,
.jet-form-builder textarea:focus,
.jet-form-builder select:focus {
  border-color: #ec5b13 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(236,91,19,.12) !important;
  outline: none !important;
}

.jet-form-builder textarea {
  min-height: 110px !important;
  resize: vertical !important;
  line-height: 1.5 !important;
}

.jet-form-builder select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%236B6A65' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 38px !important;
  cursor: pointer !important;
}


/* =================================================
   8. CHECKBOX SIMPLE (ej. "Permitir WhatsApp")
   ================================================= */

.jet-form-builder input[type="checkbox"]:not(.pastilla-option):not(.pill-checkboxes input) {
  width: 18px !important;
  height: 18px !important;
  accent-color: #ec5b13 !important;
  cursor: pointer !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

.jet-form-builder .jet-form-builder__field-wrap--checkbox label,
.jet-form-builder-row.field-type-checkbox label,
.jet-form-builder-row.field-type-checkbox-field label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  color: #1A1A18 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 0 !important;
}


/* =================================================
   9. ESTADOS DE VALIDACIÓN
   ================================================= */

.jet-form-builder input.has-error,
.jet-form-builder textarea.has-error,
.jet-form-builder select.has-error {
  border-color: #C44A2A !important;
  background: #FDF5F2 !important;
}

.jet-form-builder input.has-error:focus,
.jet-form-builder textarea.has-error:focus {
  box-shadow: 0 0 0 3px rgba(196,74,42,.12) !important;
}

.jet-form-builder .jet-form-builder__field-error,
.jet-form-builder .error-message {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #C44A2A !important;
  margin-top: 5px !important;
  display: block;
}


/* =================================================
   10. ESPACIADO ENTRE CAMPOS
   ================================================= */

.jet-form-builder .jet-form-builder-row {
  margin-bottom: 16px !important;
}


/* =================================================
   11. BOTÓN DE ENVÍO
   ================================================= */

.jet-form-builder button[type="submit"],
.jet-form-builder .jet-form-builder__submit,
form button[type="submit"] {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;

  padding: 14px 28px !important;
  border-radius: 10px !important;
  border: none !important;

  background: #ec5b13 !important;
  color: #ffffff !important;

  cursor: pointer !important;
  transition: all .2s ease !important;
  box-shadow: 0 2px 8px rgba(236,91,19,.18) !important;
}

.jet-form-builder button[type="submit"]:hover,
.jet-form-builder .jet-form-builder__submit:hover,
form button[type="submit"]:hover {
  background: #d44e0e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(236,91,19,.32) !important;
}

.jet-form-builder button[type="submit"]:disabled {
  opacity: .4 !important;
  cursor: not-allowed !important;
  transform: none !important;
}


/* =================================================
   12. RESPONSIVE
   ================================================= */

@media (max-width: 1024px) {
  .jet-form-builder .jet-form-builder-row.field-type-choices-field ul.jet-form-builder-choice {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .jet-form-builder .jet-form-builder-row.field-type-choices-field ul.jet-form-builder-choice {
    grid-template-columns: 1fr !important;
  }

  .pastilla-option {
    font-size: 12.5px;
    padding: 8px 12px;
  }
  .pastillas-wrapper {
    gap: 7px;
  }

  .jet-form-builder h2,
  .jet-form-builder h3 {
    font-size: 22px !important;
  }
}

@media (max-width: 560px) {
  .jet-form-builder input,
  .jet-form-builder textarea,
  .jet-form-builder select {
    font-size: 16px !important;  /* Evita zoom automático iOS */
    padding: 10px 12px !important;
  }
}


/* =================================================
   13. DARK MODE AUTOMÁTICO
   ================================================= */

@media (prefers-color-scheme: dark) {

  .jet-form-builder h2,
  .jet-form-builder h3 {
    color: #E8E6DE !important;
  }

  .tarjeta-fuera {
    background: #1E1E1C !important;
    border-color: rgba(255,255,255,.08) !important;
  }
  li.tarjeta-fuera .jet-form-builder__field-label {
    color: #E8E6DE !important;
  }
  .jet-form-builder-row.field-type-choices-field li.tarjeta-fuera .jet-form-builder-choice__description,
  .jet-form-builder-row.field-type-choices-field li.tarjeta-fuera p:last-child {
    color: #A8A69E !important;
  }
  .tarjeta-fuera.is-selected,
  .tarjeta-fuera.is-checked,
  .tarjeta-fuera[aria-checked="true"] {
    background: #2A2A26 !important;
    border-color: #E8E6DE !important;
    box-shadow: 0 0 0 2px #E8E6DE, 0 14px 36px rgba(0,0,0,.3) !important;
  }

  .pastilla-option:not([class*="s-"]) {
    background: #1E1E1C;
    color: #A8A69E;
    border-color: rgba(255,255,255,.12);
  }
  .pastilla-option:not([class*="s-"]):hover {
    background: #262624;
    color: #E8E6DE;
    border-color: rgba(255,255,255,.2);
  }

  .jet-form-builder .jet-form-builder__label,
  .jet-form-builder-row > label {
    color: #A8A69E !important;
  }

  .jet-form-builder input[type="text"],
  .jet-form-builder input[type="email"],
  .jet-form-builder input[type="tel"],
  .jet-form-builder input[type="url"],
  .jet-form-builder input[type="number"],
  .jet-form-builder textarea,
  .jet-form-builder select {
    background: #1E1E1C !important;
    color: #E8E6DE !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  .jet-form-builder input::placeholder,
  .jet-form-builder textarea::placeholder {
    color: #6E6D68 !important;
  }
  .jet-form-builder input:hover,
  .jet-form-builder textarea:hover,
  .jet-form-builder select:hover {
    background: #262624 !important;
    border-color: rgba(255,255,255,.22) !important;
  }
  .jet-form-builder input:focus,
  .jet-form-builder textarea:focus,
  .jet-form-builder select:focus {
    background: #1E1E1C !important;
  }

  .jet-form-builder-row.field-type-checkbox label,
  .jet-form-builder-row.field-type-checkbox-field label {
    color: #E8E6DE !important;
  }

  .jet-form-builder select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%23A8A69E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  }
}

/* =================================================
   BOTÓN SIGUIENTE (.sig-button) — estados
   Especificidad alta para ganar a button[type=submit]
   ================================================= */

/* INACTIVO (sin eventos) — suave, como pastilla apagada */
.jet-form-builder .sig-button,
.jet-form-builder button.sig-button,
button.sig-button,
a.sig-button {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em !important;

  padding: 14px 32px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(0,0,0,.12) !important;

  background: #F2F1EC !important;
  color: #9C9B96 !important;

  cursor: not-allowed !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: all .25s ease !important;
}

/* ACTIVO (≥1 evento) — naranja brand */
.jet-form-builder .sig-button.sig-button-activado,
.jet-form-builder button.sig-button.sig-button-activado,
button.sig-button.sig-button-activado,
a.sig-button.sig-button-activado {
  background: #ec5b13 !important;
  color: #ffffff !important;
  border-color: #ec5b13 !important;

  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(236,91,19,.18) !important;
}

/* HOVER solo en activo */
.jet-form-builder .sig-button.sig-button-activado:hover,
button.sig-button.sig-button-activado:hover,
a.sig-button.sig-button-activado:hover {
  background: #d44e0e !important;
  border-color: #d44e0e !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(236,91,19,.32) !important;
}

/* =================================================
   BARRITA NARANJA — solo en elementos con .barrita
   ================================================= */

/* =================================================
   BARRITA NARANJA — títulos con clase .barrita
   ================================================= */

/* Barrita — versión amplia que cubre varios casos */
.barrita {
  position: relative !important;
  padding-left: 16px !important;
  display: inline-block !important;
}

.barrita::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 4px !important;
  height: 0.9em !important;
  background: #ec5b13 !important;
  border-radius: 2px !important;
  display: block !important;
}

.jet-form-builder-row.tipologia-panel {
  background: #FAFAF7 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  margin-top: 16px !important;
}

/* =================================================
   PANEL — SOLO en tipologías (no en sector)
   ================================================= */

/* Reset: ningún wrapper con fondo por defecto */
.pastillas-wrapper {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Panel SOLO en tipologías */
.pastillas-wrapper.wrapper-tipologia {
  background: #FAFAF7 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  margin-top: 16px !important;
}

/* =================================================
   TOTAL ENTRADA (.total-price)
   ================================================= */
/* =================================================
   TOTAL ENTRADA (.total-price) — DEFINITIVO
   ================================================= */

.total-price {
  display: flex !important;
  align-items: center !important;
  background:  #FEF7F3 !important;
  border: 1px solid rgba(236,91,19,.25) !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  margin-top: 20px !important;
}

/* "Total entrada" a la izquierda */
.total-price::before {
  content: "Total entrada" !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6B6A65 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}

/* El número (val) — empujado a la derecha */
.total-price .jet-form-builder__calculated-field-val {
  margin-left: auto !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ec5b13 !important;
}

/* El sufijo € — pegado al número */
.total-price .jet-form-builder__calculated-field-suffix {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ec5b13 !important;
}
/* =================================================
   ASTERISCOS (*) DE CAMPO REQUERIDO — naranja
   ================================================= */

.jet-form-builder__label-required,
.jet-form-builder .jet-form-builder__label-required,
.jet-form-builder-row label .jet-form-builder__label-required,
.required-mark,
label .required {
  color: #ec5b13 !important;
  font-weight: 500 !important;
}

/* Por si el asterisco lo mete JFB como texto tras el label */
.jet-form-builder__label[data-required]::after,
label.is-required::after {
  color: #ec5b13 !important;
}

/* =================================================
   CHECKBOX JFB — naranja (el tick SVG ya es blanco)
   ================================================= */

/* Cuadro marcado → cambiar azul por naranja */
.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > input:checked + span::before {
  background-color: #ec5b13 !important;
  border-color: #ec5b13 !important;
}

/* Cuadro sin marcar → borde neutro (opcional, más elegante) */
.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > input:not(:checked) + span::before {
  border-color: rgba(0,0,0,.25) !important;
}

/* Hover sin marcar → borde naranja */
.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox:hover > input:not(:checked) + span::before {
  border-color: #ec5b13 !important;
}

.field-type-checkbox-field .jet-form-builder__field-label.for-checkbox > span::before {
  width: 1.5em !important;
  height: 1.5em !important;
}

/* =================================================
   ASTERISCOS (*) REQUERIDO — naranja
   Clase real: jet-form-builder__required
   ================================================= */

.jet-form-builder__required,
.jet-form-builder .jet-form-builder__required,
.jet-form-builder__label-text .jet-form-builder__required {
  color: #ec5b13 !important;
  font-weight: 600 !important;
}
.sig-button::after {
  content: " →" !important;
  margin-left: 6px !important;
  display: inline-block !important;
}

/* Forzar DM Sans en TODO el bloque de precio */
.total-price,
.total-price *,
.total-price .jet-form-builder__calculated-field-val,
.total-price .jet-form-builder__calculated-field-suffix,
.total-price .jet-form-builder__calculated-field-val *,
.total-price .jet-form-builder__calculated-field-suffix * {
  font-family: 'DM Sans', -apple-system, sans-serif !important;
}/* End custom CSS */