/* Speaker Magnético · páginas legales */
:root{--night:#0B1624;--ink:#0E2238;--blue:#1D4E89;--mist:#EEF2F6;--line:#D6DEE8;--text:#33455C;--muted:#4A5B70;--gold:#F2B544;--gold-soft:#F2C66D}
*{box-sizing:border-box}
body{margin:0;background:var(--mist);color:var(--text);font:16px/1.65 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blue)}
.top{background:var(--night)}
.top .in,.bottom .in{max-width:860px;margin:0 auto;padding:18px 20px}
.brand{display:flex;gap:10px;align-items:baseline;color:#fff;text-decoration:none}
.brand b{font-size:18px;font-weight:800}
.brand span{color:var(--gold-soft);font-size:14px}
.doc{max-width:860px;margin:28px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,5vw,56px)}
.kicker{margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
h1{margin:6px 0 4px;font-size:clamp(30px,5vw,42px);line-height:1.1;color:var(--ink);letter-spacing:-.015em}
.meta{margin:0 0 24px;color:var(--muted);font-size:14px}
h2{margin:36px 0 10px;font-size:22px;line-height:1.25;color:var(--ink);scroll-margin-top:16px}
h3{margin:0 0 4px;font-size:16px;color:var(--ink)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin:6px 0}
strong{color:var(--ink)}
mark{background:#FFF1C9;color:#7A4B00;padding:0 4px;border-radius:4px}
.small{font-size:14px;color:var(--muted)}
.facts{list-style:none;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.facts li{display:grid;grid-template-columns:180px 1fr;gap:12px;margin:0;padding:10px 16px;border-top:1px solid var(--line)}
.facts li:first-child{border-top:0}
.facts span{color:var(--muted);font-size:14px}
.facts b{font-weight:600;color:var(--ink)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 8px}
.toc a{font-size:14px;text-decoration:none;background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink)}
.toc a:hover{border-color:var(--blue)}
.callout{background:var(--night);color:#fff;border-left:5px solid var(--gold);border-radius:12px;padding:18px 20px;margin:0 0 16px}
.callout p{margin:0}.callout strong{color:var(--gold-soft)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:8px 0 16px}
.card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#FAFBFD}
.card p{margin:0;font-size:15px}
.foot{margin-top:32px;padding-top:16px;border-top:1px solid var(--line)}
.bottom{color:#AFC2D8;font-size:14px;background:var(--night)}
@media (max-width:640px){.facts li{grid-template-columns:1fr;gap:2px}.grid{grid-template-columns:1fr}}
@media print{.top,.bottom,.toc{display:none}.doc{border:0;margin:0}body{background:#fff}}