/* PRICING (redesign 18/10/2026, PLANO-pricing-design): pagina publica de precos da Octobase. CSP: so 'self', sem estilo nem
   script inline. Celular primeiro; a partir de 960px o resumo vira coluna lateral. Painel de comando escuro no topo (tinta),
   vitrine clara embaixo. Cor crua SO aqui no :root. Pesos 400 e 600 (700 so no nome do plano). 19/10/2026 (pedido do dono, rodada 2,
   item 11, PLANO-pricing-uau-05): a pagina deixa de ser toda plana; sombra em camadas SO em cartao de plano, vitrine e moldura de
   aparelho; vidro so em camada que flutua; fio dourado e a assinatura. Movimento so em ponteiro fino e com saida em prefers-reduced-motion. */
:root {
  --pr-tinta: #141414;
  --pr-tinta-2: #24231f;
  --pr-tinta-3: #3a3934;
  --pr-polvo: #f2b705;
  --pr-polvo-escuro: #8a6200;
  --pr-polvo-fundo: #fff8e1;
  --pr-osso: #f5f0ea;
  --pr-osso-suave: #bdb7ab;
  --pr-fundo: #f8f8f5;
  --pr-card: #ffffff;
  --pr-card-2: #f2f1ec;
  --pr-borda: #e9e8e1;
  --pr-borda-forte: #d7d5ca;
  --pr-texto: #1a1a14;
  --pr-suave: #565549;
  --pr-verde: #1f7a1d;
  --pr-verde-fundo: #e8f5e8;
  --pr-erro: #b3261e;
  --pr-erro-fundo: #fdecea;
  --pr-fs-xs: 13px;
  --pr-fs-sm: 14px;
  --pr-fs-md: 16px;
  --pr-fs-lg: 18px;
  --pr-fs-xl: 22px;
  --pr-fs-2xl: 28px;
  --pr-fs-3xl: 36px;
  --pr-sp-1: 4px;
  --pr-sp-2: 8px;
  --pr-sp-3: 12px;
  --pr-sp-4: 16px;
  --pr-sp-5: 20px;
  --pr-sp-6: 24px;
  --pr-sp-8: 32px;
  --pr-sp-10: 40px;
  --pr-sp-12: 48px;
  --pr-raio-md: 8px;
  --pr-raio-xl: 12px;
  --pr-raio-2xl: 20px;
  --pr-raio-3xl: 28px;
  --pr-raio-pill: 999px;
  --pr-fs-4xl: clamp(32px, 5vw, 48px);
  --pr-fs-5xl: clamp(40px, 7vw, 72px);
  --pr-ls-titulo: -0.025em;
  --pr-mola: cubic-bezier(.16, 1, .3, 1);
  --pr-t-rapido: 160ms;
  --pr-t-medio: 280ms;
  --pr-t-lento: 420ms;
  --pr-vidro: color-mix(in srgb, var(--pr-card) 72%, transparent);
  --pr-vidro-escuro: color-mix(in srgb, var(--pr-tinta-2) 70%, transparent);
  --pr-vidro-borda: color-mix(in srgb, var(--pr-card) 55%, transparent);
  --pr-vidro-desfoque: 14px;
  --pr-sombra-1: inset 0 1px 0 color-mix(in srgb, var(--pr-card) 60%, transparent), 0 1px 3px color-mix(in srgb, var(--pr-tinta) 5%, transparent);
  --pr-sombra-2: inset 0 1px 0 color-mix(in srgb, var(--pr-card) 60%, transparent), 0 4px 12px color-mix(in srgb, var(--pr-tinta) 6%, transparent), 0 12px 32px color-mix(in srgb, var(--pr-polvo) 10%, transparent);
  --pr-sombra-3: 0 20px 48px color-mix(in srgb, var(--pr-polvo) 18%, transparent), 0 6px 16px color-mix(in srgb, var(--pr-tinta) 8%, transparent);
  --pr-malha-clara: radial-gradient(ellipse 70% 50% at 0% 0%, color-mix(in srgb, var(--pr-polvo) 14%, transparent), transparent 60%), radial-gradient(ellipse 60% 50% at 100% 100%, color-mix(in srgb, var(--pr-polvo) 8%, transparent), transparent 60%), var(--pr-fundo);
  --pr-malha-escura: radial-gradient(ellipse 80% 60% at 50% 0%, var(--pr-tinta-3), transparent 70%), radial-gradient(ellipse 50% 40% at 85% 90%, color-mix(in srgb, var(--pr-polvo) 12%, transparent), transparent 70%), var(--pr-tinta);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
.pr-corpo { margin: 0; background: var(--pr-fundo); color: var(--pr-texto); font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: var(--pr-fs-md); line-height: 1.5; font-variant-numeric: tabular-nums; }
[hidden] { display: none !important; }
.pr-largura { max-width: 1280px; margin: 0 auto; padding: 0 var(--pr-sp-4); }
@media (max-width: 640px) { .pr-largura { padding: 0 var(--pr-sp-6); } }
.pr-oculto-visual { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* topo e painel de comando (tinta) */
.pr-topo, .pr-deck { background: var(--pr-tinta); color: var(--pr-osso); }
.pr-topo .pr-largura { display: flex; align-items: center; justify-content: space-between; height: 56px; }
.pr-entrar { display: inline-flex; align-items: center; min-height: 44px; padding: 0 var(--pr-sp-4); border: 1px solid var(--pr-osso-suave); border-radius: 999px; color: var(--pr-osso); font-size: var(--pr-fs-sm); font-weight: 600; text-decoration: none; }
.pr-entrar:hover { color: var(--pr-polvo); border-color: var(--pr-polvo); }
.pr-entrar:focus-visible { outline: 2px solid var(--pr-polvo); outline-offset: 2px; }
.pr-marca { margin: 0; font-size: var(--pr-fs-lg); font-weight: 600; color: var(--pr-osso); }
.pr-marca img { display: block; height: 32px; width: auto; max-width: 100%; }
.pr-nobr { white-space: nowrap; }
.pr-linha { display: block; }
.pr-titulo { text-wrap: balance; overflow-wrap: normal; hyphens: manual; }
.pr-deck { display: flex; align-items: center; min-height: calc(100vh - 56px); min-height: calc(100svh - 56px); padding: var(--pr-sp-8) 0 var(--pr-sp-12); background: var(--pr-malha-escura); position: relative; }
.pr-deck .pr-largura { width: 100%; }
.pr-deck .pr-titulo { margin-bottom: var(--pr-sp-5); font-size: clamp(34px, 8.6vw, 76px); line-height: 1.06; }
.pr-deck .pr-titulo .pr-linha:last-child { color: var(--pr-polvo); }
.pr-deck .pr-sub { max-width: 60ch; font-size: var(--pr-fs-lg); line-height: 1.5; color: var(--pr-osso); }
.pr-deck .pr-hero-prova { margin-top: var(--pr-sp-4); max-width: 60ch; font-size: var(--pr-fs-md); }
.pr-deck .pr-hero-cta .pr-icone { margin-left: var(--pr-sp-2); width: 20px; height: 20px; }
.pr-deck-grade { display: block; text-align: center; }
.pr-deck-texto { display: flex; flex-direction: column; align-items: center; }
.pr-deck .pr-sub, .pr-deck .pr-hero-prova { margin-left: auto; margin-right: auto; }
/* quantidade e periodo: painel escuro logo antes dos planos, fora do hero */
.pr-tamanho { padding: var(--pr-sp-5); border-radius: var(--pr-raio-xl); background: var(--pr-tinta); color: var(--pr-osso); scroll-margin-top: var(--pr-sp-2); }
.pr-tamanho-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pr-sp-6); }
.pr-titulo { margin: 0 0 var(--pr-sp-2); font-size: var(--pr-fs-2xl); line-height: 1.2; font-weight: 600; }
.pr-sub { margin: 0; max-width: 56ch; font-size: var(--pr-fs-md); color: var(--pr-osso-suave); }
.pr-h2 { margin: 0 0 var(--pr-sp-2); font-size: var(--pr-fs-xl); font-weight: 600; line-height: 1.3; }
.pr-tamanho .pr-h2 { font-size: var(--pr-fs-lg); }
.pr-nota { margin: 0 0 var(--pr-sp-3); font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-tamanho .pr-nota, .pr-tamanho .pr-leads-info { color: var(--pr-osso-suave); }
.pr-aviso, .pr-previa { margin: var(--pr-sp-3) 0; padding: var(--pr-sp-3) var(--pr-sp-4); border-radius: var(--pr-raio-md); background: var(--pr-polvo-fundo); border: 1px solid var(--pr-polvo); font-size: var(--pr-fs-sm); }
.pr-erro { margin: var(--pr-sp-2) 0 0; padding: 10px var(--pr-sp-3); border-radius: var(--pr-raio-md); background: var(--pr-erro-fundo); color: var(--pr-erro); font-size: var(--pr-fs-sm); font-weight: 600; }

/* leads: leitura, barra e regua com os marcos dos planos */
.pr-leads-leitura { margin: 0 0 var(--pr-sp-2); }
.pr-leads-leitura strong { font-size: var(--pr-fs-3xl); font-weight: 600; line-height: 1.15; font-variant-numeric: tabular-nums; }
.pr-leads-controle { display: flex; align-items: center; gap: var(--pr-sp-2); }
.pr-leads-barra { flex: 1; min-width: 0; height: 44px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; touch-action: pan-y; }
.pr-leads-barra::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: linear-gradient(to right, var(--pr-polvo) var(--pr-preenche, 0%), var(--pr-tinta-3) var(--pr-preenche, 0%)); }
.pr-leads-barra::-moz-range-track { height: 6px; border-radius: 999px; background: linear-gradient(to right, var(--pr-polvo) var(--pr-preenche, 0%), var(--pr-tinta-3) var(--pr-preenche, 0%)); }
.pr-leads-barra::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; margin-top: -9px; border-radius: 50%; background: var(--pr-polvo); border: 2px solid var(--pr-tinta); }
.pr-leads-barra::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--pr-polvo); border: 2px solid var(--pr-tinta); }
.pr-leads-barra:focus-visible, .pr-leads-num input:focus-visible, .pr-passo:focus-visible { outline: 3px solid var(--pr-polvo); outline-offset: 2px; }
.pr-marcos { position: relative; height: 40px; margin: 0 calc(44px + var(--pr-sp-2) + 12px); padding: 0; list-style: none; }
.pr-marco { position: absolute; top: 0; left: var(--pr-pos); transform: translateX(-50%); padding-top: var(--pr-sp-2); border-left: 0; text-align: center; font-size: var(--pr-fs-xs); color: var(--pr-osso-suave); line-height: 1.25; }
.pr-marco::before { content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: var(--pr-tinta-3); }
.pr-marco span { display: block; }
.pr-marco-fim { transform: translateX(-100%); text-align: right; }
.pr-marco-fim::before { left: auto; right: 0; margin-left: 0; }
.pr-marco-zero { transform: none; text-align: left; }
.pr-marco-zero::before { left: 0; margin-left: 0; }
.pr-marco-nome { font-weight: 600; }
.pr-marco-ind { color: var(--pr-polvo); }
.pr-marco-ind::before { background: var(--pr-polvo); }
.pr-marco-passou { opacity: .5; }
.pr-leads-num { display: flex; align-items: center; gap: var(--pr-sp-3); flex-wrap: wrap; margin-top: var(--pr-sp-2); }
.pr-leads-num label { font-size: var(--pr-fs-sm); color: var(--pr-osso-suave); }
.pr-leads-num input { width: 120px; min-height: 44px; padding: 0 var(--pr-sp-3); border: 1px solid var(--pr-tinta-3); border-radius: var(--pr-raio-md); background: var(--pr-tinta-2); color: var(--pr-osso); font: inherit; font-size: var(--pr-fs-md); }
.pr-leads-info { margin: var(--pr-sp-3) 0 0; padding: var(--pr-sp-4); border-radius: var(--pr-raio-md); background: var(--pr-tinta-2); font-size: var(--pr-fs-lg); font-weight: 600; }
.pr-leads-info b { color: var(--pr-polvo); font-weight: 600; }
.pr-leads-info.pr-leads-alerta { border: 1px solid var(--pr-polvo); color: var(--pr-osso); font-weight: 600; }
.pr-indicado { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: var(--pr-verde-fundo); color: var(--pr-verde); font-size: var(--pr-fs-xs); font-weight: 600; }
.pr-extra-auto { display: inline-block; padding: var(--pr-sp-1) 10px; border-radius: 999px; background: var(--pr-card-2); font-size: var(--pr-fs-xs); font-weight: 600; white-space: nowrap; }
.pr-passo { width: 44px; height: 44px; border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-md); background: var(--pr-card); color: var(--pr-texto); font: inherit; font-size: 20px; cursor: pointer; }
.pr-tamanho .pr-passo { background: var(--pr-tinta-2); border-color: var(--pr-tinta-3); color: var(--pr-osso); }
.pr-passo[disabled] { opacity: .4; cursor: not-allowed; }

