/* Paleta, tipografia e espaçamento do documento Design System MS. */

.categorias-publico {
    --categoria-primary: #004f9f;
    --categoria-ink: #1a202c;
    --categoria-muted: #5f6368;
    --categoria-border: #d9dde1;
    box-sizing: border-box; width: 100%; max-width: 1248px; min-width: 0;
    color: var(--categoria-ink); background: #fff;
    font: 400 16px/1.6 "Open Sans", "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere;
}
.categorias-publico *, .categorias-publico *::before, .categorias-publico *::after { box-sizing: border-box; }
.categorias-publico [hidden] { display: none !important; }
.categorias-publico h1, .categorias-publico h2, .categorias-publico h3 { color: var(--categoria-ink); }
.categorias-cabecalho { max-width: 1248px; margin: 0 0 24px; text-align: left; }
.categorias-sobretitulo { display: block; margin-bottom: 12px; color: var(--categoria-primary); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.categorias-cabecalho h1 {
    color: #30302e;
    font-size: 32px;
    font-style: normal;
    font-weight: 700; 
}
.categorias-cabecalho p {
    color: #565654;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}
#categoriasLista { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(min(100%, 200px), 1fr); gap: 16px; margin: 0; padding: 0 0 8px; overflow-x: auto; overflow-y: hidden; list-style: none; -webkit-overflow-scrolling: touch; }
#categoriasLista > li { min-width: 0; }
.categoria-card { height: 100%; padding: 24px 20px; border: 1px solid var(--categoria-border); border-top: 4px solid var(--categoria-cor); border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(14, 42, 71, .05); }
.categoria-card-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 20px; }
.categoria-fase { color: var(--categoria-muted); font-size: 12px; font-weight: 700; }
.categoria-card h3 { margin: 0 0 12px; font-size: 20px; font-weight: 700; line-height: 1.3; }
.categoria-pontuacao { display: inline-block; margin: 0 0 16px; padding: 4px 8px; border-radius: 4px; background: var(--categoria-tinta); color: var(--categoria-ink); font-size: 12px; font-weight: 700; }
.categoria-descricao { margin: 0; color: var(--categoria-muted); font-size: 14px; line-height: 1.7; white-space: pre-line; }
.categorias-sem-pontuacao { margin: 24px 0 0; padding: 0; list-style: none; }
.categorias-sem-pontuacao li + li { margin-top: 12px; }
.categorias-sem-pontuacao .categoria-card { border-top: 1px solid var(--categoria-border); border-left: 4px solid var(--categoria-cor); box-shadow: none; background: #f7f8f9; }
.categorias-sem-pontuacao .categoria-card-topo { display: none; }
.categorias-sem-pontuacao .categoria-card h3 { font-size: 16px; }
.categorias-mensagem, #categoriasLoading { padding: 32px 24px; border-radius: 8px; color: var(--categoria-muted); background: #f7f8f9; text-align: center; }
.categorias-mensagem h2 { margin: 0 0 12px; font-size: 20px; }
.categorias-mensagem p { margin: 0; }
.categorias-erro { color: #8b2018; background: #fdecea; }
@media (max-width: 680px) {
    .categorias-publico { padding: 24px 16px 32px; }
    .categorias-cabecalho h1 { font-size: 24px; }
    .categoria-card { padding: 20px 16px; }
}