/* ============================================================
   Travocato — legal pages (standalone, no dependency on style.css)
   Dark brand look, readable measure, print-friendly.
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#050607; --bg2:#0a0d0e; --panel:#0d1113;
  --ink:#e8efe9; --ink-dim:#9fb0a4; --ink-faint:#6b7a70;
  --line:rgba(160,190,170,.14);
  --green:#3aa315; --green2:#2e8a10;
  --amber:#d7a026; --red:#d2543f;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--sans); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:#8fd06a; text-decoration:none}
a:hover{text-decoration:underline}

/* ---- top bar ---- */
.lg-top{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px clamp(16px,4vw,40px);
  background:color-mix(in srgb,var(--bg) 86%,transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.lg-brand{display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:700; letter-spacing:.02em}
.lg-brand img{width:22px; height:22px; border-radius:6px; display:block}
.lg-brand:hover{text-decoration:none; color:#fff}
.lg-back{font-size:.82rem; color:var(--ink-dim); font-family:var(--mono)}
.lg-langs{display:flex; gap:4px; border:1px solid var(--line); border-radius:999px; padding:3px}
.lg-langs button{
  appearance:none; border:0; background:transparent; color:var(--ink-dim);
  font:inherit; font-size:.78rem; font-weight:700; letter-spacing:.06em;
  padding:4px 12px; border-radius:999px; cursor:pointer;
}
.lg-langs button.on{background:var(--green); color:#fff}

/* ---- layout ---- */
.lg-wrap{max-width:860px; margin:0 auto; padding:clamp(28px,6vw,64px) clamp(18px,5vw,40px) 40px}
.lg-eyebrow{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--green); margin:0 0 10px;
}
h1{font-size:clamp(1.7rem,4.5vw,2.5rem); line-height:1.15; margin:0 0 10px; letter-spacing:-.01em}
.lg-meta{
  font-family:var(--mono); font-size:.78rem; color:var(--ink-faint);
  margin:0 0 26px; display:flex; flex-wrap:wrap; gap:8px 18px;
}
.lg-docs{
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 34px; padding:0; list-style:none;
}
.lg-docs a{
  display:inline-block; padding:6px 13px; border:1px solid var(--line); border-radius:999px;
  font-size:.8rem; color:var(--ink-dim); background:var(--bg2);
}
.lg-docs a:hover{color:var(--ink); text-decoration:none; border-color:rgba(160,190,170,.34)}
.lg-docs a.here{color:#fff; border-color:var(--green); background:color-mix(in srgb,var(--green) 16%,var(--bg2))}

/* ---- content ---- */
h2{font-size:1.22rem; margin:2.2em 0 .55em; letter-spacing:-.005em}
h3{font-size:1rem; margin:1.6em 0 .4em}
p,ul,ol{margin:.55em 0; color:var(--ink-dim)}
li{margin:.3em 0}
strong,b{color:var(--ink)}
.lg-card{
  border:1px solid var(--line); border-left:3px solid var(--green);
  background:var(--panel); border-radius:10px; padding:14px 18px; margin:1.2em 0;
}
.lg-card.warn{border-left-color:var(--amber)}
.lg-card.risk{border-left-color:var(--red)}
.lg-card p{margin:.35em 0}
.lg-caps{
  font-family:var(--mono); font-size:.8rem; line-height:1.7; letter-spacing:.02em;
  text-transform:uppercase; color:var(--ink);
}
table{width:100%; border-collapse:collapse; margin:1em 0; font-size:.88rem}
th,td{padding:9px 11px; border:1px solid var(--line); text-align:left; vertical-align:top; color:var(--ink-dim)}
th{color:var(--ink); background:var(--bg2); font-size:.8rem; letter-spacing:.04em}
code{font-family:var(--mono); font-size:.85em; background:var(--bg2); border:1px solid var(--line); border-radius:5px; padding:1px 5px}
hr{border:0; border-top:1px solid var(--line); margin:2.4em 0}
.lg-toc{columns:2; gap:28px; font-size:.88rem}
@media (max-width:640px){.lg-toc{columns:1}}

/* ---- language switching ---- */
body[data-lang="es"] .L-en{display:none}
body[data-lang="en"] .L-es{display:none}

/* ---- footer ---- */
.lg-foot{
  border-top:1px solid var(--line); margin-top:56px; padding:26px clamp(18px,5vw,40px) 60px;
  font-size:.82rem; color:var(--ink-faint); text-align:center;
}
.lg-foot nav{display:flex; flex-wrap:wrap; gap:8px 18px; justify-content:center; margin-bottom:12px}
.lg-foot a{color:var(--ink-dim)}

/* ---- print ---- */
@media print{
  :root{--bg:#fff; --bg2:#fff; --panel:#fff; --ink:#111; --ink-dim:#333; --ink-faint:#666; --line:#bbb}
  .lg-top,.lg-docs,.lg-langs{display:none}
  body{font-size:12px}
  a{color:#111; text-decoration:underline}
}