/* __MENSAJE DE ERROR__ */
.formulario__input-error {
    font-size: .8rem;
    margin: 10px 0px 0px 16px;
    display: none;
}
.formulario__input-error-activo {
    display: block;
}
.formulario__validacion-estado {
    position: absolute;
    right: 16px;
    top: 46px;
    z-index: 100;
    font-size: 16px;
    opacity: 0;
}

#formulario .formulario__validacion-estado {
    top: 36px;
}

.formulario__mensaje, .formulario__captcha{
    height: 45px;
    line-height: 45px;
    background: #F66060;
    padding: 0 15px;
    border-radius: 3px;
    margin-bottom: 16px;
    text-align: center;
    display: none;
}
#form_ficha_tecnica .formulario__mensaje{
    margin-top: 12px;
}
.formulario__mensaje-activo {
    display: block;
}
.formulario__mensaje-exito {
    font-size: 1.1rem;
    height: 45px;
    line-height: 45px;
    background: #31b51f;
    padding: 0 15px;
    border-radius: 3px;
    margin-top: 16px;
    color: #ffffff!important;
    text-align: center;
    display: none;
}
.formulario__mensaje-exito-activo {
    display: block;
}

/* ----- -----  Estilos para Validacion ----- ----- */
.formulario__grupo-input{
    position: relative;
}
.formulario__grupo-correcto .formulario__validacion-estado {
    color: #1ed12d;
    opacity: 1;
}

.formulario__grupo-incorrecto .formulario__label {
    color: #bb2929;
}

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

.formulario__grupo-incorrecto .formulario__input {
    border: 3px solid #bb2929;
}

.formulario{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap: 24px;
}
.formulario .formulario__grupo{
    width: calc(80% - 24px);
}
.formulario .submit-button{
    width: 20%;
    height: fit-content;
}
.formulario .formulario__errores{
    width:100%;
}