/* =====================================================================
   ICÔNICO — blog (/blog/) e o app Atmosphere Notebook (30/10/2026).
   Só carregado nas páginas do blog (o build põe o <link> pelo _builder/blog.py). Usa as variáveis do site.css
   (--bg, --branco, --escuro, --texto, --texto-suave, --linha, --verde, --f, --f-marca, --raio): a identidade é a
   da ICÔNICO, não a do protótipo. Tudo com o prefixo .atm-, para não esbarrar no resto do site.
   ===================================================================== */
.atm{--atm-claro:color-mix(in srgb, var(--escuro) 5%, var(--branco));--atm-raio:14px;--atm-topo:72px}
.atm h1,.atm h2,.atm h3{font-weight:400;margin:0;text-wrap:balance}
.atm a{text-underline-offset:3px}
.atm-nota{font-size:13.5px;color:var(--texto-suave);margin:10px 0 0}
.atm-vazio{color:var(--texto-suave);padding:20px 0}
.atm-migalha{font-size:13px;color:var(--texto-suave);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.atm-migalha a{color:var(--texto-suave);text-decoration:underline;text-decoration-color:var(--linha)}
.atm-migalha a:hover{color:var(--escuro)}

/* ---------- índice do blog ---------- */
.atm-cab{padding-top:calc(var(--atm-topo) + clamp(28px,4vw,56px));padding-bottom:clamp(20px,3vw,36px);display:grid;gap:14px}
.atm-cab .titulo-2{max-width:20ch}
.atm-bloco{padding-bottom:clamp(48px,6vw,96px);display:grid;gap:clamp(16px,2vw,28px)}
.atm-destaque{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:var(--branco);border-radius:var(--raio);overflow:hidden;color:var(--texto)}
.atm-destaque img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1200/630}
.atm-destaque-txt{display:grid;gap:14px;align-content:center;padding:clamp(22px,3vw,48px)}
.atm-destaque-txt strong{font-weight:400;font-size:clamp(26px,2.6vw,40px);line-height:1.1;color:var(--escuro)}
.atm-destaque-txt .btn{justify-self:start}
.atm-dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.atm-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,1.6vw,22px)}
.atm-cartao{display:grid;align-content:start;background:var(--branco);border-radius:var(--raio);overflow:hidden;color:var(--texto);transition:transform .25s}
.atm-cartao:hover,.atm-destaque:hover{transform:translateY(-2px)}
.atm-cartao img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.atm-cartao-txt{display:grid;gap:6px;padding:18px 20px 22px}
.atm-cartao-txt strong{font-weight:400;font-size:21px;line-height:1.2;color:var(--escuro)}
.atm-cartao-txt > span:last-child{font-size:15px;color:var(--texto-suave)}
@media (max-width:860px){.atm-destaque,.atm-dupla{grid-template-columns:minmax(0,1fr)}}

