/* LB Blog (Claude Design, 28/10/2026) */
/* LB Blog · tema vem do cadastro da empresa via variáveis --m-*; nunca cor fixa */
:root{
  /* neutros até a marca da empresa carregar (blog-publico.mjs troca tudo pelo cadastro) */
  --m-primaria:#3d4a55;--m-sobre-primaria:#ffffff;--m-primaria-texto:#3d4a55;--m-primaria-clara:#eef1f4;
  --m-escura:#1f2930;--m-sobre-escura:#ffffff;
  --m-fundo:#ffffff;--m-superficie:#ffffff;--m-clara:#f4f6f8;--m-linha:#dde3e8;
  --m-texto:#1b2a33;--m-texto-2:#5b6b73;--m-destaque:#c9d2da;
  --m-fonte-titulo:Georgia,'Times New Roman',serif;--m-fonte-texto:system-ui,-apple-system,'Segoe UI',sans-serif;
  /* derivados */
  --lb-destaque-ink:color-mix(in oklab,var(--m-destaque) 55%,var(--m-texto));
  --lb-sombra:0 18px 40px color-mix(in oklab,var(--m-escura) 12%,transparent);
  --lb-raio:0;
  --lb-container:1200px;--lb-pad:clamp(20px,4vw,32px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--m-fundo);color:var(--m-texto);font-family:var(--m-fonte-texto);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:var(--m-primaria-texto)}a:hover{color:var(--m-texto)}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--m-destaque);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lb-container{max-width:var(--lb-container);margin:0 auto;padding:0 var(--lb-pad)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- Tipografia utilitária ---------- */
.lb-kicker{margin:0 0 12px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--m-primaria-texto)}
.lb-kicker::before{content:"";width:24px;height:2px;background:var(--m-destaque)}
.lb-h2{margin:0;font-family:var(--m-fonte-titulo);font-weight:700;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.lb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--m-texto-2)}
.lb-meta .lb-cat{color:var(--m-primaria-texto);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
.lb-meta .lb-sep{width:3px;height:3px;background:currentColor;opacity:.6}

/* ---------- Botões ---------- */
.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}
.lb-btn-primaria{background:var(--m-primaria);color:var(--m-sobre-primaria)}
.lb-btn-primaria:hover{background:var(--m-escura);color:var(--m-sobre-escura)}
.lb-btn-contorno{background:transparent;color:inherit;border-color:currentColor}
.lb-btn-contorno:hover{background:var(--m-texto);color:var(--m-fundo);border-color:var(--m-texto)}
.lb-btn-destaque{background:var(--m-destaque);color:var(--m-escura)}
.lb-btn-destaque:hover{background:var(--m-escura);color:var(--m-sobre-escura)}

