.elementor-13973 .elementor-element.elementor-element-0a4feee{--display:flex;}.elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri{writing-mode:inherit;}.elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri div{writing-mode:inherit;}.elementor-13973 .elementor-element.elementor-element-18c8803 .elementor-heading-title{background-color:#FF621000;}.elementor-13973 .elementor-element.elementor-element-18c8803{text-align:center;}.elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > div, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > h1, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > h2, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > h3, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > h4, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > h5, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > h6, .elementor-13973 .elementor-element.elementor-element-18c8803.ob-harakiri > p{transform:rotate(0deg);}.elementor-13973 .elementor-element.elementor-element-18c8803 > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-13973 .elementor-element.elementor-element-4cd6318{--spacer-size:50px;}.elementor-13973 .elementor-element.elementor-element-e576a14{--display:flex;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-html{padding-bottom:0px;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-button[type="submit"]{color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-13973 .elementor-element.elementor-element-21044a6{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-astglobalcolor0 );--e-form-steps-indicator-inactive-secondary-color:#F1580800;--e-form-steps-indicator-active-primary-color:#FFFFFF;--e-form-steps-indicator-active-secondary-color:var( --e-global-color-astglobalcolor0 );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-astglobalcolor0 );--e-form-steps-indicator-completed-secondary-color:#FFFFFF;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-13973 .elementor-element.elementor-element-dbe8c64{--display:flex;}.elementor-13973 .elementor-element.elementor-element-9175b1f{--display:flex;}.elementor-13973 .elementor-element.elementor-element-8bf1242{--spacer-size:50px;}html, body{overflow-x:auto;}:root{--page-title-display:none;}/* Start custom CSS for form, class: .elementor-element-21044a6 *//* =========================================================
   FORMULARIO PQRS — Elementor Pro
   Pegar TODO en: widget Form > Advanced > Custom CSS
   La palabra ".elementor-13973 .elementor-element.elementor-element-21044a6" solo funciona ahí. Si lo pegas en
   el CSS del sitio o de la página, no aplica nada.
   ========================================================= */


/* ---------------------------------------------------------
   1. PALETA — cambia solo estos valores
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6{
  --pq-acento:#E87722;        /* naranja de tarjetas y botones */
  --pq-acento-hover:#C9631A;
  --pq-verde:#00843D;         /* verde del stepper */
  --pq-texto:#2E2E2E;
  --pq-suave:#8A8A8A;
  --pq-borde:#E3E3E3;
  --pq-fondo:#FAFAFA;
}


/* ---------------------------------------------------------
   2. STEPPER (indicador de pasos)
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators{
  align-items:flex-start;
  padding-bottom:14px;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators__indicator__label{
  max-width:170px;
  margin-inline:auto;
  text-align:center;
  line-height:1.35;
  white-space:normal;
  overflow:visible;
}

/* paso actual */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__progress{
  background-color:#fff;
  border-color:var(--pq-verde);
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__label{
  color:#B0561B;
  font-weight:600;
}

/* pasos completados */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__progress{
  background-color:var(--pq-verde);
  border-color:var(--pq-verde);
  color:#fff;
}

/* pasos pendientes */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators__indicator--state-inactive .e-form__indicators__indicator__progress{
  background-color:#fff;
  border-color:#C9C9C9;
  color:#B5B5B5;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__indicators__indicator--state-inactive .e-form__indicators__indicator__label{
  color:#9E9E9E;
}


/* ---------------------------------------------------------
   3. PASO 1 — tarjetas de tipo de solicitud
   AMARRADO al campo con ID "tipo" para que NO afecte a los
   otros radios (solicitante, NIT/RUT, etc.).
   --------------------------------------------------------- */

/* enunciado del campo */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo > .elementor-field-label{
  display:block;
  width:100%;
  margin-bottom:28px;
  font-size:18px;
  font-weight:700;
  line-height:1.4;
  color:var(--pq-texto);
}

/* rejilla */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo .elementor-field-subgroup{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo .elementor-field-option{
  position:relative;
}

/* el radio real: invisible pero cubre toda la tarjeta */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  margin:0;
  cursor:pointer;
  z-index:2;
}

/* la tarjeta */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"] + label{
  display:block;
  min-height:190px;
  padding:24px 20px;
  background:#fff;
  border:1.5px solid var(--pq-borde);
  border-radius:14px;
  color:var(--pq-acento);
  font-size:20px;
  font-weight:700;
  line-height:1.3;
  cursor:pointer;
  transition:border-color .2s, box-shadow .2s;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"]:hover + label{
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"]:checked + label{
  border-color:var(--pq-acento);
  box-shadow:0 0 0 2px var(--pq-acento);
}

