/* Hoja compartida por las tres páginas legales. Van aparte del index a
   propósito: son documentos largos, de lectura seguida y sin animación, y no
   tienen nada que ver con la puesta en escena de la portada. Mismos tokens de
   color y tipografía para que no parezcan de otra web. */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0A0B0E; --bg2:#111318; --panel:#13161C;
  /* --dim igualado a la portada: el #5E5A52 anterior daba 2,9 de contraste y
     lo mínimo legible es 4,5. En un documento legal, que además hay que poder
     leer entero, no puede haber un tono por debajo de eso. */
  --ink:#F4F1EA; --muted:#9A958A; --dim:#858075;
  --bronze:#C8A96A; --bronze-hi:#E4CD9A;
  --line:rgba(200,169,106,.28); --line-soft:rgba(200,169,106,.12);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --pad:clamp(22px,4.5vw,72px);
}
html{scroll-behavior:smooth}
/* Sin -webkit-font-smoothing, igual que la portada: en Windows apagaba
   ClearType y dejaba el texto en escala de grises, más fino y más apagado. */
body{background:var(--bg);color:var(--ink);font-family:var(--sans);
  line-height:1.75;overflow-x:hidden}
::selection{background:var(--bronze);color:#0A0B0E}

/* Halo tenue, el mismo recurso del 404: da profundidad sin pesar nada */
.halo{position:fixed;left:50%;top:0;width:min(900px,120vw);height:min(900px,120vw);
  transform:translate(-50%,-45%);pointer-events:none;z-index:0;
  background:radial-gradient(circle,rgba(200,169,106,.10),transparent 68%)}

.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;
  justify-content:space-between;gap:18px;padding:16px var(--pad);
  background:rgba(10,11,14,.86);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft)}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.marca img{width:34px;height:34px}
.marca b{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.4px}
.marca b em{font-style:italic;color:var(--bronze-hi);font-weight:500}
.volver{font-size:10px;letter-spacing:3px;text-transform:uppercase;
  color:var(--muted);text-decoration:none;transition:color .3s;white-space:nowrap}
.volver:hover{color:var(--bronze)}

main{position:relative;z-index:1;max-width:820px;margin:auto;
  padding:clamp(46px,7vw,96px) var(--pad) clamp(60px,8vw,110px)}
.tag{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:5px;
  text-transform:uppercase;color:var(--bronze);font-weight:500}
.tag::before{content:"";width:38px;height:1px;background:var(--bronze)}
h1{font-family:var(--serif);font-weight:600;line-height:1.1;margin-top:24px;
  font-size:clamp(34px,5.6vw,62px)}
h1 em{font-style:italic;color:var(--bronze-hi);font-weight:500}
.fecha{margin-top:20px;font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:var(--dim)}

/* Índice: en un documento largo, poder saltar es la diferencia entre leerlo
   y cerrarlo. */
.indice{margin-top:40px;border:1px solid var(--line-soft);background:var(--bg2);
  padding:clamp(20px,3vw,30px)}
.indice p{font-size:10px;letter-spacing:3px;text-transform:uppercase;
  color:var(--bronze);margin-bottom:14px}
.indice ol{list-style:none;counter-reset:i;display:grid;gap:9px}
.indice li{counter-increment:i;font-size:14px}
.indice li::before{content:counter(i,decimal-leading-zero) " ";
  font-family:var(--serif);font-style:italic;color:var(--bronze);margin-right:9px}
.indice a{color:var(--muted);text-decoration:none;transition:color .3s}
.indice a:hover{color:var(--ink)}

h2{font-family:var(--serif);font-size:clamp(24px,3vw,34px);font-weight:600;
  line-height:1.25;margin:clamp(44px,5vw,64px) 0 6px;scroll-margin-top:90px}
h2 .n{font-style:italic;color:var(--bronze);font-size:.66em;margin-right:12px}
h3{font-size:14px;letter-spacing:1px;font-weight:500;color:var(--bronze-hi);
  margin:26px 0 4px}
p,li{color:var(--muted);font-size:15.5px}
p{margin-top:14px}
main ul,main ol.lista{margin:14px 0 0 20px;display:grid;gap:9px}
main li{padding-left:4px}
main li::marker{color:var(--bronze)}
b,strong{color:var(--ink);font-weight:500}
a{color:var(--bronze-hi);text-decoration:none;border-bottom:1px solid var(--line);
  transition:border-color .3s,color .3s}
a:hover{color:var(--ink);border-color:var(--bronze)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  color:var(--bronze-hi);background:var(--panel);padding:2px 7px;
  border:1px solid var(--line-soft)}

/* Cuadro de aviso: lo que el lector debe ver aunque no lea el resto */
.nota{margin-top:22px;border-left:2px solid var(--bronze);background:var(--bg2);
  padding:18px clamp(18px,2.4vw,26px)}
.nota p:first-child{margin-top:0}

/* Dato que falta por confirmar. Se ve a la legua a propósito: publicar el
   documento con uno de estos puesto sería peor que no publicarlo. */
.pend{display:inline-block;color:#0A0B0E;background:var(--bronze-hi);
  font-size:12px;font-weight:600;letter-spacing:.4px;padding:1px 8px;
  border-radius:2px}

table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px}
th,td{text-align:left;padding:12px 14px;border:1px solid var(--line-soft);
  vertical-align:top;color:var(--muted)}
th{color:var(--bronze-hi);font-weight:500;font-size:10px;letter-spacing:2.5px;
  text-transform:uppercase;background:var(--bg2)}
.tabla-scroll{overflow-x:auto}

footer{border-top:1px solid var(--line-soft);padding:38px var(--pad);text-align:center}
footer .fl{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;
  margin-bottom:18px}
footer .fl a{font-size:10px;letter-spacing:3px;text-transform:uppercase;
  color:var(--dim);border:none}
footer .fl a:hover{color:var(--bronze)}
footer small{font-size:9.5px;letter-spacing:2.5px;color:var(--dim)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}