/* O blog da Iasora. Cores do `packages/tokens`, as mesmas do site público:
   o laranja (--accent) preenche, o texto laranja usa --accent-text. */
@font-face{font-family:'Nunito';src:url(/fonts/nunito-800-latin.woff2)format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Nunito';src:url(/fonts/nunito-900-latin.woff2)format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url(/fonts/nunito-sans-400-latin.woff2)format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Nunito Sans';src:url(/fonts/nunito-sans-700-latin.woff2)format('woff2');font-weight:700;font-display:swap}

:root{
  --ground:#FCF7F0;--surface:#fff;--sunk:#F4EFE6;
  --ink:#2A211B;--body:#3D3129;--muted:#7A6A5C;
  --border:#F3E6D6;--border4:#DCCDBA;
  --accent:#ED8A5C;--accent-on:#2A211B;--accent-text:#AA542D;--accent-tint:#FDEDE3;
  --sage-tint:#E8F1E9;--sage-ink:#3E5F4B;
  --rose-tint:#FBE9E6;--rose-ink:#8B3A31;--rose:#C9584C;
  --amber-tint:#FDF2DC;--amber-ink:#8A6414;
  --display:'Nunito',system-ui,sans-serif;--text:'Nunito Sans',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --ground:#1E1915;--surface:#2A231E;--sunk:#251F1A;
  --ink:#F6EEE4;--body:#E3D7CA;--muted:#B3A495;
  --border:#3A322C;--border4:#4A4038;
  --accent-text:#F0A27D;--accent-tint:#3A2A20;
  --sage-tint:#24332A;--sage-ink:#A9D1B5;
  --rose-tint:#3B2421;--rose-ink:#F2B3AA;--rose:#E07A6E;
  --amber-tint:#3A3020;--amber-ink:#E9C77C;
}}

*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--ground);color:var(--body);font:400 18px/1.65 var(--text);-webkit-text-size-adjust:100%}
a{color:var(--accent-text)}
.shell{max-width:760px;margin:0 auto;padding:0 16px}

.top{border-bottom:1px solid var(--border);background:var(--ground)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;font:900 20px var(--display);color:var(--ink);text-decoration:none;letter-spacing:.02em}
.brand img{border-radius:8px}
.brand span{font-weight:800;color:var(--accent-text)}
/* ⚠ DUAS LIGAÇÕES NA MARCA: «Iasora» leva à página de entrada (/za/ ou /mz/), «Blog» ao índice. */
.brand a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.lang{font:800 14px var(--display);text-decoration:none;border:1px solid var(--border4);border-radius:999px;padding:4px 12px;color:var(--ink)}

h1{font:900 clamp(30px,7vw,42px)/1.12 var(--display);color:var(--ink);margin:12px 0 10px;overflow-wrap:anywhere}
h2{font:900 24px/1.25 var(--display);color:var(--ink);margin:40px 0 10px}
h3{font:800 19px/1.3 var(--display);color:var(--ink);margin:28px 0 6px}
.crumbs{font-size:14px;color:var(--muted);margin-top:28px}
.crumbs a{text-decoration:none}
.meta{color:var(--muted);font-size:15px;margin:0 0 24px}

.prose p,.prose li{max-width:68ch}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:4px 0}
/* ⚠ UMA TABELA NORMAL, E NÃO `display:block` COM SCROLL. Com o scroll, uma
   comparação de três colunas ficava cortada ao meio no telemóvel e quase
   ninguém desliza uma tabela para o lado. As maiores têm cinco colunas de
   números, que cabem em 360px com 14px. */
.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:16px}
.prose td,.prose th{overflow-wrap:break-word;hyphens:auto}
@media (max-width:600px){.prose table{font-size:14px}.prose th,.prose td{padding:6px 5px}}
.prose th,.prose td{border-bottom:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}
.prose th{color:var(--ink);background:var(--sunk)}
.prose strong{color:var(--ink)}

.resumo,.alerta,.nota{border-radius:16px;padding:16px 20px;margin:20px 0}
.resumo{background:var(--sage-tint);color:var(--sage-ink)}
.resumo strong,.resumo p{color:var(--sage-ink)}
.alerta{background:var(--rose-tint);color:var(--rose-ink);border-left:5px solid var(--rose)}
.alerta strong,.alerta li,.alerta p{color:var(--rose-ink)}
.nota{background:var(--amber-tint);color:var(--amber-ink)}
.nota strong,.nota p{color:var(--amber-ink)}
.resumo>:first-child,.alerta>:first-child,.nota>:first-child{margin-top:0}
.resumo>:last-child,.alerta>:last-child,.nota>:last-child{margin-bottom:0}
.alerta h2,.alerta h3,.resumo h2,.resumo h3{color:inherit;margin-top:0}

.cta{background:var(--accent-tint);border-radius:20px;padding:22px 22px 24px;margin:44px 0 8px}
.cta h2{margin:0 0 6px;font-size:22px}
.cta p{margin:0 0 16px}
.btn{display:inline-block;background:var(--accent);color:var(--accent-on);font:900 17px var(--display);text-decoration:none;border-radius:999px;padding:12px 24px}

.share{margin:36px 0 0}
.share a{display:inline-flex;align-items:center;gap:8px;font:800 16px var(--display);text-decoration:none;color:var(--sage-ink);background:var(--sage-tint);border-radius:999px;padding:10px 18px}
.share a::before{content:'';width:10px;height:10px;border-radius:50%;background:#25D366}
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--border4)}
.sources{font-size:15px;color:var(--muted)}
.sources h2{font-size:18px}
.sources li{margin:4px 0;overflow-wrap:anywhere}
.disclaimer{border-top:1px solid var(--border);padding-top:14px;margin-top:18px}

.hub .lede{font-size:20px;color:var(--muted);margin:0 0 12px}
.hub h1{margin-top:36px}
.cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px 18px;text-decoration:none;color:var(--body)}
.card:hover{border-color:var(--border4)}
.card strong{font:800 18px/1.3 var(--display);color:var(--ink)}
.card .desc{font-size:15px;color:var(--muted)}
.tag{font:800 12px var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text)}
.related{margin:32px 0 48px}
.hero{margin:0 0 24px}
.hero img{display:block;width:100%;height:auto;border-radius:20px;background:var(--sunk)}
.prose figure{margin:24px 0}
.prose figure img{display:block;width:100%;height:auto;border-radius:16px}
.prose figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.card img{display:block;width:calc(100% + 36px);height:auto;margin:-16px -18px 6px;border-radius:17px 17px 0 0;aspect-ratio:1200/630;object-fit:cover;background:var(--sunk)}
.card{overflow:hidden}

.foot{border-top:1px solid var(--border);margin-top:48px;padding:24px 0 40px;font-size:15px;color:var(--muted)}
.foot a{color:var(--muted)}