/* foco visible por teclado (accesibilidad) */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"]:focus-visible + label{
  outline:3px solid rgba(232,119,34,.45);
  outline-offset:2px;
}

/* descripciones — el texto entre comillas debe coincidir
   EXACTAMENTE con el valor escrito en Options del campo */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[value="Petición"] + label::after{
  content:"Tienes una solicitud o una consulta sobre nuestros productos y servicios.";
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[value="Queja"] + label::after{
  content:"Tienes una inconformidad con la atención o el comportamiento de un asesor o funcionario.";
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[value="Reclamo"] + label::after{
  content:"Tienes una inconformidad con el producto o servicio que recibiste.";
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[value="Sugerencia o Felicitación"] + label::after{
  content:"Tienes una idea para mejorar o quieres reconocer un buen servicio.";
}

/* estilo común de las descripciones */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"] + label::after{
  display:block;
  margin-top:14px;
  font-size:15px;
  font-weight:400;
  line-height:1.5;
  color:#5B5B5B;
}


/* ---------------------------------------------------------
   3b. RADIOS CIRCULARES NARANJA
   Para: tipo de solicitante (solicitante) y NIT/RUT
   (tipo_id_empresa). Los motivos usan el estilo "chip"
   del bloque 3c.
   --------------------------------------------------------- */
/* el contenedor de las opciones, en fila */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante .elementor-field-subgroup,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa .elementor-field-subgroup{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:28px;
  margin-top:4px;
}

/* cada opción: círculo + etiqueta juntos */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante .elementor-field-option,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa .elementor-field-option{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  position:static;
}

.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante input[type="radio"],
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  position:relative;            /* contenedor del punto naranja */
  inset:auto;
  width:22px;
  height:22px;
  margin:0;
  border:2px solid #C9C9C9;
  border-radius:50%;
  background:#fff;
  opacity:1;                    /* anula el opacity:0 de las tarjetas */
  cursor:pointer;
  flex:0 0 auto;
  transition:border-color .2s;
}

/* borde naranja al pasar el mouse o al seleccionar */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante input[type="radio"]:hover,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa input[type="radio"]:hover,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante input[type="radio"]:checked,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa input[type="radio"]:checked{
  border-color:var(--pq-acento);
}

/* punto naranja al centro cuando está seleccionado */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante input[type="radio"]:checked::after,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa input[type="radio"]:checked::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--pq-acento);
}

/* la etiqueta al lado del círculo */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante .elementor-field-option label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa .elementor-field-option label{
  cursor:pointer;
  color:#5B5B5B;
  font-size:15px;
}

/* enunciado de estos campos — SIN negrita (peso normal) */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-solicitante > .elementor-field-label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo_id_empresa > .elementor-field-label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja > .elementor-field-label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo > .elementor-field-label{
  display:block;
  margin-bottom:14px;
  font-size:15px;
  font-weight:400;
  color:var(--pq-texto);
}


/* ---------------------------------------------------------
   3c. MOTIVOS — estilo "chip" (botones rectangulares)
   Para: motivo_queja y motivo_reclamo. En fila, borde y
   selección naranja. El radio real se oculta y el label
   es el botón.
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja .elementor-field-subgroup,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo .elementor-field-subgroup{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:14px;
  margin-top:4px;
}

.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja .elementor-field-option,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo .elementor-field-option{
  position:relative;
  margin:0;
  width:auto !important;
  flex:0 0 auto !important;
}

/* el radio real: invisible pero cubre todo el chip */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja input[type="radio"],
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo input[type="radio"]{
  -webkit-appearance:none;
  appearance:none;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
  z-index:2;
}

/* el chip = la etiqueta */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja input[type="radio"] + label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo input[type="radio"] + label{
  display:inline-block;
  padding:12px 22px;
  background:#fff;
  border:1.5px solid var(--pq-borde);
  border-radius:999px;
  font-size:14px;
  color:var(--pq-texto);
  cursor:pointer;
  transition:border-color .2s, box-shadow .2s, color .2s;
  white-space:nowrap;
}

/* hover */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja input[type="radio"]:hover + label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo input[type="radio"]:hover + label{
  border-color:var(--pq-acento);
}

/* seleccionado */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja input[type="radio"]:checked + label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo input[type="radio"]:checked + label{
  border-color:var(--pq-acento);
  color:var(--pq-acento);
  box-shadow:0 0 0 1px var(--pq-acento);
  font-weight:600;
}

