.fp-page-section { padding: 3rem 0 5rem; }
.fp-container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; }
.fp-eyebrow { color: var(--color-brand); font-size: .75rem; font-weight: 800; letter-spacing: .08em; margin: 0 0 .4rem; text-transform: uppercase; }
.fp-provenance, .fp-consultation { background: #fff; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; }
.fp-provenance h2, .fp-consultation h2, .fp-cta h2 { color: #0f172a; font-size: 1.5rem; font-weight: 800; line-height: 1.2; margin: 0; }
.fp-provenance-title { color: #475569; margin: .6rem 0 0; }
.fp-provenance-list { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.5rem 0; }
.fp-provenance-list dt { color: #64748b; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.fp-provenance-list dd { color: #1e293b; font-size: .9375rem; margin: .25rem 0 0; }
.fp-provenance-note { color: #64748b; font-size: .875rem; margin: 0 0 1rem; }
.fp-resource-links { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; }
.fp-text-link { color: var(--color-brand); font-size: .875rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.fp-notice { border-radius: .875rem; font-size: .9rem; line-height: 1.55; margin: 1.25rem 0; padding: 1rem 1.125rem; }
.fp-notice--warning { background: #fffbeb; border: 1px solid #fcd34d; color: #78350f; }
.fp-notice--institutional { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a5f; }
.fp-notice--error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
/* Título dos indicadores só para leitores de tela: o tailwind.min.css não traz o utilitário sr-only. */
.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.fp-indicators { display: grid; gap: .875rem; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 1.5rem 0; }
.fp-indicators article { background: #fff; border: 1px solid #e2e8f0; border-radius: .875rem; padding: 1.125rem; }
.fp-indicators span { color: #64748b; display: block; font-size: .75rem; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.fp-indicators strong { color: #0f172a; display: block; font-size: 1.5rem; line-height: 1.2; margin-top: .5rem; }
.fp-section-heading { align-items: end; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1.5rem; }
.fp-section-heading > p { color: #475569; font-size: .875rem; margin: 0; text-align: right; }
.fp-filters { align-items: end; display: grid; gap: 1rem; grid-template-columns: minmax(12rem, 2fr) minmax(8rem, 1fr) minmax(11rem, 1.25fr) auto; margin-bottom: 1rem; }
.fp-filters label, .fp-pagination label { color: #334155; display: block; font-size: .8125rem; font-weight: 700; margin-bottom: .4rem; }
.fp-filters input, .fp-filters select, .fp-pagination select { background: #fff; border: 1px solid #cbd5e1; border-radius: .5rem; color: #1e293b; font: inherit; min-height: 2.75rem; padding: .6rem .75rem; width: 100%; }
/* Placeholder em slate-500 com opacidade explícita: 4,76:1 sobre o branco do campo (o gray-400 do preflight do Tailwind ficava em 2,54:1). */
.fp-filters input::placeholder { color: #64748b; opacity: 1; }
/* Limpar filtros, Anterior e Próxima: o botão principal de assets/css/botoes.css (desde 23/10/2026). */
.fp-filters button, .fp-pagination button { white-space: nowrap; }
.fp-loading, .fp-empty { color: #475569; padding: 1.25rem 0; text-align: center; }
.fp-table-scroll { border: 1px solid #e2e8f0; border-radius: .75rem; overflow-x: auto; }
#fp-table { border-collapse: collapse; min-width: 46rem; width: 100%; }
#fp-table caption { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
#fp-table th { background: #f8fafc; color: #475569; font-size: .75rem; letter-spacing: .04em; padding: .85rem 1rem; text-align: left; text-transform: uppercase; }
#fp-table td { border-top: 1px solid #e2e8f0; color: #334155; font-size: .9rem; padding: .85rem 1rem; }
#fp-table tbody tr:hover { background: #f8fafc; }
.fp-number { text-align: right !important; }.fp-number-cell { text-align: right; font-variant-numeric: tabular-nums; }
.fp-status { border-radius: 999px; display: inline-block; font-size: .75rem; font-weight: 800; padding: .3rem .55rem; white-space: nowrap; }
.fp-status--available { background: #dcfce7; color: #166534; }.fp-status--unavailable { background: #f1f5f9; color: #475569; }
.fp-pagination { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; margin-top: 1.25rem; }
.fp-pagination.hidden, .fp-pagination[hidden] { display: none; }
.fp-pagination button:disabled { cursor: not-allowed; opacity: .5; }.fp-pagination span { color: #475569; font-size: .875rem; margin-right: auto; }.fp-pagination label { margin: 0 0 0 .5rem; }.fp-pagination select { width: auto; }
.fp-regulatory-update { align-items: flex-start; background: #eff6ff; border: 1px solid #bfdbfe; border-left: .25rem solid var(--color-brand); border-radius: .75rem; display: flex; flex-direction: column; gap: 1.25rem; justify-content: space-between; margin-top: 1.5rem; padding: 1.25rem 1.5rem; }.fp-regulatory-update h2 { color: #1e3a5f; font-size: 1.2rem; font-weight: 800; line-height: 1.3; margin: 0; }.fp-regulatory-update p:not(.fp-eyebrow) { color: #475569; font-size: .875rem; line-height: 1.55; margin: .5rem 0 0; max-width: 54rem; }.fp-regulatory-update a { flex-shrink: 0; width: 100%; }
.fp-credited { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: .75rem; margin-top: 1.5rem; padding: 1.25rem 1.5rem; }.fp-credited h2 { color: #334155; font-size: 1.25rem; font-weight: 800; line-height: 1.2; margin: 0; }.fp-credited-intro { color: #475569; font-size: .9rem; line-height: 1.6; margin: .65rem 0 0; max-width: 62rem; }.fp-credited-grid { display: grid; gap: 0 1.5rem; grid-template-columns: 1fr; margin-top: 1rem; }.fp-credited-grid > div { border-top: 1px solid #e2e8f0; padding: .85rem 0; }.fp-credited-grid h3 { color: #334155; font-size: .9rem; font-weight: 800; line-height: 1.3; margin: 0; }.fp-credited-grid p { color: #64748b; font-size: .825rem; line-height: 1.55; margin: .35rem 0 0; }.fp-credited-link { color: var(--color-brand); display: inline-block; font-size: .875rem; font-weight: 800; margin-top: .5rem; text-decoration: underline; text-underline-offset: 3px; }.fp-credited-note { color: #64748b; font-size: .8rem; line-height: 1.5; margin: .75rem 0 0; max-width: 62rem; }
.fp-cta { align-items: center; background: linear-gradient(135deg, var(--color-brand-dark), var(--color-brand)); border-radius: 1rem; color: #fff; display: flex; gap: 1.5rem; justify-content: space-between; margin-top: 2rem; padding: 2rem; }.fp-cta h2 { color: #fff; }.fp-cta p { color: #dbeafe; line-height: 1.6; margin: .7rem 0 0; max-width: 42rem; }.fp-cta a { white-space: nowrap; }
@media (max-width: 1023px) { .fp-indicators { grid-template-columns: repeat(3, minmax(0, 1fr)); }.fp-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }.fp-filters button { grid-column: 1 / -1; justify-self: start; } }
@media (min-width: 640px) { .fp-regulatory-update { align-items: center; flex-direction: row; gap: 1.5rem; }.fp-regulatory-update a { width: auto; }.fp-credited-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { .fp-page-section { padding: 2rem 0 3.5rem; }.fp-provenance, .fp-consultation { padding: 1.125rem; }.fp-provenance-list, .fp-indicators, .fp-filters { grid-template-columns: 1fr; }.fp-section-heading, .fp-cta { align-items: flex-start; flex-direction: column; }.fp-section-heading > p { text-align: left; }.fp-filters button { width: 100%; }.fp-pagination { justify-content: flex-start; }.fp-pagination span { margin-right: 0; width: 100%; }.fp-pagination label { margin-left: 0; }.fp-cta a { width: 100%; } }
/* Layout comum (10/10/2026): consulta fora da faixa de Voltar ao topo e WhatsApp. A coluna fixa fica a max(1.5rem,
   safe-area) da direita, com 2.75rem até 640px e 3rem acima (components.css); a faixa soma 0.5rem de folga. O container
   (80rem, recuo de 1rem) recebe a faixa como recuo, menos a margem que ele já tem, max(0, (100cqw - 80rem) / 2), com a
   seção como contêiner de consulta (100cqw não inclui a barra clássica). Até 639px a margem é zero e o recuo é só à
   direita; de 640px em diante, dos dois lados, e nunca menor que 1rem. Cada declaração com cqw vem depois da mesma conta
   com 100vw, para navegador sem unidades de contêiner; sem var(), que zeraria o recuo nesses navegadores. A tabela
   continua rolando dentro da consulta, agora na largura que sobra. */
.fp-page-section { container-type: inline-size; }
@media (max-width: 639px) { .fp-container { padding-right: calc(1.5rem + 2.75rem + 0.5rem); padding-right: calc(max(1.5rem, env(safe-area-inset-right, 0px)) + 2.75rem + 0.5rem); } }
@media (min-width: 640px) { .fp-container { padding-left: max(1rem, calc(1.5rem + 3rem + 0.5rem - max(0px, (100vw - 80rem) / 2))); padding-right: max(1rem, calc(1.5rem + 3rem + 0.5rem - max(0px, (100vw - 80rem) / 2))); padding-left: max(1rem, calc(max(1.5rem, env(safe-area-inset-right, 0px)) + 3rem + 0.5rem - max(0px, (100cqw - 80rem) / 2))); padding-right: max(1rem, calc(max(1.5rem, env(safe-area-inset-right, 0px)) + 3rem + 0.5rem - max(0px, (100cqw - 80rem) / 2))); } }
/* Layout comum (10/10/2026): CTA final no celular. Com a reserva do container, o padding de 2rem deixava 164px para o
   texto a 320px; abaixo de 640px o CTA usa o padding dos outros blocos da página (1.125rem). "credenciamento?" (200px em
   1.5rem) tem no HTML um hífen opcional (­) que só vale com largura útil menor que 375px (media query para a janela;
   container query, com .fp-page-section como contêiner, para a largura útil sem a barra clássica); acima, é ignorado. Na mesma
   faixa o botão "Falar com a Regularize" (nowrap) pode quebrar a linha: com a barra clássica a 320px sobravam 145px
   para 155px de texto. */
.fp-cta h2 { -webkit-hyphens: none; hyphens: none; }
@media (max-width: 639px) { .fp-cta { padding: 1.125rem; } }
@media (max-width: 374px) { .fp-cta h2 { -webkit-hyphens: manual; hyphens: manual; } .fp-cta a { white-space: normal; } }
@container (max-width: 374px) { .fp-cta h2 { -webkit-hyphens: manual; hyphens: manual; } .fp-cta a { white-space: normal; } }
/* Layout comum (10/10/2026): indicadores da consulta. Com a reserva dos dois lados a partir de 640px, os cards ficavam
   estreitos demais para "09/10/2026" (139px em 1.5rem, mais 2.375rem de padding e borda): passava do card de 640 a 767px
   (3 colunas) e de 1024 a cerca de 1100px (5 colunas). Nessas faixas os cinco indicadores usam 2 e 3 colunas; os limites
   (767 e 1135px) deixam folga também com a barra clássica, que tira 15px da largura útil sem mudar a media query. */
@media (min-width: 640px) and (max-width: 767px) { .fp-indicators { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) and (max-width: 1135px) { .fp-indicators { grid-template-columns: repeat(3, minmax(0, 1fr)); } }