/* Capítulo 07 · Multas (modo claro) */
#multas{background:#F3F5F9;color:#171D20;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:84px 0 28px;--bg:#F3F5F9;--surface:#FFFFFF;--line:rgba(23,29,32,.18);--line-2:rgba(23,29,32,.09);--text:#171D20;--muted:#4A5A63;--muted-2:#6A7A83;position:relative;overflow:clip}
#multas::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 520px at 95% 8%,rgba(122,33,233,.1),transparent 70%),radial-gradient(640px 480px at 0% 95%,rgba(0,180,255,.12),transparent 70%)}
#multas .ag-chap b{color:#171D20}
#multas .hint{color:#4C2A99;background:rgba(122,33,233,.09);border-color:rgba(122,33,233,.35)}
.mu{position:relative;display:grid;gap:clamp(10px,1.8vh,18px)}
.mu .h2{font-size:clamp(1.7rem,3vw,2.6rem);max-width:none}
.mu-head{display:grid;gap:10px}
.mu-lead{font-size:1.02rem;color:var(--muted);max-width:60ch}
.mu-tb{display:grid;gap:8px}
.mu-hd,.mu-r{display:grid;grid-template-columns:minmax(180px,.9fr) 1.2fr 1.2fr;gap:12px;align-items:center}
.mu-hd b{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted-2);padding:0 18px}
.mu-hd b.pm{color:#7A21E9}
.mu-r{text-align:left;width:100%;padding:12px 18px;border-radius:16px;background:#fff;border:1.5px solid transparent;box-shadow:0 8px 20px -16px rgba(23,29,32,.4);transition:border-color .25s,box-shadow .25s}
.mu-r:hover{border-color:rgba(122,33,233,.4)}
.mu-r.on{border-color:#7A21E9;box-shadow:0 14px 30px -18px rgba(122,33,233,.55)}
.mu-k{font-weight:800;font-size:.95rem;letter-spacing:-.01em}
.mu-c{display:grid;gap:6px;min-width:0}
.mu-c em{font-style:normal;font-size:.88rem;font-weight:600;color:var(--muted)}
.mu-c.pm em{color:#171D20;font-weight:700}
.mu-c i{display:block;height:8px;border-radius:99px;background:#9AA7AE;width:0;transition:width .8s var(--ease)}
.mu-c.pm i{background:linear-gradient(90deg,#4C1ED4,#B91CC8)}
.mu-go .mu-c i,.mu:not(.mu-pre) .mu-c i{width:var(--w)}
#multas.mu-go .mu-c i{width:var(--w)}
.mu-why{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;padding:14px 20px;border-radius:16px;background:linear-gradient(135deg,rgba(76,30,212,.1),rgba(185,28,200,.1));border:1px solid rgba(122,33,233,.3)}
.mu-why b{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#7A21E9}
.mu-why p{font-size:.98rem;font-weight:600}
.mu-note{font-size:.8rem;color:var(--muted-2)}
@media (max-width:820px){.mu-hd{display:none}.mu-r{grid-template-columns:1fr;gap:8px}.mu-c:not(.pm)::before{content:"Maresa";font-size:.7rem;font-weight:800;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase}.mu-c.pm::before{content:"PMV";font-size:.7rem;font-weight:800;color:#7A21E9;letter-spacing:.08em}#multas{padding-top:92px}}
.mu-c.soon em{display:inline-flex;width:fit-content;padding:6px 14px;border-radius:999px;border:1.5px dashed rgba(122,33,233,.5);color:#7A21E9;font-weight:700}
.mu-br{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font-size:.82rem}
.mu-br span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted-2);margin-right:2px}
.mu-br span:nth-of-type(2){margin-left:14px}
.mu-br b,.mu-br em{font-style:normal;padding:5px 12px;border-radius:999px;font-weight:700}
.mu-br b{background:#171D20;color:#fff}.mu-br em{background:#fff;border:1px solid var(--line);color:var(--muted)}
.mu-hd,.mu-r{grid-template-columns:minmax(160px,.7fr) 1.5fr 1fr}