/* =========================================================
   Narro · blog (tema narro-site no WordPress)
   Fundo claro do site (cinza #d6d6d6, texto roxo). O roxo escuro entra em caixas: a faixa de assuntos,
   a etiqueta do assunto em cada card, a caixa do destaque e o convite. Verde e aspas nos detalhes.
   Usa os tokens e componentes do site (style.css e agencia.css, carregados antes).
   ========================================================= */

.page-blog{--bl-deep:#1f0a33;--bl-text:var(--purple);--bl-mute:rgba(72,0,103,.64);--bl-line:rgba(72,0,103,.18);--bl-ratio:1980/1020}
.bl{padding-bottom:var(--section-y)}

/* ---------- kicker ---------- */
.bl-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--purple)}
.bl-kicker a{transition:color .3s ease}
.bl-kicker a:hover{color:var(--green)}
.bl-kicker__sep{width:4px;height:4px;border-radius:50%;background:var(--green)}

/* ---------- topo compacto ---------- */
.bl-top{padding-top:clamp(28px,5vh,56px)}
.bl-top__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,96px);align-items:end}
.bl-top__title{margin-top:14px;max-width:16em;font-weight:300;font-size:clamp(28px,2.8vw,44px);line-height:1.08;letter-spacing:-.025em;color:var(--purple);text-wrap:balance}
.bl-top__title strong{font-weight:700}
.bl-top__aside{display:flex;gap:var(--quote-gap);align-items:flex-start}
.bl-top__text{width:300px;max-width:100%;font-size:var(--p-size);font-weight:300;line-height:var(--p-leading);letter-spacing:var(--p-tracking);color:var(--purple)}
.bl-top__quote{flex:none;width:clamp(40px,3.4vw,56px);height:auto;margin-top:-10px;color:var(--green);overflow:visible}
@media(max-width:900px){
  .bl-top__head{grid-template-columns:1fr;gap:22px}
  .bl-top__aside{flex-direction:row-reverse;justify-content:flex-end}
  .bl-top__quote{width:38px;margin-top:0}
}

/* ---------- faixa de assuntos: caixa roxa; o ativo ganha as aspas verdes ---------- */
.bl-cats{display:flex;align-items:center;gap:clamp(20px,3vw,48px);margin-top:clamp(30px,5vh,52px);padding:20px clamp(22px,2.6vw,40px);background:var(--bl-deep);color:#fff}
/* rótulo = botão verde com o texto roxo (como os botões do site) */
.bl-cats__label{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 18px;border-radius:999px;background:var(--green);color:var(--bl-deep);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.bl-cats__list{display:flex;flex-wrap:wrap;align-items:center;gap:10px clamp(16px,1.9vw,32px)}
.bl-cats__link,.bl2-cats__link{display:inline-flex;align-items:center;gap:0;font-size:14px;font-weight:300;letter-spacing:.02em;color:rgba(255,255,255,.72);transition:color .35s ease,gap .45s var(--ease-out)}
.bl-cats__aspa{width:0;height:12px;color:var(--green);overflow:visible;opacity:0;transform:translateY(-3px);transition:width .45s var(--ease-out),opacity .35s ease}
.bl-cats__aspa path{fill:currentColor}
.bl-cats__link:hover,.bl-cats__link:focus-visible,.bl2-cats__link:hover{color:#fff}
.bl-cats__link:hover .bl-cats__aspa,.bl2-cats__link:hover .bl-cats__aspa{width:17px;opacity:.55}
.bl-cats__link:hover,.bl2-cats__link:hover{gap:9px}
.bl-cats__link.is-on,.bl2-cats__link.is-on{color:#fff;font-weight:500;gap:9px}
.bl-cats__link.is-on .bl-cats__aspa,.bl2-cats__link.is-on .bl-cats__aspa{width:17px;opacity:1}
@media(max-width:900px){
  .bl-cats{width:100%;padding:16px var(--gutter);gap:18px}
  .bl-cats__label{height:32px;padding:0 14px}
  .bl-cats__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .bl-cats__list::-webkit-scrollbar{display:none}
  .bl-cats__list li{flex:none}
}

/* ---------- etiqueta do assunto (caixa roxa que calça o título) ---------- */
.bl-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 7px;background:var(--bl-deep);color:#fff;font-size:9.5px;font-weight:500;line-height:1;letter-spacing:.22em;text-transform:uppercase}
.bl-tag::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green)}

/* ---------- meta (data · leitura) ---------- */
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bl-mute)}
.bl-meta > *+*::before{content:'';display:inline-block;width:3px;height:3px;margin:0 12px;border-radius:50%;background:var(--green);vertical-align:middle}
.bl-meta__cat{color:var(--purple)}

