/* 1) Rompe la herencia global dentro del iframe del widget */
.eapps-form.eapps-form { 
  color: #fff !important;
}

/* 2) Títulos, descripciones, etiquetas */
.eapps-form .eapps-form-header-title,
.eapps-form .eapps-form-header-description,
.eapps-form .eapps-form-field-label,
.eapps-form label {
  color: #fff !important;
}

/* 3) Texto dentro de inputs/textarea/select (máxima especificidad) */
.eapps-form .eapps-form-field .eapps-form-input,
.eapps-form .eapps-form-field .eapps-form-input input,
.eapps-form .eapps-form-field .eapps-form-input textarea,
.eapps-form .eapps-form-field .eapps-form-input select,
.eapps-form input,
.eapps-form textarea,
.eapps-form select {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* Chrome/Safari */
  caret-color: #fff !important;
}

/* 4) Placeholders (todas las variantes) */
.eapps-form input::placeholder,
.eapps-form textarea::placeholder { color: rgba(255,255,255,.85) !important; opacity: 1 !important; }
.eapps-form input::-webkit-input-placeholder,
.eapps-form textarea::-webkit-input-placeholder { color: rgba(255,255,255,.85) !important; }
.eapps-form input:-ms-input-placeholder,
.eapps-form textarea:-ms-input-placeholder { color: rgba(255,255,255,.85) !important; }
.eapps-form input::-ms-input-placeholder,
.eapps-form textarea::-ms-input-placeholder { color: rgba(255,255,255,.85) !important; }
.eapps-form input:-moz-placeholder,
.eapps-form textarea:-moz-placeholder { color: rgba(255,255,255,.85) !important; opacity: 1 !important; }
.eapps-form input::-moz-placeholder,
.eapps-form textarea::-moz-placeholder { color: rgba(255,255,255,.85) !important; opacity: 1 !important; }

/* 5) Estado focus: mantener blanco */
.eapps-form input:focus,
.eapps-form textarea:focus,
.eapps-form select:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: #fff !important;
}

/* 6) Opcional: contraste de inputs */
.eapps-form input,
.eapps-form textarea,
.eapps-form select {
  background-color: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
}

/* 7) Botón */
.eapps-form button,
.eapps-form input[type="submit"] {
  color: #fff !important;
}