/* ---------- topo do app: paisagem em névoa ---------- */
.atm-hero{position:relative;height:clamp(320px,38vw,460px);overflow:hidden;background:#E6E9E7;border-bottom:1px solid var(--linha)}
.atm-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.atm-hero-txt{position:relative;padding-top:calc(var(--atm-topo) + clamp(18px,3vw,40px))}
.atm-hero h1{font-size:clamp(36px,5.4vw,76px);line-height:1.04;letter-spacing:-.02em;color:var(--escuro)}
.atm-hero h1 em{font-style:normal;font-family:var(--f-marca);font-size:.62em;letter-spacing:.02em;vertical-align:.1em}
.atm-hero p{margin:12px 0 0;max-width:52ch;color:var(--texto);font-size:clamp(15px,1.2vw,18px)}
/* tela estreita: o texto não cabe acima dos morros; vai em cima e a paisagem vira uma faixa embaixo (o fundo é a
   cor do alto do céu, para emendar sem costura) */
@media (max-width:760px){
  .atm-hero{height:auto;display:flex;flex-direction:column;background:#C3CBC8}
  .atm-hero-txt{padding-bottom:6px}
  .atm-hero canvas{position:relative;height:190px;order:2}
}

/* ---------- abas do app ---------- */
.atm-barra{position:sticky;top:var(--atm-topo);z-index:20;background:color-mix(in srgb, var(--bg) 94%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.atm-barra .wrap{display:flex;align-items:center;gap:14px}
.atm-abas{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.atm-abas::-webkit-scrollbar{display:none}
.atm-aba{appearance:none;border:0;background:none;font:inherit;padding:15px 14px 13px;cursor:pointer;color:var(--texto-suave);white-space:nowrap;border-bottom:2px solid transparent;font-size:15px}
.atm-aba:hover{color:var(--escuro)}
.atm-aba[aria-selected="true"]{color:var(--escuro);border-bottom-color:var(--verde)}
.atm-aba:focus-visible{outline:2px solid var(--verde);outline-offset:-2px}
.atm-salvo{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave);white-space:nowrap;display:flex;align-items:center;gap:6px}
.atm-salvo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verde)}
@media (max-width:640px){.atm-salvo{display:none}}

.atm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:var(--atm-raio);overflow:hidden;margin:28px 0 12px}
.atm-stat{background:var(--branco);padding:16px 18px;display:grid;gap:8px}
.atm-stat b{font-weight:400;font-size:30px;line-height:1;color:var(--escuro)}
.atm-stat b small{font-size:15px;color:var(--texto-suave)}
.atm-medidor{height:3px;background:var(--atm-claro);border-radius:2px;overflow:hidden}
.atm-medidor i{display:block;height:100%;width:0;background:var(--verde);transition:width .4s ease}
@media (max-width:520px){.atm-stat{padding:12px}.atm-stat b{font-size:22px}}

.atm-painel{display:grid;gap:24px;padding:18px 0 clamp(56px,7vw,96px)}
.atm-painel[hidden]{display:none}
.atm-painel-cab{display:grid;gap:8px;max-width:70ch}
.atm-painel-cab h2{font-size:clamp(26px,3vw,40px);line-height:1.12;color:var(--escuro)}
.atm-painel-cab p{margin:0;color:var(--texto-suave)}
.atm-painel-cab a{color:var(--texto);text-decoration:underline;text-decoration-color:var(--linha-forte)}

/* trilha */
.atm-passos{border-top:1px solid var(--linha)}
.atm-passo{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--linha)}
.atm-passo-n{font-size:40px;line-height:1;color:var(--linha-forte)}
.atm-passo.feito .atm-passo-n{color:var(--verde)}
.atm-passo-topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}
.atm-passo h3{font-size:22px;color:var(--escuro)}
.atm-quando{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-suave)}
.atm-checks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px}
.atm-check{display:flex;align-items:flex-start;gap:10px;padding:5px 0;cursor:pointer}
.atm-check input{appearance:none;flex:none;width:18px;height:18px;margin-top:3px;border:1.5px solid var(--texto-suave);border-radius:5px;display:grid;place-items:center;cursor:pointer;background:var(--branco)}
.atm-check input:checked{background:var(--verde);border-color:var(--verde)}
.atm-check input:checked::after{content:"";width:5px;height:9px;border:solid var(--branco);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.atm-check input:focus-visible{outline:2px solid var(--verde);outline-offset:2px}
.atm-checks .atm-check input:checked + span{color:var(--texto-suave);text-decoration:line-through;text-decoration-color:var(--linha-forte)}
.atm-passo-extra{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--texto-suave)}
.atm-passo-extra .atm-medidor{width:140px}
@media (max-width:520px){.atm-passo{grid-template-columns:36px minmax(0,1fr);gap:10px}.atm-passo-n{font-size:28px}}

