.elementor-827 .elementor-element.elementor-element-aeff768{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:25px 25px 25px 25px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-827 .elementor-element.elementor-element-aeff768:not(.elementor-motion-effects-element-type-background), .elementor-827 .elementor-element.elementor-element-aeff768 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-827 .elementor-element.elementor-element-fd203df{text-align:center;}.elementor-827 .elementor-element.elementor-element-fd203df .elementor-heading-title{font-family:var( --e-global-typography-ed401ed-font-family ), Sans-serif;font-size:var( --e-global-typography-ed401ed-font-size );text-transform:var( --e-global-typography-ed401ed-text-transform );line-height:var( --e-global-typography-ed401ed-line-height );letter-spacing:var( --e-global-typography-ed401ed-letter-spacing );word-spacing:var( --e-global-typography-ed401ed-word-spacing );color:var( --e-global-color-accent );}.elementor-827 .elementor-element.elementor-element-2e47fbd{text-align:center;}.elementor-827 .elementor-element.elementor-element-2e47fbd .elementor-heading-title{font-family:var( --e-global-typography-43af44f-font-family ), Sans-serif;font-size:var( --e-global-typography-43af44f-font-size );font-weight:var( --e-global-typography-43af44f-font-weight );line-height:var( --e-global-typography-43af44f-line-height );letter-spacing:var( --e-global-typography-43af44f-letter-spacing );word-spacing:var( --e-global-typography-43af44f-word-spacing );color:var( --e-global-color-accent );}.elementor-827 .elementor-element.elementor-element-853085a{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;--divider-icon-size:15px;}.elementor-827 .elementor-element.elementor-element-853085a .elementor-divider-separator{width:75%;margin:0 auto;margin-center:0;}.elementor-827 .elementor-element.elementor-element-853085a .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-827 .elementor-element.elementor-element-853085a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-827 .elementor-element.elementor-element-853085a.elementor-view-framed .elementor-icon, .elementor-827 .elementor-element.elementor-element-853085a.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-827 .elementor-element.elementor-element-853085a.elementor-view-framed .elementor-icon, .elementor-827 .elementor-element.elementor-element-853085a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-827 .elementor-element.elementor-element-aeff768{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-827 .elementor-element.elementor-element-aeff768{--width:100%;}}@media(max-width:1024px){.elementor-827 .elementor-element.elementor-element-aeff768{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-827 .elementor-element.elementor-element-fd203df .elementor-heading-title{font-size:var( --e-global-typography-ed401ed-font-size );line-height:var( --e-global-typography-ed401ed-line-height );letter-spacing:var( --e-global-typography-ed401ed-letter-spacing );word-spacing:var( --e-global-typography-ed401ed-word-spacing );}.elementor-827 .elementor-element.elementor-element-2e47fbd .elementor-heading-title{font-size:var( --e-global-typography-43af44f-font-size );line-height:var( --e-global-typography-43af44f-line-height );letter-spacing:var( --e-global-typography-43af44f-letter-spacing );word-spacing:var( --e-global-typography-43af44f-word-spacing );}}@media(max-width:767px){.elementor-827 .elementor-element.elementor-element-aeff768{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-827 .elementor-element.elementor-element-fd203df .elementor-heading-title{font-size:var( --e-global-typography-ed401ed-font-size );line-height:var( --e-global-typography-ed401ed-line-height );letter-spacing:var( --e-global-typography-ed401ed-letter-spacing );word-spacing:var( --e-global-typography-ed401ed-word-spacing );}.elementor-827 .elementor-element.elementor-element-2e47fbd .elementor-heading-title{font-size:var( --e-global-typography-43af44f-font-size );line-height:var( --e-global-typography-43af44f-line-height );letter-spacing:var( --e-global-typography-43af44f-letter-spacing );word-spacing:var( --e-global-typography-43af44f-word-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-0c0f164 *//* =====================================================
   ESTILOS GLOBALES PARA WPFORMS — PORCENTUAL
   Clase a usar en Elementor: formulario-personalizado
   Diseñado para fondo oscuro (#001E19)
===================================================== */

.formulario-personalizado {
  --primary: #8C8C55;
  --primary-dark: #6e6e42;
  --primary-soft: rgba(140, 140, 85, 0.15);
  --accent: #8C8C55;
  --border: rgba(255, 255, 255, 0.18);
  --text: #f9fafb;
  --muted: #a0a890;
  --radius: 12px;
  --transition: all 0.2s ease;

  font-family: 'Overpass', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* =====================================================
   RESET COMPLETO — NEUTRALIZAR WPFORMS Y ELEMENTOR
===================================================== */

.formulario-personalizado .wpforms-container,
.formulario-personalizado .wpforms-form,
.formulario-personalizado .wpforms-field-container,
.formulario-personalizado .wpforms-page,
.formulario-personalizado .wpforms-field {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 18px !important;
  color: #fff !important;
  font-family: 'Overpass', system-ui, sans-serif !important;
}

.formulario-personalizado .wpforms-container {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
}

/* =====================================================
   TODOS LOS INPUTS, SELECTS Y TEXTAREAS
===================================================== */

.formulario-personalizado input[type="text"],
.formulario-personalizado input[type="email"],
.formulario-personalizado input[type="tel"],
.formulario-personalizado input[type="number"],
.formulario-personalizado input[type="url"],
.formulario-personalizado input[type="search"],
.formulario-personalizado input[type="password"],
.formulario-personalizado select,
.formulario-personalizado textarea,
.formulario-personalizado .wpforms-field-medium,
.formulario-personalizado .wpforms-field-large,
.formulario-personalizado .wpforms-field-small,
.formulario-personalizado .wpforms-field-address input,
.formulario-personalizado .wpforms-field-address select,
.formulario-personalizado .wpforms-field-name input,
.formulario-personalizado .wpforms-field-phone input,
.formulario-personalizado .wpforms-field-email input,
.formulario-personalizado .wpforms-field-text input,
.formulario-personalizado .wpforms-field-textarea textarea {
  width: 100% !important;
  font-family: 'Overpass', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  padding: 15px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  height: auto !important;
  line-height: 1.5 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: var(--transition) !important;
  outline: none !important;
}

/* Placeholder */
.formulario-personalizado input::placeholder,
.formulario-personalizado textarea::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
  font-family: 'Overpass', system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
}

/* Focus */
.formulario-personalizado input:focus,
.formulario-personalizado select:focus,
.formulario-personalizado textarea:focus,
.formulario-personalizado .wpforms-field-address input:focus,
.formulario-personalizado .wpforms-field-address select:focus,
.formulario-personalizado .wpforms-field-name input:focus,
.formulario-personalizado .wpforms-field-phone input:focus,
.formulario-personalizado .wpforms-field-email input:focus {
  outline: none !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 4px var(--primary-soft) !important;
  background-color: rgba(140, 140, 85, 0.08) !important;
}

/* Autofill — forzar fondo oscuro de Porcentual */
.formulario-personalizado input:-webkit-autofill,
.formulario-personalizado input:-webkit-autofill:hover,
.formulario-personalizado input:-webkit-autofill:focus,
.formulario-personalizado input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 999px #001E19 inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  font-family: 'Overpass', system-ui, sans-serif !important;
}

/* Select — flecha en tono oliva */
.formulario-personalizado select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238C8C55' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  padding-right: 36px !important;
  cursor: pointer !important;
}

/* Opciones del select — fondo oscuro porcentual */
.formulario-personalizado select option {
  background-color: #001E19 !important;
  color: #fff !important;
}

/* =====================================================
   LAYOUT DE CAMPOS DE DIRECCIÓN
===================================================== */

.formulario-personalizado .wpforms-field-address .wpforms-field-row {
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  background: transparent !important;
}

.formulario-personalizado .wpforms-field-address .wpforms-field-row:last-child {
  margin-bottom: 0 !important;
}

.formulario-personalizado .wpforms-field-address .wpforms-field-row-block {
  flex: 1 !important;
  min-width: 0 !important;
  background: transparent !important;
}

.formulario-personalizado .wpforms-field-address .wpforms-one-half {
  flex: 0 0 calc(50% - 6px) !important;
}

/* =====================================================
   TÍTULOS Y ETIQUETAS
===================================================== */

.formulario-personalizado legend,
.formulario-personalizado .wpforms-field-label,
.formulario-personalizado .wpforms-page-indicator-page-title,
.formulario-personalizado .wpforms-field-sublabel {
  font-family: 'Overpass', system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  color: #fff !important;
  text-align: center !important;
  background: transparent !important;
  margin-bottom: 15px !important;
}

.formulario-personalizado .wpforms-field-sublabel {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--muted) !important;
}

.formulario-personalizado .wpforms-required-label {
  color: #8C8C55 !important;
}

/* =====================================================
   CUADROS DE SELECCIÓN (RADIO / CHECKBOX) — UNA COLUMNA
===================================================== */

.formulario-personalizado .wpforms-field-radio ul,
.formulario-personalizado .wpforms-field-checkbox ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  align-items: stretch !important;
  background: transparent !important;
}

.formulario-personalizado .wpforms-field-radio li,
.formulario-personalizado .wpforms-field-checkbox li {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  background: transparent !important;
}

.formulario-personalizado .wpforms-field-radio input[type="radio"],
.formulario-personalizado .wpforms-field-checkbox input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.formulario-personalizado .wpforms-field-radio label,
.formulario-personalizado .wpforms-field-checkbox label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 14px !important;
  border: 1.5px solid var(--border) !important;
  border-radius: var(--radius) !important;
  cursor: pointer !important;
  font-family: 'Overpass', system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-transform: capitalize !important;
  color: #fff !important;
  transition: var(--transition) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  text-align: center !important;
  box-sizing: border-box !important;
  min-height: 56px !important;
  box-shadow: none !important;
}

.formulario-personalizado .wpforms-field-radio label:hover,
.formulario-personalizado .wpforms-field-checkbox label:hover {
  border-color: var(--primary) !important;
  background: var(--primary-soft) !important;
  background-color: var(--primary-soft) !important;
}

.formulario-personalizado .wpforms-field-radio input:checked + label,
.formulario-personalizado .wpforms-field-checkbox input:checked + label {
  border-color: var(--primary) !important;
  background: var(--primary-soft) !important;
  background-color: var(--primary-soft) !important;
  box-shadow: 0 0 0 2px rgba(140, 140, 85, 0.30) !important;
  color: #fff !important;
}

/* =====================================================
   BOTONES DE NAVEGACIÓN Y ENVÍO
===================================================== */

.formulario-personalizado .wpforms-pagebreak-left {
  display: flex !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 20px !important;
  background: transparent !important;
}

.formulario-personalizado .wpforms-page-button,
.formulario-personalizado .wpforms-submit {
  font-family: 'Overpass', system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  padding: 12px 22px !important;
  border-radius: 12px !important;
  transition: var(--transition) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.formulario-personalizado .wpforms-page-next,
.formulario-personalizado .wpforms-submit {
  background: var(--primary) !important;
  background-color: var(--primary) !important;
  color: #fff !important;
  border: none !important;
  height: 52px !important;
  width: 100% !important;
  font-size: 17px !important;
  box-shadow: 0 4px 14px rgba(140, 140, 85, 0.25) !important;
}

.formulario-personalizado .wpforms-page-next:hover,
.formulario-personalizado .wpforms-submit:hover {
  background: var(--primary-dark) !important;
  background-color: var(--primary-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(140, 140, 85, 0.40) !important;
}

.formulario-personalizado .wpforms-page-prev {
  background: transparent !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.70) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.20) !important;
}

.formulario-personalizado .wpforms-page-prev:hover {
  background: rgba(140, 140, 85, 0.08) !important;
  background-color: rgba(140, 140, 85, 0.08) !important;
  color: #fff !important;
  border-color: rgba(140, 140, 85, 0.45) !important;
}

/* =====================================================
   BARRA DE PROGRESO
===================================================== */

.formulario-personalizado .wpforms-page-indicator-steps {
  color: var(--muted) !important;
  font-family: 'Overpass', system-ui, sans-serif !important;
  font-size: 13px !important;
}

.formulario-personalizado .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
  background: rgba(255, 255, 255, 0.10) !important;
  border-radius: 99px !important;
  overflow: hidden !important;
}

.formulario-personalizado .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
  background: var(--primary) !important;
  border-radius: 99px !important;
}

/* =====================================================
   ERRORES DE VALIDACIÓN
===================================================== */

.formulario-personalizado label.wpforms-error {
  font-family: 'Overpass', system-ui, sans-serif !important;
  text-align: center !important;
  color: #fc8181 !important;
  font-size: 14px !important;
  margin-top: 6px !important;
  background: transparent !important;
}

.formulario-personalizado input.wpforms-error,
.formulario-personalizado select.wpforms-error,
.formulario-personalizado textarea.wpforms-error {
  border-color: #fc8181 !important;
}

/* =====================================================
   ESPACIADO Y MÓVIL
===================================================== */

@media (max-width: 640px) {
  .formulario-personalizado {
    padding: 0 10px;
  }

  .formulario-personalizado .wpforms-page-button {
    width: 100% !important;
  }

  .formulario-personalizado .wpforms-pagebreak-left {
    flex-direction: column !important;
    gap: 12px !important;
  }
}/* End custom CSS */