/* Blog: mesmo azul-noite da home, sem animação e sem JS, para abrir rápido e ler bem. */
:root{
  --bg:#050913; --ink:#eef3fb; --ink-2:#b4bfd1; --ink-3:#8b98ae;
  --edge:rgba(160,190,255,.14); --glass:rgba(140,170,230,.055);
  --blue:#2f7bff; --blue-2:#7fb0ff; --wa:#25d366;
  --head:"Outfit",system-ui,sans-serif; --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font:17px/1.7 var(--body);-webkit-font-smoothing:antialiased;
  background:radial-gradient(900px 420px at 10% -10%, rgba(47,123,255,.18), transparent 70%), var(--bg) no-repeat}
a{color:var(--blue-2)}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px;border-radius:4px}
.bwrap{width:min(760px,100% - 32px);margin-inline:auto}
.bnav{border-bottom:1px solid var(--edge);background:rgba(5,9,19,.8)}
.bnav-in{width:min(1080px,100% - 32px);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:500 18px var(--head)}
.brand small{color:var(--ink-3);font-size:14px}
.bnav nav{display:flex;align-items:center;gap:22px;font-size:15px}
.bnav nav a{color:var(--ink-2);text-decoration:none}
.bnav nav a:hover{color:var(--ink)}
.bbtn{display:inline-block;white-space:nowrap;padding:10px 16px;border-radius:11px;background:linear-gradient(180deg,#3d86ff,#1f63ea);color:#fff!important;text-decoration:none;font-weight:500;font-size:15px}
.bh1,.post h1{font:300 clamp(34px,5.4vw,52px)/1.08 var(--head);letter-spacing:-.03em;margin:56px 0 18px;text-wrap:balance}
.blede{color:var(--ink-2);font-size:19px;margin:0 0 40px}
.cards{list-style:none;padding:0;margin:0 0 40px;display:grid;gap:14px}
.cards a{display:block;padding:24px;border-radius:18px;border:1px solid var(--edge);background:var(--glass);text-decoration:none;color:var(--ink)}
.cards a:hover{border-color:rgba(127,176,255,.45)}
.cluster{margin:0 0 48px}
.cluster > h2{font:400 30px/1.2 var(--head);margin:0 0 6px}
.cluster-lede{color:var(--ink-2);margin:0 0 18px}
.cards .hub a{border-color:rgba(127,176,255,.4);background:linear-gradient(180deg,rgba(47,123,255,.14),rgba(47,123,255,.03))}
.cards .hub h3::before{content:"Guia completo · ";color:var(--blue-2);font-size:15px}
.cards h3,.cards h2{font:400 23px/1.25 var(--head);margin:0 0 8px}
.cards p{margin:0 0 10px;color:var(--ink-2);font-size:16px}
.cards span{color:var(--ink-3);font-size:14px}
.guide{padding:20px 24px;border:1px solid rgba(127,176,255,.35);border-radius:16px;background:rgba(47,123,255,.06);margin:0 0 34px}
.guide-k{margin:0 0 8px;color:var(--ink);font-weight:600}
.guide ol{margin:0;padding-left:22px}
.part{font-size:15.5px;color:var(--ink-3);margin:-14px 0 30px}
.crumbs{margin-top:40px;font-size:14px;color:var(--ink-3)}
.crumbs a{color:var(--ink-3)}
.post h1{margin-top:14px}
.meta{color:var(--ink-3);font-size:14.5px;margin:0 0 26px}
.answer{font-size:19px;color:var(--ink);padding:18px 22px;border:1px solid rgba(127,176,255,.3);background:rgba(47,123,255,.08);border-radius:14px;margin:0 0 34px}
.post h2{font:400 28px/1.2 var(--head);letter-spacing:-.015em;margin:48px 0 12px}
.post h3{font:500 20px/1.3 var(--head);margin:30px 0 8px}
.post p,.post li{color:var(--ink-2)}
.post strong{color:var(--ink);font-weight:600}
.post ul,.post ol{padding-left:22px}
.post li{margin:6px 0}
.table{overflow-x:auto;margin:20px 0;border:1px solid var(--edge);border-radius:14px}
.post table{border-collapse:collapse;width:100%;font-size:15px;min-width:560px}
.post th,.post td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--edge);vertical-align:top;color:var(--ink-2)}
.post th{color:var(--ink);font-weight:600;background:rgba(140,170,230,.06)}
.post tr:last-child td{border-bottom:0}
.post code{font:14px ui-monospace,Menlo,monospace;color:#cfe0ff;background:rgba(140,170,230,.1);padding:2px 6px;border-radius:6px}
.note{padding:16px 20px;border:1px solid var(--edge);border-radius:14px;background:var(--glass);font-size:15.5px}
.faq details{border-bottom:1px solid var(--edge)}
.faq summary{cursor:pointer;padding:16px 0;font:400 19px/1.35 var(--head);color:var(--ink)}
.faq details p{margin:0 0 16px}
.sources{margin-top:44px;font-size:15px}
.sources h2{font-size:22px}
.sources p{color:var(--ink-3)}
.bcta{margin:52px 0 0;padding:30px;border-radius:20px;border:1px solid rgba(127,176,255,.35);background:linear-gradient(180deg,rgba(47,123,255,.16),rgba(47,123,255,.04))}
.bcta h2{font:400 26px/1.2 var(--head);margin:0 0 10px}
.bcta p{color:var(--ink-2);margin:0 0 14px}
.bcta p:last-of-type{margin-bottom:22px}
.bcta strong{color:var(--ink)}
.related{margin:56px 0 0}
.related h2{font:400 22px var(--head)}
.related ul{padding-left:20px}
.bfoot{margin-top:80px;border-top:1px solid var(--edge);padding:28px 0 40px;font-size:14px;color:var(--ink-3)}
.bfoot a{color:var(--ink-2)}
.bbtn .short{display:none}
@media (max-width:640px){
  .bnav nav a:not(.bbtn){display:none}
  .bbtn .long{display:none}.bbtn .short{display:inline}
  body{font-size:16.5px}
  .answer{font-size:17px;padding:14px 16px}
  .post h2{font-size:24px}
}