/* Shared styles for PlateCalc+ legal pages (privacidad, aviso-legal, cookies, terminos). */
:root{
  --navy:#1e3a5f; --navy-900:#13243b; --ink:#16243a; --muted:#5d6e83;
  --accent:oklch(0.70 0.12 168); --accent-ink:oklch(0.40 0.09 168);
  --bg:#f4f7f9; --bg-tint:#eef2f6; --surface:#ffffff; --border:#e4eaf0; --border-strong:#d4dde6;
  --shadow-sm:0 1px 2px rgba(19,36,59,.06), 0 2px 8px rgba(19,36,59,.05);
  --shadow-md:0 4px 14px rgba(19,36,59,.08), 0 18px 40px rgba(19,36,59,.08);
  --radius:18px; --radius-sm:12px;
  --font-display:"Schibsted Grotesk",system-ui,sans-serif;
  --font-body:"Manrope",system-ui,sans-serif;
  --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent-ink);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

header.nav{position:sticky;top:0;z-index:50;background:rgba(244,247,249,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:16px;height:68px;max-width:1180px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--navy-900);letter-spacing:-.02em}
.brand .logo{width:36px;height:36px;border-radius:10px;box-shadow:var(--shadow-sm)}
.brand sup{color:var(--accent-ink);font-size:.7em}
.nav-back{margin-left:auto;font-weight:700;font-size:15px;color:var(--muted)}
.nav-back:hover{color:var(--navy);text-decoration:none}

main{padding:48px 0 72px}
.doc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:clamp(28px,5vw,56px)}
.eyebrow{font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
h1{font-family:var(--font-display);font-size:clamp(30px,5vw,42px);font-weight:800;letter-spacing:-.025em;color:var(--navy-900);margin:10px 0 8px}
.updated{color:var(--muted);font-size:14px;font-weight:600;margin-bottom:8px}
.intro{color:var(--muted);font-size:17px;margin:18px 0 8px}
h2{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--navy-900);letter-spacing:-.01em;margin:36px 0 12px;padding-top:8px}
h3{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--navy);margin:20px 0 6px}
p{margin:10px 0;color:var(--ink)}
ul{margin:10px 0 10px 22px}
li{margin:7px 0}
.card{background:var(--bg-tint);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;margin:16px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-family:var(--font-display);color:var(--navy-900);font-weight:700;font-size:14px}
footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);font-size:14px}
.foot-inner{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between}
.foot-inner a{color:var(--muted);font-weight:600}
.foot-inner a:hover{color:var(--navy);text-decoration:none}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 14px}