/* filtros e referências */
.atm-filtros{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.atm-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--linha);border-radius:999px;padding:3px;background:var(--branco)}
.atm-seg button{border:0;background:none;font:inherit;padding:6px 13px;border-radius:999px;cursor:pointer;color:var(--texto-suave);font-size:14px}
.atm-seg button[aria-pressed="true"]{background:var(--escuro);color:var(--branco)}
.atm-busca{flex:1 1 200px;min-width:0;max-width:320px;font:inherit;padding:9px 14px;border:1px solid var(--linha);border-radius:999px;background:var(--branco);color:var(--texto)}
.atm-refs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.atm-ref{background:var(--branco);border:1px solid var(--linha);border-radius:var(--atm-raio);padding:16px 18px;display:grid;gap:6px;align-content:start}
.atm-ref[hidden]{display:none}
.atm-ref.vista{border-color:color-mix(in srgb, var(--verde) 55%, var(--linha))}
.atm-ref-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.atm-ref h3{font-size:19px;line-height:1.25;color:var(--escuro)}
.atm-obra{margin:0;font-style:italic;color:var(--texto-suave);font-size:15px}
.atm-olhar{margin:0;font-size:15px}
.atm-ref-pe{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:13.5px}
.atm-ref-pe a{color:var(--texto);text-decoration:underline;text-decoration-color:var(--linha-forte)}
.atm-tag{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--atm-claro);color:var(--texto-suave);white-space:nowrap}
.atm-tag.br{background:color-mix(in srgb, var(--verde) 14%, var(--branco));color:var(--verde)}
.atm-vista{border:1px solid var(--linha);background:none;font:inherit;border-radius:999px;padding:4px 11px;cursor:pointer;font-size:12.5px;color:var(--texto-suave);white-space:nowrap}
.atm-vista[aria-pressed="true"]{border-color:var(--verde);color:var(--verde)}
.atm-h2-grupo{font-size:clamp(22px,2.2vw,30px);color:var(--escuro);margin:34px 0 14px !important}
.atm-h2-grupo[hidden]{display:none}

/* climas e briefing */
.atm-briefing{background:var(--branco);border-radius:var(--raio);padding:clamp(20px,2.4vw,32px);display:grid;gap:16px}
.atm-briefing-txt{font-size:clamp(21px,2.3vw,30px);line-height:1.3;margin:0;max-width:44ch;color:var(--escuro)}
.atm-briefing-txt b{font-weight:400;color:var(--verde)}
.atm-acoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.atm-acoes .btn{padding:11px 20px}
.atm-climas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.atm-clima{background:var(--branco);border-radius:var(--atm-raio);overflow:hidden;display:grid;align-content:start}
.atm-clima-img img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}
.atm-clima-corpo{padding:16px 18px 18px;display:grid;gap:10px}
.atm-clima h3{font-size:21px}
.atm-clima h3 a{color:var(--escuro)}
.atm-clima p{margin:0;font-size:15px}
.atm-ver{color:var(--texto-suave);font-size:14px !important}
.atm-mais{font-size:14px;font-weight:700;color:var(--escuro)}
.atm-receita{border-collapse:collapse;width:100%;font-size:14.5px}
.atm-receita th{text-align:left;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-suave);padding:5px 12px 5px 0;vertical-align:top;width:92px}
.atm-receita td{padding:5px 0;border-bottom:1px solid var(--linha)}
.atm-receita tr:last-child td{border-bottom:0}

/* teste de valores */
.atm-valores{display:grid;gap:18px}
.atm-drop{position:relative;border:1.5px dashed var(--linha-forte);border-radius:var(--atm-raio);padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--branco)}
.atm-drop.sobre{border-color:var(--verde)}
.atm-drop p{margin:0;color:var(--texto-suave);font-size:15px}
.atm-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.atm-vgrade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.atm-vgrade figure{margin:0;display:grid;gap:8px;align-content:start;min-width:0}
.atm-vgrade canvas{width:100%;height:auto;display:block;border-radius:8px;background:var(--atm-claro)}
.atm-vgrade.espelho canvas.vira{transform:scaleX(-1)}
.atm-vlinha{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.atm-faixa-n{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--texto-suave)}
.atm-faixa-n input{accent-color:var(--verde);width:120px}
.atm-mini{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.atm-mini #atm-c-mini{width:96px !important}
#atm-c-hist{flex:1;min-width:160px;height:96px;background:none}
.atm-leitura{background:var(--branco);border-radius:var(--atm-raio);padding:14px 18px;display:grid;gap:8px}
.atm-leitura ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:14.5px}
.atm-h3{font-size:22px;color:var(--escuro);margin-top:6px !important}
.atm-critica{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:2px 18px}
@media (max-width:680px){.atm-vgrade{grid-template-columns:minmax(0,1fr)}}