/* periodo: chave (toggle) em pilula, 3 posicoes */
.pr-periodo-secao { display: flex; justify-content: center; margin-top: var(--pr-sp-6); }
.pr-chave { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; padding: 4px; border-radius: 999px; background: var(--pr-tinta); max-width: 100%; }
.pr-chave .pr-ciclo { min-height: 48px; padding: var(--pr-sp-1) var(--pr-sp-4); border-radius: 999px; font-size: var(--pr-fs-sm); }
.pr-chave .pr-ciclo small { font-size: 11px; line-height: 1.2; }
.pr-chave .pr-ciclo:focus-visible { outline-color: var(--pr-polvo); }
.pr-chave .pr-ciclo[aria-checked="true"] { background: var(--pr-polvo); color: var(--pr-tinta); }
.pr-chave .pr-ciclo[aria-checked="true"] small { color: var(--pr-tinta); }
.pr-ciclos { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pr-sp-1); padding: var(--pr-sp-1); background: var(--pr-tinta-2); border-radius: var(--pr-raio-md); }
.pr-ciclo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 52px; padding: var(--pr-sp-2); border: 0; border-radius: var(--pr-raio-md); background: transparent; color: var(--pr-osso); font: inherit; font-size: var(--pr-fs-sm); font-weight: 600; cursor: pointer; }
.pr-ciclo small { font-size: var(--pr-fs-xs); font-weight: 400; color: var(--pr-polvo); }
.pr-ciclo[aria-checked="true"] { background: var(--pr-osso); color: var(--pr-tinta); }
.pr-ciclo[aria-checked="true"] small { color: var(--pr-polvo-escuro); }
.pr-ciclo:focus-visible, .pr-plano-escolher:focus-visible, .pr-plano-mais:focus-visible, .pr-botao:focus-visible, .pr-botao-sec:focus-visible, .pr-seg button:focus-visible, .pr-resumo-abrir:focus-visible, .pr-liga:focus-visible, .pr-tab-abrir:focus-visible, .pr-tab-escolher:focus-visible, .pr-faq-item summary:focus-visible, .pr-falar:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: 2px; }
.pr-tamanho .pr-ciclo:focus-visible { outline-color: var(--pr-polvo); }

/* miolo: vitrine clara */
.pr-miolo { padding-bottom: var(--pr-sp-6); }
.pr-conteudo > section { margin-top: var(--pr-sp-12); }
.pr-conteudo > section:first-child { margin-top: var(--pr-sp-6); }
.pr-conteudo > .pr-periodo-secao + section { margin-top: var(--pr-sp-4); }

