/* Estilo compartido de las páginas legales.
   Van aparte de la tienda a propósito: son documentos para leer, no una
   vitrina, y tienen que seguir siendo legibles si algo del resto se cae. */
:root{
  --paper:#FFFFFF; --ink:#131211; --grey:#6E6B66; --line:#E4E2DE;
  --marino:#142233; --oro-texto:#8A6A2F; --aviso:#FBF1E2;
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);
  line-height:1.65;padding:clamp(24px,6vw,64px) 24px 96px}
.caja{max-width:44rem;margin:0 auto;display:grid;gap:28px}
.ojo{font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--oro-texto)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,2.8rem);
  line-height:1.1;letter-spacing:-.02em}
h2{font-family:var(--serif);font-weight:400;font-size:1.35rem;
  margin-top:16px;letter-spacing:-.01em}
p,li{color:#3A3733;max-width:68ch}
ul,ol{display:grid;gap:8px;padding-left:1.2em}
a{color:var(--marino)}
a:hover{color:var(--oro-texto)}
strong{font-weight:600;color:var(--ink)}
.fecha{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--grey)}
.volver{display:inline-block;margin-top:8px;font-size:14px;color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:8px 0}
/* Lo que el taller todavía tiene que completar antes de vender. */
.pendiente{background:var(--aviso);border:1px solid #E8D9B8;border-radius:10px;
  padding:16px 18px;font-size:14px;display:grid;gap:8px}
.pendiente b{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--oro-texto)}
mark{background:#F3E4C4;color:var(--ink);padding:1px 5px;border-radius:4px;
  font-family:var(--mono);font-size:.85em}