.input-wrapper {
                position: relative;
                margin-bottom: 20px;
            }

            .input-wrapper input {
                width: 100%;
                padding: 10px 40px; /* Ajusta el padding para hacer espacio para las imágenes */
                box-sizing: border-box;
                background-color: #fafafa !important; /* Color predeterminado cuando el campo está vacío */
                transition: background-color 0.3s ease; /* Transición suave entre colores */
            }

            .input-wrapper input.filled {
                background-color: #E0E0E0 !important; /* Color cuando tiene contenido */
            }

            .toggle-password {
                position: absolute;
                top: 50%;
                right: 10px; /* Mueve el icono a la derecha */
                transform: translateY(-50%);
                cursor: pointer;
            }

            .error-message {
                color: red;
                font-size: 14px;
                background-color: #f3f3f3;
            }

            .success-message {
                color: green;
                font-size: 14px;
            }