/* ---------- ESTILO 1 · grade ---------- */
.bl-list{padding-top:clamp(40px,6vh,64px)}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(52px,7vh,84px) clamp(18px,2vw,32px)}
@media(max-width:1100px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bl-grid{grid-template-columns:minmax(0,1fr);gap:48px}}

.bl-card__link{display:block}
.bl-card__media{position:relative;display:block;aspect-ratio:var(--bl-ratio);background:var(--bl-deep)}
.bl-card__media > img,.bl-card__media > .bl-sem-imagem{position:absolute;inset:0}
.bl-card__media::before{content:'';position:absolute;inset:0;overflow:hidden}
.bl-card__img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out),filter .6s ease}
.bl-card__media{overflow:hidden}
.bl-sem-imagem{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--bl-deep),var(--purple))}
.bl-card__tag{position:absolute;left:0;bottom:0;z-index:3}
.bl-card__body{display:block;padding-top:18px}
.bl-card__title{display:block;margin-top:10px;font-size:clamp(18px,1.35vw,21px);font-weight:400;line-height:1.3;letter-spacing:-.005em;color:var(--purple);text-wrap:pretty}
.bl-card__text{display:-webkit-box;margin-top:12px;font-size:var(--p-size);font-weight:300;line-height:var(--p-leading);letter-spacing:var(--p-tracking);color:var(--purple);opacity:.82;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* caixa Recentes / Assuntos dentro da grade: 3ª coluna, altura de 2 linhas de artigos */
.bl-grid__side{min-width:0}
.bl-grid__side .bl2-tabs{height:100%}
@media(min-width:1101px){.bl-grid__side{grid-column:3;grid-row:1 / span 2}}
@media(max-width:1100px) and (min-width:601px){.bl-grid__side{grid-column:2;grid-row:1 / span 2}}

/* hover: imagem cresce de leve e escurece à direita; a aspa verde sobe com "Ler artigo" (como na grade de cases) */
.bl-card__mark{display:none}
@media(hover:hover) and (pointer:fine){
  .bl-card__media::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,10,51,0) 35%,rgba(31,10,51,.6));opacity:0;transition:opacity .5s ease}
  /* aspa pequena no canto de baixo, à direita: sobe com "Ler artigo" na barriga */
  .bl-card__mark{display:block;position:absolute;z-index:2;height:66%;aspect-ratio:61/100;right:5%;bottom:-6%;transform:translateY(40%);opacity:0;transition:transform .65s var(--ease-out),opacity .35s ease;pointer-events:none}
  .bl-card__mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .bl-card__mark path{fill:var(--green)}
  .bl-card__mark-text{position:absolute;left:14%;right:0;top:0;height:49%;display:grid;place-items:center;text-align:center;font-size:8.5px;font-weight:500;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:var(--bl-deep)}
  .bl-card__link:hover .bl-card__img,.bl-card__link:focus-visible .bl-card__img{transform:scale(1.045)}
  .bl-card__link:hover .bl-card__media::after,.bl-card__link:focus-visible .bl-card__media::after{opacity:1}
  .bl-card__link:hover .bl-card__mark,.bl-card__link:focus-visible .bl-card__mark{opacity:1;transform:translateY(0)}
  .bl-card__title{transition:color .35s ease}
  .bl-card__link:hover .bl-card__title{color:#2b003d}
}

/* ---------- links de ação: texto + bolinha verde com seta ---------- */
.bl-more{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--purple)}
.bl-more__arrow{position:relative;width:34px;height:34px;border-radius:50%;background:var(--green);transition:transform .45s var(--ease-out)}
.bl-more__arrow::before{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:1.5px solid var(--bl-deep);border-right:1.5px solid var(--bl-deep);transform:translate(-65%,-50%) rotate(45deg)}
.bl-more:hover .bl-more__arrow,.bl-more:focus-visible .bl-more__arrow{transform:translateX(6px)}

