.vri-validator{--wine:#7a1733;--navy:#17365d;--green:#177245;max-width:820px;margin:32px auto;padding:clamp(22px,5vw,48px);background:#fff;border:1px solid #e4e7eb;border-radius:18px;box-shadow:0 14px 38px rgba(16,34,57,.08);font-family:Arial,sans-serif;color:#172033}
.vri-validator__head{text-align:center;margin-bottom:28px}.vri-validator h2{color:var(--navy);font-size:clamp(1.7rem,4vw,2.5rem);margin:.4rem 0}.vri-validator__head p{color:#566176;margin:0}
.vri-validator__form{display:block;max-width:650px;margin:0 auto}.vri-validator__form label{display:block;font-weight:700;margin-bottom:8px}.vri-validator__form>div{display:flex;gap:10px}.vri-validator__form input{flex:1;min-width:0;padding:14px 16px;border:1px solid #aeb7c4;border-radius:9px;font-size:1rem;text-transform:uppercase}.vri-validator__form button,.vri-result__download{padding:14px 22px;border:0;border-radius:9px;background:var(--wine);color:#fff!important;font-weight:700;text-decoration:none;cursor:pointer}
.vri-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vri-results-title{max-width:650px;margin:30px auto 12px;color:var(--navy);font-size:1.2rem}
.vri-result{margin-top:28px;padding:24px;border:1px solid #d8dee8;border-left:6px solid var(--navy);border-radius:12px;background:#f8fafc}.vri-result--valido{border-left-color:var(--green)}.vri-result--observado{border-left-color:#b7791f}.vri-result--anulado,.vri-result--error{border-left-color:#b42318}.vri-result__status{display:inline-block;padding:6px 10px;border-radius:999px;background:#e5f5ed;color:var(--green);font-weight:700;font-size:.9rem}.vri-result--observado .vri-result__status{background:#fff4d6;color:#8a5a00}.vri-result--anulado .vri-result__status{background:#feeceb;color:#b42318}.vri-result h3{margin:16px 0;color:var(--navy)}.vri-result dl{margin:0}.vri-result dl div{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;padding:10px 0;border-bottom:1px solid #e4e7eb}.vri-result dt{font-weight:700;color:#4a5568}.vri-result dd{margin:0}.vri-result__download{display:inline-block;margin-top:8px}
@media(max-width:600px){.vri-validator__form>div{display:block}.vri-validator__form button{width:100%;margin-top:10px}.vri-result dl div{display:block}.vri-result dd{margin-top:4px}}
