/* ===================================================================
   byramistudio · páginas legales — sistema heredado del expediente
   Negro dominante · acento ácido #E8FF00 · JetBrains Mono · Saira.
   =================================================================== */
:root{
  --ink:#070707; --ink-2:#0E0E0E; --bone:#F2F1EC;
  --dim:rgba(242,241,236,.64); --dim-2:rgba(242,241,236,.4);
  --line:rgba(242,241,236,.16); --line-2:rgba(242,241,236,.30); --acid:#E8FF00;
  --disp:"Saira Condensed",Impact,"Haettenschweiler",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --pad:clamp(20px,5vw,80px); --ease:cubic-bezier(.22,.61,0,1);
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--ink);color:var(--bone);font-family:var(--mono);font-size:15px;line-height:1.7;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a{color:var(--acid);text-decoration:underline;text-underline-offset:3px;}
a:hover{text-decoration:none;}
::selection{background:var(--acid);color:var(--ink);}
:focus-visible{outline:2px solid var(--acid);outline-offset:3px;}

/* nav */
.l-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px var(--pad);background:rgba(7,7,7,.88);backdrop-filter:blur(9px);border-bottom:1px solid var(--line);}
.l-nav .brand{font-family:var(--disp);font-weight:900;font-size:20px;text-transform:lowercase;letter-spacing:-.02em;color:var(--bone);text-decoration:none;line-height:1;}
.l-nav .brand i{font-style:normal;color:var(--acid);}
.l-nav .back{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-decoration:none;}
.l-nav .back:hover{color:var(--bone);}

/* cuerpo */
.l-wrap{max-width:820px;margin:0 auto;padding:clamp(48px,9vh,96px) var(--pad) 110px;}
.l-kicker{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--acid);
  display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.l-kicker::before{content:"";width:34px;height:2px;background:var(--acid);}
.l-wrap h1{font-family:var(--disp);font-weight:900;text-transform:uppercase;letter-spacing:-.015em;line-height:.9;
  font-size:clamp(40px,8vw,84px);margin:0 0 18px;}
.l-meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--dim-2);text-transform:uppercase;
  margin-bottom:clamp(36px,6vh,60px);padding-bottom:22px;border-bottom:1px solid var(--line);}
.l-wrap h2{font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;
  font-size:clamp(22px,3.4vw,32px);margin:clamp(40px,6vh,60px) 0 16px;color:var(--bone);}
.l-wrap h2 .n{color:var(--acid);margin-right:12px;}
.l-wrap h3{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bone);margin:26px 0 8px;}
.l-wrap p{margin:0 0 16px;color:rgba(242,241,236,.86);max-width:72ch;}
.l-wrap ul{margin:0 0 18px;padding-left:20px;color:rgba(242,241,236,.86);max-width:72ch;}
.l-wrap li{margin-bottom:8px;}
.l-wrap strong{color:var(--bone);font-weight:700;}
.l-wrap .muted{color:var(--dim);}

/* hueco a rellenar */
.l-fill{background:rgba(232,255,0,.1);border:1px dashed var(--acid);color:var(--acid);
  padding:1px 8px;font-size:.92em;font-weight:700;letter-spacing:.03em;white-space:nowrap;}

/* tabla de cookies */
.l-table{width:100%;border-collapse:collapse;margin:10px 0 22px;font-size:12.5px;}
.l-table th,.l-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;}
.l-table th{background:var(--ink-2);color:var(--bone);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;}
.l-table td{color:var(--dim);}
.l-table code{color:var(--acid);font-size:12px;}

/* botón cambiar preferencias */
.l-cookie-btn{margin:6px 0 8px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:13px 24px;background:var(--acid);color:var(--ink);border:1px solid var(--acid);cursor:pointer;line-height:1;transition:background-color .25s,color .25s;}
.l-cookie-btn:hover{background:transparent;color:var(--acid);}

/* footer */
.l-foot{margin-top:clamp(48px,8vh,90px);padding-top:24px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim-2);
  display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;align-items:center;}
.l-foot a{color:var(--dim);text-decoration:none;}
.l-foot a:hover{color:var(--acid);}
.l-foot .end{color:var(--acid);}