.wapp-leads-icono {
  position: fixed; 
  bottom: 20px; 
  left: 20px; 
  z-index: 9999; /* Asegúrate de que el icono esté encima de otros elementos */
}

.wapp-leads-icono img {
  width: 60px; /* Ajusta el tamaño del icono según tus preferencias */
}

.wapp-leads-formulario {
  position: fixed; 
  bottom:75px;
  left:20px;
  background-color: rgba(255, 255, 255, 0.9); /* Fondo blanco con transparencia */
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 
  z-index: 10000; /* Asegurar que esté por encima de otros elementos */
  display: none; /* Inicialmente oculto */
  width: 400px; /* Ajusta el ancho del formulario según tus necesidades */
  margin-top: 10%; /* 15% de la altura de la pantalla */
  margin-bottom: 1%;
  padding: 15px;
  overflow: auto;
}

.wapp-leads-formulario label, 
.wapp-leads-formulario input {
  display: block!important; 
  width: 95%!important; 
  margin-bottom: 10px!important; 
}

/* Fondo traslúcido que cubre toda la pantalla */
.wapp-leads-fondo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Color de fondo con transparencia */
  display: none; /* Inicialmente oculto */
  z-index: 9999; /* Asegurar que esté por debajo del formulario */
}

.wapp-leads-loader {
  display: none; /* Ocultar el loader inicialmente */
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px; /* Centrar el loader */
}

.wapp-leads-spinner {
  border: 4px solid #f3f3f3; /* Color de borde claro */
  border-radius: 50%;
  border-top: 4px solid #34b7f1; /* Color del spinner */
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite; /* Animación de giro */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.wapp-leads-formulario input[type="submit"] {
  background-color: #25D366; /* Color verde de WhatsApp */
  color: white;
  padding: 12px 20px; 
  border: none;
  border-radius: 25px; /* Ajustar el radio del borde para que sea más redondeado */
  cursor: pointer;
  font-weight: bold; /* Agregar negrita al texto */
  text-transform: uppercase; /* Convertir el texto a mayúsculas */
  width: auto; /* Ajustar el ancho al contenido del botón */
  display: block; /* Para que el botón ocupe todo el ancho disponible */
  margin: 20px auto 0; /* Agregar un margen superior e inferior y centrar el botón */
}

.wapp-leads-formulario input[type="submit"]:hover {
  color: white; /* Cambiar el color del texto a blanco en hover */
  font-weight:700;
}

.wapp-leads-cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  font-size: 16px;
  cursor: pointer;
}