.floating-alert {
    position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1050;
            width: 500px;
}

.form-control:focus {
    outline: none; !important; /* Elimina el contorno azul predeterminado */
    border-color: var(--secundario); !important;
    box-shadow: 0 0 5px var(--secundario); !important;/* Agrega un brillo alrededor */
    transition: 0.3s ease-in-out; !important;
}

.form-control {
    outline: none; !important; /* Elimina el contorno azul predeterminado */
    border-color: var(--relleno2); !important;/* Cambia el color del borde */

}