/* ==========================================================
   ESTADOS DE VALIDACIÓN
   Este archivo no define el diseño normal del formulario.
========================================================== */

.formContact input.error,
.formContact textarea.error,
.formContact select.error,
.formContact [aria-invalid="true"]{
    border-color:#b50000;
}

.formContact input.error:hover,
.formContact textarea.error:hover,
.formContact select.error:hover,
.formContact input.error:focus,
.formContact textarea.error:focus,
.formContact select.error:focus,
.formContact [aria-invalid="true"]:focus{
    border-color:#8d0000;
    box-shadow:none;
}

.formContact input.valid,
.formContact textarea.valid,
.formContact select.valid,
.formContact [aria-invalid="false"]{
    border-color:var(--global-gray-400);
}

.formContact label.error{
    display:block;
    width:100%;
    margin:7px 0 0;
    padding:0;
    color:#b50000;
    font-size:.76rem;
    font-weight:500;
    line-height:1.45;
    letter-spacing:0;
    text-align:left;
    text-transform:none;
}

.formContact label#hiddenRecaptcha-error{
    margin-top:10px;
}

.formContact .contacto-captcha:has(#hiddenRecaptcha-error){
    border-color:#b50000;
}

.formContact .pending{
    cursor:progress;
}