/* ---------- Topo ---------- */
.lb-topo{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--m-escura) 86%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);color:var(--m-sobre-escura);border-bottom:1px solid color-mix(in oklab,var(--m-sobre-escura) 12%,transparent)}
.lb-topo .lb-container{display:flex;align-items:center;gap:16px;min-height:72px}
.lb-logo{display:flex;align-items:center;margin-right:auto;text-decoration:none;color:inherit}
.lb-logo img{height:40px;width:auto;max-width:200px;object-fit:contain}
.lb-topo nav{display:none;gap:24px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.lb-topo nav a{color:inherit;text-decoration:none;opacity:.85;padding:6px 0;border-bottom:2px solid transparent;transition:opacity .2s,border-color .2s}
.lb-topo nav a:hover,.lb-topo nav a[aria-current="page"]{opacity:1;border-bottom-color:var(--m-destaque)}
.lb-topo .lb-btn-contorno:hover{background:var(--m-sobre-escura);color:var(--m-escura);border-color:var(--m-sobre-escura)}
.lb-topo .lb-menu-btn{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid color-mix(in oklab,var(--m-sobre-escura) 40%,transparent);color:inherit;cursor:pointer}
.lb-menu{display:none;background:var(--m-escura);color:var(--m-sobre-escura);border-bottom:1px solid color-mix(in oklab,var(--m-sobre-escura) 12%,transparent)}
.lb-menu[data-aberto="true"]{display:block}
.lb-menu nav{display:grid;gap:4px;padding:8px 0 16px}
.lb-menu a{display:block;padding:12px 0;color:inherit;text-decoration:none;font-size:17px;border-bottom:1px solid color-mix(in oklab,var(--m-sobre-escura) 12%,transparent)}
.lb-menu .lb-btn{margin-top:12px;width:100%;border-bottom:0}
.lb-menu .lb-btn-destaque{color:var(--m-escura)}
@media (min-width:900px){.lb-topo nav{display:flex}.lb-topo .lb-menu-btn,.lb-menu{display:none!important}.lb-topo .lb-container{min-height:84px;gap:24px}.lb-logo img{height:46px;max-width:230px}}

/* ---------- Abertura ---------- */
.lb-abertura{padding:clamp(48px,7vw,88px) 0 clamp(28px,4vw,44px);border-bottom:1px solid var(--m-linha)}
.lb-abertura .lb-container{display:grid;gap:28px}
.lb-abertura h1{margin:0;font-family:var(--m-fonte-titulo);font-weight:700;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.lb-abertura .lb-apresentacao{margin:14px 0 0;max-width:58ch;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.6;color:var(--m-texto-2);text-wrap:pretty}
.lb-abertura .lb-apresentacao:empty{display:none}
.lb-ferramentas{display:grid;gap:14px}
.lb-busca{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;background:var(--m-superficie);border:1px solid var(--m-linha)}
.lb-busca:focus-within{border-color:var(--m-primaria);box-shadow:0 0 0 3px color-mix(in oklab,var(--m-primaria) 20%,transparent)}
.lb-busca svg{flex:none;color:var(--m-texto-2)}
.lb-busca input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:16px}
.lb-busca input::placeholder{color:var(--m-texto-2)}
.lb-categorias{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin:0;list-style:none;padding-left:0}
.lb-categorias::-webkit-scrollbar{display:none}
.lb-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;background:var(--m-superficie);border:1px solid var(--m-linha);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.lb-chip:hover{border-color:var(--m-texto)}
.lb-chip[aria-pressed="true"]{background:var(--m-primaria);color:var(--m-sobre-primaria);border-color:var(--m-primaria)}
.lb-chip .lb-n{font-size:12px;font-weight:700;opacity:.7}
@media (min-width:900px){.lb-abertura .lb-container{grid-template-columns:1fr minmax(320px,460px);align-items:end;gap:48px}}

/* ---------- Destaque ---------- */
.lb-destaque{padding:clamp(40px,6vw,72px) 0 0}
.lb-destaque article{display:grid;gap:22px;color:inherit;text-decoration:none}
.lb-destaque .lb-capa{aspect-ratio:16/9;overflow:hidden;background:var(--m-clara)}
.lb-destaque .lb-capa img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.lb-destaque article:hover .lb-capa img{transform:scale(1.03)}
.lb-destaque h2{margin:12px 0 0;font-family:var(--m-fonte-titulo);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.08;letter-spacing:-.015em;text-wrap:balance}
.lb-destaque h2 a{color:inherit;text-decoration:none}
.lb-destaque h2 a:hover{text-decoration:underline;text-decoration-color:var(--m-destaque);text-decoration-thickness:3px;text-underline-offset:6px}
.lb-destaque .lb-resumo{margin:14px 0 0;max-width:60ch;font-size:17px;line-height:1.65;color:var(--m-texto-2);text-wrap:pretty}
.lb-destaque .lb-ler{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--m-destaque);padding-bottom:2px}
@media (min-width:900px){.lb-destaque article{grid-template-columns:7fr 5fr;align-items:center;gap:clamp(32px,4vw,56px)}}

/* ---------- Capa sem imagem ---------- */
.lb-capa-vazia{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:clamp(18px,3vw,28px);background:var(--m-escura);color:var(--m-sobre-escura);background-image:linear-gradient(color-mix(in oklab,var(--m-sobre-escura) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--m-sobre-escura) 7%,transparent) 1px,transparent 1px);background-size:28px 28px}
.lb-capa-vazia .lb-cat-grande{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--m-destaque)}
.lb-capa-vazia .lb-inicial{font-family:var(--m-fonte-titulo);font-weight:700;font-size:clamp(3.5rem,12cqw,7rem);line-height:.9;letter-spacing:-.04em;opacity:.95}
.lb-capa-vazia .lb-marca{align-self:flex-end;height:22px;width:auto;opacity:.8}
.lb-capa{container-type:inline-size}
.lb-capa .lb-capa-vazia img.lb-marca{width:auto;max-width:40%;height:22px;object-fit:contain;flex:none;transition:none}

