/* Estilo compartido de las páginas legales de solorol.com.
   Dark, coherente con el sitio, optimizado para leer texto largo (línea ~66ch, buena jerarquía).
   BORRADOR: revisar con asesoría legal antes de considerarlo definitivo. */
:root{
  --void:#0b0d11; --void2:#12151b; --void3:#191d25; --line:#272b34; --line2:#31363f;
  --gold:#c9a24b; --gold-dim:#7c6531; --bone:#e9e3d5; --ash:#7c828e; --silver:#b7bcc5; --exo:#7aa79c;
  --serif:Georgia,'Iowan Old Style','Times New Roman',serif;
  --mono:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0; color:var(--bone); font-family:var(--serif); line-height:1.65; font-size:1.02rem;
  background:radial-gradient(120% 70% at 50% -10%, #14181f 0%, var(--void) 55%), var(--void);
  padding:clamp(1.4rem,4vw,3rem) clamp(1rem,5vw,2rem) 4rem}
.doc{max-width:44rem; margin:0 auto}
a{color:var(--exo); text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--gold); outline-offset:2px; border-radius:2px}

.top{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 2rem;
  padding-bottom:1rem; border-bottom:1px solid var(--line)}
.top .home{font-family:var(--mono); font-size:.72rem; letter-spacing:.05em; color:var(--ash)}
.top .home:hover{color:var(--bone)}
.top .brand{font-family:var(--mono); font-size:.62rem; letter-spacing:.22em; text-transform:uppercase; color:var(--gold)}

.eyebrow{font-family:var(--mono); font-size:.64rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); margin:0 0 .55rem}
h1{font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,4vw,2.3rem); letter-spacing:.01em; margin:0 0 .35rem; text-wrap:balance}
.updated{font-family:var(--mono); font-size:.68rem; color:var(--ash); margin:0 0 1.6rem}

/* resumen legible por sección (el "TL;DR" del estilo moderno por capas) */
.tldr{background:var(--void2); border:1px solid var(--line); border-left:3px solid var(--gold);
  border-radius:6px; padding:.8rem 1rem; margin:0 0 1.6rem; font-size:.96rem; color:var(--silver)}
.tldr b{color:var(--bone); font-weight:600}
.tldr .k{font-family:var(--mono); font-size:.6rem; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); display:block; margin:0 0 .3rem}

h2{font-family:var(--serif); font-weight:600; font-size:1.32rem; letter-spacing:.01em; margin:2.4rem 0 .3rem; text-wrap:balance}
h2 .num{font-family:var(--mono); font-size:.85rem; color:var(--gold); margin-right:.5rem; font-weight:400}
h3{font-family:var(--serif); font-weight:600; font-size:1.08rem; color:var(--bone); margin:1.5rem 0 .3rem}
p{margin:.6rem 0}
ul,ol{margin:.6rem 0; padding-left:1.3rem}
li{margin:.3rem 0}
strong{color:var(--bone)}
.mono{font-family:var(--mono); font-size:.85em; color:var(--bone); background:var(--void3); padding:.05rem .35rem; border-radius:3px}

/* ficha de identificación / datos */
.card{background:var(--void2); border:1px solid var(--line); border-radius:8px; padding:1rem 1.15rem; margin:1rem 0}
.card dl{margin:0; display:grid; grid-template-columns:auto 1fr; gap:.3rem .9rem}
.card dt{font-family:var(--mono); font-size:.68rem; letter-spacing:.05em; text-transform:uppercase; color:var(--ash); align-self:baseline}
.card dd{margin:0; color:var(--bone)}

/* tabla (p.ej. inventario de cookies) */
.tbl-wrap{overflow-x:auto; margin:1rem 0}
table{border-collapse:collapse; width:100%; font-size:.9rem}
th,td{text-align:left; padding:.5rem .7rem; border-bottom:1px solid var(--line); vertical-align:top}
th{font-family:var(--mono); font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; color:var(--gold); font-weight:400}
td .mono{font-size:.82em}

.note{font-family:var(--mono); font-size:.72rem; color:var(--ash); line-height:1.6;
  border-top:1px solid var(--line); margin-top:2.6rem; padding-top:1.2rem}
footer.pg{font-family:var(--mono); font-size:.68rem; color:var(--ash); margin-top:2rem; text-align:center}
footer.pg a{color:var(--ash)}
footer.pg a:hover{color:var(--bone)}