/* Blog Eu No Mapa · páginas públicas. As cores e fontes vêm do kit do site (variáveis --b-* no config). */
:root{
  --b-fundo:#f7f4ee;--b-papel:#fff;--b-tinta:#22261f;--b-mudo:#6b6f63;--b-acento:#2f6f5e;--b-acento-esc:#24584a;
  --b-escuro:#1f2a24;--b-claro-esc:#f3efe6;--b-linha:rgba(0,0,0,.1);--b-titulo:Georgia,serif;--b-texto:system-ui,sans-serif;--b-raio:18px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
.b-corpo{margin:0;background:var(--b-fundo);color:var(--b-tinta);font:400 17px/1.7 var(--b-texto);-webkit-font-smoothing:antialiased;overflow-x:clip}
.b-corpo img{max-width:100%;display:block}
.b-main a,.b-topo a,.b-rodape a{color:inherit}
.b-wrap{width:min(1120px,100% - 32px);margin-inline:auto}
/* faixa de demonstração, botões e rodapé seguem o kit (variáveis --b-btn, --b-demo, --b-rod… no config) */
.b-demo{background:var(--b-demo,var(--b-escuro));color:var(--b-demo-txt,var(--b-claro-esc));text-align:center;font-size:13px;font-weight:600;padding:7px 12px}
.b-demo a{color:inherit;text-decoration:underline}
.b-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:.75rem 1.35rem;border-radius:999px;background:var(--b-btn,var(--b-acento));color:var(--b-btn-txt,#fff)!important;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .3s,transform .3s}
.b-btn:hover{background:var(--b-btn-hover,var(--b-acento-esc));transform:translateY(-1px)}
.b-btn svg{flex:none;transition:transform .3s}
.b-btn:hover svg{transform:translateX(4px)}
/* topo: logo, menu igual ao do site e botão */
.b-topo{position:sticky;top:0;z-index:20}
.b-topo-in{display:flex;align-items:center;gap:18px;width:min(1240px,100% - 24px);margin-inline:auto;min-height:68px}
.b-logo{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;line-height:1.1;min-width:0}
.b-logo svg,.b-logo img{width:36px;height:36px;flex:none}
.b-logo img.b-logo-larga{width:auto;max-width:180px;height:40px;object-fit:contain}
.b-logo b{font:500 18px/1.15 var(--b-titulo);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-logo small{color:var(--b-mudo);font-size:12px;letter-spacing:.04em}
.b-menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.b-menu a{display:block;padding:8px 14px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;color:var(--b-tinta);transition:background .25s}
.b-menu a:hover,.b-menu a[aria-current]{background:color-mix(in srgb,var(--b-tinta) 8%,transparent)}
.b-btn-topo{min-height:0;padding:11px 18px;font-size:14.5px}
.b-burger{display:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--b-btn,var(--b-escuro));position:relative;cursor:pointer;flex:none}
.b-burger i{position:absolute;left:14px;right:14px;height:1.6px;background:var(--b-btn-txt,#fff);transition:transform .4s}
.b-burger i:first-child{top:18px}
.b-burger i:last-child{top:25px}
.b-burger[aria-expanded=true] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.b-burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
/* "barra": faixa de ponta a ponta no topo */
.b-topo-barra .b-topo{background:color-mix(in srgb,var(--b-topo-fundo,var(--b-fundo)) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--b-linha)}
/* "pilula": cápsula flutuante de vidro, como nos kits de terapeuta */
.b-topo-pilula .b-topo{top:14px;padding-top:14px;margin-bottom:-14px}
.b-topo-pilula .b-topo-in{min-height:0;padding:9px 10px 9px 18px;border-radius:999px;background:color-mix(in srgb,var(--b-topo-fundo,var(--b-papel)) 75%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px -18px rgba(0,0,0,.35)}
@media (max-width:980px){
  .b-menu{position:fixed;inset:0 0 auto;flex-direction:column;gap:0;padding:96px 26px 30px;background:var(--b-papel);border-radius:0 0 32px 32px;box-shadow:0 30px 60px -30px rgba(0,0,0,.3);transform:translateY(-110%);transition:transform .6s cubic-bezier(.22,1,.36,1);z-index:-1}
  .b-menu.aberto{transform:none}
  .b-menu a{font:400 28px/1.3 var(--b-titulo);padding:8px 4px;background:none!important}
  .b-menu a[aria-current]{color:var(--b-acento)}
  .b-burger{display:block}
  .b-topo-in>.b-btn-topo{display:none}
}
@media (max-width:980px){.b-topo-pilula .b-menu{inset:-14px -12px auto;padding-top:110px}}
@media (max-width:600px){.b-logo small{display:none}.b-topo-pilula .b-topo-in{padding-left:14px}}
/* lista */
.b-main{min-height:60vh}
.b-lista-cab{padding:clamp(2.5rem,7vw,5rem) 0 clamp(1.5rem,4vw,2.5rem)}
.b-pre{margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:600;color:var(--b-acento)}
.b-lista-cab h1{margin:0;font:400 clamp(2.1rem,5.5vw,3.6rem)/1.08 var(--b-titulo);max-width:16ch}
.b-sub{color:var(--b-mudo);max-width:560px;margin:1rem 0 0;font-size:1.05rem}
.b-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1rem,2.5vw,1.8rem);padding-bottom:3rem}
.b-cartao a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:var(--b-papel);border-radius:var(--b-raio);overflow:hidden;border:1px solid var(--b-linha);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.b-cartao a:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(0,0,0,.35)}
.b-cartao-capa{aspect-ratio:16/10;overflow:hidden;background:var(--b-claro-esc)}
.b-cartao-capa img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.b-cartao a:hover .b-cartao-capa img{transform:scale(1.04)}
.b-capa-vazia{display:block;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--b-acento) 28%,transparent),transparent 60%),var(--b-claro-esc)}
.b-cartao-txt{padding:1.2rem 1.35rem 1.4rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.b-cartao time{font-size:.8rem;color:var(--b-mudo)}
.b-cartao h2{margin:0;font:500 1.3rem/1.25 var(--b-titulo)}
.b-cartao p{margin:0;color:var(--b-mudo);font-size:.95rem;line-height:1.55}
.b-ler{margin-top:auto;padding-top:.5rem;font-weight:600;font-size:.9rem;color:var(--b-acento)}
.b-paginas{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:0 0 4rem;color:var(--b-mudo);font-size:.95rem}
.b-paginas a{color:var(--b-acento);font-weight:600;text-decoration:none}
.b-vazio{padding:3rem 0 6rem}
.b-vazio h1{font:400 2.2rem/1.1 var(--b-titulo);margin:0 0 .6rem}
.b-vazio p{color:var(--b-mudo);margin:0 0 1.5rem}
/* post */
.b-previa{background:#fff3cd;color:#6b5100;text-align:center;padding:.6rem 1rem;font-size:.9rem}
.b-post-cab{max-width:780px;padding:clamp(2rem,6vw,4rem) 0 clamp(1.2rem,3vw,2rem)}
.b-migalhas{font-size:.85rem;color:var(--b-mudo);margin-bottom:1.2rem}
.b-migalhas a{text-decoration:none;color:var(--b-mudo)}
.b-migalhas a:hover{color:var(--b-acento)}
.b-post-cab h1{margin:0;font:400 clamp(2rem,5vw,3.3rem)/1.1 var(--b-titulo);text-wrap:balance}
.b-meta{color:var(--b-mudo);font-size:.9rem;margin:1.1rem 0 0}
.b-post-capa{max-width:1000px;margin-block:0 clamp(1.5rem,4vw,2.8rem)}
.b-post-capa img{width:100%;max-height:560px;object-fit:cover;border-radius:var(--b-raio)}
/* texto do artigo (também usado dentro do editor) */
.b-texto{max-width:720px;font-size:1.08rem;line-height:1.78}
.b-texto>*:first-child{margin-top:0}
.b-texto p{margin:0 0 1.25em}
.b-texto h2{font:500 clamp(1.5rem,3vw,1.9rem)/1.25 var(--b-titulo);margin:2em 0 .6em}
.b-texto h3{font:600 1.25rem/1.3 var(--b-texto);margin:1.7em 0 .5em}
.b-texto h4{font-size:1.05rem;margin:1.5em 0 .4em}
.b-texto a{color:var(--b-acento);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.b-texto ul,.b-texto ol{padding-left:1.4em;margin:0 0 1.25em}
.b-texto ul{list-style:disc}.b-texto ol{list-style:decimal}
.b-texto li{margin:.35em 0}
.b-texto li::marker{color:var(--b-acento)}
.b-texto blockquote{margin:1.8em 0;padding:.3em 0 .3em 1.3em;border-left:3px solid var(--b-acento);font:italic 400 1.2rem/1.55 var(--b-titulo);color:var(--b-tinta)}
.b-texto img{display:block;max-width:100%;height:auto;border-radius:12px;margin:1.8em auto}
.b-texto figure{margin:1.8em 0}
.b-texto figure img{margin:0 auto}
.b-texto figcaption{font-size:.88rem;color:var(--b-mudo);text-align:center;margin-top:.6em}
.b-texto iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:1.8em 0}
.b-texto hr{border:0;height:1px;background:var(--b-linha);margin:2.5em 0}
.b-texto table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}
.b-texto th,.b-texto td{border-bottom:1px solid var(--b-linha);padding:.6em .5em;text-align:left}
/* no post público, fotos e vídeos podem passar da coluna do texto (até 960px), centralizados na tela;
   o texto continua com ~70 letras por linha, a largura mais confortável para ler */
@media (min-width:800px){
  /* foto pequena não estica: cresce só até o tamanho real dela */
  .b-post .b-texto>img,.b-post .b-texto>p>img:only-child{width:auto;max-width:min(960px,100vw - 64px);margin-left:50%;translate:-50% 0}
  .b-post .b-texto>figure,.b-post .b-texto>iframe{width:min(960px,100vw - 64px);max-width:none;margin-left:50%;translate:-50% 0}
  .b-post .b-texto>figure img{width:auto;max-width:100%}
}
.b-no-editor{background:#fff;color:#22261f}
.b-cta{max-width:720px;margin-block:3rem;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;background:var(--b-escuro);color:var(--b-claro-esc);padding:1.6rem 1.8rem;border-radius:var(--b-raio)}
.b-cta p{margin:0;opacity:.85}
.b-cta .b-cta-t{font:500 1.35rem/1.25 var(--b-titulo);opacity:1;margin-bottom:.2rem}
.b-mais{padding-top:clamp(2rem,5vw,3.5rem);border-top:1px solid var(--b-linha);margin-top:1rem}
.b-mais h2{font:400 clamp(1.6rem,3.5vw,2.2rem)/1.15 var(--b-titulo);margin:0 0 1.5rem}
/* rodapé */
.b-rodape{background:var(--b-rod,var(--b-escuro));color:var(--b-rod-txt,var(--b-claro-esc));padding:2.5rem 0;font-size:.9rem;margin-top:2rem}
.b-rodape p{margin:.2rem 0;opacity:.8}
.b-rodape a{color:inherit}
.b-rodape .b-rod-in{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}
.b-rodape .b-rod-nome{font:500 1.15rem/1.2 var(--b-titulo);opacity:1;color:var(--b-rod-dest,inherit)}
@media (prefers-reduced-motion:reduce){.b-cartao a,.b-cartao-capa img,.b-btn{transition:none}}
/* moldura do site: o CSS do kit vale para a página, mas o conteúdo do blog mantém o próprio desenho */
.b-embutido .b-main{display:block}
.b-embutido .b-main h1,.b-embutido .b-main h2,.b-embutido .b-main h3{letter-spacing:normal}