.formulario__grupo-input{
    position: relative;
} 


.fi {
    border: 3px solid transparent;
    border-radius: 3px;
    transition: .3s ease all;
}

.fi:focus {
    border: 3px solid #0075FF;
    outline: none;
    box-shadow: 3px 0px 30px rgba(163,163,163, 0.4);
}

.formulario__input-error {
    font-size: 12px;
    margin-bottom: 0;
    display: none;
}

.formulario__input-error-activo {
    display: inline;
    color: tomato;
}

/* Trabajar con el icono */

.formulario__validacion-estado {
    position: absolute;
    right: 10px;
    margin-top: -22px;
    z-index:100;
    font-size: 16px;
    opacity: 0;
}


/* Estado para validación */
.fg-correcto .formulario__validacion-estado {
    color: #1ed12d;
    opacity: 1;
}

.fg-incorrecto .formulario__validacion-estado {
    color: #bb2929;
    opacity: 1;
    
}

.fg-incorrecto .fi {
    border: 3px solid #bb2929;
    opacity: 1;
}