/* Estilos compartidos por las páginas legales.
   Un solo archivo para que privacidad y términos se vean iguales, se cacheen una
   vez y no repitan el mismo <style> inline en cada página. */

:root {
  --ink: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --bg: #f8fafc;
  --card: #ffffff;
  --brand: #0e7490;
  --warn-bg: #fffbeb;
  --warn-line: #fcd34d;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #f1f5f9;
    --muted: #94a3b8;
    --line: #1e293b;
    --bg: #0b1120;
    --card: #111827;
    --brand: #67e8f9;
    --warn-bg: #2a2110;
    --warn-line: #a16207;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 0 20px 56px;
  background: var(--bg);
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}

main {
  max-width: 46rem;
  margin: 0 auto;
}

h1 {
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 40px 0 8px;
}

h2 {
  font-size: 1.1rem;
  margin: 32px 0 8px;
  padding-top: 4px;
}

p, li { color: var(--ink); }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 22px; }
li { margin-bottom: 6px; }

a { color: var(--brand); text-decoration: underline; text-underline-offset: 3px; }
a:hover { opacity: .8; }

.updated {
  color: var(--muted);
  font-size: .875rem;
  margin-bottom: 0;
}

.lead {
  border-left: 3px solid var(--brand);
  padding: 2px 0 2px 14px;
  color: var(--muted);
}

.note {
  background: var(--warn-bg);
  border: 1px solid var(--warn-line);
  border-radius: 10px;
  padding: 12px 16px;
  margin: 16px 0;
}

.note p:last-child { margin-bottom: 0; }

.contacto {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 20px 0;
}

.contacto p:last-child { margin-bottom: 0; }

.volver {
  display: inline-block;
  margin-top: 8px;
  font-size: .875rem;
}

.lista-legal {
  list-style: none;
  padding-left: 0;
}

footer {
  max-width: 46rem;
  margin: 48px auto 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: .8125rem;
}

footer p { color: var(--muted); }

code {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 1px 5px;
  font-size: .9em;
}

@media print {
  body { background: #fff; color: #000; padding: 0; }
  a { color: #000; }
}