/* ---------- Grade ---------- */
.lb-grade-secao{padding:clamp(48px,7vw,88px) 0}
.lb-grade-cab{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--m-linha)}
.lb-grade-cab h2{margin:0;font-family:var(--m-fonte-titulo);font-size:1.4rem;font-weight:700}
.lb-grade-cab .lb-contagem{font-size:14px;color:var(--m-texto-2)}
.lb-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(20px,3vw,32px) 24px;margin:0;padding:0;list-style:none}
.lb-card{display:grid;grid-template-rows:auto 1fr;background:var(--m-superficie);border:1px solid var(--m-linha);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.lb-card:hover{transform:translateY(-4px);box-shadow:var(--lb-sombra)}
.lb-card .lb-capa{aspect-ratio:16/9;overflow:hidden;background:var(--m-clara)}
.lb-card .lb-capa img{width:100%;height:100%;object-fit:cover}
.lb-card .lb-corpo{display:grid;gap:12px;align-content:start;padding:20px 20px 22px}
.lb-card h3{margin:0;font-family:var(--m-fonte-titulo);font-weight:700;font-size:1.2rem;line-height:1.3;text-wrap:pretty}
.lb-card h3 a{color:inherit;text-decoration:none}
.lb-card h3 a::after{content:"";position:absolute;inset:0}
.lb-card{position:relative}
.lb-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--m-destaque);text-decoration-thickness:2px;text-underline-offset:4px}
.lb-card .lb-resumo{margin:0;font-size:14.5px;line-height:1.6;color:var(--m-texto-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lb-card-rodape{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--m-linha);font-size:13px;color:var(--m-texto-2)}

/* ---------- Estados ---------- */
.lb-vazio{display:grid;justify-items:center;gap:12px;padding:clamp(48px,8vw,96px) 24px;text-align:center;border:1px dashed var(--m-linha)}
.lb-vazio .lb-vazio-marca{width:64px;height:64px;display:grid;place-items:center;background:var(--m-clara);font-family:var(--m-fonte-titulo);font-size:1.6rem;font-weight:700;color:var(--m-primaria-texto)}
.lb-vazio h2{margin:8px 0 0;font-family:var(--m-fonte-titulo);font-size:1.4rem;font-weight:700}
.lb-vazio p{margin:0;max-width:48ch;color:var(--m-texto-2)}
.lb-vazio .lb-btn{margin-top:8px}
[hidden]{display:none!important}

/* ---------- Esqueleto ---------- */
.lb-esqueleto{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:32px 24px;margin:0;padding:0;list-style:none}
.lb-esqueleto li{display:grid;gap:12px;padding:0 0 20px;border:1px solid var(--m-linha)}
.lb-osso{background:linear-gradient(90deg,var(--m-clara) 25%,color-mix(in oklab,var(--m-clara) 60%,var(--m-superficie)) 50%,var(--m-clara) 75%);background-size:200% 100%;animation:lb-brilho 1.6s linear infinite}
.lb-esqueleto .lb-osso-capa{aspect-ratio:16/9}
.lb-esqueleto .lb-osso-linha{height:12px;margin:0 20px}
.lb-esqueleto .lb-osso-titulo{height:20px;margin:8px 20px 0}
@keyframes lb-brilho{to{background-position:-200% 0}}

/* ---------- Newsletter ---------- */
.lb-news{padding:clamp(48px,7vw,88px) 0}
.lb-news .lb-caixa{display:grid;gap:28px;padding:clamp(28px,5vw,56px);background:var(--m-primaria);color:var(--m-sobre-primaria)}
.lb-news .lb-kicker{color:var(--m-destaque)}
.lb-news h2{margin:0;font-family:var(--m-fonte-titulo);font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
.lb-news p{margin:12px 0 0;max-width:46ch;opacity:.9}
.lb-news form{display:grid;gap:12px;align-content:start}
.lb-news label{display:grid;gap:6px;font-size:13.5px;font-weight:600}
.lb-news input{min-height:50px;padding:0 14px;border:1px solid color-mix(in oklab,var(--m-sobre-primaria) 40%,transparent);background:color-mix(in oklab,var(--m-sobre-primaria) 10%,transparent);color:inherit;font-size:16px}
.lb-news input::placeholder{color:color-mix(in oklab,var(--m-sobre-primaria) 65%,transparent)}
.lb-news input:focus{outline:3px solid var(--m-destaque);outline-offset:0}
.lb-news .lb-btn{margin-top:4px}
.lb-news .lb-lgpd{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;font-weight:400;opacity:.9}
.lb-news .lb-lgpd input{width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;flex:none;accent-color:var(--m-destaque)}
.lb-news .lb-campos{display:grid;gap:12px}
.lb-news .lb-ok{display:none;align-items:center;gap:16px;padding:22px 24px;background:color-mix(in oklab,var(--m-sobre-primaria) 10%,transparent);border-left:4px solid var(--m-destaque)}
.lb-news .lb-ok strong{display:block;font-family:var(--m-fonte-titulo);font-size:1.25rem;line-height:1.25}
.lb-news .lb-ok p{margin:4px 0 0;opacity:.9}
.lb-news .lb-ok-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--m-destaque);color:var(--m-escura)}
.lb-news form[data-enviado="true"] .lb-campos{display:none}
.lb-news form[data-enviado="true"] .lb-ok{display:flex}
@media (min-width:900px){.lb-news .lb-caixa{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px)}}

