/* Start custom CSS for html, class: .elementor-element-3ced3b1 *//* =========================
   FIX: botón y selects (WPForms 24587)
   ========================= */

/* Botón azul SIEMPRE (normal, hover, focus, visited, active) */
#wpforms-submit-24587,
#wpforms-24587 button.wpforms-submit{
  background:#2563eb !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:14px !important;
  padding:16px 18px !important;
  font-weight:800 !important;
  font-size:15px !important;
  width:100% !important;
  box-shadow:0 10px 18px rgba(37,99,235,.20) !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

#wpforms-submit-24587:hover,
#wpforms-24587 button.wpforms-submit:hover{
  background:#2563eb !important;  /* se mantiene igual */
  color:#ffffff !important;
  filter:brightness(1.05) !important; /* leve efecto */
}

#wpforms-submit-24587:focus,
#wpforms-24587 button.wpforms-submit:focus{
  outline:none !important;
  box-shadow:0 0 0 4px rgba(147,197,253,.45), 0 10px 18px rgba(37,99,235,.20) !important;
}

#wpforms-submit-24587:active,
#wpforms-24587 button.wpforms-submit:active{
  transform:translateY(1px) !important;
}

/* Si el tema aplica estilos a enlaces/botones */
#wpforms-24587 .wpforms-submit-container button,
#wpforms-24587 .wpforms-submit-container button:visited{
  color:#fff !important;
}

/* Selects: que se vean completos y no se corten */
#wpforms-24587 select{
  width:100% !important;
  padding:12px 44px 12px 16px !important; /* espacio para la flecha */
  border-radius:14px !important;
  border:1px solid #e2e8f0 !important;
  background-color:#fff !important;
  color:#0f172a !important;
  line-height:1.2 !important;
  height:44px !important; /* evita que se “corte” */
  appearance:auto !important;
  -webkit-appearance:menulist !important;
  -moz-appearance:menulist !important;
  background-image:none !important; /* evita iconos raros del tema */
}

/* Si tu tema mete un pseudo icono encima del select */
#wpforms-24587 .wpforms-field select + .select2,
#wpforms-24587 .wpforms-field .select2{
  width:100% !important;
}

/* Ajuste del contenedor para que no recorte el select */
#wpforms-24587 .wpforms-field{
  overflow:visible !important;
}

/* Placeholder y inputs (por si el tema los pisa) */
#wpforms-24587 input[type="text"],
#wpforms-24587 input[type="email"],
#wpforms-24587 input[type="tel"],
#wpforms-24587 textarea{
  border-radius:14px !important;
  border:1px solid #e2e8f0 !important;
  padding:12px 16px !important;
}
#wpforms-24587 ::placeholder{ color:#94a3b8 !important; }

/* ===== Cuadro / card alrededor de TODO el formulario ===== */
#wpforms-24587{
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  border-radius:22px !important;
  box-shadow:0 18px 35px rgba(15,23,42,.10) !important;
  padding:22px !important;

  /* Para que en celular se vea perfecto */
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}

/* En pantallas grandes dale más “aire” como tu diseño */
@media (min-width: 768px){
  #wpforms-24587{
    padding:28px !important;
  }
}/* End custom CSS */