/* ============================================================
   coldbet-br.app — camada própria do site sobre style.css do
   template-app (style.css é cópia sem edições). Só acrescenta:
   imagens de conteúdo, tipografia de artigo e caixa de CTA.
   ============================================================ */

/* imagens de conteúdo: 2 por página, arquivos em assets/img/br-*.webp
   (prompts em IMAGES.md). Enquanto o arquivo não existe, o quadro
   mantém a proporção e mostra a cor de superfície, sem pular layout. */
.pic{margin:22px 0;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.pic img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface)}
.pic figcaption{padding:10px 14px;font-size:13px;color:var(--muted)}

/* texto de artigo dentro das seções */
.sect h2{font-size:22px;line-height:1.3;margin:0 0 12px;color:var(--text)}
.sect h3{font-size:17px;line-height:1.35;margin:18px 0 8px;color:var(--text)}
.sect p,.sect li{color:var(--text-2)}
.sect ol,.sect ul{padding-left:22px;margin:0 0 14px}
.sect li{margin-bottom:6px}
.sect .tablewrap{margin:12px 0 14px}
.sect a:not(.btn){text-decoration:underline;text-underline-offset:2px}

/* caixa de CTA no fim das seções-chave */
.ctabox{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}

/* aviso de jogo responsável / licença */
.note{border-left:3px solid var(--cta);background:var(--surface);padding:12px 14px;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:14px;color:var(--text-2)}

/* breadcrumb das páginas internas */
.crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted)}