.portal-hero { flex-shrink: 0; }
body.portal > main.ciencia-conteudo { width: 100%; min-width: 0; max-width: 1180px; margin: 2rem auto; padding: 0 1.5rem; }
.ciencia-conteudo a { color: var(--cor-primaria); text-underline-offset: .18em; }
.ciencia-conteudo .btn-portal-secundario { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; height: auto; padding: .65rem 1rem; color: var(--cor-texto); border-color: var(--cor-borda-forte); text-decoration: none; }
.ciencia-conteudo button:disabled { opacity: .6; cursor: wait; }
.ciencia-intro { max-width: 74ch; line-height: 1.7; margin: 0 0 1.5rem; }
.ciencia-abas { display: flex; gap: .5rem; flex-wrap: wrap; padding-bottom: 1rem; border-bottom: 1px solid var(--cor-borda); }
.ciencia-abas button { padding: .8rem 1rem; border: 1px solid var(--cor-borda); border-radius: var(--radius-md); background: var(--cor-fundo-card); color: var(--cor-texto); font: inherit; cursor: pointer; }
.ciencia-abas [aria-current] { background: var(--cor-primaria); color: var(--cor-sobre-primaria); border-color: var(--cor-primaria); }
.ciencia-painel { padding-top: 1.5rem; }
.ciencia-painel h2, .ciencia-painel h3 { margin-bottom: .65rem; }
.ciencia-painel > h3, #ciencia-metricas > h3 { margin-top: 1.75rem; }
.ciencia-painel p { line-height: 1.65; }
.ciencia-painel[hidden] { display: none; }
.ciencia-linha { display: flex; align-items: end; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.ciencia-linha > * { min-width: 0; }
.ciencia-expandir { flex: 1 1 220px; }
.ciencia-campo { display: grid; gap: .4rem; margin: .7rem 0; min-width: 0; }
.ciencia-campo label { font-weight: 600; font-size: .9rem; }
.ciencia-campo input, .ciencia-campo select, .ciencia-campo textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: .75rem; border: 1px solid var(--cor-borda-forte); border-radius: var(--radius-md); background: var(--cor-fundo-input); color: var(--cor-texto); font: inherit; }
.ciencia-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(245px, 100%), 1fr)); gap: 1rem; margin: 1rem 0; }
.ciencia-grade:has(.ciencia-numero) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ciencia-grade > .ciencia-linha { grid-column: 1 / -1; }
.ciencia-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--cor-borda); border-radius: var(--radius-md); background: var(--cor-fundo-card); overflow-wrap: anywhere; }
.ciencia-card + .ciencia-card { margin-top: 1rem; }
.ciencia-grade > .ciencia-card, .ciencia-lista > .ciencia-card { margin-top: 0; }
.ciencia-card h3, .ciencia-card h4 { margin-top: 0; }
.ciencia-card p { line-height: 1.6; }
.ciencia-numero { display: block; font: 2rem var(--font-display); color: var(--cor-primaria); margin-bottom: .25rem; }
.ciencia-lista { display: grid; gap: .8rem; margin: 1rem 0; }
.ciencia-linha-ficha { padding: .8rem 0; border-bottom: 1px solid var(--cor-borda); display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap; }
.ciencia-linha-ficha > div { min-width: 0; flex: 1 1 180px; }
.ciencia-meta { color: var(--cor-texto-secundario); font-size: .875rem; line-height: 1.5; }
.ciencia-vazio { padding: 1rem 0; color: var(--cor-texto-secundario); }
.ciencia-check { display: flex; gap: .6rem; align-items: start; margin: 1rem 0; line-height: 1.5; }
.ciencia-tabela-wrap { width: 100%; overflow-x: auto; }
.ciencia-tabela { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9rem; }
.ciencia-tabela-larga { min-width: 640px; }
.ciencia-tabela th, .ciencia-tabela td { text-align: left; vertical-align: top; padding: .65rem; border-bottom: 1px solid var(--cor-borda); overflow-wrap: anywhere; }
.ciencia-tabela-larga th, .ciencia-tabela-larga td { overflow-wrap: normal; word-break: normal; }
.ciencia-tabela th { color: var(--cor-primaria); }
.ciencia-comparacao { table-layout: fixed; }
.ciencia-evidencia { width: 120px; height: 90px; object-fit: cover; border-radius: var(--radius-md, 8px); }
.ciencia-grade audio { max-width: 100%; }
.marca-rodape .marca-nome { margin-left: .4em; }
#ciencia-mensagem:empty { display: none; }
#ciencia-local-dialog { box-sizing: border-box; width: min(580px, calc(100% - 2rem)); max-height: 90dvh; overflow-y: auto; border: 1px solid var(--cor-borda); border-radius: var(--radius-lg, 12px); padding: 1.5rem; background: var(--cor-fundo); color: var(--cor-texto); }
#ciencia-local-dialog::backdrop { background: rgb(0 0 0 / .5); }
.ciencia-conteudo button:focus-visible, .ciencia-conteudo a:focus-visible { outline: 3px solid var(--cor-ocre); outline-offset: 3px; }
@media(max-width: 600px) { body.portal > main.ciencia-conteudo { padding: 0 1.2rem; margin-top: 1.2rem; } .ciencia-abas button { flex: 1 1 45%; padding: .75rem .5rem; } .ciencia-linha { align-items: stretch; } .ciencia-linha > .ciencia-campo { flex: 1 1 130px; } .ciencia-card { padding: 1rem; } .ciencia-comparacao th, .ciencia-comparacao td { padding: .4rem; font-size: .78rem; } .ciencia-grade:has(.ciencia-numero) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width: 640px) { .hub-hero-inner { flex-direction: column; align-items: flex-start; gap: 1rem; } .hub-acoes-header { flex-wrap: wrap; max-width: 100%; } }