/* ==========================================
   AUTOFILL STYLES - Compatibilidad universal
   ========================================== */

/* Webkit browsers (Chrome, Safari, Edge) */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.1) inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Firefox */
input:-moz-autofill,
input:-moz-autofill:hover,
input:-moz-autofill:focus,
textarea:-moz-autofill,
textarea:-moz-autofill:hover,
textarea:-moz-autofill:focus,
select:-moz-autofill,
select:-moz-autofill:hover,
select:-moz-autofill:focus {
  box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.1) inset !important;
  color: #ffffff !important;
  caret-color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Estilos adicionales para asegurar consistencia */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px #bb2c53 !important;
  border-color: #bb2c53 !important;
}

/* Placeholder styles */
input::placeholder,
textarea::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  opacity: 1 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}