.elementor-1509 .elementor-element.elementor-element-1ae21a2:not(.elementor-motion-effects-element-type-background), .elementor-1509 .elementor-element.elementor-element-1ae21a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-58248d6 );}.elementor-1509 .elementor-element.elementor-element-1ae21a2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1509 .elementor-element.elementor-element-1ae21a2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1509 .elementor-element.elementor-element-6c4e8631{text-align:center;}.elementor-1509 .elementor-element.elementor-element-6c4e8631 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-1509 .elementor-element.elementor-element-992dc12{padding:40px 40px 40px 40px;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-field-type-html{padding-bottom:0px;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-button{font-family:"Arial", Sans-serif;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-58248d6 );color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-button[type="submit"]{background-color:var( --e-global-color-58248d6 );color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1509 .elementor-element.elementor-element-12b0dcc{--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;}@media(max-width:1024px){.elementor-1509 .elementor-element.elementor-element-1ae21a2:not(.elementor-motion-effects-element-type-background), .elementor-1509 .elementor-element.elementor-element-1ae21a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-1509 .elementor-element.elementor-element-1ae21a2:not(.elementor-motion-effects-element-type-background), .elementor-1509 .elementor-element.elementor-element-1ae21a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for form, class: .elementor-element-12b0dcc */<style>
/* Estilo personalizado para el campo "Número de reclamo" */
.reclamo-numero {
  font-weight: bold;
  color: #333;
  background-color: #f3f3f3;
  padding: 10px;
  border-radius: 5px;
  margin-top: 15px;
  text-align: center;
}
</style>

<script>
(function(){
  // Verifica si el campo "Número de reclamo" existe
  document.addEventListener('DOMContentLoaded', function() {
    const form = document.querySelector('form');
    const field = document.querySelector('[name="numero_reclamo"]');

    if (field) {
      // Obtener el último número de reclamo del localStorage
      let ultimoNumero = localStorage.getItem('ultimoNumeroReclamo') || '0000';

      // Generar el siguiente número consecutivo
      let numero = parseInt(ultimoNumero, 10) + 1;
      let numeroFormateado = numero.toString().padStart(4, '0');

      // Establecer el valor del campo
      field.value = numeroFormateado;
      field.readOnly = true;

      // Al enviar el formulario, guardar el último número en localStorage
      form.addEventListener('submit', function() {
        localStorage.setItem('ultimoNumeroReclamo', numeroFormateado);
      });
    }
  });
})();
</script>

<!-- Asegúrate de que tu campo en Elementor tenga el nombre (ID) "numero_reclamo" y esté en la parte final del formulario. -->/* End custom CSS */