/* planos */
.pr-planos { display: grid; grid-template-columns: 1fr; column-gap: var(--pr-sp-4); row-gap: 0; }
.pr-plano { display: flex; flex-direction: column; gap: var(--pr-sp-3); margin-bottom: var(--pr-sp-4); padding: var(--pr-sp-5); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); background: var(--pr-card); color: var(--pr-texto); cursor: pointer; }
.pr-plano-destaque { border: 2px solid var(--pr-tinta); }
.pr-plano-marcado { outline: 3px solid var(--pr-polvo); outline-offset: 2px; }
.pr-plano-indisp { opacity: .55; cursor: not-allowed; }
.pr-beta { display: inline-block; padding: 1px 8px; margin-left: 2px; border-radius: 999px; background: var(--pr-polvo-fundo); border: 1px solid var(--pr-polvo); color: var(--pr-polvo-escuro); font-size: 11px; font-weight: 600; line-height: 1.5; vertical-align: 1px; }
.pr-selos { display: flex; flex-wrap: wrap; gap: var(--pr-sp-2); }
.pr-selo { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: var(--pr-tinta); color: var(--pr-polvo); font-size: var(--pr-fs-xs); font-weight: 600; }
.pr-plano-nome { margin: 0; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; }
.pr-plano-perfil { margin: 0; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-plano-preco { display: flex; align-items: baseline; gap: var(--pr-sp-2); }
.pr-plano-valor { font-size: var(--pr-fs-3xl); font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
.pr-plano-un { color: var(--pr-suave); font-size: var(--pr-fs-sm); }
.pr-plano-total { margin: 0; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-plano-eco { margin: 0; font-size: var(--pr-fs-xs); color: var(--pr-verde); font-weight: 600; }
.pr-plano-escolher { width: 100%; min-height: 48px; padding: 0 var(--pr-sp-4); border: 2px solid var(--pr-tinta); border-radius: var(--pr-raio-md); background: var(--pr-card); color: var(--pr-tinta); font: inherit; font-size: var(--pr-fs-md); font-weight: 600; cursor: pointer; }
.pr-plano-escolher[aria-checked="true"] { background: var(--pr-tinta); color: var(--pr-osso); }
.pr-plano-escolher[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.pr-plano-intro { margin: 0; font-size: var(--pr-fs-sm); font-weight: 600; color: var(--pr-polvo-escuro); }
.pr-lista { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--pr-sp-2); }
.pr-lista li { display: flex; gap: var(--pr-sp-2); align-items: flex-start; font-size: var(--pr-fs-sm); }
.pr-icone { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pr-lista .pr-icone { color: var(--pr-verde); margin-top: 1px; }
.pr-plano-mais { align-self: flex-start; min-height: 44px; padding: 0; border: 0; background: none; color: var(--pr-polvo-escuro); font: inherit; font-size: var(--pr-fs-sm); font-weight: 600; text-decoration: underline; cursor: pointer; }
.pr-ver-tabela { align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; font-size: var(--pr-fs-sm); font-weight: 600; color: var(--pr-polvo-escuro); text-decoration: underline; }
.pr-ver-tabela:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: 2px; border-radius: 6px; }
@media (max-width: 719px) { .pr-plano:not(.pr-plano-aberto) .pr-li-extra { display: none; } }
html { scroll-behavior: smooth; }

/* tabela comparativa */
.pr-tabela-secao { scroll-margin-top: var(--pr-sp-2); }
.pr-tabela-secao:focus { outline: none; }
.pr-tabela { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; background: var(--pr-card); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); font-size: var(--pr-fs-xs); }
.pr-tabela th, .pr-tabela td { padding: var(--pr-sp-3) 6px; border-bottom: 1px solid var(--pr-borda); text-align: center; vertical-align: middle; font-weight: 400; }
.pr-tabela thead th { position: sticky; top: 0; z-index: 2; background: var(--pr-tinta); color: var(--pr-osso); font-weight: 600; font-size: var(--pr-fs-xs); border-bottom: 3px solid var(--pr-polvo); }
.pr-tabela thead th.pr-tab-canto { width: 34%; text-align: left; border-top-left-radius: 11px; }
.pr-tabela thead th:last-child { border-top-right-radius: 11px; }
.pr-tabela thead th.pr-tab-sel { background: var(--pr-polvo); color: var(--pr-tinta); }
.pr-tab-nome { display: block; font-size: var(--pr-fs-sm); font-weight: 600; }
.pr-tab-marca { display: block; font-size: var(--pr-fs-xs); font-weight: 400; }
.pr-tab-preco { display: block; font-size: var(--pr-fs-xs); font-weight: 400; color: var(--pr-osso-suave); font-variant-numeric: tabular-nums; }
.pr-tab-sel .pr-tab-preco { color: var(--pr-tinta); }
.pr-tab-escolher { display: block; width: 100%; min-height: 36px; margin-top: var(--pr-sp-1); border: 1px solid var(--pr-tinta-3); border-radius: var(--pr-raio-md); background: transparent; color: var(--pr-osso); font: inherit; font-size: var(--pr-fs-xs); font-weight: 600; cursor: pointer; }
.pr-tab-escolher[aria-pressed="true"] { background: var(--pr-polvo); color: var(--pr-tinta); border-color: var(--pr-polvo); }
.pr-tab-escolher[disabled] { opacity: .45; cursor: not-allowed; }
.pr-tab-sel .pr-tab-escolher[aria-pressed="true"] { background: var(--pr-tinta); color: var(--pr-polvo); border-color: var(--pr-tinta); }
.pr-tab-grupo { padding: 0 !important; background: var(--pr-card-2); text-align: left !important; font-weight: 600 !important; font-size: var(--pr-fs-sm); color: var(--pr-texto); }
.pr-tab-abrir { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 0 var(--pr-sp-3); border: 0; background: transparent; color: var(--pr-texto); font: inherit; font-size: var(--pr-fs-sm); font-weight: 600; text-align: left; cursor: pointer; }
.pr-tab-abrir .pr-icone { transition: transform .15s; }
.pr-tab-abrir[aria-expanded="false"] .pr-icone { transform: rotate(180deg); }
.pr-tab-igual { margin-left: auto; margin-right: var(--pr-sp-2); font-size: var(--pr-fs-xs); font-weight: 400; color: var(--pr-suave); }
.pr-tab-fechado tr:not(:first-child) { display: none; }
.pr-tab-rotulo { text-align: left !important; color: var(--pr-texto); font-size: var(--pr-fs-sm); overflow-wrap: anywhere; position: relative; }
.pr-func { display: inline-flex; align-items: center; gap: 6px; width: 100%; min-height: 44px; margin: calc(-1 * var(--pr-sp-3)) 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: help; }
.pr-func-txt { text-decoration: underline 1px dashed var(--pr-borda-forte); text-underline-offset: 6px; }
.pr-func:hover .pr-func-txt, .pr-func:focus-visible .pr-func-txt, .pr-func[aria-expanded="true"] .pr-func-txt { text-decoration-color: var(--pr-suave); }
.pr-func:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: 2px; border-radius: 6px; }
.pr-dica { position: absolute; left: 8px; bottom: calc(100% - 8px); z-index: 4; width: min(320px, calc(100vw - 48px)); padding: var(--pr-sp-2) var(--pr-sp-3); background: var(--pr-tinta); color: var(--pr-osso); border: 1px solid var(--pr-tinta-3); border-radius: var(--pr-raio-md); box-shadow: var(--pr-sombra-3); font-size: var(--pr-fs-xs); line-height: 1.45; text-align: left; font-weight: 400; }
.pr-dica p { margin: 0; }
.pr-dica p + p, .pr-dica p + ul, .pr-dica ul + p { margin-top: var(--pr-sp-2); }
.pr-dica ul { margin: var(--pr-sp-1) 0 0; padding-left: 1.1em; }
.pr-dica li { margin: 2px 0; }
.pr-dica li::marker { color: var(--pr-polvo); }
.pr-dica strong { font-weight: 600; color: #fff; }
.pr-dica em { color: var(--pr-osso-suave); }
.pr-dica.pr-dica-abaixo { bottom: auto; top: calc(100% - 4px); }
.pr-tab-cel { font-size: var(--pr-fs-sm); }
.pr-tab-cel.pr-tab-sel { background: var(--pr-polvo-fundo); }
.pr-tab-sim { color: var(--pr-verde); width: 20px; height: 20px; }
.pr-tab-nao { color: var(--pr-suave); width: 20px; height: 20px; }
.pr-tab-num { font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.pr-tabela tbody:last-child tr:last-child > * { border-bottom: 0; }
@media (min-width: 560px) {
  .pr-tabela { font-size: var(--pr-fs-sm); }
  .pr-tabela th, .pr-tabela td { padding: var(--pr-sp-3); }
  .pr-tabela thead th.pr-tab-canto { width: 40%; }
  .pr-tab-escolher { font-size: var(--pr-fs-sm); }
}

/* tabela no celular: o rotulo ocupa a linha inteira e as 4 celulas ficam embaixo (sem rolagem lateral) */
@media (max-width: 559px) {
  .pr-tabela, .pr-tabela thead, .pr-tabela tbody { display: block; }
  .pr-tabela tr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pr-tabela thead { position: sticky; top: 0; z-index: 3; border-radius: 11px 11px 0 0; overflow: hidden; }
  .pr-tabela thead th { position: static; }
  .pr-tabela thead th.pr-tab-canto { display: none; }
  .pr-tab-rotulo, .pr-tab-grupo { grid-column: 1 / -1; }
  .pr-tab-rotulo { padding-bottom: 0 !important; border-bottom: 0 !important; background: var(--pr-card); }
  .pr-func { margin: calc(-1 * var(--pr-sp-3)) 0 0; }
}

/* adicionais: painel unico com linhas */
.pr-extras { display: grid; gap: 0; background: var(--pr-card); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); overflow: hidden; }
.pr-extra { padding: var(--pr-sp-4); border-top: 1px solid var(--pr-borda); }
.pr-extra:first-child { border-top: 0; }
.pr-extra-ligado { background: var(--pr-polvo-fundo); box-shadow: inset 3px 0 0 var(--pr-polvo); }
.pr-extra-cab { display: flex; gap: var(--pr-sp-3); align-items: flex-start; justify-content: space-between; }
.pr-extra-nome { margin: 0; font-size: var(--pr-fs-md); font-weight: 600; }
.pr-extra-desc { margin: 2px 0 0; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
.pr-extra-preco { margin: var(--pr-sp-1) 0 0; font-size: var(--pr-fs-sm); font-weight: 600; }
.pr-extra-aviso { margin: var(--pr-sp-2) 0 0; font-size: var(--pr-fs-xs); color: var(--pr-polvo-escuro); }
.pr-incluso { display: inline-block; padding: var(--pr-sp-1) 10px; border-radius: 999px; background: var(--pr-verde-fundo); color: var(--pr-verde); font-size: var(--pr-fs-xs); font-weight: 600; white-space: nowrap; }
.pr-passos { display: inline-flex; align-items: center; gap: var(--pr-sp-1); flex: none; }
.pr-qtd { min-width: 32px; text-align: center; font-size: var(--pr-fs-md); font-weight: 600; }
.pr-liga { flex: none; min-width: 96px; min-height: 44px; padding: 0 var(--pr-sp-4); border: 2px solid var(--pr-tinta); border-radius: var(--pr-raio-md); background: var(--pr-card); color: var(--pr-texto); font: inherit; font-size: var(--pr-fs-sm); font-weight: 600; cursor: pointer; }
.pr-liga[aria-pressed="true"] { background: var(--pr-tinta); color: var(--pr-polvo); }
.pr-liga[disabled] { opacity: .45; cursor: not-allowed; }
.pr-periodo { margin-top: var(--pr-sp-3); padding-top: var(--pr-sp-3); border-top: 1px dashed var(--pr-borda-forte); }
.pr-periodo p { margin: 0 0 6px; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
.pr-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.pr-seg button { min-height: 44px; padding: 6px var(--pr-sp-2); border: 2px solid var(--pr-borda-forte); border-radius: var(--pr-raio-md); background: var(--pr-card); color: var(--pr-texto); font: inherit; font-size: var(--pr-fs-xs); font-weight: 600; cursor: pointer; }
.pr-seg button[aria-checked="true"] { border-color: var(--pr-tinta); background: var(--pr-tinta); color: var(--pr-osso); }

/* ajuda */
.pr-ajuda { padding: var(--pr-sp-6); background: var(--pr-polvo-fundo); border: 1px solid var(--pr-polvo); border-radius: var(--pr-raio-xl); }
.pr-botao-sec { display: inline-flex; align-items: center; min-height: 48px; padding: 0 var(--pr-sp-5); border: 2px solid var(--pr-tinta); border-radius: var(--pr-raio-md); color: var(--pr-tinta); font-weight: 600; text-decoration: none; }

/* perguntas frequentes */
.pr-faq-item { border-top: 1px solid var(--pr-borda-forte); }
.pr-faq-item:last-child { border-bottom: 1px solid var(--pr-borda-forte); }
.pr-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--pr-sp-3); min-height: 52px; padding: var(--pr-sp-2) 0; font-size: var(--pr-fs-md); font-weight: 600; list-style: none; cursor: pointer; }
.pr-faq-item summary::-webkit-details-marker { display: none; }
.pr-faq-item[open] summary .pr-icone { transform: rotate(180deg); }
.pr-faq-item summary .pr-icone { transition: transform .15s; }
.pr-faq-item summary { padding: var(--pr-sp-3) 0; font-size: var(--pr-fs-lg); }
.pr-faq-resp { max-width: 68ch; margin: 0 0 var(--pr-sp-5); padding: var(--pr-sp-1) 0 var(--pr-sp-1) var(--pr-sp-4); border-left: 3px solid var(--pr-polvo); font-size: var(--pr-fs-md); line-height: 1.6; color: var(--pr-suave); }
.pr-faq-resp p { margin: 0 0 var(--pr-sp-4); }
.pr-faq-resp > :last-child { margin-bottom: 0; }
.pr-faq-resp ul { margin: 0 0 var(--pr-sp-4); padding-left: var(--pr-sp-5); display: grid; gap: var(--pr-sp-3); }
.pr-faq-resp li { padding-left: var(--pr-sp-1); }
.pr-faq-resp li::marker { color: var(--pr-polvo-escuro); }
.pr-faq-resp strong { color: var(--pr-tinta); font-weight: 600; }
.pr-rodape { margin-top: var(--pr-sp-8); text-align: center; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
.pr-rodape a { color: var(--pr-polvo-escuro); }

/* copy de 18/10/2026 (PLANO-pricing-lancamentos-hero F): hero, "historia inteira", comparacao, avisos do WhatsApp */
.pr-hero-prova { margin: var(--pr-sp-3) 0 0; max-width: 56ch; font-size: var(--pr-fs-sm); color: var(--pr-osso-suave); }
.pr-hero-cta { display: flex; align-items: center; justify-content: center; width: auto; max-width: 100%; min-height: 40px; margin-top: var(--pr-sp-3); padding: var(--pr-sp-2) var(--pr-sp-4); font-size: var(--pr-fs-sm); text-decoration: none; }
.pr-hero-cta:focus-visible { outline: 3px solid var(--pr-osso); outline-offset: 2px; }
.pr-um { padding: var(--pr-sp-8) 0 0; }
.pr-um-lista { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: var(--pr-sp-4) 0; padding: 0; list-style: none; background: var(--pr-card); border: 1px solid var(--pr-borda); border-radius: var(--pr-raio-xl); overflow: hidden; }
/* Celular: uma superficie so com 4 linhas separadas por fio (antes eram 4 cartoes soltos de 14px ocupando meia tela). Rotulo em linha propria, texto em 16px, icone alinhado a 1a linha do rotulo (24px = line-height do rotulo). */
.pr-um-lista li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--pr-sp-3); align-items: start; min-height: 44px; padding: var(--pr-sp-4); font-size: var(--pr-fs-md); line-height: 1.5; color: var(--pr-suave); }
.pr-um-lista li + li { border-top: 1px solid var(--pr-borda); }
.pr-um-lista strong { display: block; color: var(--pr-texto); font-weight: 600; }
.pr-um-lista .pr-icone { width: 24px; height: 24px; color: var(--pr-polvo-escuro); }
.pr-um .pr-h2, .pr-um-fecho { text-wrap: balance; }
.pr-um-fecho { margin: 0 0 var(--pr-sp-4); font-size: var(--pr-fs-md); font-weight: 600; }
.pr-um-scale { margin: 0; padding: var(--pr-sp-4); border-radius: var(--pr-raio-md); background: var(--pr-polvo-fundo); border: 1px solid var(--pr-polvo); font-size: var(--pr-fs-md); line-height: 1.5; }
.pr-jornada { margin: var(--pr-sp-4) 0; padding: var(--pr-sp-4); border-radius: var(--pr-raio-xl); background: var(--pr-polvo-fundo); border: 1px solid var(--pr-polvo); font-size: var(--pr-fs-md); line-height: 1.5; }
.pr-jornada p { margin: 0 0 var(--pr-sp-2); max-width: 68ch; }
.pr-jornada p:last-child { margin-bottom: 0; color: var(--pr-suave); }
.pr-jornada-tag { font-size: var(--pr-fs-sm); font-weight: 600; color: var(--pr-polvo-escuro); }
.pr-jornada-t { margin: 0 0 var(--pr-sp-2); font-size: var(--pr-fs-lg, 1.25rem); font-weight: 600; line-height: 1.3; text-wrap: balance; }
.pr-compara { margin-bottom: var(--pr-sp-8); }
.pr-compara-tab { width: 100%; border-collapse: collapse; background: var(--pr-card); border: 1px solid var(--pr-borda); font-size: var(--pr-fs-sm); }
.pr-compara-tab th, .pr-compara-tab td { padding: var(--pr-sp-3); border-bottom: 1px solid var(--pr-borda); text-align: left; vertical-align: top; }
.pr-compara-tab thead th { background: var(--pr-card-2); font-weight: 600; }
.pr-compara-tab tbody th { font-weight: 600; }
.pr-compara-tab td:nth-child(2) { color: var(--pr-suave); }
@media (max-width: 559px) {
  .pr-compara-tab thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pr-compara-tab, .pr-compara-tab tbody, .pr-compara-tab tr, .pr-compara-tab th, .pr-compara-tab td { display: block; width: 100%; }
  .pr-compara-tab { border: 0; background: none; }
  .pr-compara-tab tr { margin-bottom: var(--pr-sp-3); background: var(--pr-card); border: 1px solid var(--pr-borda); border-radius: var(--pr-raio-md); }
  .pr-compara-tab th, .pr-compara-tab td { border-bottom: 0; padding: var(--pr-sp-2) var(--pr-sp-3); }
  .pr-compara-tab td::before { content: attr(data-rotulo) ": "; font-weight: 600; color: var(--pr-texto); }
}
.pr-aviso-wa { margin: var(--pr-sp-3) auto 0; text-align: center; text-wrap: balance; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
.pr-aviso-wa a { color: var(--pr-polvo-escuro); }
.pr-aviso-marcas, .pr-aviso-whatsapp { max-width: 72ch; margin: 0 auto var(--pr-sp-4); padding-top: var(--pr-sp-4); border-top: 1px solid var(--pr-borda); text-align: left; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
@media (min-width: 720px) { .pr-um-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pr-sp-3); background: none; border: 0; border-radius: 0; overflow: visible; } .pr-um-lista li { background: var(--pr-card); border: 1px solid var(--pr-borda); border-radius: var(--pr-raio-xl); } .pr-um-lista li + li { border-top: 1px solid var(--pr-borda); } }
@media (min-width: 1200px) { .pr-um-lista { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* familia de lancamento (explicacao curta embaixo da tabela) */
.pr-familia { margin-top: var(--pr-sp-4); padding: var(--pr-sp-4); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); background: var(--pr-card-2); font-size: var(--pr-fs-sm); }
.pr-familia p { margin: 0 0 var(--pr-sp-2); max-width: 72ch; }
.pr-familia p:last-child { margin-bottom: 0; color: var(--pr-suave); }
.pr-familia-t { margin: 0 0 var(--pr-sp-2); font-size: var(--pr-fs-md); font-weight: 600; }

/* resumo (barra fixa no celular, coluna no computador) */
.pr-resumo { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; background: var(--pr-card); border-top: 2px solid var(--pr-tinta); }
.pr-resumo.pr-resumo-aguarda { visibility: hidden; transform: translateY(100%); }
.pr-resumo-t { display: none; margin: 0 0 var(--pr-sp-3); font-size: var(--pr-fs-xl); font-weight: 600; line-height: 1.3; }
.pr-resumo-miolo { max-width: 880px; margin: 0 auto; padding: 10px var(--pr-sp-4) calc(12px + env(safe-area-inset-bottom)); }
.pr-resumo-abrir { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--pr-sp-2); min-height: 44px; padding: 0; border: 0; background: none; color: var(--pr-texto); font: inherit; font-size: var(--pr-fs-md); font-weight: 600; text-align: left; cursor: pointer; }
.pr-resumo-abrir .pr-icone { transition: transform .15s; }
.pr-resumo-abrir[aria-expanded="true"] .pr-icone { transform: rotate(180deg); }
.pr-resumo-detalhe { display: none; margin: var(--pr-sp-1) 0 var(--pr-sp-2); font-size: var(--pr-fs-sm); max-height: 40vh; overflow-y: auto; }
.pr-resumo-abrir[aria-expanded="true"] + .pr-resumo-detalhe { display: block; }
.pr-linha-res { display: flex; justify-content: space-between; gap: var(--pr-sp-3); padding: 6px 0; border-bottom: 1px solid var(--pr-borda); }
.pr-linha-res:last-child { border-bottom: 0; }
.pr-linha-res span:first-child { color: var(--pr-suave); }
.pr-linha-res strong { font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.pr-res-nivel { margin: 0 0 var(--pr-sp-2); font-size: var(--pr-fs-lg); font-weight: 600; }
.pr-res-plano { display: flex; justify-content: space-between; align-items: baseline; gap: var(--pr-sp-3); padding: 6px 0 0; }
.pr-res-rot { color: var(--pr-suave); }
.pr-res-x { font-size: var(--pr-fs-sm); color: var(--pr-suave); font-weight: 400; }
.pr-res-num { font-size: var(--pr-fs-xl, 24px); font-weight: 700; font-variant-numeric: tabular-nums; }
.pr-res-avista { margin: 0 0 var(--pr-sp-2); text-align: right; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-texto-res { margin: var(--pr-sp-2) 0 0; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
.pr-botao { display: block; width: 100%; min-height: 52px; margin-top: var(--pr-sp-2); padding: var(--pr-sp-3); border: 0; border-radius: var(--pr-raio-md); background: var(--pr-polvo); color: var(--pr-tinta); font: inherit; font-size: var(--pr-fs-lg); font-weight: 600; cursor: pointer; }
.pr-botao:hover { filter: brightness(.95); }
.pr-botao[disabled] { opacity: .5; cursor: not-allowed; }
.pr-falar { display: flex; align-items: center; min-height: 44px; margin-top: var(--pr-sp-2); color: var(--pr-polvo-escuro); font-weight: 600; font-size: var(--pr-fs-sm); }
.pr-resumo-nota { margin: var(--pr-sp-2) 0 0; font-size: var(--pr-fs-xs); color: var(--pr-suave); text-align: center; }

@media (min-width: 420px) {
  .pr-ciclos { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 720px) {
  .pr-planos { grid-template-columns: repeat(2, 1fr); }
  .pr-plano-valor { font-size: var(--pr-fs-2xl); }
  .pr-plano-mais { display: none; }
}
@media (min-width: 960px) {
  .pr-miolo { padding-bottom: var(--pr-sp-10); }
  /* 19/10/2026 (feedback 4): sem painel ao lado dos cartoes; o resumo vira bloco comum, abaixo dos adicionais */
  .pr-resumo.pr-resumo-aguarda { visibility: visible; transform: none; }
  .pr-resumo { position: static; max-width: 560px; margin: var(--pr-sp-12) auto 0; border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); }
  .pr-resumo-t { display: block; }
  .pr-resumo-miolo { padding: var(--pr-sp-6); }
  .pr-resumo-abrir { cursor: default; pointer-events: none; }
  .pr-resumo-abrir .pr-icone { display: none; }
  .pr-resumo-detalhe { display: block; max-height: none; }
  .pr-faq { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--pr-sp-8); }
}
@media (min-width: 1200px) {
  .pr-planos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pr-plano-preco { flex-wrap: wrap; column-gap: var(--pr-sp-2); row-gap: 0; }
  .pr-plano-valor { font-size: var(--pr-fs-xl); white-space: nowrap; }
}
/* celular: 4 marcos juntos se sobrepoem; os pares descem para uma segunda fileira */
@media (max-width: 559px) {
  .pr-marcos { height: 72px; }
  .pr-marco:nth-child(even) { padding-top: 40px; }
  .pr-marco:nth-child(even)::before { height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .pr-resumo-abrir .pr-icone, .pr-tab-abrir .pr-icone, .pr-faq-item summary .pr-icone { transition: none; }
  html { scroll-behavior: auto; }
}

/* 19/10/2026: botao do hero menor e centralizado (o .pr-botao de largura total vem depois na cascata) */
.pr-deck .pr-hero-cta { margin-top: var(--pr-sp-6); display: flex; width: fit-content; min-width: 220px; margin-inline: auto; }

/* prints do sistema (dados de exemplo) na secao "historia inteira" */
.pr-prints { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pr-sp-4); margin: var(--pr-sp-4) 0; }
.pr-print { margin: 0; padding: var(--pr-sp-2); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); background: var(--pr-card); }
.pr-print img { display: block; width: 100%; height: auto; border-radius: var(--pr-raio-md); }
.pr-print figcaption { margin-top: var(--pr-sp-2); font-size: var(--pr-fs-sm); font-weight: 600; color: var(--pr-suave); }
.pr-prints-nota { grid-column: 1 / -1; margin: 0; font-size: var(--pr-fs-xs); color: var(--pr-suave); }
@media (min-width: 960px) { .pr-prints { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pr-print:nth-child(3) { grid-column: 1 / -1; } }

/* 19/10/2026 (feedback 5): os 4 cartoes alinham por linha (cabecalho, preco, botao, aviso, lista, link) com subgrid */
.pr-plano-cab, .pr-plano-precobox, .pr-plano-corpo { display: flex; flex-direction: column; gap: var(--pr-sp-3); min-width: 0; }
@supports (grid-template-rows: subgrid) {
  .pr-plano { display: grid; grid-row: span 8; grid-template-rows: subgrid; row-gap: 0; align-content: start; }
  .pr-plano > * { margin-bottom: var(--pr-sp-3); }
  .pr-plano > :last-child { margin-bottom: 0; }
  .pr-plano > .pr-plano-intro:empty, .pr-plano > .pr-selos:empty { margin-bottom: 0; }
}

/* 19/10/2026 (feedback 9): "Compare os planos" em secao propria, faixa cheia, nomes grandes */
.pr-corpo { overflow-x: clip; }
.pr-conteudo > .pr-tabela-secao { margin-top: var(--pr-sp-12); margin-inline: calc(50% - 50vw); padding: var(--pr-sp-12) calc(50vw - 50%); background: var(--pr-card-2); border-top: 1px solid var(--pr-borda); border-bottom: 1px solid var(--pr-borda); box-shadow: inset 0 1px 0 var(--pr-card); }
.pr-tabela-tag { margin: 0 0 var(--pr-sp-1); font-size: var(--pr-fs-sm); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pr-polvo-escuro); }
.pr-h2-grande { font-size: var(--pr-fs-2xl); line-height: 1.2; margin-bottom: var(--pr-sp-3); }
.pr-tabela-secao .pr-tab-nome { font-size: var(--pr-fs-md); }
@media (min-width: 560px) {
  .pr-tabela-secao .pr-tab-nome { font-size: var(--pr-fs-xl); }
  .pr-h2-grande { font-size: var(--pr-fs-3xl); }
}

/* 19/10/2026 (feedback 13): rodape do site Octobase (modelo do rodape da Universidade da Libras, so Termos, Politica e contato) */
.pr-site-rodape { margin-top: var(--pr-sp-12); padding: var(--pr-sp-12) 0 var(--pr-sp-6); background: var(--pr-tinta); color: var(--pr-osso); }
.pr-site-rodape-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pr-sp-6); }
.pr-site-marca img { display: block; width: auto; height: 40px; max-width: 100%; }
.pr-site-marca p { margin: var(--pr-sp-4) 0 0; max-width: 46ch; font-size: var(--pr-fs-sm); line-height: 1.6; color: var(--pr-osso-suave); }
.pr-site-links { display: flex; flex-direction: column; gap: var(--pr-sp-1); }
.pr-site-rodape a { display: inline-flex; align-items: center; min-height: 44px; color: var(--pr-osso); font-size: var(--pr-fs-sm); text-decoration: none; }
.pr-site-rodape a:hover { color: var(--pr-polvo); text-decoration: underline; }
.pr-site-rodape a:focus-visible { outline: 2px solid var(--pr-polvo); outline-offset: 2px; border-radius: 6px; }
.pr-site-legal { display: flex; align-items: center; justify-content: space-between; gap: var(--pr-sp-3); margin-top: var(--pr-sp-8); padding-top: var(--pr-sp-5); border-top: 1px solid var(--pr-tinta-3); }
.pr-site-legal p { margin: 0; font-size: var(--pr-fs-xs); color: var(--pr-osso-suave); }
.pr-site-rodape a.pr-site-topo { justify-content: center; width: 44px; height: 44px; border: 1px solid var(--pr-osso-suave); border-radius: 999px; }
@media (min-width: 720px) {
  .pr-site-rodape-grade { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; }
  .pr-site-links { align-items: flex-end; }
}