/* diário */
.atm-diario{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.atm-diario{grid-template-columns:minmax(0,1fr)}}
.atm-form{background:var(--branco);border-radius:var(--atm-raio);padding:20px;display:grid;gap:13px}
.atm-campo{display:grid;gap:5px}
.atm-campo label,.atm-rot{font-size:13px;color:var(--texto-suave)}
.atm-campo input,.atm-campo select,.atm-campo textarea{width:100%;font:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--linha);border-radius:8px;background:var(--bg);color:var(--texto)}
.atm-campo textarea{min-height:80px;resize:vertical}
.atm-campo input[type=file]{padding:7px}
.atm-dois{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.atm-prev{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--texto-suave)}
.atm-prev img{width:64px;height:44px;object-fit:cover;border-radius:4px}
.atm-prev[hidden]{display:none}
.atm-entradas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;align-content:start}
.atm-entrada{background:var(--branco);border-radius:var(--atm-raio);overflow:hidden;display:grid;align-content:start}
.atm-entrada-img{aspect-ratio:3/2;background:var(--atm-claro);position:relative;cursor:pointer}
.atm-entrada-img img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s}
.atm-entrada-img.cinza img{filter:grayscale(1)}
.atm-dica{position:absolute;right:8px;bottom:8px;font-size:11px;background:var(--branco);color:var(--texto-suave);padding:2px 8px;border-radius:999px}
.atm-entrada-corpo{padding:13px 15px 15px;display:grid;gap:6px}
.atm-entrada-corpo h3{font-size:18px;color:var(--escuro)}
.atm-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--texto-suave)}
.atm-frase-e{font-style:italic;font-size:15px;margin:0}
.atm-notas{margin:0;font-size:14px;white-space:pre-wrap}
.atm-pe-e{display:flex;justify-content:flex-end;gap:6px;align-items:center;font-size:13px}
.atm-pontos{margin-right:auto;font-size:12.5px;color:var(--texto-suave)}
.atm-linkish{border:0;background:none;font:inherit;color:var(--texto-suave);cursor:pointer;padding:2px 4px;font-size:13px}
.atm-linkish:hover{color:#9A3F33}
.atm-vazio-diario p{margin:0 0 6px}
.atm-vazio-diario p:first-child{font-size:20px;color:var(--escuro)}

.atm-aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--escuro);color:var(--branco);padding:11px 18px;border-radius:999px;font-size:14px;z-index:60;max-width:calc(100% - 32px)}
.atm-aviso[hidden]{display:none}

/* ---------- páginas de artigo (clima, referências, ferramenta) ---------- */
.atm-artigo{padding-top:calc(var(--atm-topo) + clamp(28px,4vw,56px));padding-bottom:clamp(56px,7vw,110px);display:grid;gap:14px;max-width:860px}
.atm-artigo.atm-largo{max-width:1180px}
.atm-artigo > .eyebrow{margin-top:4px}
.atm-artigo .lead{margin:0 0 8px}
.atm-capa{margin:12px 0 10px}
.atm-capa img{width:100%;height:auto;display:block;border-radius:var(--raio)}
.atm-texto{max-width:68ch;display:grid;gap:14px;font-size:17px}
.atm-texto p,.atm-texto ol,.atm-texto ul{margin:0}
.atm-texto h2{font-size:clamp(23px,2.3vw,30px);color:var(--escuro);margin-top:22px}
.atm-texto ol,.atm-texto ul{padding-left:22px;display:grid;gap:8px}
.atm-texto a{color:var(--escuro);text-decoration:underline;text-decoration-color:var(--linha-forte)}
.atm-largo .atm-texto{margin-top:18px}
.atm-faixa{display:flex;height:14px;border-radius:999px;overflow:hidden;max-width:320px}
.atm-faixa span{flex:1}
.atm-frase{margin:0;padding:18px 22px;background:var(--branco);border-left:3px solid var(--verde);border-radius:0 var(--atm-raio) var(--atm-raio) 0;font-size:clamp(18px,1.7vw,22px);line-height:1.4;color:var(--escuro)}
.atm-outros{margin-top:36px;padding-top:24px;border-top:1px solid var(--linha);max-width:68ch}
.atm-outros h2{font-size:22px;color:var(--escuro);margin-bottom:12px}
.atm-outros ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.atm-outros a{color:var(--escuro);font-weight:700}
.atm-outros span{color:var(--texto-suave);font-size:15px}
.atm-artigo .atm-valores{margin:14px 0 8px}