/* foco por teclado */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja input[type="radio"]:focus-visible + label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo input[type="radio"]:focus-visible + label{
  outline:3px solid rgba(232,119,34,.4);
  outline-offset:2px;
}


/* ---------------------------------------------------------
   3d. TÍTULOS DE SECCIÓN
   "Datos de la empresa" / "Datos del contacto..."
   IMPORTANTE: en el HTML estos títulos NO deben ir envueltos
   en <div class="elementor-field-group ...">, porque eso hace
   que el multipaso los cuente como campos y descuadre los
   pasos al fallar un envío. Van como <h3> sueltos con clase.
   Se ocultan/muestran por clase de modo, no por grupo.
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .pq-titulo-seccion{
  margin:38px 0 4px;
  font-size:18px;
  font-weight:700;
  color:#5B6B5E;
  border-bottom:2px solid var(--pq-borde);
  padding-bottom:8px;
  width:100%;
}

/* título "Datos de la empresa": solo en modo empresa */
.elementor-13973 .elementor-element.elementor-element-21044a6 .pq-solo-empresa{
  display:none;
}
.pq-modo-empresa .pq-solo-empresa{
  display:block !important;
}

/* título del contacto: cambia de texto según el modo */
.elementor-13973 .elementor-element.elementor-element-21044a6 .pq-titulo-natural,
.elementor-13973 .elementor-element.elementor-element-21044a6 .pq-titulo-empresa{
  display:none;
}
.pq-modo-natural .pq-titulo-natural{
  display:block !important;
}
.pq-modo-empresa .pq-titulo-empresa{
  display:block !important;
}


/* ---------------------------------------------------------
   4. PASO 2/3 — campo de descripción (textarea)
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-textarea > .elementor-field-label,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload > .elementor-field-label{
  display:block;
  margin-bottom:10px;
  font-size:15px;
  letter-spacing:.01em;
  color:var(--pq-texto);
}

.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-textarea textarea{
  width:100%;
  min-height:170px;
  padding:16px 18px;
  background:#fff;
  border:1.5px solid var(--pq-borde);
  border-radius:12px;
  font-size:15px;
  line-height:1.6;
  color:var(--pq-texto);
  resize:vertical;
  transition:border-color .2s, box-shadow .2s;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-textarea textarea::placeholder{
  color:#B4B4B4;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-textarea textarea:focus{
  outline:none;
  border-color:var(--pq-acento);
  box-shadow:0 0 0 3px rgba(232,119,34,.15);
}


/* ---------------------------------------------------------
   4b. CAMPOS DE TEXTO NORMALES (inputs y selects)
   Estilo uniforme para todos los campos del formulario.
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="text"],
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="email"],
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="tel"],
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="number"],
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group select{
  border:1.5px solid var(--pq-borde);
  border-radius:12px;
  padding:12px 16px;
  font-size:15px;
  color:var(--pq-texto);
  transition:border-color .2s, box-shadow .2s;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="text"]:focus,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="email"]:focus,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="tel"]:focus,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group input[type="number"]:focus,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group select:focus{
  outline:none;
  border-color:var(--pq-acento);
  box-shadow:0 0 0 3px rgba(232,119,34,.15);
}

/* el select necesita más alto para que no se corte el texto */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group select{
  height:auto;
  min-height:50px;
  line-height:1.4;
  padding-top:12px;
  padding-bottom:12px;
}