/* ---------- paginação ---------- */
.bl-pages{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:clamp(64px,10vh,112px);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.bl-pages .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:999px;color:var(--bl-mute);transition:color .3s ease,background-color .3s ease}
.bl-pages a.page-numbers:hover{color:var(--purple)}
.bl-pages .page-numbers.current{background:var(--bl-deep);color:#fff}
.bl-pages .prev,.bl-pages .next{padding:0 16px;color:var(--purple)}
.bl-pages .dots{min-width:20px}
.bl-empty{font-size:15px;font-weight:300}
.bl-empty a{text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:4px}
.bl-404{padding-bottom:var(--section-y)}
.bl-404__links{display:flex;flex-wrap:wrap;gap:20px 44px;margin-top:clamp(36px,6vh,64px)}

/* ---------- ESTILO 2 · revista: coluna principal + lateral ---------- */
.bl2{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,25vw,380px);gap:clamp(28px,3.4vw,56px);align-items:start;padding-top:clamp(40px,6vh,64px)}
@media(max-width:1000px){.bl2{grid-template-columns:1fr}}

.bl2-feature{position:relative;margin-bottom:clamp(44px,7vh,72px)}
.bl2-feature__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--bl-ratio);background:var(--bl-deep)}
.bl2-feature__img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.bl2-feature:hover .bl2-feature__img{transform:scale(1.03)}
.bl2-feature__box{position:absolute;left:0;top:0;bottom:0;width:min(46%,440px);display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(22px,2.4vw,40px);background:rgba(31,10,51,.9);color:#fff;--bl-mute:rgba(255,255,255,.7)}
.bl2-feature__box .bl-meta__cat{color:var(--green)}
.bl2-feature__title{margin-top:14px;font-weight:300;font-size:clamp(20px,1.6vw,27px);line-height:1.14;letter-spacing:-.02em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bl2-feature__text{margin-top:12px;font-size:var(--p-size);font-weight:300;line-height:var(--p-leading);letter-spacing:var(--p-tracking);color:rgba(255,255,255,.78);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl2-feature__box .bl2-more{margin-top:auto;padding-top:14px;color:var(--green)}
@media(max-width:760px){.bl2-feature__box{position:relative;width:100%}.bl2-feature__box .bl2-more{margin-top:22px}}

.bl2-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--purple);transition:gap .4s var(--ease-out),color .3s ease}
.bl2-more span{font-size:15px;line-height:1;color:var(--green)}
.bl2-more:hover{gap:14px}

.bl2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(44px,6vh,64px) clamp(18px,1.8vw,28px)}
@media(max-width:1100px) and (min-width:1001px){.bl2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.bl2-grid{grid-template-columns:minmax(0,1fr)}}
.bl2-card__title{margin-top:10px;min-height:2.6em;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.005em;color:var(--purple);text-wrap:pretty}
.bl2-card__title a:hover{color:#2b003d}
.bl2-card__media{position:relative;display:block;overflow:hidden;margin-top:14px;aspect-ratio:var(--bl-ratio);background:var(--bl-deep)}
.bl2-card__img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.bl2-card:hover .bl2-card__img{transform:scale(1.045)}
.bl2-card__text{margin-top:14px;font-size:var(--p-size);font-weight:300;line-height:var(--p-leading);letter-spacing:var(--p-tracking);color:var(--purple);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bl2-pages{justify-content:flex-start}

/* lateral */
.bl2__side{display:flex;flex-direction:column;gap:clamp(36px,5vh,52px)}
.bl2-tabs{background:var(--bl-deep);color:#fff}
/* abas = dois botões; o escolhido fica verde com o texto roxo */
.bl2-tabs__bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px clamp(18px,1.8vw,26px) 6px}
.bl2-tabs__tab{height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.78);background:transparent;transition:color .3s ease,background-color .3s ease,border-color .3s ease}
.bl2-tabs__tab.is-on{background:var(--green);border-color:var(--green);color:var(--bl-deep)}
.bl2-tabs__head{padding:22px clamp(22px,2.2vw,32px) 6px;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--green)}
.bl2-tabs__tab:not(.is-on):hover{color:#fff;border-color:rgba(255,255,255,.5)}
.bl2-tabs__panel{padding:10px clamp(22px,2.2vw,32px) 28px}
.bl2-list li{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.bl2-list li:last-child{border-bottom:0}
.bl2-list .bl-meta{color:rgba(255,255,255,.6)}
.bl2-list__title{display:block;margin-top:10px;font-size:15px;font-weight:400;line-height:1.55;letter-spacing:.01em;color:#fff;transition:color .3s ease}
.bl2-list__title:hover{color:var(--green)}
.bl2-cats{display:flex;flex-direction:column;padding-top:10px}
.bl2-cats li{border-bottom:1px solid rgba(255,255,255,.12)}
.bl2-cats li:last-child{border-bottom:0}
.bl2-cats__link{display:flex;width:100%;padding:15px 0;line-height:1.4}
.bl2-cats__link span{flex:1}
.bl2-cats__link em{font-style:normal;font-size:10px;font-weight:500;letter-spacing:.16em;color:rgba(255,255,255,.5)}

.bl2-side .bl-kicker{margin-bottom:20px}
.bl2-mini{display:flex;flex-direction:column;gap:18px}
.bl2-mini__link{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center}
.bl2-mini__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--bl-ratio);background:var(--bl-deep)}
.bl2-mini__img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.bl2-mini__link:hover .bl2-mini__img{transform:scale(1.06)}
.bl2-mini__title{font-size:14px;font-weight:500;line-height:1.35;color:var(--purple)}

.bl2-cta{position:relative;padding:clamp(26px,2.6vw,36px);background:var(--green);color:var(--bl-deep)}
.bl2-cta__quote{width:44px;height:auto;color:var(--bl-deep);overflow:visible}
.bl2-cta__title{margin-top:18px;font-size:clamp(22px,1.8vw,28px);font-weight:300;line-height:1.12;letter-spacing:-.02em}
.bl2-cta__title strong{font-weight:700}
.bl2-cta__text{margin-top:12px;font-size:var(--p-size);font-weight:300;line-height:var(--p-leading)}
.bl2-cta .bl-more{margin-top:22px;color:var(--bl-deep)}
.bl2-cta .bl-more__arrow{background:var(--bl-deep)}
.bl2-cta .bl-more__arrow::before{border-color:var(--green)}

/* blocos do pé: levam para o site */
.bl2-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);margin-top:var(--section-y)}
@media(max-width:1100px){.bl2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bl2-tiles{grid-template-columns:1fr}}
.bl2-tile{position:relative;display:flex;overflow:hidden;min-height:clamp(150px,11vw,190px)}
.bl2-tile__copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:58%;padding:clamp(18px,1.6vw,26px)}
.bl2-tile__title{font-size:clamp(19px,1.5vw,24px);font-weight:300;line-height:1.08;letter-spacing:-.02em}
.bl2-tile__title strong{font-weight:700}
.bl2-tile__text{font-size:11px;font-weight:300;line-height:1.4;letter-spacing:.02em;opacity:.85}
.bl2-tile__img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease-out)}
.bl2-tile:hover .bl2-tile__img{transform:scale(1.06)}
.bl2-tile::after{content:'';position:absolute;inset:0 0 0 auto;width:52%;z-index:1;pointer-events:none}
.bl2-tile--verde{background:var(--green);color:var(--bl-deep)}
.bl2-tile--verde::after{background:linear-gradient(90deg,var(--green),rgba(101,214,0,0) 45%)}
.bl2-tile--roxo{background:var(--purple);color:#fff}
.bl2-tile--roxo::after{background:linear-gradient(90deg,var(--purple),rgba(72,0,103,0) 45%)}
.bl2-tile--cinza{background:#f2f2f2;color:var(--purple)}
.bl2-tile--cinza::after{background:linear-gradient(90deg,#f2f2f2,rgba(242,242,242,0) 45%)}
.bl2-tile--escuro{background:var(--bl-deep);color:#fff}
.bl2-tile--escuro::after{background:linear-gradient(90deg,var(--bl-deep),rgba(31,10,51,0) 45%)}

/* ---------- post ---------- */
.bl-post{padding-bottom:0}
.bl-post__head{padding-top:clamp(28px,5vh,56px)}
.bl-post__title{margin-top:16px;max-width:24ch;font-weight:300;font-size:clamp(30px,3.3vw,54px);line-height:1.06;letter-spacing:-.028em;color:var(--purple);text-wrap:balance}
.bl-post__title strong{font-weight:700}
.bl-post__meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 40px;margin-top:clamp(24px,4vh,40px);padding:16px 0;border-top:1px solid var(--bl-line);border-bottom:1px solid var(--bl-line)}
.bl-post__read{padding-bottom:var(--section-y)}
.bl-post__top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,32px);margin-top:clamp(28px,4.5vh,48px)}
.bl-post__cover{grid-column:span 2;margin:0}
.bl-post__img{display:block;width:100%;height:auto;aspect-ratio:var(--bl-ratio);object-fit:cover}
.bl-post__side{position:relative;min-width:0}
.bl-post__side .bl2-tabs{position:absolute;inset:0;overflow:hidden}
.bl-post__side .bl2-list li{padding:15px 0}
.bl-post__side .bl2-list .bl-meta{font-size:9px}
.bl-post__side .bl2-list__title{margin-top:8px;font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-post__side .bl2-cats__link{padding:11px 0;font-size:13.5px}
.bl-post__side li.is-fora{display:none}
@media(max-width:900px){.bl-post__top{grid-template-columns:1fr}.bl-post__cover{grid-column:auto}.bl-post__side{display:none}}
.bl-post__body{display:flex;flex-direction:column;align-items:center;padding-top:clamp(48px,8vh,88px)}
.bl-post__end{width:min(100%,720px);margin-top:clamp(48px,8vh,80px);padding-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 40px;border-top:1px solid var(--bl-line)}
/* assinatura do diretor (13/10/2026): foto redonda, nome e cargo, sem moldura */
.bl-meta__autor strong{font-weight:600;color:var(--purple)}
.bl-autor{display:flex;align-items:center;gap:16px;min-width:0}
.bl-autor__foto{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:var(--bl-deep)}
.bl-autor__txt{display:grid;gap:3px;margin:0;min-width:0}
.bl-autor__k{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bl-mute)}
.bl-autor__nome{font-size:17px;font-weight:600;line-height:1.2;color:var(--purple)}
.bl-autor__cargo{font-size:13px;font-weight:300;letter-spacing:.02em;color:var(--bl-mute)}

/* compartilhar */
.bl-share{display:flex;align-items:center;gap:10px}
.bl-share__label{margin-right:6px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bl-mute)}
.bl-share__btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bl-deep);color:#fff;transition:background-color .3s ease,color .3s ease}
.bl-share__btn svg{width:16px;height:16px;fill:currentColor}
.bl-share__btn:hover,.bl-share__btn:focus-visible{background:var(--green);color:var(--bl-deep)}
.bl-share__ok{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--purple)}

