/* ═══════════════════════════════════════════════
   SIRON FITNESS CLUB — páginas legales
   Documentos de leer, no de mirar: fondo claro,
   una sola columna y tipografía grande.
   ═══════════════════════════════════════════════ */

:root{
  --ink:#0b0b0c;
  --ink-2:#6b6b70;
  --paper:#f4f2ee;
  --line:#dcd8d1;
  --orange:#EF7F1A;
}

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

html{-webkit-text-size-adjust:100%}

body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:17px;
  line-height:1.65;
  padding:0 1rem;
}

.wrap{max-width:720px;margin:0 auto;padding:3.5rem 0 5rem}

/* ── Cabecera ── */
.top{border-bottom:2px solid var(--ink);padding-bottom:1.2rem;margin-bottom:2.5rem}
.top a.brand{
  font-family:'Anton',sans-serif;font-size:1.5rem;letter-spacing:.02em;
  text-transform:uppercase;color:var(--ink);text-decoration:none;
}
.top a.brand span{color:var(--orange)}
.top .back{display:block;margin-top:.5rem;font-size:.85rem;color:var(--ink-2);text-decoration:none}
.top .back:hover{color:var(--orange)}

h1{
  font-family:'Anton',sans-serif;font-weight:400;
  font-size:clamp(2rem,6vw,3rem);line-height:1;
  text-transform:uppercase;margin-bottom:.6rem;
}
.updated{font-size:.82rem;color:var(--ink-2);margin-bottom:2.5rem}

h2{
  font-family:'Anton',sans-serif;font-weight:400;
  font-size:1.3rem;text-transform:uppercase;
  margin:2.5rem 0 .8rem;padding-top:1.2rem;
  border-top:1px solid var(--line);
}

p{margin-bottom:1rem}
ul{margin:0 0 1rem 1.2rem}
li{margin-bottom:.5rem}

a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--orange)}

strong{font-weight:700}

dl{margin-bottom:1rem}
dt{font-weight:700;margin-top:.8rem}
dd{margin-left:0}

table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.92rem}
th,td{text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}

/* ── Aviso de dato pendiente ── */
.pending{
  background:#fff4e6;border-left:3px solid var(--orange);
  padding:1rem 1.2rem;margin-bottom:1.5rem;font-size:.95rem;
}

/* ── Botón de preferencias de cookies ── */
.btn{
  display:inline-block;background:var(--ink);color:var(--paper);
  border:0;padding:.85rem 1.4rem;font-family:inherit;font-size:.82rem;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  cursor:pointer;text-decoration:none;
}
.btn:hover{background:var(--orange);color:var(--ink)}
.done{margin-top:.8rem;font-size:.9rem;color:var(--orange);font-weight:700}

footer{
  margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);
  font-size:.85rem;color:var(--ink-2);
}
footer a{color:var(--ink-2)}