/* ---------------------------------------------------------
   5. PASO 3 — zona de adjuntos
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload .elementor-field{
  display:block;
  width:100%;
  padding:30px 20px;
  background:var(--pq-fondo);
  border:1.5px dashed #CFCFCF;
  border-radius:12px;
  text-align:center;
  cursor:pointer;
  transition:border-color .2s, background .2s;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload .elementor-field:hover{
  border-color:var(--pq-acento);
  background:#FFF8F3;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload input[type="file"]{
  width:100%;
  text-align:center;
  font-size:14px;
  color:var(--pq-suave);
}

/* botón interno — navegadores actuales */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload input[type="file"]::file-.elementor-13973 .elementor-element.elementor-element-21044a6-button{
  display:block;
  margin:0 auto 16px;
  padding:12px 30px;
  border:0;
  border-radius:9px;
  background:var(--pq-acento);
  color:#fff;
  font-size:14px;
  font-weight:600;
  letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(232,119,34,.28);
  transition:background .2s, transform .1s;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload input[type="file"]::file-.elementor-13973 .elementor-element.elementor-element-21044a6-button:hover{
  background:var(--pq-acento-hover);
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload input[type="file"]::file-.elementor-13973 .elementor-element.elementor-element-21044a6-button:active{
  transform:translateY(1px);
}

/* misma regla para navegadores antiguos.
   VA SEPARADA A PROPÓSITO: si se juntan en un mismo .elementor-13973 .elementor-element.elementor-element-21044a6,
   el navegador que no reconoce una descarta todo el bloque. */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload input[type="file"]::-webkit-file-upload-button{
  display:block;
  margin:0 auto 16px;
  padding:12px 30px;
  border:0;
  border-radius:9px;
  background:var(--pq-acento);
  color:#fff;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(232,119,34,.28);
}


/* ---------------------------------------------------------
   6. TEXTOS DE AYUDA (campo Description)
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-upload .elementor-field-description,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-type-textarea .elementor-field-description{
  display:block;
  margin-top:10px;
  font-size:13px;
  color:var(--pq-suave);
  text-align:center;
}


/* ---------------------------------------------------------
   7. BOTONES (Anterior / Siguiente / Enviar)
   --------------------------------------------------------- */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:16px;
  margin-top:36px;
}

/* contenedor de Anterior/Siguiente: viene al 100%, se neutraliza */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper{
  display:flex;
  align-items:center;
  gap:16px;
  width:auto !important;
  max-width:none;
  flex:0 0 auto;
  margin:0;
}

/* el submit viene en su propia columna al 100%: se neutraliza */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .elementor-field-type-submit{
  width:auto !important;
  max-width:none;
  flex:0 0 auto;
  padding:0;
  margin:0;
}

/* mismo eje vertical para los dos contenedores */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons > *{
  align-self:center !important;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper,
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .elementor-field-type-submit{
  padding:0 !important;
  margin:0 !important;
  line-height:0;
}

.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .elementor-button{
  width:auto !important;
  flex:0 0 auto;
  min-width:180px;
  height:52px;                 /* altura fija: lo que los iguala */
  margin:0;
  padding:0 32px;
  border:1.5px solid transparent;
  border-radius:9px;
  font-size:15px;
  font-weight:600;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}

/* "Anterior" — secundario.
   Lleva más especificidad que la regla general de arriba;
   si no, el borde transparente de aquélla se lo come. */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .e-form__buttons__wrapper__button-previous{
  background:transparent !important;
  border:1.5px solid #CFCFCF !important;
  color:#5B5B5B !important;
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .e-form__buttons__wrapper__button-previous:hover{
  border-color:var(--pq-acento) !important;
  color:var(--pq-acento) !important;
}

/* "Siguiente" y "Enviar" — principal */
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper__button-next,
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .elementor-field-type-submit .elementor-button{
  background:var(--pq-acento) !important;
  color:#fff !important;
  box-shadow:0 3px 12px rgba(232,119,34,.3);
}
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons__wrapper__button-next:hover,
.elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .elementor-field-type-submit .elementor-button:hover{
  background:var(--pq-acento-hover) !important;
}

/* asterisco de obligatorio en campos que no llevan Required en Elementor */
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-departamento > .elementor-field-label::after,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-ciudad > .elementor-field-label::after,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_queja > .elementor-field-label::after,
.elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-motivo_reclamo > .elementor-field-label::after{
  content:" *";
  color:#D93025;
}

/* ---------------------------------------------------------
   8. RESPONSIVE
   --------------------------------------------------------- */
@media (max-width:1024px){
  .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo .elementor-field-subgroup{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:767px){
  /* tarjetas en una sola columna */
  .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo .elementor-field-subgroup{
    grid-template-columns:1fr;
  }
  .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-field-group-tipo input[type="radio"] + label{
    min-height:auto;
  }

  /* todos los campos a ancho completo */
  .elementor-13973 .elementor-element.elementor-element-21044a6 .elementor-form-fields-wrapper .elementor-field-group{
    width:100%;
    flex:0 0 100%;
    max-width:100%;
  }

  /* botones apilados, la acción principal arriba */
  .elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons{
    flex-direction:column-reverse;
    align-items:stretch;
  }
  .elementor-13973 .elementor-element.elementor-element-21044a6 .e-form__buttons .elementor-button{
    width:100%;
  }
}


/* ---------------------------------------------------------
   9. ACCESIBILIDAD — respeta "reducir movimiento"
   --------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .elementor-13973 .elementor-element.elementor-element-21044a6 *{
    transition:none !important;
  }
}/* End custom CSS */