/* Página de oferta: mesma paleta do quiz, blocos empilhados, preço em destaque. */
.na-oferta .progresso, .na-oferta .bloco { display: none; }
.of { display: flex; flex-direction: column; gap: 26px; padding-bottom: 20px; }
.of h2 { font: 700 22px/1.25 var(--display); margin: 0 0 12px; text-wrap: balance; }
.of section { display: flex; flex-direction: column; }
.of-topo { text-align: center; gap: 10px; }
.of-etq { margin: 0; align-self: center; background: var(--sage-claro); color: var(--sage-escuro); font: 700 13px var(--display); padding: 6px 12px; border-radius: 999px; }
.of-p { margin: 0; }
.of-cartao { background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio); padding: 16px; }
.of-resumo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.of-resumo div { display: flex; flex-direction: column; min-width: 0; }
.of-resumo span { font-size: 13px; color: var(--suave); }
.of-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.of-lista li { display: flex; gap: 12px; align-items: flex-start; }
.of-lista img { width: 88px; height: 66px; object-fit: cover; border-radius: 10px; flex: none; }
.of-lista p { margin: 4px 0 0; color: var(--suave); font-size: 15px; }
.of-ok { width: 26px; height: 26px; border-radius: 50%; background: var(--sage-escuro); color: #fff; display: grid; place-items: center; font-size: 14px; flex: none; margin-top: 2px; }
.of-ancora { background: var(--sage-claro); border-radius: var(--raio); padding: 16px; }
.of-ancora p { margin: 0; }
.of-ancora small { margin-top: 8px; color: var(--suave); font-size: 12px; }
.of-preco { background: var(--papel); border: 2px solid var(--sage-escuro); border-radius: 20px; padding: 22px 18px; text-align: center; gap: 6px; }
.of-valor { margin: 0; font: 800 56px/1 var(--display); color: var(--tinta); }
.of-valor small { font-size: 22px; vertical-align: top; margin-right: 4px; }
.of-det { margin: 0 0 8px; color: var(--suave); }
.of-preco ul { text-align: left; margin: 6px 0 16px; padding-left: 20px; display: grid; gap: 4px; }
.of-preco .cta { display: block; text-decoration: none; text-align: center; }
.of-garantia { flex-direction: row !important; gap: 14px; align-items: flex-start; background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio); padding: 16px; }
.of-garantia h2 { font-size: 18px; margin-bottom: 6px; }
.of-garantia p { margin: 0; color: var(--suave); font-size: 15px; }
.of-selo { flex: none; width: 56px; height: 56px; border-radius: 50%; border: 3px solid var(--sage-escuro); color: var(--sage-escuro); display: grid; place-items: center; font: 800 20px var(--display); }
.of-faq { background: var(--papel); border: 1px solid var(--linha); border-radius: var(--raio); padding: 14px 16px; margin-bottom: 8px; }
.of-faq summary { font-weight: 700; cursor: pointer; }
.of-faq p { margin: 8px 0 0; color: var(--suave); font-size: 15px; }
.of-aviso { font-size: 12px; color: var(--suave); text-align: center; margin: 0; }