@media (prefers-reduced-motion:reduce){.atm *{transition:none !important}}

/* ---------- 31/10/2026: o índice vira uma estante; artigos para quem compra ---------- */
.blog-cab{padding-top:calc(var(--atm-topo) + clamp(28px,4.5vw,64px));display:grid;gap:14px;justify-items:center;text-align:center}
.blog-cab .titulo-2{max-width:18ch}
.blog-cab .lead{max-width:58ch}
.blog-estante{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(36px,5vw,72px)}
.estante{display:flex;align-items:flex-end;justify-content:center;gap:5px;overflow-x:auto;overflow-y:hidden;padding:24px 4px 0;border-bottom:2px solid var(--escuro);scrollbar-width:thin}
.livro{flex:0 0 auto;width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);background:var(--c);color:var(--t);border-radius:3px 3px 0 0;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 14px;
  box-shadow:inset -4px 0 0 rgba(0,0,0,.10),inset 3px 0 0 rgba(255,255,255,.14),0 0 0 1px rgba(15,17,12,.06);
  border-top:7px solid color-mix(in srgb, var(--c) 78%, #fff);transition:transform .35s cubic-bezier(.22,.61,.24,1)}
a.livro:hover,a.livro:focus-visible{transform:translateY(-12px)}
.livro-titulo{writing-mode:vertical-rl;font-size:14.5px;line-height:1.2;max-height:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.005em}
.livro-iso{width:11px;height:auto;opacity:.85;flex:0 0 auto}
.livro-pe{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.8;flex:0 0 auto}
.livro-manual .livro-titulo{font-family:var(--f-marca);letter-spacing:.04em;text-transform:uppercase;font-size:12.5px}
.livro-breve{opacity:.62}
.blog-nota{text-align:center;color:var(--texto-suave);font-size:14px;margin-top:16px}
.blog-filtros{display:flex;flex-wrap:wrap;gap:8px}
.blog-filtros button{font:inherit;font-size:15px;padding:9px 16px;border-radius:999px;border:1px solid var(--linha);background:var(--branco);color:var(--escuro);cursor:pointer;transition:background .2s,color .2s}
.blog-filtros button span{font-size:11px;vertical-align:super;opacity:.6;margin-left:2px}
.blog-filtros button[aria-pressed="true"]{background:var(--escuro);color:var(--branco);border-color:var(--escuro)}
.blog-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.blog-cartao{display:grid;align-content:start;gap:16px;color:var(--texto)}
.blog-cartao[hidden]{display:none !important}
.blog-cartao-img{display:block;border-radius:var(--raio);overflow:hidden;background:var(--branco);aspect-ratio:16/10}
.blog-cartao-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.blog-cartao:hover .blog-cartao-img img{transform:scale(1.03)}
.blog-cartao-txt{display:grid;gap:8px;align-content:start}
.blog-meta{font-size:13.5px;color:var(--texto-suave)}
.blog-cartao strong{font-weight:400;font-size:clamp(21px,1.8vw,26px);line-height:1.18;color:var(--escuro);text-wrap:balance}
.blog-resumo{color:var(--texto-suave);font-size:15.5px}
.blog-acao{justify-self:start;margin-top:4px;font-size:15px;color:var(--escuro);border-bottom:1px solid var(--escuro);padding-bottom:1px}
.blog-cartao.destaque{grid-column:1/-1;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3.5vw,56px);
  background:var(--branco);border-radius:var(--raio-g);padding:clamp(14px,1.6vw,22px)}