/* 05a rodape: espaco para a barra fixa do resumo no celular */
@media (max-width: 959px) { .pr-site-rodape { padding-bottom: 220px; } .pr-site-legal { margin-top: var(--pr-sp-4); } }

/* Hero: as 8 funcoes numa fileira */
.pr-oito { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pr-sp-3) var(--pr-sp-2); width: 100%; max-width: 640px; margin: var(--pr-sp-5) auto 0; padding: 0; list-style: none; }
.pr-oito li { display: grid; justify-items: center; gap: 6px; font-size: var(--pr-fs-xs); color: var(--pr-osso); }
.pr-oito .pr-icone { width: 28px; height: 28px; color: var(--pr-polvo); }
@media (min-width: 720px) { .pr-oito { grid-template-columns: repeat(8, minmax(0, 1fr)); max-width: 860px; } }

/* A0: link secundario do hero */
.pr-hero-planos { display: inline-flex; align-items: center; min-height: 44px; margin-top: var(--pr-sp-2); color: var(--pr-osso-suave); font-size: var(--pr-fs-sm); text-decoration: underline; text-underline-offset: 4px; }
.pr-hero-planos:hover { color: var(--pr-polvo); }
.pr-hero-planos:focus-visible { outline: 3px solid var(--pr-osso); outline-offset: 2px; border-radius: 6px; }

