/* «Verifica la targa» (2026-11-10) – src/PlateCheck.php + js/verifica-targa.js */
.vt{--vt-ink:var(--mx-ink,#101828);--vt-text:var(--mx-text,#2b2f36);--vt-muted:var(--mx-muted,#5d6676);--vt-line:var(--mx-line,#e7eaf0);--vt-soft:var(--mx-soft,#f6f7f9);--vt-brand:var(--mx-brand,#e8ff47);--vt-link:var(--mx-link,#1f4f99);
  background:#fff;border:1px solid var(--vt-line);border-radius:20px;padding:20px;margin:24px 0;box-shadow:0 1px 2px rgba(16,24,40,.04),0 2px 6px rgba(16,24,40,.04);color:var(--vt-text);font-size:15px;line-height:1.55;box-sizing:border-box;max-width:100%}
.vt *,.vt *::before,.vt *::after{box-sizing:border-box}
.vt .google-auto-placed,.vt ins.adsbygoogle,.vt .google-anno,.vt .google-anno-sc{display:none!important}
.vt-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
.vt-ico{flex:0 0 44px;height:44px;border-radius:14px;background:var(--vt-ink);color:var(--vt-brand);display:grid;place-items:center}
.vt-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vt-muted)}
.vt .vt-title{margin:2px 0 6px!important;font-size:22px!important;line-height:1.2!important;color:var(--vt-ink)!important;border:0!important;padding:0!important}
.vt-sub{margin:0;font-size:14.5px;color:var(--vt-muted)}
.vt-sub strong{color:var(--vt-text);font-weight:600}
.vt-step{border-top:1px solid var(--vt-line);margin-top:18px;padding-top:16px}
.vt .vt-step h3{display:flex;align-items:center;gap:10px;margin:0 0 10px!important;font-size:17px!important;color:var(--vt-ink)!important}
.vt-n{flex:0 0 26px;height:26px;border-radius:50%;background:var(--vt-brand);color:#101828;font-size:14px;font-weight:800;display:grid;place-items:center}
.vt-opt{font-size:12px;font-weight:600;color:var(--vt-muted);background:var(--vt-soft);border-radius:999px;padding:2px 9px}
.vt-hint{margin:0 0 10px;font-size:13.5px;color:var(--vt-muted)}
.vt-row{display:flex;gap:10px;flex-wrap:wrap}
.vt input,.vt select{font:inherit;font-size:16px;color:var(--vt-ink);background:#fff;border:1.5px solid var(--vt-line);border-radius:12px;padding:10px 12px;min-height:46px;width:100%;max-width:100%}
.vt input:focus,.vt select:focus{outline:none;border-color:var(--vt-ink);box-shadow:0 0 0 3px rgba(232,255,71,.6)}
.vt-plate{display:flex;align-items:stretch;flex:1 1 220px;max-width:300px;border:2px solid #101828;border-radius:10px;overflow:hidden;background:#fff}
.vt-eu{flex:0 0 34px;background:#003399;color:#fc0;font-weight:800;font-size:15px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
.vt .vt-plate input{border:0;border-radius:0;font-size:24px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;min-height:52px;font-family:ui-monospace,'DIN Alternate','Arial Narrow',monospace}
.vt .vt-plate input:focus{box-shadow:none}
.vt-in-vin{flex:1 1 240px;text-transform:uppercase;letter-spacing:.06em;font-family:ui-monospace,monospace}
.vt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border-radius:999px;border:0;background:var(--vt-brand);color:#101828!important;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none!important;white-space:nowrap;position:relative}
.vt-btn:hover{background:var(--mx-brand-hover,#d4ef30)}
.vt-btn--ghost{background:#fff;border:1.5px solid var(--vt-line);min-height:40px;padding:0 14px;font-size:14px}
.vt-btn--ghost:hover{background:var(--vt-soft);border-color:#cfd4dc}
.vt-copied{position:absolute;bottom:calc(100% + 6px);right:0;background:#101828;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:8px;white-space:nowrap}
.vt-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.vt-f{display:flex;flex-direction:column;gap:4px;margin:0}
.vt-f>span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vt-muted)}
.vt-out:empty{display:none}
.vt-out{margin-top:12px;display:grid;gap:8px}
.vt .vt-msg{display:flex;gap:10px;margin:0;padding:10px 12px;border-radius:12px;font-size:14.5px;line-height:1.5;background:var(--vt-soft)}
.vt-dot{flex:0 0 10px;height:10px;border-radius:50%;margin-top:6px;background:#98a2b3}
.vt-msg--ok{background:#ecfdf3!important}.vt-msg--ok .vt-dot{background:#12b76a}
.vt-msg--warn{background:#fffaeb!important}.vt-msg--warn .vt-dot{background:#f79009}
.vt-msg--bad{background:#fef3f2!important}.vt-msg--bad .vt-dot{background:#d92d20}
.vt-msg--info .vt-dot{background:#2e90fa}
.vt .vt-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}
.vt .vt-item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;margin:0!important;padding:12px;border:1px solid var(--vt-line);border-radius:14px;background:#fff}
.vt .vt-item::before{display:none!important}
.vt-item.is-done{background:#f6fef9;border-color:#a6f4c5}
.vt-check{position:relative;width:24px;height:24px;margin-top:2px;cursor:pointer}
.vt-check input{position:absolute;opacity:0;width:24px;height:24px;min-height:0;margin:0;cursor:pointer}
.vt-check span{position:absolute;inset:0;border:2px solid #cfd4dc;border-radius:7px;background:#fff}
.vt-check input:checked+span{background:#12b76a;border-color:#12b76a}
.vt-check input:checked+span::after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.vt-check input:focus-visible+span{box-shadow:0 0 0 3px rgba(232,255,71,.8)}
.vt-item-b{min-width:0}
.vt .vt-item-t{margin:0!important;font-weight:700;color:var(--vt-ink);font-size:15px}
.vt-cost{display:inline-block;font-size:11.5px;font-weight:700;color:#027a48;background:#ecfdf3;border-radius:999px;padding:1px 8px;margin-left:4px;vertical-align:1px}
.vt .vt-item-d{margin:3px 0 0!important;font-size:13.5px;color:var(--vt-muted)}
.vt-who{display:block;font-size:12px;color:#98a2b3;margin-top:2px}
.vt-km{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.vt-progress{margin:10px 0 0;font-size:14px;font-weight:700;color:#027a48}
.vt-progress:empty{display:none}
.vt-foot{margin:16px 0 0;font-size:12.5px;color:var(--vt-muted)}
.vt-foot a{color:var(--vt-link)}
.vt-step[hidden]{display:none}
@media (max-width:560px){
  .vt{padding:16px;border-radius:16px}
  .vt-head{gap:10px}.vt-ico{flex-basis:38px;height:38px}
  .vt .vt-title{font-size:19px!important}
  .vt-plate{max-width:none;flex-basis:100%}
  .vt-row .vt-btn{flex:1 1 100%}
  .vt .vt-item{grid-template-columns:26px 1fr}
  .vt .vt-item>.vt-btn{grid-column:2;justify-self:start}
  .vt-km{grid-template-columns:1fr}
}