.blog-cartao.destaque .blog-cartao-img{aspect-ratio:16/10}
.blog-cartao.destaque strong{font-size:clamp(28px,3vw,46px);line-height:1.08}
.blog-cartao.destaque .blog-resumo{font-size:17px}
.blog-grade.filtrado .blog-cartao.destaque{grid-template-columns:1fr;background:none;padding:0;border-radius:0}
.blog-grade.filtrado .blog-cartao.destaque strong{font-size:clamp(21px,1.8vw,26px)}
.blog-fim{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.atm-texto h3{font-size:20px;color:var(--escuro);margin-top:8px;font-weight:400}
.atm-tabela{border-collapse:collapse;width:100%;font-size:15.5px;background:var(--branco);border-radius:var(--atm-raio);overflow:hidden}
.atm-tabela th,.atm-tabela td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--linha);vertical-align:top}
.atm-tabela thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto-suave);font-weight:700}
.atm-tabela tbody th{font-weight:400;color:var(--escuro)}
.atm-tabela td:last-child{color:var(--escuro);white-space:nowrap}
@media (max-width:900px){
  .estante{justify-content:flex-start}
  .livro{width:calc(var(--w) * .82px);height:calc(var(--h) * .72px)}
  .livro-titulo{font-size:13px}
  .livro-manual .livro-titulo{font-size:10.5px;letter-spacing:0}
  .blog-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-cartao.destaque{grid-template-columns:1fr}
}
@media (max-width:560px){
  .blog-grade{grid-template-columns:1fr}
  .atm-tabela{font-size:14px}
  .atm-tabela th,.atm-tabela td{padding:10px 9px}
}

/* ---------- 31/10/2026: o caderno vira um guia visual, com um render nosso por atmosfera ---------- */
.hb-cab{padding-bottom:clamp(28px,4vw,56px)}
.hb-cab .titulo-2{max-width:20ch}
.hb-uso{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:14px;max-width:980px}
.hb-uso > div{background:var(--branco);border-radius:var(--raio);padding:clamp(18px,2vw,26px);display:grid;gap:8px}
.hb-uso p{margin:0;color:var(--texto)}
.hb-lista{display:grid;gap:clamp(40px,6vw,96px);padding-bottom:clamp(56px,7vw,110px)}
.hb-clima{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(22px,4vw,64px);align-items:center}
.hb-clima:nth-child(even) .hb-img{order:2}
.hb-img{display:block;border-radius:var(--raio-g);overflow:hidden;background:var(--branco);aspect-ratio:4/3}
.hb-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.hb-img:hover img{transform:scale(1.025)}
.hb-txt{display:grid;gap:12px;align-content:center}
.hb-txt h2{font-size:clamp(28px,3vw,44px);line-height:1.08;color:var(--escuro)}
.hb-luz{margin:0;color:var(--texto-suave);font-size:17px;max-width:46ch}
.hb-dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;border-top:1px solid var(--linha);padding-top:16px;max-width:52ch}
.hb-dl dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-suave);padding-top:3px}
.hb-dl dd{margin:0;color:var(--escuro)}
.hb-dl-largo{max-width:68ch;margin:4px 0 14px}
.hb-mais{justify-self:start;display:inline-flex;align-items:center;gap:8px;color:var(--escuro);border-bottom:1px solid var(--escuro);padding-bottom:2px;margin-top:4px}
.hb-mais svg{width:15px;height:15px}
.atm-capa figcaption{margin-top:8px}
@media (max-width:900px){
  .hb-uso{grid-template-columns:1fr}
  .hb-clima{grid-template-columns:1fr}
  .hb-clima:nth-child(even) .hb-img{order:0}
}
@media (max-width:520px){
  .hb-dl{grid-template-columns:1fr;gap:4px}
  .hb-dl dd{margin-bottom:8px}
}