/* A1 hero: fio dourado que liga as 8 ferramentas (assinatura), entrada em cascata e indicador de rolagem */
.pr-oito li { position: relative; opacity: 0; transform: translateY(14px); animation: pr-sobe var(--pr-t-lento) var(--pr-mola) forwards; animation-delay: calc(var(--i, 0) * 60ms + 120ms); }
.pr-oito li:nth-child(1) { --i: 0; } .pr-oito li:nth-child(2) { --i: 1; } .pr-oito li:nth-child(3) { --i: 2; } .pr-oito li:nth-child(4) { --i: 3; }
.pr-oito li:nth-child(5) { --i: 4; } .pr-oito li:nth-child(6) { --i: 5; } .pr-oito li:nth-child(7) { --i: 6; } .pr-oito li:nth-child(8) { --i: 7; }
.pr-oito li::after { content: ""; position: absolute; top: 20px; left: 50%; width: calc(100% + var(--pr-sp-2)); height: 2px; background: var(--pr-polvo); transform: scaleX(0); transform-origin: left; animation: pr-fio 520ms var(--pr-mola) forwards; animation-delay: calc(var(--i, 0) * 110ms + 400ms); }
.pr-oito li:nth-child(4)::after, .pr-oito li:nth-child(8)::after { display: none; }
.pr-oito .pr-icone { position: relative; z-index: 1; box-sizing: content-box; padding: 6px; border-radius: 50%; background: var(--pr-tinta); border: 1px solid var(--pr-tinta-3); }
.pr-oito li > span { font-size: clamp(11px, 3.2vw, var(--pr-fs-sm)); }
@media (min-width: 720px) { .pr-oito li > span { font-size: var(--pr-fs-sm); } }
@keyframes pr-sobe { to { opacity: 1; transform: none; } }
@keyframes pr-fio { to { transform: scaleX(1); } }
@media (min-width: 720px) { .pr-oito li:nth-child(4)::after { display: block; } }
.pr-rolar { position: absolute; left: 50%; bottom: var(--pr-sp-3); width: 24px; height: 24px; margin-left: -12px; color: var(--pr-polvo); animation: pr-pulsa 1.8s ease-in-out infinite; pointer-events: none; }
@keyframes pr-pulsa { 0%, 100% { transform: translateY(0); opacity: .5; } 50% { transform: translateY(6px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .pr-oito li { opacity: 1; transform: none; animation: none; }
  .pr-oito li::after { transform: none; animation: none; }
  .pr-rolar { animation: none; opacity: .8; }
}

/* A2 cartoes estilo ActiveCampaign: selo, "A partir de", preco grande, numeros principais, lista "Tudo do anterior, mais:" */
.pr-planos { column-gap: var(--pr-sp-5); }
.pr-plano { position: relative; box-shadow: var(--pr-sombra-1); transition: transform var(--pr-t-medio) var(--pr-mola), box-shadow var(--pr-t-medio) var(--pr-mola); }
.pr-plano-destaque { border: 2px solid var(--pr-polvo); box-shadow: var(--pr-sombra-3); }
.pr-plano-destaque .pr-selo { background: var(--pr-polvo); color: var(--pr-tinta); padding: 4px 14px; border-radius: var(--pr-raio-pill); }
.pr-plano-de { margin: 0; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-plano-preco { flex-wrap: wrap; column-gap: var(--pr-sp-2); row-gap: 0; }
.pr-plano-valor { font-size: clamp(40px, 5vw, 56px) !important; font-weight: 600; letter-spacing: var(--pr-ls-titulo); line-height: 1.05; white-space: nowrap; }
.pr-plano-un { font-size: var(--pr-fs-md); }
.pr-plano-total { font-size: var(--pr-fs-sm); }
.pr-plano-soma { margin: 0; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-plano-nums { margin: 0; padding: var(--pr-sp-3) 0; list-style: none; display: grid; gap: var(--pr-sp-2); align-content: start; border-top: 1px solid var(--pr-borda); border-bottom: 1px solid var(--pr-borda); }
.pr-plano-nums li { display: flex; align-items: baseline; gap: var(--pr-sp-2); font-size: var(--pr-fs-md); color: var(--pr-suave); line-height: 1.3; }
.pr-plano-nums strong { flex: none; min-width: 3.4ch; font-size: 20px; font-weight: 600; color: var(--pr-texto); }
.pr-plano-nums .pr-plano-email { display: block; padding-top: var(--pr-sp-2); border-top: 1px dashed var(--pr-borda); }
.pr-plano-nums .pr-plano-email strong { display: inline; min-width: 0; font-size: inherit; margin-right: .35em; }
.pr-pessoas-x-email { margin: 0 auto var(--pr-sp-3); text-align: center; max-width: 64ch; font-size: var(--pr-fs-md); color: var(--pr-suave); line-height: 1.5; text-wrap: pretty; }
.pr-plano-nums .pr-plano-email { display: block; padding-top: var(--pr-sp-2); border-top: 1px dashed var(--pr-borda); }
.pr-plano-nums .pr-plano-email strong { display: inline; min-width: 0; font-size: inherit; margin-right: .35em; }
.pr-pessoas-x-email { margin: 0 auto var(--pr-sp-3); text-align: center; max-width: 64ch; font-size: var(--pr-fs-md); color: var(--pr-suave); line-height: 1.5; text-wrap: pretty; }
.pr-plano-nums .pr-plano-email { display: block; padding-top: var(--pr-sp-2); border-top: 1px dashed var(--pr-borda); }
.pr-plano-nums .pr-plano-email strong { display: inline; min-width: 0; font-size: inherit; margin-right: .35em; }
.pr-pessoas-x-email { margin: 0 auto var(--pr-sp-3); text-align: center; max-width: 64ch; font-size: var(--pr-fs-md); color: var(--pr-suave); line-height: 1.5; text-wrap: pretty; }
.pr-plano-intro { font-size: var(--pr-fs-md); }
.pr-lista li { font-size: var(--pr-fs-md); }
.pr-plano-escolher:active, .pr-botao:active, .pr-liga:active, .pr-tab-escolher:active { transform: scale(.97); }
.pr-plano:active { transform: scale(.99); }
@media (hover: hover) and (pointer: fine) {
  .pr-plano:hover { transform: translateY(-6px); box-shadow: var(--pr-sombra-3); }
}
@media (min-width: 720px) and (max-width: 1199px) { .pr-plano-valor { font-size: 44px !important; } }
@media (min-width: 1200px) { .pr-plano-valor { font-size: clamp(36px, 3.4vw, 46px) !important; } .pr-plano-nums li { font-size: var(--pr-fs-sm); } }
@media (prefers-reduced-motion: reduce) { .pr-plano, .pr-plano:hover, .pr-plano:active { transition: none; transform: none; } }

/* A3 regua: titulo grande e leitura de resposta */
.pr-tamanho { background: var(--pr-malha-escura); border-radius: var(--pr-raio-2xl); padding: var(--pr-sp-8) var(--pr-sp-5); }
.pr-tamanho .pr-h2 { font-size: var(--pr-fs-2xl); letter-spacing: var(--pr-ls-titulo); }
.pr-tamanho .pr-leads-ajuda { font-size: var(--pr-fs-md); color: var(--pr-osso-suave); margin-bottom: var(--pr-sp-4); }
.pr-leads-leitura strong { font-size: clamp(40px, 6vw, 56px); letter-spacing: var(--pr-ls-titulo); color: var(--pr-polvo); }
@media (min-width: 720px) { .pr-tamanho { padding: var(--pr-sp-10); } }

/* A4 Compare os planos: letra grande, agrupador escuro e forte (itens 10 e 12) */
.pr-tabela-secao .pr-h2-grande { font-size: var(--pr-fs-4xl); letter-spacing: var(--pr-ls-titulo); line-height: 1.1; }
.pr-tabela-secao .pr-nota { font-size: var(--pr-fs-md); }
.pr-tabela, .pr-tab-cel, .pr-tab-rotulo, .pr-tab-num { font-size: var(--pr-fs-md); }
.pr-tab-rotulo, .pr-func { font-size: var(--pr-fs-md); line-height: 1.4; }
.pr-tabela .pr-tab-cel { font-size: var(--pr-fs-md); }
.pr-tabela-secao .pr-tab-nome { font-size: var(--pr-fs-lg); }
.pr-tab-preco { font-size: var(--pr-fs-md); }
.pr-tab-marca { font-size: var(--pr-fs-sm); }
.pr-tab-escolher { font-size: 15px; min-height: 44px; }
.pr-dica { width: min(360px, calc(100vw - 48px)); font-size: 15px; line-height: 1.5; }
.pr-tabela .pr-tab-grupo { background: var(--pr-tinta); color: var(--pr-osso); border-top: 3px solid var(--pr-polvo); border-bottom: 0; font-size: var(--pr-fs-lg); }
.pr-tab-abrir { min-height: 52px; padding: 0 var(--pr-sp-4); color: var(--pr-osso); font-size: var(--pr-fs-lg); font-weight: 600; }
.pr-tab-abrir::before { content: ""; flex: none; width: 4px; height: 20px; margin-right: var(--pr-sp-3); border-radius: 2px; background: var(--pr-polvo); }
.pr-tab-igual { font-size: var(--pr-fs-sm); color: var(--pr-osso-suave); }
.pr-tab-abrir:focus-visible { outline-color: var(--pr-polvo); outline-offset: -3px; }
.pr-tabela thead th { background: var(--pr-malha-escura); backdrop-filter: blur(var(--pr-vidro-desfoque)); }
@media (min-width: 560px) {
  .pr-tabela-secao .pr-tab-nome { font-size: var(--pr-fs-xl); }
  .pr-tabela { font-size: var(--pr-fs-md); }
  .pr-tab-escolher { font-size: 15px; }
}
@media (max-width: 559px) {
  .pr-tabela-secao .pr-tab-nome { font-size: var(--pr-fs-lg); }
  .pr-tab-preco { font-size: var(--pr-fs-sm); }
  .pr-tab-escolher { font-size: var(--pr-fs-sm); }
}
.pr-tab-abrir { justify-content: flex-start; }
.pr-tab-abrir .pr-icone { margin-left: auto; }
.pr-tab-abrir .pr-tab-igual:not([hidden]) + .pr-icone { margin-left: 0; }
.pr-plano-nums strong { min-width: 0; }

/* A5 Add-ons: lista a esquerda, tela real a direita, "Adicionar ao pacote" (celular: abas em cima, tela embaixo) */
.pr-addons { scroll-margin-top: var(--pr-sp-2); }
.pr-addons .pr-h2-grande { margin-bottom: var(--pr-sp-3); }
.pr-addons-nota { max-width: 72ch; font-size: var(--pr-fs-md); }
.pr-addons-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pr-sp-4); margin-top: var(--pr-sp-4); }
.pr-addons-lista { display: flex; gap: var(--pr-sp-2); overflow-x: auto; padding-bottom: var(--pr-sp-2); scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.pr-addon-tab { flex: none; display: flex; align-items: center; gap: var(--pr-sp-3); min-height: 48px; padding: var(--pr-sp-2) var(--pr-sp-4); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-pill); background: var(--pr-card); color: var(--pr-texto); font: inherit; font-size: var(--pr-fs-md); font-weight: 600; text-align: left; cursor: pointer; scroll-snap-align: start; transition: background var(--pr-t-rapido), border-color var(--pr-t-rapido); }
.pr-addon-tab .pr-icone { width: 22px; height: 22px; color: var(--pr-polvo-escuro); }
.pr-addon-tab-txt { display: grid; }
.pr-addon-tab-nome { line-height: 1.25; }
.pr-addon-tab-st { font-size: var(--pr-fs-sm); font-weight: 400; color: var(--pr-verde); line-height: 1.25; }
.pr-addon-tab[aria-selected="true"] { background: var(--pr-tinta); border-color: var(--pr-tinta); color: var(--pr-osso); }
.pr-addon-tab[aria-selected="true"] .pr-icone { color: var(--pr-polvo); }
.pr-addon-tab[aria-selected="true"] .pr-addon-tab-st { color: var(--pr-polvo); }
.pr-addon-tab:focus-visible, .pr-addon-link:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: 2px; }
.pr-addons-painel { min-width: 0; padding: var(--pr-sp-4); border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-2xl); background: var(--pr-card); box-shadow: var(--pr-sombra-2); display: grid; gap: var(--pr-sp-5); align-content: start; }
.pr-addon-tela { margin: 0; border: 1px solid var(--pr-borda-forte); border-radius: var(--pr-raio-xl); overflow: hidden; background: var(--pr-card-2); }
.pr-addon-barra { display: flex; gap: 6px; padding: 10px var(--pr-sp-3); background: var(--pr-tinta); }
.pr-addon-barra i { width: 10px; height: 10px; border-radius: 50%; background: var(--pr-tinta-3); }
.pr-addon-tela img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; background: var(--pr-card); }
.pr-addon-tela figcaption { padding: var(--pr-sp-2) var(--pr-sp-3); font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-visor { position: relative; }
.pr-visor-rola { max-height: 460px; overflow: auto; background: var(--pr-card); cursor: grab; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.pr-visor-rola.pr-visor-arrasta { cursor: grabbing; user-select: none; }
.pr-visor-rola img { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }
.pr-visor-rola:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: -3px; }
.pr-visor-lente { position: absolute; left: 0; top: 0; z-index: 3; width: 210px; height: 210px; border-radius: 50%; background-color: var(--pr-card); background-repeat: no-repeat; background-size: var(--lw, 200%) var(--lh, 200%); background-position: var(--lbx, 0) var(--lby, 0); transform: translate(var(--lx, 0), var(--ly, 0)); box-shadow: 0 0 0 3px var(--pr-polvo), var(--pr-sombra-3); pointer-events: none; }
.pr-addon-pontos { display: grid; gap: var(--pr-sp-2); margin: var(--pr-sp-3) 0 0; padding: 0; list-style: none; }
.pr-addon-pontos li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: var(--pr-sp-2); font-size: var(--pr-fs-md); color: var(--pr-texto); }
.pr-addon-pontos .pr-icone { width: 18px; height: 18px; margin-top: 3px; color: var(--pr-verde); }
.pr-addon-bloco { margin: var(--pr-sp-2) 0 0; font-size: var(--pr-fs-md); color: var(--pr-suave); max-width: 70ch; }
@media (min-width: 960px) { .pr-visor-rola { max-height: 540px; } }
@media (hover: none) { .pr-visor-rola { cursor: auto; } }
/* celular (375): o print cabe inteiro na largura; um toque amplia para 720px e o dedo arrasta */
.pr-visor-rola img { aspect-ratio: auto; }
@media (max-width: 719px) {
  .pr-visor-rola { cursor: zoom-in; }
  .pr-visor.pr-visor-ampliado .pr-visor-rola { cursor: zoom-out; }
  .pr-visor.pr-visor-ampliado .pr-visor-rola img { width: 720px; max-width: none; }
  .pr-addons-lista { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pr-sp-2); overflow: visible; padding-bottom: 0; scroll-snap-type: none; }
  .pr-addon-tab { width: 100%; min-height: 48px; border-radius: 12px; padding: var(--pr-sp-2) var(--pr-sp-4); gap: var(--pr-sp-3); font-size: var(--pr-fs-md); overflow-wrap: normal; word-break: normal; hyphens: manual; }
  .pr-addon-tab-nome { text-wrap: balance; }
  .pr-addon-tab-st { font-size: var(--pr-fs-sm); }
  .pr-addon-tab .pr-icone { flex: none; width: 20px; height: 20px; }
}
.pr-addon-semtela { padding: var(--pr-sp-6); border: 1px dashed var(--pr-borda-forte); border-radius: var(--pr-raio-xl); background: var(--pr-card-2); }
.pr-addon-semtela p { margin: 0 0 var(--pr-sp-3); font-size: var(--pr-fs-md); }
.pr-addon-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--pr-polvo-escuro); font-weight: 600; }
.pr-addon-info .pr-extra-nome { font-size: var(--pr-fs-xl); }
.pr-addon-info .pr-extra-desc { margin-top: var(--pr-sp-2); font-size: var(--pr-fs-md); color: var(--pr-suave); max-width: 70ch; }
.pr-addon-info .pr-extra-preco { margin-top: var(--pr-sp-3); font-size: var(--pr-fs-lg); }
.pr-addon-info .pr-extra-aviso { font-size: var(--pr-fs-sm); }
.pr-addon-acao { display: flex; align-items: center; margin-top: var(--pr-sp-4); }
.pr-liga-add { width: 100%; min-height: 52px; font-size: var(--pr-fs-md); background: var(--pr-polvo); border-color: var(--pr-polvo); }
.pr-liga-add[aria-pressed="true"] { background: var(--pr-tinta); border-color: var(--pr-tinta); color: var(--pr-polvo); }
.pr-addon-ok { margin: var(--pr-sp-2) 0 0; font-size: var(--pr-fs-sm); font-weight: 600; color: var(--pr-verde); }
@media (min-width: 960px) {
  .pr-addons-grade { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--pr-sp-6); align-items: start; }
  .pr-addons-lista { flex-direction: column; overflow: visible; padding-bottom: 0; }
  .pr-addon-tab { border-radius: var(--pr-raio-xl); width: 100%; padding: var(--pr-sp-3) var(--pr-sp-4); }
  .pr-addons-painel { padding: var(--pr-sp-6); }
  .pr-liga-add { width: auto; min-width: 280px; }
}
@media (hover: hover) and (pointer: fine) { .pr-addon-tab[aria-selected="false"]:hover { border-color: var(--pr-polvo-escuro); background: var(--pr-polvo-fundo); } }
@media (prefers-reduced-motion: reduce) { .pr-addon-tab { transition: none; } }

