/* Camada "Seed" da página de reserva (piloto, 6 out 2026).
   Lógica da Seed traduzida para a UNCHAIND: fundo quase branco, cartões aveia, azul-escuro no papel do verde-floresta,
   dourado claro no papel do lima; títulos em Archivo fino (350), Clash Display só no logótipo;
   cantos de 24 px, botões em pílula, um painel de vidro fosco sobre fotografia. */
:root {
  --sd-bg: #F8F6F1;
  --sd-card: #EFEBE2;
  --sd-ink: #0B1B2F;
  --sd-ink-2: rgba(11,27,47,.74);
  --sd-ink-3: rgba(11,27,47,.58);
  --sd-line: rgba(11,27,47,.12);
  --sd-gold-soft: #F3E2B3;
  --sd-sans: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --sd-mono: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
}
body { background: var(--sd-bg); }

/* faixa do topo e cabeçalho claro */
.sd-banner { background: var(--sd-gold-soft); color: var(--sd-ink); text-align: center; font-size: 13px; line-height: 1.4; padding: 9px 16px; }
body .bar { background: rgba(248,246,241,.88); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--sd-line); --ivory: #0B1B2F; --fg3: rgba(11,27,47,.6); --hairline: rgba(11,27,47,.12); }
body .bar .lang-switch { color: rgba(11,27,47,.6) !important; }
body .bar-inner img { height: 18px; }
body .progress-seg { background: rgba(11,27,47,.1); }
body .progress-seg i { background: var(--sd-ink); }

/* títulos finos em toda a página */
.flow h1, .flow h2, .flow h3 { font-family: var(--sd-sans); }
#step-0 #coTitle { font-weight: 350; font-size: 48px; line-height: 1.04; letter-spacing: -0.025em; max-width: none; }
#step-0 .checkout-intro .sd-code { display: inline-flex; align-self: flex-start; margin-bottom: 16px; padding: 3px 11px; border: 1px solid rgba(11,27,47,.5); border-radius: 999px; font-family: var(--sd-mono); font-size: 12px; font-weight: 400; letter-spacing: 0.02em; text-transform: none; color: var(--sd-ink); }
#step-0 .pdp-price { margin-top: 16px; font-size: 15px; color: var(--sd-ink-3); }
#step-0 .pdp-price b { font-family: var(--sd-sans); font-size: 26px; font-weight: 400; letter-spacing: -0.01em; color: var(--sd-ink); }
#step-0 #coLede { font-size: 17px; line-height: 1.6; color: var(--sd-ink-2); }

/* galeria */
#step-0 .pdp-main { border-radius: 24px; border: 0; background: var(--sd-card); }
#step-0 .pdp-thumb { border-radius: 16px; border: 1.5px solid transparent; background: var(--sd-card); }
#step-0 .pdp-thumb[aria-pressed="true"] { border-color: var(--sd-ink); box-shadow: none; }
#step-0 .pdp-cap { color: var(--sd-ink-3); }

/* coluna de compra */
#step-0 .pl-proof { border: 0; border-radius: 16px; background: var(--sd-card); }
#step-0 .tiers legend { font-size: 16px; font-weight: 500; }
#step-0 .tier { border: 1px solid var(--sd-line); border-radius: 16px; background: #fff; }
#step-0 .tier:has(input:checked) { border-color: var(--sd-ink); box-shadow: 0 0 0 0.5px var(--sd-ink); }
#step-0 .t-price { font-family: var(--sd-sans); font-size: 22px; font-weight: 400; }
#step-0 .t-tag { border-radius: 999px; background: var(--sd-gold-soft); padding: 3px 10px; letter-spacing: 0.08em; }
#step-0 .input { border-radius: 12px; background: #fff; border-color: var(--sd-line); color: var(--sd-ink); }
#step-0 .btn-primary, #step-0 #payNow { border-radius: 999px !important; background: var(--sd-ink) !important; color: var(--sd-bg) !important; font-weight: 500; letter-spacing: 0; }
#step-0 .btn-primary:hover { background: #172C45 !important; }
#step-0 .checkout > .actions .btn-text::after { content: " →"; }

/* os 4 números na coluna de compra, em letra fina */
#step-0 .pdp-facts { border-color: var(--sd-line); padding: 18px 0; margin-top: 24px; }
#step-0 .pdp-facts b { font-family: var(--sd-sans); font-weight: 300; font-size: 32px; letter-spacing: -0.02em; line-height: 1; margin-bottom: 4px; }
#step-0 .pdp-facts li { font-size: 13px; color: var(--sd-ink-3); }
#step-0 .pdp-facts-note { color: var(--sd-ink-3); }

/* alles over de reep: títulos finos, blocos em cartões aveia */
#step-0 .pdp-details { border-top: 0; margin-top: 88px; padding-top: 0; }
#step-0 .pdp-details h2 { font-weight: 350; font-size: 44px; letter-spacing: -0.02em; margin-bottom: 32px; }
#step-0 .pdp-h { font-family: var(--sd-sans); font-weight: 400; font-size: 22px; letter-spacing: -0.01em; }
#step-0 .pdp-grid { gap: 16px; }
#step-0 .pdp-grid > * { background: var(--sd-card); border-radius: 24px; padding: 30px 30px 26px; }
#step-0 .pdp-ing li, #step-0 .pdp-nut td { border-color: var(--sd-line); }
#step-0 .pdp-faq h3 { font-size: 22px; }
#step-0 .pdp-faq summary { font-weight: 400; }

/* comparação: faixa inset com cantos arredondados, como as secções da Seed */
#step-0 .pdp-compare { width: calc(100vw - 24px); margin-left: calc(50% - 50vw + 12px); border-radius: 24px; }
#step-0 .cmp td.us .cmp-v { font-family: var(--sd-sans); font-weight: 500; }

/* resto da página */
#step-0 .wl, #step-0 .pl-next { border: 0; border-radius: 24px; background: var(--sd-card); padding: 28px; }
#step-0 .wl-mail, #step-0 .wl button { border-radius: 999px; }
#step-0 .wl input[type=email] { border-radius: 999px; padding-left: 18px; border-color: var(--sd-line); }
#step-0 .wl-t, #step-0 .pl-h { font-weight: 500; }
#step-1 h1 { font-weight: 350; letter-spacing: -0.02em; }

@media (max-width: 820px) {
  .flow { padding-top: 24px; }
  #step-0 #coTitle { font-size: 36px; }
  #step-0 .pdp-details { margin-top: 64px; }
  #step-0 .pdp-details h2 { font-size: 32px; }
  #step-0 .pdp-grid > * { padding: 22px 18px; }
  #step-0 .pdp-compare { width: calc(100vw - 16px); margin-left: calc(50% - 50vw + 8px); border-radius: 18px; }
}

/* menos microdetalhes */ /* (6 out): sem barra de passos nem "passo 1 de 2" */
.progress, .bar-step { display: none !important; }