/* Páginas legales — LA FAMA ROLEPLAY */
:root{--vio:#a24bff;--fux:#ff3da6;--oro:#ffd76a;--txt:#f5edff;--txt2:#cdb6ec;--txt3:#9a83b8;--bg:#08030f;--bg2:#0e0620;
 --glass:linear-gradient(168deg,rgba(34,15,54,.9),rgba(11,4,20,.86));--line:rgba(162,75,255,.3);--energy:linear-gradient(90deg,var(--vio),var(--fux));
 --lean:14px;--shape:polygon(var(--lean) 0,100% 0,calc(100% - var(--lean)) 100%,0 100%)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--txt);font-family:"Saira",system-ui,sans-serif;font-weight:300;line-height:1.7;
 background-image:radial-gradient(ellipse 70% 40% at 90% -5%,rgba(162,75,255,.14),transparent),radial-gradient(ellipse 50% 40% at 0% 100%,rgba(255,61,166,.08),transparent)}
h1,h2,h3{font-family:"Saira Condensed",sans-serif;font-style:italic;font-weight:900;line-height:1}
a{color:var(--fux);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(920px,92vw);margin:0 auto;padding:34px 0 80px}
.top{display:flex;align-items:center;gap:13px;margin-bottom:30px}
.top img{width:44px;height:44px;filter:drop-shadow(0 3px 12px rgba(255,61,166,.45))}
.top b{font-family:"Saira Condensed";font-style:italic;font-weight:900;font-size:20px;letter-spacing:.04em;display:block}
.top b i{font-style:italic;color:var(--fux)}
.top span{font-size:9px;letter-spacing:.42em;color:var(--txt3);text-transform:uppercase}
.eyebrow{font-family:"Saira Condensed";font-weight:800;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--fux)}
h1{font-size:clamp(32px,5.5vw,52px);margin:10px 0 8px}
.fecha{color:var(--txt3);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.rule{height:2px;width:62px;background:var(--energy);margin:18px 0 30px}
.indice{background:var(--glass);clip-path:var(--shape);border-top:2px solid transparent;border-image:var(--energy) 1;padding:20px 24px;margin-bottom:34px}
.indice b{font-family:"Saira Condensed";font-style:italic;font-weight:800;font-size:15px;display:block;margin-bottom:10px}
.indice ol{margin-left:18px;color:var(--txt2);font-size:14.5px}
.indice a{color:var(--txt2)}.indice a:hover{color:var(--fux)}
section{margin-bottom:34px;scroll-margin-top:24px}
h2{font-size:24px;margin-bottom:12px;color:var(--txt)}
h2 span{font-family:"IBM Plex Mono",monospace;font-style:normal;font-weight:500;font-size:13px;color:var(--fux);margin-right:10px}
p,li{color:var(--txt2);font-size:15.5px;max-width:70ch}
p+p,ul,ol.lista{margin-top:12px}
ul,ol.lista{margin-left:20px}li{margin-bottom:7px}
strong{color:var(--txt);font-weight:600}
.aviso{background:rgba(255,215,106,.07);border-left:2px solid var(--oro);padding:14px 18px;margin:22px 0;font-size:14.5px}
.pie{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}
.pie a{color:var(--txt3)}.pie a:hover{color:var(--fux)}
.volver{display:inline-flex;gap:8px;align-items:center;font-family:"Saira Condensed";font-style:italic;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
 padding:10px 20px;clip-path:var(--shape);background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);margin-top:30px}

.docs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px}
.doc{display:block;padding:24px 26px;background:var(--glass);clip-path:var(--shape);border-top:2px solid transparent;border-image:var(--energy) 1;transition:transform .2s,box-shadow .2s}
.doc:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.5);text-decoration:none}
.doc .k{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--fux)}
.doc b{display:block;font-family:"Saira Condensed",sans-serif;font-style:italic;font-weight:900;font-size:26px;margin:8px 0 10px;color:var(--txt)}
.doc p{font-size:14.5px}
.doc .mas{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--oro);border-bottom:1px solid rgba(255,215,106,.4);padding-bottom:3px}
.otros{background:rgba(255,255,255,.03);border-left:2px solid var(--line);padding:20px 24px}
.otros b{font-family:"Saira Condensed";font-style:italic;font-weight:800;font-size:17px;display:block;margin-bottom:10px}
.otros ul{margin-left:18px}.otros li{color:var(--txt2);font-size:14.5px}
@media (max-width:760px){.docs{grid-template-columns:1fr}}