/* ---------- Rodapé ---------- */
.lb-rodape{background:var(--m-escura);color:var(--m-sobre-escura);font-size:14.5px}
.lb-rodape .lb-container{display:grid;gap:32px;padding-top:clamp(40px,6vw,64px);padding-bottom:28px}
.lb-rodape .lb-logo img{height:44px;max-width:220px}
.lb-rodape .lb-redes{display:flex;gap:10px;margin:0;padding:0;list-style:none}
.lb-rodape .lb-redes a{display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in oklab,var(--m-sobre-escura) 30%,transparent);color:inherit;transition:background .2s,color .2s,border-color .2s}
.lb-rodape .lb-redes a:hover{background:var(--m-destaque);border-color:var(--m-destaque);color:var(--m-escura)}
.lb-rodape .lb-legal{display:grid;gap:6px;opacity:.8}
.lb-rodape .lb-legal a{color:inherit}
.lb-rodape .lb-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;border-top:1px solid color-mix(in oklab,var(--m-sobre-escura) 14%,transparent);font-size:13px;opacity:.75}
.lb-rodape .lb-base a{color:inherit;font-weight:700;text-decoration:none}
@media (min-width:900px){.lb-rodape .lb-topo-rodape{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}}

/* ---------- Artigo ---------- */
.lb-artigo-cab{padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,40px)}
.lb-voltar{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--m-texto-2)}
.lb-voltar:hover{color:var(--m-texto)}
.lb-artigo-cab h1{margin:14px 0 0;max-width:22ch;font-family:var(--m-fonte-titulo);font-weight:700;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.lb-artigo-cab .lb-resumo{margin:18px 0 0;max-width:62ch;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.6;color:var(--m-texto-2);text-wrap:pretty}
.lb-artigo-cab .lb-meta{margin-top:22px;font-size:14px}
.lb-artigo-capa{max-width:var(--lb-container);margin:0 auto;padding:0 var(--lb-pad)}
.lb-artigo-capa figure{margin:0}
.lb-artigo-capa .lb-capa{aspect-ratio:16/9;overflow:hidden;background:var(--m-clara)}
.lb-artigo-capa img{width:100%;height:100%;object-fit:cover}
.lb-artigo-capa figcaption{margin-top:10px;font-size:13px;color:var(--m-texto-2)}
.lb-artigo-capa:empty{display:none}
.lb-artigo-grid{display:grid;gap:40px;padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(40px,6vw,64px)}
.lb-prosa{max-width:68ch;font-size:clamp(1.05rem,1.2vw,1.15rem);line-height:1.75}
.lb-prosa>*{margin:0}
.lb-prosa>*+*{margin-top:1.2em}
.lb-prosa h2{margin-top:2em;font-family:var(--m-fonte-titulo);font-weight:700;font-size:1.65em;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.lb-prosa h3{margin-top:1.6em;font-family:var(--m-fonte-titulo);font-weight:700;font-size:1.25em;line-height:1.3}
.lb-prosa>p:first-child::first-letter{font-family:var(--m-fonte-titulo);font-weight:700;font-size:3.2em;line-height:.8;float:left;margin:.08em .12em 0 0;color:var(--m-primaria-texto)}
.lb-prosa ul,.lb-prosa ol{padding-left:1.3em}
.lb-prosa li+li{margin-top:.5em}
.lb-prosa li::marker{color:var(--m-primaria-texto);font-weight:700}
.lb-prosa a{text-decoration-thickness:1.5px;text-underline-offset:3px}
.lb-prosa strong{color:var(--m-texto)}
.lb-prosa blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:4px solid var(--m-destaque);font-family:var(--m-fonte-titulo);font-size:1.25em;line-height:1.45;color:var(--m-texto)}
.lb-prosa blockquote footer{margin-top:10px;font-family:var(--m-fonte-texto);font-size:.7em;color:var(--m-texto-2)}
.lb-lateral{display:grid;gap:32px;align-content:start}
.lb-compartilhar h2,.lb-tags h2,.lb-fontes h2{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--m-texto-2)}
.lb-compartilhar ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lb-compartilhar a,.lb-compartilhar button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--m-linha);background:var(--m-superficie);color:var(--m-texto);font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}
.lb-compartilhar a:hover,.lb-compartilhar button:hover{border-color:var(--m-texto)}
.lb-tags ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.lb-tags a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;background:var(--m-clara);color:var(--m-texto);font-size:13.5px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:border-color .2s}
.lb-tags a:hover{border-color:var(--m-texto)}
.lb-fontes{padding:22px 24px;background:var(--m-clara);border-left:3px solid var(--m-primaria)}
.lb-fontes ol{margin:0;padding-left:1.2em;font-size:14.5px;line-height:1.55}
.lb-fontes li+li{margin-top:10px}
.lb-fontes li::marker{color:var(--m-primaria-texto);font-weight:700}
.lb-fontes a{overflow-wrap:anywhere}
.lb-fontes .lb-fonte-nome{display:block;font-weight:600;color:var(--m-texto)}
.lb-fontes .lb-fonte-url{display:block;font-size:13px;color:var(--m-texto-2)}
.lb-fontes-nota{margin:0 0 14px;font-size:14px;color:var(--m-texto-2)}
@media (min-width:1024px){.lb-artigo-grid{grid-template-columns:minmax(0,68ch) minmax(260px,320px);gap:clamp(48px,6vw,96px);align-items:start}.lb-lateral{position:sticky;top:108px}}