/* ---------- texto do artigo: leitura longa ---------- */
.bl-content{width:min(100%,720px);font-size:18px;font-weight:300;line-height:1.75;letter-spacing:.01em;color:var(--purple);overflow-wrap:break-word}
@media(max-width:720px){.bl-content{font-size:16.5px;line-height:1.7}}
.bl-content > *{margin-top:0;margin-bottom:1.15em}
.bl-content p:empty{display:none}
/* blocos de espaço do editor (wp-block-spacer) e quebras soltas: o ritmo vem só das margens do tema, igual em todos os posts */
.bl-content .wp-block-spacer,.bl-content > br{display:none}
.bl-content > p + h2,.bl-content > ul + h2,.bl-content > ol + h2,.bl-content > figure + h2,.bl-content > table + h2,.bl-content > .wp-block-table + h2{margin-top:1.6em}
.bl-content h2 + p,.bl-content h3 + p{margin-top:0}
.bl-content > *:last-child{margin-bottom:0}
.bl-content h2{margin:1.9em 0 .65em;font-size:clamp(25px,2.3vw,34px);font-weight:300;line-height:1.14;letter-spacing:-.025em}
.bl-content h3{margin:1.7em 0 .55em;font-size:clamp(19px,1.5vw,22px);font-weight:500;line-height:1.3;letter-spacing:0}
.bl-content h4{margin:1.6em 0 .5em;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
.bl-content strong,.bl-content b{font-weight:500}
.bl-content a{color:var(--purple);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:1.5px;text-underline-offset:4px;transition:color .3s ease}
.bl-content a:hover{color:#2b003d;text-decoration-color:var(--purple)}
.bl-content ul,.bl-content ol{padding-left:1.25em}
.bl-content ul li{list-style:disc}
.bl-content ol li{list-style:decimal}
.bl-content li{margin-bottom:.45em;padding-left:.2em}
.bl-content li::marker{color:var(--purple)}
.bl-content ul li::marker{color:var(--green);font-size:1.1em}
.bl-content blockquote{position:relative;margin:2em 0;padding:0 0 0 clamp(40px,5vw,64px);font-size:clamp(20px,1.8vw,26px);line-height:1.4;letter-spacing:-.01em;border:0}
.bl-content blockquote::before{content:'\201D';position:absolute;left:0;top:-.12em;font-size:2.6em;font-weight:700;line-height:1;color:var(--green)}
.bl-content blockquote p{margin:0}
.bl-content blockquote cite{display:block;margin-top:.8em;font-size:11px;font-style:normal;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.bl-content img{height:auto;max-width:100%}
.bl-content figure{margin:1.8em 0}
.bl-content figure img,.bl-content > p > img{width:100%}
.bl-content figcaption,.bl-content .wp-element-caption{margin-top:10px;font-size:12px;line-height:1.5;color:var(--bl-mute)}
.bl-content hr{height:1px;margin:2.4em 0;border:0;background:var(--bl-line)}
.bl-content table{width:100%;border:0;border-collapse:collapse;font-size:14px;line-height:1.45}
.bl-content th,.bl-content td{padding:12px 14px 12px 0;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--bl-line)}
.bl-content th{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;border-bottom-color:var(--purple)}
.bl-content .wp-block-table{overflow-x:auto}
.bl-content .wp-block-table table{min-width:520px}
@media(max-width:720px){.bl-content > table{display:block;overflow-x:auto}}
.bl-content iframe,.bl-content video{max-width:100%}
.bl-content .wp-block-embed__wrapper iframe{width:100%;aspect-ratio:16/9;height:auto}
.bl-content code{font-size:.88em}

/* ---------- continue lendo ---------- */
.bl-related{padding-top:var(--section-y);padding-bottom:var(--section-y);border-top:1px solid var(--bl-line)}
.bl-related__head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(28px,4vh,44px)}

/* entrada dos blocos: quem esconde e revela é o blog.js (sem ele, tudo fica visível) */

/* caixa do estilo 1: letra menor; mostra quantas matérias couberem na altura de 2 linhas (blog.js) */
.bl-grid__side .bl2-cats__link{padding:12px 0;font-size:13.5px}
.bl-grid__side .bl2-list li{padding:17px 0}
.bl-grid__side .bl2-list .bl-meta{font-size:9px}
.bl-grid__side .bl2-list__title{margin-top:8px;font-size:13.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:601px){
  .bl-grid__side{position:relative}
  .bl-grid__side .bl2-tabs{position:absolute;inset:0;overflow:hidden}   /* a altura vem das 2 linhas de artigos */
}
@media(max-width:600px){.bl-grid__side .bl2-list li:nth-child(n+7){display:none}}
.bl-grid__side li.is-fora{display:none}

/* caixa Recentes/Assuntos: Assuntos rola para ver todos (Recentes mostra quantos couberem) */
.bl-grid__side .bl2-tabs,.bl-post__side .bl2-tabs{display:flex;flex-direction:column}
.bl-grid__side .bl2-tabs__panel,.bl-post__side .bl2-tabs__panel{flex:1;min-height:0}
#bl2-assuntos{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--green) rgba(255,255,255,.08);margin-right:6px;padding-right:clamp(16px,1.6vw,26px)}
#bl2-assuntos::-webkit-scrollbar{width:4px}
#bl2-assuntos::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:4px}
#bl2-assuntos::-webkit-scrollbar-thumb{background:var(--green);border-radius:4px}
#bl2-assuntos li.is-fora{display:list-item}
.bl2-cats__link:not(.is-on) .bl-cats__aspa{width:0}
/* convite no fim da matéria (13/10/2026) */
.bl-post__cta{width:min(100%,720px);margin:clamp(40px,5vw,64px) 0 0}