/* Seção Conteúdos. Usa os tokens de cases.css */
.ct-hero { max-width:1040px; }
.ct-artigo { display:grid; grid-template-columns:300px 1fr; gap:2.6rem; align-items:start; max-width:1040px; }
.ct-visual { position:sticky; top:84px; }
.ct-capa { width:100%; height:auto; border:1px solid var(--border); border-radius:12px; box-shadow:0 14px 34px rgba(20,24,29,.10); display:block; }
.ct-galeria { display:flex; flex-direction:column; gap:.8rem; max-height:calc(100vh - 110px); overflow-y:auto; padding-right:.3rem; }
.ct-galeria img { width:100%; height:auto; border:1px solid var(--border); border-radius:10px; display:block; }
.ct-texto p { font-size:1rem; color:var(--text); }
.ct-texto ul, .ct-texto ol { color:var(--text); font-size:1rem; }
.ct-texto h2 { font-size:1.15rem; margin-top:2.4rem; }
.ct-texto h2 + ul li { font-size:.86rem; color:var(--muted); }
.ct-acoes { margin-top:1.6rem; display:flex; gap:.7rem; flex-wrap:wrap; }

.ct-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:1.2rem; margin-top:1.4rem; }
.ct-card { background:var(--white); border:1px solid var(--border); border-radius:16px; overflow:hidden; text-decoration:none; display:flex; flex-direction:column; transition:all .2s; }
.ct-card:hover { border-color:rgba(70,118,220,.3); transform:translateY(-3px); box-shadow:0 12px 28px rgba(70,118,220,.08); }
.ct-card img { width:100%; height:240px; object-fit:cover; object-position:top; border-bottom:1px solid var(--border); }
.ct-card .in-c { padding:1.1rem 1.25rem 1.3rem; display:flex; flex-direction:column; gap:.35rem; flex:1; }
.ct-meta { font-size:.72rem; color:var(--muted); margin-top:auto; padding-top:.4rem; }
.ct-filtros { display:flex; flex-wrap:wrap; gap:.5rem; margin:.4rem 0 .4rem; }
.ct-chip { font-family:'Poppins',sans-serif; font-size:.78rem; font-weight:600; padding:.42rem .95rem; border-radius:100px; border:1px solid var(--border); background:var(--white); color:var(--muted); cursor:pointer; }
.ct-chip[aria-pressed="true"] { background:var(--gd); border-color:var(--gd); color:var(--white); }
.ct-vazio { background:var(--white); border:1px dashed var(--border); border-radius:14px; padding:2rem; font-size:.92rem; color:var(--muted); line-height:1.8; margin-top:1rem; }
.ct-vazio a { color:var(--ga); }
.case-hero .container:has(.ct-grid), .case-hero .container:has(.ct-vazio) { max-width:1100px; }

@media(max-width:860px) {
  .ct-artigo { grid-template-columns:1fr; gap:1.6rem; }
  .ct-visual { position:static; max-width:420px; }
  .ct-galeria { flex-direction:row; overflow-x:auto; max-height:none; scroll-snap-type:x mandatory; }
  .ct-galeria img { width:78%; flex:none; scroll-snap-align:start; }
}