/* ============================================================
   Estilos para páginas legales — coherentes con index.html
   ============================================================ */

:root{
  --bg:#0E0E0C;
  --bg-2:#161613;
  --ink:#F4EFE6;
  --ink-dim:#A8A39A;
  --ink-mute:#5C594F;
  --line:#26241F;
  --accent:#FF5B1F;
  --serif:'Fraunces', Georgia, serif;
  --sans:'Inter Tight', system-ui, sans-serif;
  --mono:'JetBrains Mono', ui-monospace, monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:underline}
a:hover{color:#FFB69A}

/* Nav */
.nav{
  position:sticky;top:0;
  background:rgba(14,14,12,.95);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
  z-index:10;
  padding:1.2rem 2rem;
  display:flex;justify-content:space-between;align-items:center;
}
.nav__brand{
  font-family:var(--serif);font-weight:900;font-size:1.4rem;
  letter-spacing:-0.02em;color:var(--ink);text-decoration:none;
  display:flex;align-items:center;gap:.6rem;
}
.nav__logo{
  width:28px;height:28px;object-fit:contain;
  filter:drop-shadow(0 0 6px rgba(255,91,31,.25));
  transition:transform .4s;
}
.nav__brand:hover .nav__logo{transform:rotate(-12deg)}
.nav__brand > span > span,
.nav__accent{color:var(--accent);font-style:italic}
.nav__back{
  font-family:var(--mono);font-size:.78rem;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink-dim);text-decoration:none;
}
.nav__back:hover{color:var(--accent)}

/* Layout */
.page{
  max-width:780px;
  margin:0 auto;
  padding:4rem 2rem 6rem;
}
.page__eyebrow{
  font-family:var(--mono);font-size:.78rem;
  color:var(--accent);
  text-transform:uppercase;letter-spacing:.15em;
  margin-bottom:1rem;
  display:flex;align-items:center;gap:.7rem;
}
.page__eyebrow::before{
  content:"";width:30px;height:1px;background:var(--accent);
}
.page h1{
  font-family:var(--serif);
  font-weight:300;
  font-size:clamp(2.2rem,5vw,3.5rem);
  line-height:1.05;letter-spacing:-0.03em;
  margin-bottom:1rem;
}
.page h1 em{font-style:italic;color:var(--accent);font-weight:500}
.page__date{
  font-family:var(--mono);font-size:.78rem;
  color:var(--ink-mute);
  text-transform:uppercase;letter-spacing:.1em;
  margin-bottom:3rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid var(--line);
}
.page h2{
  font-family:var(--serif);
  font-weight:500;font-size:1.7rem;letter-spacing:-0.02em;
  margin-top:3rem;margin-bottom:1.2rem;
  color:var(--ink);
}
.page h3{
  font-family:var(--sans);font-weight:600;font-size:1.1rem;
  margin-top:2rem;margin-bottom:.8rem;
}
.page p, .page li{
  color:var(--ink-dim);
  margin-bottom:1rem;
  line-height:1.7;
}
.page ul, .page ol{
  margin-left:1.5rem;margin-bottom:1.5rem;
}
.page li{margin-bottom:.5rem}
.page strong{color:var(--ink);font-weight:600}

/* Bloques de datos (placeholders) */
.data-box{
  background:var(--bg-2);
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  padding:1.5rem;border-radius:4px;
  margin:1.5rem 0;
  font-family:var(--mono);font-size:.88rem;
  line-height:1.8;
  color:var(--ink);
}
.data-box .placeholder{
  background:rgba(255,91,31,.15);
  color:var(--accent);
  padding:.1rem .4rem;border-radius:3px;
  font-weight:700;
}

/* Tabla (política de cookies) */
.table-wrap{overflow-x:auto;margin:1.5rem 0}
table{
  width:100%;border-collapse:collapse;
  font-size:.88rem;
}
th,td{
  text-align:left;padding:.9rem 1rem;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
th{
  font-family:var(--mono);font-size:.7rem;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink-mute);
  font-weight:700;
  background:var(--bg-2);
}
td{color:var(--ink-dim)}
td strong{color:var(--ink)}

/* Botón para reabrir cookies dentro del texto */
.btn-inline{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--accent);color:#0E0E0C;
  font-family:var(--mono);font-size:.75rem;font-weight:700;
  padding:.5rem 1rem;border-radius:999px;border:none;cursor:pointer;
  text-transform:uppercase;letter-spacing:.08em;
  text-decoration:none;
  transition:transform .2s;
}
.btn-inline:hover{transform:translateY(-1px);color:#0E0E0C}

/* Footer mínimo */
.foot-min{
  border-top:1px solid var(--line);
  padding:2rem;
  text-align:center;
  font-family:var(--mono);font-size:.72rem;
  color:var(--ink-mute);
  text-transform:uppercase;letter-spacing:.1em;
}
.foot-min a{color:var(--ink-mute);text-decoration:none;margin:0 .8rem}
.foot-min a:hover{color:var(--accent)}

@media(max-width:600px){
  .page{padding:2.5rem 1.2rem 4rem}
  .nav{padding:1rem 1.2rem}
  table{font-size:.8rem}
  th,td{padding:.7rem .8rem}
}