/* ligar numero ao substantivo: paragrafos e listas em pretty (sem palavra/numero sozinho no fim da linha), titulos em balance */
.pr-pagina p, .pr-pagina li, .pr-pagina dd { text-wrap: pretty; }
.pr-pagina h1, .pr-pagina h2, .pr-pagina h3 { text-wrap: balance; }

/* WhatsApp simulado (pricing-chat.js) e botao verde */
.pr-botao-wa { display: inline-flex; align-items: center; gap: var(--pr-sp-2); min-height: 48px; padding: 0 var(--pr-sp-5); border: 0; border-radius: var(--pr-raio-md); background: var(--pr-verde); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.pr-botao-wa .pr-icone { width: 22px; height: 22px; fill: currentColor; stroke: none; }
.pr-botao-wa:hover { background: #17630f; }
.pr-botao-wa:focus-visible, .pr-link-wa:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: 2px; }
.pr-link-wa { display: inline; padding: 0; border: 0; background: none; font: inherit; color: var(--pr-tinta); font-weight: 600; text-decoration: underline; cursor: pointer; }

.pr-mock { padding: var(--pr-sp-5); background: var(--pr-card); display: grid; gap: var(--pr-sp-4); }
.pr-mock-tit { margin: 0; font-weight: 700; font-size: var(--pr-fs-lg); }
.pr-mock-rot { margin: 0 0 var(--pr-sp-2); display: flex; justify-content: space-between; gap: var(--pr-sp-3); flex-wrap: wrap; font-size: var(--pr-fs-md); }
.pr-mock-trilho { height: 14px; border-radius: var(--pr-raio-pill); background: var(--pr-card-2); overflow: hidden; }
.pr-mock-trilho i { display: block; height: 100%; border-radius: inherit; background: var(--pr-verde); }
.pr-mock-nota { margin: 0; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
@media (min-width: 960px) { .pr-addons-lista { position: sticky; top: var(--pr-sp-4); } }

/* 22/10/2026: blocos de ajuda centralizados, texto maior e curto; botao do time no WhatsApp coerente (verde) e bolha flutuante */
.pr-ajuda { text-align: center; }
.pr-ajuda .pr-nota { max-width: 56ch; margin-inline: auto; font-size: var(--pr-fs-lg); line-height: 1.5; }
.pr-ajuda .pr-nota + .pr-nota { margin-top: var(--pr-sp-2); }
.pr-ajuda .pr-botao-wa { margin-top: var(--pr-sp-4); }
.pr-botao-wa-sec { background: transparent; color: var(--pr-verde); border: 2px solid var(--pr-verde); }
.pr-botao-wa-sec:hover { background: var(--pr-verde); color: #fff; }
.pr-wa-fab { position: fixed; right: var(--pr-sp-4); bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 200; width: 56px; height: 56px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--pr-verde); color: #fff; box-shadow: var(--pr-sombra-3); cursor: pointer; transition: transform .15s ease; }
.pr-wa-fab .pr-icone { width: 30px; height: 30px; fill: currentColor; stroke: none; }
.pr-wa-fab:hover { transform: scale(1.06); background: #17630f; }
.pr-wa-fab:focus-visible { outline: 3px solid var(--pr-polvo-escuro); outline-offset: 3px; }
body:has(.pr-resumo:not(.pr-resumo-aguarda)) .pr-wa-fab { bottom: calc(92px + env(safe-area-inset-bottom)); }
.pr-addons-painel { scroll-margin-top: var(--pr-sp-4); }

/* Cartao do plano de teste, so super admin (dono 27/10/2026) */
.pr-teste { margin: var(--pr-sp-4) 0; padding: var(--pr-sp-5); border: 2px dashed var(--pr-polvo-escuro); border-radius: var(--pr-raio-xl); background: var(--pr-polvo-fundo); display: grid; gap: var(--pr-sp-2); }
.pr-teste.pr-teste-sel { border-style: solid; box-shadow: 0 0 0 3px var(--pr-polvo-escuro); }
.pr-teste-etiqueta { justify-self: start; padding: 2px var(--pr-sp-3); border: 1px solid var(--pr-polvo-escuro); border-radius: var(--pr-raio-pill); font-size: var(--pr-fs-xs); color: var(--pr-polvo-escuro); }
.pr-teste-nome { margin: 0; font-size: var(--pr-fs-lg); }
.pr-teste-preco { margin: 0; font-size: var(--pr-fs-2xl); font-weight: 600; }
.pr-teste-preco small { font-size: var(--pr-fs-sm); font-weight: 400; color: var(--pr-suave); }
.pr-teste-nota { margin: 0; font-size: var(--pr-fs-sm); color: var(--pr-suave); }
.pr-teste-botao { text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: center; }