/* ══════════════════════════════════════════════════════════════════════
   ANDOR HOME · ESTILOS COMPARTIDOS DE PÁGINAS LEGALES
   Aviso legal · Política de privacidad · Política de cookies
   Usa las variables --andor-* del archivo 04_andor-tokens.css.
   ══════════════════════════════════════════════════════════════════════ */

*{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth}

body{
  background:var(--andor-bg);
  color:var(--andor-ink);
  font-family:var(--andor-sans);
  font-size:var(--andor-fs-15);
  font-weight:300;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

a{color:var(--andor-gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--andor-t-base)}
a:hover{border-bottom-color:var(--andor-gold)}

ul,ol{padding-left:1.3em;margin:.6em 0 1.2em}
li{margin:.25em 0}

em{font-style:italic;color:var(--andor-ink-2)}
strong{font-weight:600;color:var(--andor-ink)}
code{font-family:'SFMono-Regular','Menlo','Consolas',monospace;font-size:.92em;background:var(--andor-bg-3);padding:1px 6px;border-radius:var(--andor-r-sm);color:var(--andor-gold-light)}

/* ── Top nav (minimal) ───────────────────────────────────────── */
.legal-nav{
  position:sticky;top:0;z-index:var(--andor-z-nav);
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 32px;
  background:var(--andor-bg);
  border-bottom:1px solid var(--andor-line);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.legal-back{
  font-size:var(--andor-fs-12);
  text-transform:uppercase;letter-spacing:var(--andor-tracking-eyebrow);
  color:var(--andor-ink-2);
  border-bottom:none;
}
.legal-back:hover{color:var(--andor-gold)}
.legal-back-arrow{display:inline-block;margin-right:.3em;transition:transform var(--andor-t-base)}
.legal-back:hover .legal-back-arrow{transform:translateX(-3px)}
.legal-logo{
  font-family:var(--andor-serif);
  font-size:var(--andor-fs-22);
  font-style:italic;
  color:var(--andor-ink);
  border-bottom:none;
}

/* ── Main ────────────────────────────────────────────────────── */
.legal-main{
  max-width:780px;
  margin:0 auto;
  padding:64px 24px 96px;
}

.legal-eyebrow{
  display:block;
  font-size:var(--andor-fs-11);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:var(--andor-tracking-eyebrow);
  color:var(--andor-gold);
  margin-bottom:14px;
}

.legal-h1{
  font-family:var(--andor-serif);
  font-weight:300;
  font-size:clamp(40px, 6vw, 56px);
  line-height:1.05;
  letter-spacing:var(--andor-tracking-tight);
  color:var(--andor-ink);
  margin-bottom:16px;
}

.legal-updated{
  font-size:var(--andor-fs-13);
  color:var(--andor-muted);
  margin-bottom:48px;
}

.legal-lead{
  font-size:var(--andor-fs-18);
  font-weight:300;
  color:var(--andor-ink-2);
  line-height:1.55;
  margin-bottom:48px;
  padding-bottom:32px;
  border-bottom:1px solid var(--andor-line);
}

section{margin:48px 0}

h2{
  font-family:var(--andor-serif);
  font-weight:400;
  font-size:var(--andor-fs-28);
  letter-spacing:var(--andor-tracking-tight);
  color:var(--andor-ink);
  margin:48px 0 18px;
  padding-bottom:8px;
  border-bottom:1px solid var(--andor-line);
}
h3{
  font-family:var(--andor-sans);
  font-weight:600;
  font-size:var(--andor-fs-16);
  text-transform:uppercase;
  letter-spacing:var(--andor-tracking-eyebrow);
  color:var(--andor-gold);
  margin:32px 0 12px;
}

p{margin:.7em 0}

/* ── Definition lists ────────────────────────────────────────── */
.legal-dl{
  display:grid;
  grid-template-columns:200px 1fr;
  gap:10px 24px;
  margin:24px 0 32px;
  padding:24px;
  background:var(--andor-bg-3);
  border:1px solid var(--andor-line);
  border-radius:var(--andor-r-md);
}
.legal-dl dt{
  font-size:var(--andor-fs-11);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:var(--andor-tracking-eyebrow);
  color:var(--andor-muted);
  align-self:start;
}
.legal-dl dd{
  font-size:var(--andor-fs-14);
  color:var(--andor-ink);
  word-break:break-word;
}
@media (max-width:600px){
  .legal-dl{grid-template-columns:1fr;gap:4px 0}
  .legal-dl dt{margin-top:14px}
  .legal-dl dt:first-child{margin-top:0}
}

/* ── Tables ──────────────────────────────────────────────────── */
.legal-table{
  width:100%;
  border-collapse:collapse;
  margin:24px 0;
  font-size:var(--andor-fs-13);
}
.legal-table th,
.legal-table td{
  padding:12px 14px;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--andor-line);
}
.legal-table th{
  font-size:var(--andor-fs-11);
  text-transform:uppercase;
  letter-spacing:var(--andor-tracking-eyebrow);
  color:var(--andor-muted);
  font-weight:500;
}
.legal-table tbody tr:hover{background:var(--andor-gold-bg)}

/* ── Notes ───────────────────────────────────────────────────── */
.legal-note{
  font-size:var(--andor-fs-12);
  color:var(--andor-muted);
  background:var(--andor-warning-bg);
  border-left:3px solid var(--andor-warning-bd);
  padding:10px 14px;
  border-radius:0 var(--andor-r-sm) var(--andor-r-sm) 0;
  margin:16px 0;
}

/* ── Inline button (Configurar cookies) ──────────────────────── */
.legal-inline-btn{
  display:inline;
  background:transparent;
  border:none;
  padding:0;
  font:inherit;
  color:var(--andor-gold);
  border-bottom:1px solid var(--andor-gold);
  cursor:pointer;
  transition:opacity var(--andor-t-base);
}
.legal-inline-btn:hover{opacity:.75}

/* ── Footer ──────────────────────────────────────────────────── */
.legal-footer{
  border-top:1px solid var(--andor-line);
  padding:32px 24px;
  text-align:center;
  font-size:var(--andor-fs-12);
  color:var(--andor-muted);
}
.legal-footer nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px 28px;
  justify-content:center;
  margin-bottom:16px;
}
.legal-footer nav a{
  font-size:var(--andor-fs-11);
  text-transform:uppercase;
  letter-spacing:var(--andor-tracking-eyebrow);
  color:var(--andor-ink-2);
  border-bottom:none;
}
.legal-footer nav a:hover{color:var(--andor-gold)}