@font-face{font-family:"IBM Plex Sans";src:url(/fonts/IBMPlexSans_400Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/IBMPlexSans_400Regular_Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url(/fonts/IBMPlexSans_700Bold.ttf) format("truetype");font-weight:600 700;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/fonts/SourceSerif4_700Bold.ttf) format("truetype");font-weight:600 700;font-display:swap}
:root{--navy:#10283f;--amber:#f0b85a;--ink:#1d2733;--muted:#5b6876;--bg:#f6f4ef;--card:#fff;--line:#e3ded3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "IBM Plex Sans",system-ui,sans-serif}
a{color:var(--navy)}
header{background:var(--navy);color:#fff}.bar{max-width:1240px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:12px}
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.marca svg{width:34px;height:34px}.marca b{font:700 19px "Source Serif 4",serif}.marca span{opacity:.7;font-size:14px}
.badge{background:var(--amber);color:var(--navy);font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px}
.menu{margin-left:auto;display:flex;gap:22px;font-size:15px}.menu a{color:#fff;opacity:.8;text-decoration:none;padding-bottom:3px}.menu a.on,.menu a:hover{opacity:1;border-bottom:2px solid var(--amber)}
.wrap{max-width:1240px;margin:0 auto;padding:36px 24px 80px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px}
main{min-width:0;max-width:840px}
.crumb{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0}
h1{font:700 40px/1.15 "Source Serif 4",serif;color:var(--navy);margin:.3em 0 .6em}
h2{font:700 26px/1.25 "Source Serif 4",serif;color:var(--navy);margin:2.2em 0 .6em;padding-top:.6em;border-top:1px solid var(--line)}
blockquote{margin:1.4em 0;background:var(--card);border-left:5px solid var(--amber);padding:14px 22px;border-radius:6px;box-shadow:0 1px 2px #0001}
blockquote p{margin:.4em 0}blockquote ol{padding-left:1.2em}
table{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--card);margin:1em 0;display:table}
th{background:var(--navy);color:#fff;text-align:left;padding:9px 10px;font-weight:600}td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
tr:nth-child(even) td{background:#faf9f6}
img{max-width:100%;border:1px solid var(--line);border-radius:8px;display:block;margin:1.2em auto;box-shadow:0 4px 18px #10283f14}
a.cta{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;padding:10px 18px;border-radius:6px;font-weight:600;font-size:15px;margin:.2em .4em .2em 0}
a.cta.alt{background:transparent;color:var(--navy);border:2px solid var(--navy)}
main>hr{display:none}li.chk{list-style:none;margin-left:-1.3em}em{color:var(--muted)}
aside{position:sticky;top:24px;align-self:start;font-size:15px}
.toc{border-left:2px solid var(--line);padding-left:16px;margin-bottom:28px}
.toc b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.toc ol{list-style:none;padding:0;margin:10px 0 0}.toc li{margin:7px 0;line-height:1.35}
.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--navy);text-decoration:underline}
.fcard{background:var(--navy);color:#fff;border-radius:12px;padding:20px}
.fcard svg{width:40px;height:40px}.fcard h3{font:700 20px "Source Serif 4",serif;margin:10px 0 6px}
.fcard p{margin:0 0 12px;opacity:.88;font-size:14.5px;line-height:1.5}.fcard p.sub{opacity:1;border-top:1px solid #ffffff26;padding-top:12px;color:#ffe2ad}
.fcard a{display:block;text-align:center;background:var(--amber);color:var(--navy);font-weight:700;text-decoration:none;padding:10px;border-radius:6px}
.fcard small{display:block;margin-top:10px;opacity:.65;font-size:12.5px}
.hero{background:var(--card);border-radius:14px;padding:34px 36px;box-shadow:0 2px 12px #10283f12}
.hero h1{font-size:42px;margin:.25em 0 .4em}.lead{font-size:19px;color:#36414d;margin:0 0 1.2em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.gcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}
.gcard:hover{box-shadow:0 6px 22px #10283f1f;transform:translateY(-2px)}
.gcard h3{font:700 19px/1.3 "Source Serif 4",serif;color:var(--navy);margin:0 0 8px}.gcard p{font-size:14.5px;color:var(--muted);margin:0 0 12px;line-height:1.5}.gcard span{font-weight:600;font-size:14px;color:var(--navy)}
.foto{width:180px;height:220px;border-radius:12px;background:repeating-linear-gradient(45deg,#e9e5dc,#e9e5dc 10px,#f1eee7 10px,#f1eee7 20px);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;float:right;margin:0 0 16px 24px;border:1px solid var(--line)}
img.autor{width:240px;float:right;margin:0 0 18px 28px;border-radius:14px}
footer{background:var(--navy);color:#fff}.fwrap{max-width:1240px;margin:auto;padding:28px 24px;display:grid;gap:10px;font-size:14px}
footer a{color:#fff}.nota{opacity:.6;font-size:12.5px}
@media(max-width:1020px){.wrap{grid-template-columns:1fr;gap:0}aside{position:static}.toc{display:none}.fcard{margin-top:32px}}
@media(max-width:640px){.bar{flex-wrap:wrap;row-gap:8px}.menu{margin-left:0;width:100%;overflow-x:auto;gap:18px;font-size:14px;white-space:nowrap}.marca span{display:none}h1,.hero h1{font-size:30px}h2{font-size:23px}body{font-size:16.5px}.wrap{padding:22px 16px 60px}.hero{padding:22px 20px}.lead{font-size:17px}
.foto{float:none;margin:0 0 16px}img.autor{float:none;width:100%;max-width:320px;margin:0 auto 18px}
table,thead,tbody,tr,td{display:block;width:100%}thead{display:none}table{background:none;font-size:15px}
tr{background:var(--card);border:1px solid var(--line);border-radius:8px;margin:0 0 10px;padding:6px 0}
tr:nth-child(even) td{background:none}td{border:0;display:flex;gap:12px;padding:4px 14px}
td::before{content:attr(data-label);flex:0 0 44%;color:var(--muted);font-size:13px;line-height:1.5}
td:first-child{font-weight:600;color:var(--navy);display:block;padding:8px 14px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}td:first-child::before{content:none}}