/* Forjados · pós-compra. Cores, fontes e espaços só de sistema-visual/tokens.css e
   components/bundle.css. Modo claro, sem blocos escuros; brasa só no botão de
   aceitar e na linha fina da faixa de confirmação. */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color-scheme: only light; scroll-padding-top: var(--espaco-4); }
body { min-height: 100vh; min-height: 100dvh; }
button { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

.pc-previa { margin: 0; padding: 6px var(--espaco-4); background: var(--superficie); color: var(--texto-secundario); text-align: center; border-bottom: var(--linha) dashed var(--borda-controle); }
.pc-previa[hidden] { display: none; }

.pc { width: 100%; max-width: 480px; margin: 0 auto; padding: 0 var(--espaco-4) var(--espaco-12); padding-bottom: max(var(--espaco-12), env(safe-area-inset-bottom)); }
.pc-topo { display: flex; align-items: center; min-height: var(--alvo-minimo); padding: var(--espaco-4) 0; }
.pc-logo { height: 28px; width: auto; }
.pc-tela { display: flex; flex-direction: column; gap: var(--espaco-6); }
.pc-tela:focus, .pc-tela h1:focus, .pc-acesso:focus { outline: none; }

/* Faixa de confirmação: superfície osso com a única linha em brasa */
.pc-faixa { display: flex; flex-direction: column; gap: var(--espaco-2); padding: var(--espaco-4) var(--espaco-5); background: var(--superficie); border-radius: var(--canto-2); border-top: 2px solid var(--brasa); }
.pc-faixa .fj-link { align-self: flex-start; min-height: var(--alvo-minimo); display: inline-flex; align-items: center; color: var(--texto); }

.pc-oferta { display: flex; flex-direction: column; gap: var(--espaco-5); }
.pc-titulo { font-family: var(--font-titulo); font-weight: 800; font-size: clamp(26px, 7vw, 32px); line-height: 1.15; text-wrap: balance; }
.pc-lead { font-size: 17px; line-height: 26px; color: var(--texto-secundario); }
.pc-preco { font-family: var(--font-titulo); font-weight: 800; font-size: 32px; line-height: 36px; }

.pc-decisao { display: flex; flex-direction: column; align-items: center; gap: var(--espaco-2); }
.pc-largo { width: 100%; min-height: 52px; padding: var(--espaco-3) var(--espaco-5); white-space: normal; text-align: center; font-weight: 600; line-height: 20px; }
/* Recusa visível: carvão, sublinhada, no tamanho do texto corrido */
.pc-recusa { display: inline-flex; align-items: center; min-height: var(--alvo-minimo); padding: 0 var(--espaco-2); color: var(--texto); font-size: 16px; line-height: 24px; text-align: center; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.pc-recusa:hover { text-decoration-thickness: 2px; }
.pc-aviso { color: var(--texto-secundario); text-align: center; }
.pc-aviso:empty { display: none; }

.pc-secao { display: flex; flex-direction: column; gap: var(--espaco-3); padding-top: var(--espaco-5); border-top: var(--linha) solid var(--borda); }
.pc-dl { display: flex; flex-direction: column; gap: var(--espaco-4); margin: 0; }
.pc-dl dd { margin: var(--espaco-1) 0 0; color: var(--texto-secundario); }
.pc-rodape { color: var(--texto-secundario); text-align: center; }
.pc-recusado { padding: var(--espaco-4) var(--espaco-5); background: var(--superficie); border-radius: var(--canto-2); }

.pc-acesso { display: flex; flex-direction: column; gap: var(--espaco-4); padding: var(--espaco-5) var(--espaco-6); background: var(--superficie); border-radius: var(--canto-2); }
.pc-plano-ok { padding-left: var(--espaco-3); border-left: 2px solid var(--texto); }
.pc-passo { display: flex; flex-direction: column; gap: var(--espaco-1); }
.pc-passo p { color: var(--texto-secundario); }

.pc-noscript { max-width: 480px; margin: 0 auto; padding: var(--espaco-6) var(--espaco-4); }

/* Celulares pequenos: botão e recusa antes da primeira rolagem */
@media (max-width: 359px), (max-height: 600px) {
  .pc-topo { padding: var(--espaco-2) 0; }
  .pc-tela { gap: var(--espaco-4); }
  .pc-oferta { gap: var(--espaco-3); }
  .pc-faixa { padding: var(--espaco-3) var(--espaco-4); gap: 0; font-size: 14px; line-height: 20px; }
  .pc-titulo { font-size: 22px; }
  .pc-lead { font-size: 15px; line-height: 22px; }
}

/* Botão nativo da Cakto: mesmo visual do botão de destaque do sistema */
.pc-cakto { display: block; width: 100%; }
.pc-cakto-aceitar { display: block; width: 100%; }
.pc-cakto-aceitar::part(button) { width: 100%; min-height: 52px; padding: var(--espaco-3) var(--espaco-5); border: 0; border-radius: var(--canto-2); background: var(--brasa-acao); color: var(--brasa-acao-texto); font-family: var(--font-texto); font-size: 16px; font-weight: 600; line-height: 20px; cursor: pointer; }
.pc-cakto-aceitar::part(button):focus-visible { outline: var(--foco-espessura) solid var(--foco); outline-offset: var(--foco-afastamento); }