/* ==========================================================================
   Pré-venda Duuck — CSS da landing

   ESTE ARQUIVO NÃO CONTÉM DESIGN NOVO.

   Ele tem exatamente duas coisas, ambas copiadas da V3 aprovada:

   1. O bloco <style> que estava no <helmet> do arquivo do Claude Design.
   2. Os 11 `style-hover="..."` da V3, convertidos para CSS :hover real.

   O `style-hover` era uma extensão do runtime do editor: ele gerava uma classe
   com a regra de :hover em tempo de execução. Sem o runtime, precisa virar CSS.
   Os valores são idênticos — nada foi ajustado, arredondado ou "melhorado".

   Todo o resto do visual continua em `style="..."` inline no HTML e no JS,
   exatamente como na V3. Extrair esses inline para classes é um refactor
   legítimo, mas é para DEPOIS da homologação — é onde a fidelidade se perde.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Bloco <helmet> da V3 — cópia literal
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f5f5f7; color: #1d1d1f; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
a:hover { color: #b98a00; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* --------------------------------------------------------------------------
   2. Os `style-hover` da V3, um por um

   Referência (linhas do arquivo original "Prevenda Duuck v3.dc.html"):
     118, 215  .pv-valor            -> color: #1d1d1f
     132, 229  .pv-btn--principal   -> background: #d9a800
     390       #pv-enviar           -> background: #d9a800   (mesma classe)
     141, 238  [data-outra]         -> border-color: #1d1d1f
     265       .pv-btn--hero        -> border-color: #fdc302; color: #fdc302
     298       .pv-btn--whatsapp    -> background: #000
     315       barra, botão secundário -> color: #f5f5f7
     317       [data-pre-reserva]   -> background: #d9a800
   -------------------------------------------------------------------------- */

/* Valores das trilhas do configurador (Chip / Memória / Armazenamento). */
.pv-valor:hover { color: #1d1d1f; }

/* CTA amarelo: "Reservar / encomendar", "Tenho interesse" e o submit do form. */
.pv-btn--principal:hover { background: #d9a800; }

/* "Quero outra configuração". Escopado por [data-outra] de propósito: na V3 o
   botão "Fechar" da tela de sucesso também é .pv-btn--fantasma mas NÃO tem
   style-hover, e um seletor amplo criaria um hover que o design não tem. */
[data-outra]:hover { border-color: #1d1d1f; }

/* "Quero ser avisado", no fechamento escuro do iPhone 18. */
.pv-btn--hero:hover { border-color: #fdc302; color: #fdc302; }

/* "Falar com a Duuck". É um <a>, então o `a:hover` acima também se aplica —
   esse empilhamento existe igual na V3 e foi preservado. */
.pv-btn--whatsapp:hover { background: #000; }

/* Barra inferior fixa. */
[data-barra-secundaria]:hover { color: #f5f5f7; }
[data-pre-reserva]:hover { background: #d9a800; }