/* Las páginas legales, con la piel de la casa pero pensadas para LEERSE:
   ancho de columna corto, interlínea alta y contraste suficiente. Un legal en
   gris sobre negro a 60 caracteres por línea no lo lee nadie — y ahí está justo
   lo que la pasarela y el usuario necesitan entender. */
:root{
  --bg:#080808; --txt:#EDEDED; --dim:#B8B8B8; --faint:#7A7A7A;
  --oro:#C8A24A; --linea:rgba(255,255,255,.10);
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"Helvetica Neue",Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:var(--sans);
  -webkit-font-smoothing:antialiased;line-height:1.65}

.lg-head{border-bottom:1px solid var(--linea);padding:22px clamp(20px,5vw,60px)}
.lg-marca{text-decoration:none;color:var(--txt);display:inline-block}
.lg-marca b{display:block;font-size:15px;font-weight:600;letter-spacing:.22em}
.lg-marca span{display:block;font-family:var(--mono);font-size:9.5px;
  letter-spacing:.3em;color:var(--faint);margin-top:5px;text-transform:uppercase}

.lg-hoja{max-width:720px;margin:0 auto;padding:clamp(46px,7vw,84px) clamp(20px,5vw,40px) 90px}
.lg-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.3em;
  color:var(--faint);text-transform:uppercase}
h1{font-size:clamp(32px,5vw,48px);font-weight:600;letter-spacing:-.03em;
  line-height:1.05;margin:16px 0 0}
.lg-fecha{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:14px}

section{margin-top:clamp(38px,5vw,54px)}
h2{font-size:clamp(18px,2.2vw,22px);font-weight:600;letter-spacing:-.015em;
  margin-bottom:14px}
h2::before{content:"";display:block;width:24px;height:2px;background:var(--oro);
  margin-bottom:14px}
p{color:var(--dim);font-size:15.5px;font-weight:300}
p + p{margin-top:13px}
strong{color:var(--txt);font-weight:500}
a{color:var(--oro);text-decoration:none;border-bottom:1px solid rgba(200,162,74,.35)}
a:hover{border-bottom-color:var(--oro)}

ul{margin:14px 0 0;padding-left:20px}
li{color:var(--dim);font-size:15.5px;font-weight:300;margin-bottom:9px}
li::marker{color:var(--oro)}

/* el bloque que de verdad hay que leer */
.lg-alerta{margin-top:34px;padding:22px 24px;border:1px solid rgba(222,106,95,.4);
  border-radius:3px;background:rgba(222,106,95,.06)}
.lg-alerta p{color:var(--txt);font-size:16.5px;font-weight:300}

.lg-tab{width:100%;border-collapse:collapse;margin-top:18px;font-size:14.5px}
.lg-tab th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:.16em;
  color:var(--faint);text-transform:uppercase;font-weight:400;padding:0 14px 11px 0}
.lg-tab td{padding:12px 14px 12px 0;border-top:1px solid var(--linea);
  color:var(--dim);font-weight:300;vertical-align:top}
.lg-tab td:first-child{white-space:nowrap;color:var(--txt)}

.lg-otros{margin-top:clamp(54px,7vw,80px);padding-top:26px;
  border-top:1px solid var(--linea);display:flex;gap:24px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em}
.lg-otros a{border-bottom:0;color:var(--dim)}
.lg-otros a:hover{color:var(--txt)}

@media(max-width:520px){
  .lg-tab, .lg-tab tbody, .lg-tab tr, .lg-tab td{display:block;width:100%}
  .lg-tab thead{display:none}
  .lg-tab td:first-child{white-space:normal;font-family:var(--mono);font-size:10px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding-bottom:4px}
  .lg-tab td{border-top:0;padding:4px 0}
  .lg-tab tr{border-top:1px solid var(--linea);padding:14px 0}
}