/* Páginas legales de VANTAR Motors */
:root{--bg:#08080a;--fg:#f3f1ea;--muted:#9a978e;--line:rgba(243,241,234,.1);--line-strong:rgba(243,241,234,.22);--accent:#ff2a12;--surface:#111114}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{background:var(--bg)}
body{background:var(--bg);color:var(--fg);font:16px/1.7 "Onest",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--accent);color:var(--bg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.lg-top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,4vw,40px);background:rgba(8,8,10,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .emblem{width:40px;height:40px}
.wordmark{display:flex;flex-direction:column;gap:6px}
.wordmark svg{width:82px;height:18px;color:var(--fg)}
.wordmark small{font-size:8px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--muted)}
.back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s,border-color .3s}
.back:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}
.lg{max-width:760px;margin:0 auto;padding:72px clamp(16px,4vw,40px) 96px}
.lg .eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.lg .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.lg h1{margin-top:20px;font:400 clamp(48px,8vw,88px)/.92 "Anton",sans-serif;text-transform:uppercase;letter-spacing:-.01em}
.lg .upd{margin-top:16px;color:var(--muted);font-size:14px}
.demo{margin-top:32px;padding:16px 20px;border:1px solid rgba(255,42,18,.4);border-left:3px solid var(--accent);border-radius:10px;background:rgba(255,42,18,.06);font-size:14px;color:#d9d6cd}
.lg h2{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font:400 28px/1.05 "Anton",sans-serif;text-transform:uppercase;letter-spacing:-.005em}
.lg h3{margin-top:24px;font-size:17px;font-weight:600}
.lg p,.lg li{margin-top:14px;color:#cfccc3}
.lg ul{padding-left:20px}
.lg li::marker{color:var(--accent)}
.lg a{color:var(--fg);text-underline-offset:3px}
.lg a:hover{color:var(--accent)}
.lg table{width:100%;margin-top:18px;border-collapse:collapse;font-size:14px}
.lg th,.lg td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.lg th{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.lg dl{margin-top:18px;border-top:1px solid var(--line)}
.lg dl div{display:grid;grid-template-columns:minmax(140px,34%) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.lg dt{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:2px}
.lg dd{color:var(--fg)}
.lg-pie{border-top:1px solid var(--line);padding:28px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:13px;color:var(--muted)}
.lg-pie ul{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none}
.lg-pie a,.lg-pie button{color:#b9b6ad;background:none;border:0;font:inherit;cursor:pointer;text-decoration:none}
.lg-pie a:hover,.lg-pie button:hover{color:var(--fg);text-decoration:underline}
.lg-pie a[aria-current]{color:var(--fg)}
@media (max-width:560px){.lg dl div{grid-template-columns:1fr;gap:2px}}