/* Centro de ajuda: pesquisa, assuntos e leitura. Sem imagens nem JS adicionais. */
.centro-ajuda, .ca-cabecalho {
    --ajuda-marinho: #002f6d;
    --ajuda-laranja: #ff9202;
    --ajuda-tinta: #2b3138;
    --ajuda-suave: #5e6d77;
    --ajuda-linha: #e3e7eb;
    --ajuda-fundo: #f7f9fb;
    color: var(--ajuda-tinta);
    font-family: Poppins, system-ui, sans-serif;
}
/* O início privilegia a pesquisa; a leitura mantém um cabeçalho compacto. */
.ca-cabecalho { background: var(--ajuda-marinho); color: #fff; padding: 3rem 0 4rem; }
.ca-topo { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: center; gap: 4rem; }
.ca-principal { min-width: 0; }
.ca-sobretitulo { display: flex; align-items: center; gap: .625rem; color: #ffba5e; font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 1rem; }
.ca-sobretitulo::before { content: ""; width: 1.5rem; height: 2px; background: currentColor; }
.ca-cabecalho h1 { font-size: 2.75rem; line-height: 1.2; font-weight: 700; color: #fff; letter-spacing: -.035em; margin: 0 0 1rem; max-width: 19ch; }
.ca-intro { color: #dce7f3; line-height: 1.75; font-size: .9375rem; max-width: 58ch; margin: 0; }
.ca-acesso { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; padding: 1.5rem; border: 1px solid #45648c; border-radius: 16px; background: #123e76; }
.ca-acesso h2 { color: #fff; font-size: 1.125rem; line-height: 1.5; margin: 0; }
.ca-acesso p { color: #dce7f3; font-size: .8125rem; line-height: 1.75; margin: 0 0 .25rem; }
.ca-acesso-icone { color: #ffba5e; margin-bottom: .25rem; }
.ca-acesso-icone .ca-icone { width: 2rem; height: 2rem; }
.ca-acesso > a:not(.ca-botao) { color: #fff; text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center; }
.ca-acesso > span:not(.ca-acesso-icone) { font-size: .75rem; line-height: 1.7; color: #dce7f3; }
.ca-botao { display: inline-flex; align-items: center; justify-content: center; gap: 1.5rem; min-height: 48px; padding: .75rem 1.125rem; border-radius: 8px; background: var(--ajuda-marinho); color: #fff; font-weight: 600; font-size: .875rem; text-decoration: none; transition: background-color .18s; }
.ca-botao:hover { background: #002354; color: #fff; text-decoration: none; }
.ca-botao--claro { background: #fff; color: var(--ajuda-marinho); width: 100%; justify-content: space-between; }
.ca-botao--claro:hover { background: #edf3fa; color: var(--ajuda-marinho); }
.ca-pesquisa { max-width: 760px; margin-top: 1.75rem; }
.ca-pesquisa label { display: block; font-size: .8125rem; font-weight: 500; margin: 0 0 .625rem; }
.ca-pesquisa-campo { display: flex; align-items: center; gap: .875rem; background: #fff; border: 2px solid transparent; border-radius: 10px; padding: .375rem .375rem .375rem 1.125rem; }
.ca-pesquisa-campo:focus-within { border-color: var(--ajuda-laranja); }
.ca-pesquisa-campo > i { color: var(--ajuda-marinho); }
.ca-pesquisa input { border: 0; padding: .5rem 0; background: transparent; color: var(--ajuda-tinta); font-size: .9375rem; min-width: 0; width: 100%; min-height: 44px; }
.ca-pesquisa input::placeholder { color: var(--ajuda-suave); opacity: 1; }
.ca-pesquisa button { min-height: 48px; padding: .75rem 1.25rem; background: var(--ajuda-laranja); color: #172c46; border: 0; border-radius: 6px; font-size: .875rem; font-weight: 600; cursor: pointer; transition: background-color .18s; }
.ca-pesquisa button:hover { background: #ffb44d; }
.ca-pesquisa > p { color: #dce7f3; font-size: .75rem; margin: .625rem 0 0; }
.centro-ajuda a:focus-visible, .ca-cabecalho a:focus-visible, .ca-cabecalho button:focus-visible, .ca-pesquisa input:focus-visible { outline: 3px solid var(--ajuda-laranja); outline-offset: 3px; }
.ca-pesquisa button:focus-visible, .ca-pesquisa input:focus-visible { outline-color: var(--ajuda-marinho); }
.ca-voltar { display: inline-flex; align-items: center; gap: .75rem; min-height: 44px; color: #fff; font-weight: 600; font-size: 1.125rem; }
.ca-voltar:hover { color: #fff; text-decoration: underline; }
.ca-cabecalho--compacto { padding: 1.5rem 0; }
.ca-cabecalho--compacto .ca-pesquisa { margin-top: 1rem; }
.ca-cabecalho--compacto .ca-acesso { padding: 0; border: 0; background: transparent; }
.centro-ajuda { padding-bottom: 3rem; }
.centro-ajuda--inicio { background: var(--ajuda-fundo); }
.ca-icone { width: 24px; height: 24px; display: block; flex-shrink: 0; }
.ca-icone-fundo { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: #edf3fa; color: var(--ajuda-marinho); flex-shrink: 0; }
.ca-atalhos { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: -1.75rem; }
.ca-atalho { display: flex; align-items: center; gap: 1rem; padding: 1.375rem 1.5rem; color: var(--ajuda-marinho); background: #fff; border: 1px solid var(--ajuda-linha); border-radius: 12px; box-shadow: 0 4px 16px #002f6d08; transition: border-color .18s, background-color .18s; }
.ca-atalho:hover { border-color: #8aa5c4; background: #fafdff; text-decoration: none; color: var(--ajuda-marinho); }
.ca-atalho:nth-child(2) .ca-icone-fundo { background: #fff3e2; color: #875000; }
.ca-atalho-texto { display: flex; flex-direction: column; gap: .25rem; }
.ca-atalho-texto strong { font-size: 1rem; font-weight: 600; }
.ca-atalho-texto > span { color: var(--ajuda-suave); font-size: .8125rem; line-height: 1.6; }
.ca-atalho-seta { margin-left: auto; font-size: 1.25rem; }
.ca-indice { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.75rem 0 .25rem; }
.ca-indice > span { color: var(--ajuda-suave); font-size: .75rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ca-indice a { display: inline-flex; align-items: center; gap: .75rem; min-height: 44px; font-size: .8125rem; font-weight: 500; color: var(--ajuda-marinho); }
.ca-seccao { padding-top: 1.5rem; scroll-margin-top: 2rem; }
.ca-seccao + .ca-seccao { padding-top: 3rem; }
.ca-seccao-cabeca { margin-bottom: 1.25rem; }
.centro-ajuda h2 { font-size: 1.5rem; font-weight: 600; color: var(--ajuda-marinho); line-height: 1.4; }
.ca-seccao-cabeca h2 { margin: 0 0 .375rem; }
.ca-seccao-cabeca p { color: var(--ajuda-suave); margin: 0; font-size: .875rem; line-height: 1.7; }
.ca-categorias { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ca-categoria { padding: 1.5rem 1.5rem .875rem; border: 1px solid var(--ajuda-linha); border-radius: 12px; min-width: 0; background: #fff; }
.ca-categoria-cabeca { display: flex; align-items: center; gap: .875rem; margin-bottom: .875rem; }
.ca-categoria-cabeca .ca-icone-fundo { width: 42px; height: 42px; border-radius: 10px; }
.ca-categoria h3 { margin: 0; font-size: 1rem; line-height: 1.5; font-weight: 600; }
.ca-categoria h3 a { color: var(--ajuda-marinho); }
.ca-contagem { color: var(--ajuda-suave); font-size: .75rem; }
.ca-artigos { list-style: none; padding: 0; margin: 0; }
.ca-artigos li + li { border-top: 1px solid #f0f2f5; }
.ca-artigos a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 48px; padding: .75rem 0; color: var(--ajuda-tinta); font-size: .8125rem; line-height: 1.7; }
.ca-artigos a:hover { color: var(--ajuda-marinho); text-decoration: underline; }
.ca-artigos a > span { color: var(--ajuda-marinho); flex-shrink: 0; }
.ca-sem-artigos { color: var(--ajuda-suave); font-size: .875rem; padding: .625rem 0; }
.ca-ver-todos { display: inline-flex; align-items: center; min-height: 44px; color: var(--ajuda-marinho); font-size: .8125rem; font-weight: 600; }
.ca-contactar { display: flex; align-items: center; gap: 1.5rem; padding: 2rem; margin-top: 3rem; border: 1px solid #e8ddce; border-radius: 14px; background: #fff7ec; }
.ca-contactar-icone { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #ffe8c7; color: #875000; flex-shrink: 0; }
.ca-contactar-icone .ca-icone { width: 30px; height: 30px; }
.ca-contactar h2 { margin: 0 0 .5rem; font-size: 1.25rem; }
.ca-contactar p { color: var(--ajuda-suave); max-width: 60ch; font-size: .8125rem; line-height: 1.7; margin: 0; }
.ca-contactar-accoes { display: flex; flex-direction: column; gap: .625rem; margin-left: auto; flex-shrink: 0; }
.ca-contacto-link { color: var(--ajuda-marinho); min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: .8125rem; text-decoration: underline; }
.ca-leitura { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 3rem; padding-top: 2rem; }
.ca-migalhas { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; color: var(--ajuda-suave); font-size: .8125rem; margin-bottom: 1rem; }
.ca-migalhas a { color: var(--ajuda-marinho); display: inline-flex; align-items: center; min-height: 44px; }
.ca-resultados-cabeca h1, .ca-artigo h1 { font-size: 1.875rem; font-weight: 700; line-height: 1.35; color: var(--ajuda-tinta); margin: 0 0 .75rem; overflow-wrap: anywhere; }
.ca-resultados-cabeca > p, .ca-data { color: var(--ajuda-suave); font-size: .8125rem; margin-bottom: 1.5rem; }
.ca-resultado { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.5rem 0; border-top: 1px solid var(--ajuda-linha); color: var(--ajuda-tinta); }
.ca-resultado-categoria { color: var(--ajuda-suave); font-size: .75rem; }
.ca-resultado h2 { font-size: 1.0625rem; color: var(--ajuda-marinho); margin: .375rem 0 .5rem; }
.ca-resultado p { color: var(--ajuda-suave); line-height: 1.7; font-size: .875rem; margin: 0; }
.ca-resultado:hover { text-decoration: none; }
.ca-resultado:hover h2 { text-decoration: underline; }
.ca-seta { color: var(--ajuda-marinho); flex-shrink: 0; }
.ca-lateral { padding-top: 1rem; }
.ca-lateral h2 { font-size: 1rem; margin: 0 0 1rem; }
.ca-lateral nav { border-top: 1px solid var(--ajuda-linha); }
.ca-lateral a { display: flex; align-items: center; min-height: 44px; padding: .75rem 0; font-size: .8125rem; line-height: 1.6; color: var(--ajuda-suave); border-bottom: 1px solid var(--ajuda-linha); }
.ca-lateral a[aria-current], .ca-lateral a:hover { color: var(--ajuda-marinho); font-weight: 600; }
.ca-artigo { max-width: 72ch; }
.ca-artigo-texto { font-size: 1rem; line-height: 1.85; overflow-wrap: anywhere; }
.ca-artigo-texto p { margin-bottom: 1.25rem; }
.ca-artigo-texto li { padding-left: .375rem; margin-bottom: .75rem; }
.ca-artigo-texto ol, .ca-artigo-texto ul { padding-left: 1.5rem; }
.ca-artigo-texto img { max-width: 100%; height: auto; }
.ca-artigo-texto a { color: var(--ajuda-marinho); text-decoration: underline; }
.ca-artigo-texto table { display: block; max-width: 100%; overflow-x: auto; }
.ca-etiquetas { display: flex; flex-wrap: wrap; gap: .5rem; }
.ca-etiquetas a { color: var(--ajuda-marinho); min-height: 44px; padding: .625rem .875rem; background: var(--ajuda-fundo); border-radius: 4px; font-size: .8125rem; }
.ca-relacionados { border-top: 1px solid var(--ajuda-linha); padding-top: 1.5rem; margin-top: 2rem; }
.ca-relacionados h2 { font-size: 1.125rem; }
.ca-vazio { background: var(--ajuda-fundo); border-radius: 8px; padding: 1.5rem; margin-top: 1rem; }
.ca-vazio h2 { font-size: 1.125rem; }
.ca-vazio p { color: var(--ajuda-suave); font-size: .9375rem; line-height: 1.7; }
.ca-vazio a { color: var(--ajuda-marinho); display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; font-size: .875rem; }
@media (max-width: 991px) {
    .ca-topo { grid-template-columns: minmax(0, 1fr) 240px; gap: 1.5rem; }
    .ca-cabecalho h1 { font-size: 2.25rem; }
    .ca-acesso { padding: 1.25rem; }
    .ca-leitura { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
    .ca-lateral { padding-top: 0; }
    .ca-contactar { flex-wrap: wrap; }
    .ca-contactar-icone { display: none; }
    .ca-contactar-accoes { margin-left: 0; }
}
@media (max-width: 767px) {
    .ca-cabecalho { padding: 2rem 0 3rem; }
    .ca-topo { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
    .ca-cabecalho h1 { font-size: 2rem; }
    .ca-intro { font-size: .875rem; }
    .ca-acesso { flex-direction: row; align-items: center; flex-wrap: wrap; gap: .625rem 1rem; padding: 1rem; border-radius: 10px; }
    .ca-acesso h2 { flex: 1; font-size: .9375rem; }
    .ca-acesso p { display: none; }
    .ca-acesso-icone { margin: 0; }
    .ca-acesso-icone .ca-icone { width: 24px; height: 24px; }
    .ca-acesso .ca-botao { width: auto; font-size: .8125rem; gap: .75rem; }
    .ca-acesso > span:not(.ca-acesso-icone) { flex-basis: 100%; }
    .ca-atalhos { grid-template-columns: minmax(0, 1fr); gap: .75rem; margin-top: -1.25rem; }
    .ca-atalho { padding: 1rem; gap: .75rem; }
    .ca-atalho-texto strong { font-size: .9375rem; }
    .ca-atalho-texto > span { font-size: .75rem; }
    .ca-indice { flex-wrap: wrap; gap: .25rem; padding-top: 1.5rem; }
    .ca-categorias { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
    .ca-categoria { padding: 1.25rem 1.25rem .625rem; }
    .ca-seccao { padding-top: 1.25rem; }
    .ca-seccao + .ca-seccao { padding-top: 2rem; }
    .ca-seccao-cabeca { margin-bottom: 1rem; }
    .centro-ajuda h2 { font-size: 1.25rem; }
    .ca-pesquisa-campo { gap: .5rem; padding-left: .75rem; }
    .ca-pesquisa-campo > i { display: none; }
    .ca-pesquisa input { font-size: 1rem; }
    .ca-pesquisa button { padding: .75rem; }
    .ca-contactar { padding: 1.25rem; margin-top: 2rem; gap: 1rem; }
    .ca-contactar-accoes { width: 100%; }
    .ca-cabecalho--compacto { padding: 1.5rem 0; }
    .ca-resultados-cabeca h1, .ca-artigo h1 { font-size: 1.5rem; }
    .ca-resultado h2 { font-size: 1rem; }
    .ca-artigo-texto { font-size: .9375rem; }
}
@media (max-width: 380px) {
    .ca-acesso h2 { flex-basis: calc(100% - 40px); }
    .ca-acesso .ca-botao { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .ca-atalho, .ca-botao, .ca-pesquisa button { transition: none; }
}