/* -------- BOTÓN PARA AMBOS FORMULARIOS -------- */
.wpforms-submit {
background: linear-gradient(to bottom, #00c6ff, #0072ff);
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 30px;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0 auto;
}

.wpforms-submit:hover {
  background: linear-gradient(to bottom, #0056b3, #003d80);
  transform: translateY(-2px);
}

.wpforms-submit::after {
  content: "↗";
  font-size: 18px;
  margin-left: 10px;
}

.wpforms-submit-container {
  text-align: center !important;
}

/* Quitar puntos de listas */
.wpforms-field ul {
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* -------- FORMULARIO 1 (ID 21) - TÍTULOS BLANCOS CON MARGEN -------- */
#wpforms-21 .wpforms-field-label,
#wpforms-21 .wpforms-field-description,
#wpforms-21 .wpforms-field-checkbox label,
#wpforms-21 .wpforms-field-radio label,
#wpforms-21 label {
  color: #ffffff !important;
  font-weight: bold !important;
  display: block;
  margin-bottom: 10px !important;
}

#wpforms-21 input,
#wpforms-21 textarea,
#wpforms-21 select {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* -------- FORMULARIO 2 (ID 1638) - TEXTO NEGRO SIN NEGRITA -------- */
#wpforms-1638 .wpforms-field-label,
#wpforms-1638 .wpforms-field-description,
#wpforms-1638 ul li label,
#wpforms-1638 label {
  color: #000000 !important;
  font-weight: 400 !important;
  display: block;
  margin-bottom: 8px !important;
}

#wpforms-1638 svg,
#wpforms-1638 path {
  fill: #000000 !important;
}

#wpforms-1638 .wpforms-field ul li {
  color: #000000 !important;
}
/* Alinea casillas de verificación y opciones de radio horizontalmente en ambos formularios */
.wpforms-field-checkbox ul li,
.wpforms-field-radio ul li {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
}

/* Asegura que los checkboxes y radios no estén flotando */
.wpforms-field-checkbox input[type="checkbox"],
.wpforms-field-radio input[type="radio"] {
  margin: 0 !important;
}
.mapa-redondo iframe {
    border-radius: 20px;
    overflow: hidden;
}


/* --- CORRECCIÓN VISUAL PARA CAMPO DE TELÉFONO INTERNACIONAL --- */

/* Fuerza el estilo cuadrado al contenedor del campo de teléfono */
#wpforms-1638 .wpforms-field-phone,
#wpforms-1638 .wpforms-field-phone .wpforms-field-row,
#wpforms-1638 .wpforms-field-phone .iti {
  border-radius: 0 !important;
  overflow: visible !important;
  border: none !important;
}

/* Estilo del plugin intl-tel-input */
#wpforms-1638 .iti {
  display: flex !important;
  width: 100% !important;
  height: 42px !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* Caja de la bandera: cuadrada, discreta */
#wpforms-1638 .iti__flag-container {
  width: 42px !important;
  height: 42px !important;
  background-color: #f8f8f8 !important;
  border-right: 1px solid #ccc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Bandera sin márgenes */
#wpforms-1638 .iti__selected-flag {
  padding: 0 !important;
  margin: 0 !important;
}

/* Input de número */
#wpforms-1638 .iti input[type="tel"] {
  border: none !important;
  height: 42px !important;
  padding-left: 10px !important;
  width: 100% !important;
  font-size: 16px !important;
 }



/* Mantiene layout de "one-half" pero elimina los bordes redondeados */
.wpforms-one-half,
.wpforms-one-half input,
.wpforms-one-half .iti,
.phone-square .iti,
.phone-square input[type="tel"],
.phone-square .iti__flag-container {
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

/* Corrige la estructura interna del campo telefónico */
.phone-square .iti {
  display: flex !important;
  width: 100% !important;
  height: 42px !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}

.phone-square .iti__flag-container {
  width: 42px !important;
  height: 42px !important;
  background-color: #f8f8f8 !important;
  border-right: 1px solid #ccc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.phone-square .iti__selected-flag {
  padding: 0 !important;
  margin: 0 !important;
}

.phone-square input[type="tel"] {
  border: none !important;
  height: 42px !important;
  padding-left: 10px !important;
  width: 100% !important;
  font-size: 16px !important;
  background-color: #fff !important;
}


/* Quitar redondeo del botón de selección de país */
.iti__selected-country {
  border-radius: 0 !important;
  height: 40px !important;
  width: 42px !important;
  background-color: #f8f8f8 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* También quitar redondeo al contenedor general si persiste */
.iti__country-container {
  border-radius: 0 !important;
}

select,
select:focus,
select:active {
  color: #000000 !important; /* o el color que prefieras */
  -webkit-text-fill-color: #000000 !important; /* truco para Safari */
  background-color: #fff !important;
}

/* Mantiene el header fijo arriba */
header {
  position: fixed !important;
  width: 100% !important;
  top: 0;
  left: 0;
  z-index: 9999 !important;
}

/* Permite que los menús se desplieguen correctamente */
.elementor-sticky--effects,
.elementor-section,
header {
  overflow: visible !important;
}

/* Asegura que el menú desplegable no empuje el contenido */
.hfe-nav-menu__layout-horizontal ul.sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0;
  z-index: 9999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Aplica a todos los formularios WPForms */
.wpforms-form label {
  color: #ffffff !important; /* o el color que prefieras */
  font-weight: bold;
}

/* Desactiva el loader visual de Jeg Elementor Kit */
.jeg_module_loader,
.jeg_loader_dot,
.jeg_loader_circle,
.jeg_loader_square {
  display: none !important;
  animation: none !important;
  transition: none !important;
}

/* Elimina blur y opacidad que deja el loader */
.jeg_module_content.blur,
.jeg_blur_content,
.jkit-blur {
  filter: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  backdrop-filter: none !important;
}