/* legal.css — hoja compartida por /privacidad y /terminos.
   Va en archivo externo a propósito: la CSP del sitio es por hash y prohíbe
   estilos en línea, así que las páginas legales no llevan ni un <style>. */

:root{
  --bg:#F4F1EA; --fg:#151311; --fg2:#5C564C; --hair:#DFD8CB; --brand:#A5461A;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:var(--sans);font-size:1.02rem;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:44rem;margin:0 auto;padding:clamp(2.5rem,7vw,5rem) clamp(1.25rem,5vw,2rem) 6rem}

/* cabecera */
.top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding-bottom:1.5rem;border-bottom:1px solid var(--hair);margin-bottom:clamp(2rem,5vw,3.5rem)}
.top a.brand{font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.42em;
  text-transform:uppercase;color:var(--fg);text-decoration:none}
.top a.brand span{color:var(--brand)}
.top .back{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brand);text-decoration:none;white-space:nowrap}
.top .back:hover{text-decoration:underline}

h1{font-family:var(--display);font-weight:400;font-size:clamp(2.1rem,5.5vw,3.1rem);
  line-height:1.06;letter-spacing:-.025em;margin:0 0 .6rem;text-wrap:balance}
.stamp{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--fg2);margin:0 0 2.5rem}

h2{font-family:var(--display);font-weight:500;font-size:1.42rem;letter-spacing:-.015em;
  margin:2.8rem 0 .7rem;padding-top:1.6rem;border-top:1px solid var(--hair)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:1rem;font-weight:600;margin:1.6rem 0 .4rem}
p{margin:0 0 1rem;color:var(--fg2)}
p strong,li strong{color:var(--fg);font-weight:600}
ul{margin:0 0 1.2rem;padding-left:1.15rem;color:var(--fg2)}
li{margin-bottom:.45rem}
a{color:var(--brand)}
a:focus-visible,.top a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:.2rem}

/* la caja de titular: el dato que la ley obliga a poner por delante */
.card{background:#FFFDF8;border:1px solid var(--hair);border-radius:.7rem;
  padding:1.15rem 1.3rem;margin:0 0 1.4rem}
.card p:last-child{margin-bottom:0}
.card .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--fg2);display:block;margin-bottom:.15rem}

/* tabla de derechos por país */
table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.94rem}
th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--hair);vertical-align:top}
th{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);font-weight:500}
td{color:var(--fg2)}
td:first-child{color:var(--fg);font-weight:500;white-space:nowrap}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

.foot{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--hair);
  font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg2);
  display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.foot a{color:var(--fg2);text-decoration:none}
.foot a:hover{color:var(--brand)}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}