/* ---------- Leia também ---------- */
.lb-relacionados{padding:clamp(48px,7vw,88px) 0;border-top:1px solid var(--m-linha)}
.lb-relacionados .lb-grade-cab{align-items:end}
.lb-relacionados .lb-grade-cab .lb-btn{min-height:40px}

/* ---------- ligação com o sistema ---------- */
.lb-logo-texto{font-family:var(--m-fonte-titulo);font-weight:700;font-size:22px;letter-spacing:-.01em}
.lb-logo img.lb-logo-inv{filter:brightness(0) invert(1)}
.lb-previa{background:var(--m-destaque);color:var(--m-escura);text-align:center;font-size:13px;font-weight:700;padding:8px 16px}
.lb-aviso{min-height:60vh;display:grid;place-content:center;text-align:center;padding:40px var(--lb-pad)}
.lb-aviso h1{font-family:var(--m-fonte-titulo);margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.2rem)}
.lb-aviso p{color:var(--m-texto-2);margin:0 0 18px}
.lb-news .lb-erro{margin:0;font-size:13px;font-weight:600;color:inherit}
.lb-news .lb-erro:empty{display:none}

/* 28/10 (Rafa): topo levemente transparente; âncoras param abaixo do topo fixo */
.lb-menu{background:var(--m-escura)}
[id]{scroll-margin-top:96px}

/* 28/10 (Rafa): quadrinhos da marca no canto superior esquerdo de toda foto; cada quadrado com 10% da altura da imagem */
.lb-com-quadros .lb-capa:has(> img){position:relative}
.lb-com-quadros .lb-capa:has(> img)::after{content:"";position:absolute;top:0;left:0;height:30%;aspect-ratio:1;pointer-events:none;z-index:1;
  /* grade 3x3 da marca (Rafa, 28/10, print da arte): amarelo e vermelho no topo (colunas 2 e 3), azul embaixo do amarelo,
     branco na coluna 1, terceira linha; o resto vazio, deixando a foto aparecer */
  background:linear-gradient(var(--lb-q1),var(--lb-q1)) 50% 0/33.34% 33.34% no-repeat,linear-gradient(var(--lb-q2),var(--lb-q2)) 100% 0/33.34% 33.34% no-repeat,linear-gradient(var(--lb-q3),var(--lb-q3)) 50% 50%/33.34% 33.34% no-repeat,linear-gradient(#fff,#fff) 0 100%/33.34% 33.34% no-repeat}

/* 28/10 (Rafa: "mouse hover errado"): o destaque escurecia para a cor forte e sumia dentro da caixa azul; agora inverte para branco */
.lb-btn-destaque:hover,.lb-btn-destaque:focus-visible{background:var(--m-sobre-escura);color:var(--m-escura)}
.lb-news .lb-btn-destaque:hover,.lb-news .lb-btn-destaque:focus-visible{background:var(--m-sobre-primaria);color:var(--m-primaria)}