/* Guías: se cargan después de legal.css y añaden lo que las guías necesitan (tablas de cuadrante, botón, enlaces). */
:root{--sunk:#EFEDF4;--pA:#7B2CBF;--onA:#FFFFFF;--pB:#E8D7AE;--onB:#2A2831;--pC:#D9C2F0;--onC:#2A2831;--pD:#634C1F;--onD:#FFFFFF;--btn:#7B2CBF;--onbtn:#FFFFFF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sunk:#1C1A22;--pA:#BE8DEB;--onA:#17151C;--pB:#594A28;--onB:#F0EEF4;--pC:#5E3F86;--onC:#F0EEF4;--pD:#D4B26A;--onD:#17151C;--btn:#BE8DEB;--onbtn:#17151C}}
:root[data-theme="dark"]{--sunk:#1C1A22;--pA:#BE8DEB;--onA:#17151C;--pB:#594A28;--onB:#F0EEF4;--pC:#5E3F86;--onC:#F0EEF4;--pD:#D4B26A;--onD:#17151C;--btn:#BE8DEB;--onbtn:#17151C}
.crumb{font-size:14px;color:var(--muted);margin:0 0 14px}
.crumb a{color:var(--muted)}
.lead{font-size:19px;color:var(--strong);margin:0 0 22px}
h3{font-size:18px;color:var(--strong);margin:22px 0 6px}
ul,ol{padding-left:22px;margin:0 0 12px}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:28px 0;padding:20px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:14px;background:var(--surface)}
.cta p{margin:0;flex:1 1 260px;color:var(--strong)}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;background:var(--btn);color:var(--onbtn);font-weight:600;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.scroll{overflow-x:auto;margin:14px 0 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{color:var(--strong);font-weight:600;background:var(--sunk)}
.cq{min-width:600px;table-layout:fixed}
.cq col.w{width:84px}
.cq th,.cq td{text-align:center;padding:8px 4px}
.cq td:first-child,.cq th:first-child{text-align:left;padding-left:12px;white-space:nowrap;color:var(--strong);font-weight:600}
.cq td span{display:block;margin:2px 0 6px}
.cq td span:last-child{margin-bottom:0}
.cq small{display:block;font-size:13px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.p{display:inline-block;min-width:1.6em;padding:0 4px;border-radius:5px;font-weight:700;text-align:center}
.p0{background:var(--pA);color:var(--onA)}.p1{background:var(--pB);color:var(--onB)}.p2{background:var(--pC);color:var(--onC)}.p3{background:var(--pD);color:var(--onD)}
.cap{font-size:14px;color:var(--muted);margin:0 0 18px}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.more{margin-top:36px;padding-top:18px;border-top:1px solid var(--line)}
.more ul{list-style:none;padding:0}
.more li{margin:0 0 8px}
.list{list-style:none;padding:0;margin:18px 0}
.list li{margin:0 0 12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.list a{font-weight:600;font-size:18px}
.list p{margin:4px 0 0;color:var(--muted)}
:root[data-eff="light"][data-bright="-1"]{--sunk:#E2DFE9;--btn:#621F9C}
:root[data-eff="light"][data-bright="1"]{--sunk:#F2F0F6}
:root[data-eff="dark"][data-bright="-1"]{--sunk:#24222B;--btn:#D4B0F3}
:root[data-eff="dark"][data-bright="1"]{--sunk:#131118}