/* Estilos generales para el autocompletado */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: inherit !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Para Firefox y otros navegadores */
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: inherit !important;
}

/* Estilos específicos para el formulario de contacto */
.c--contact-form input:-webkit-autofill,
.c--contact-form input:-webkit-autofill:hover,
.c--contact-form input:-webkit-autofill:focus,
.c--contact-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #EEEEEE inset !important;
    -webkit-text-fill-color: #000 !important;
    border: 0 !important;
    border-radius: 2.5rem !important;
}

.c--contact-form input:autofill,
.c--contact-form input:autofill:hover,
.c--contact-form input:autofill:focus,
.c--contact-form input:autofill:active {
    box-shadow: 0 0 0 30px #EEEEEE inset !important;
    color: #000 !important;
    border: 0 !important;
    border-radius: 2.5rem !important;
}