/* MAQUETE Indique e ganhe (31/10/2026). Mesmo mundo da home: pedra no fundo, carvão no "como funciona",
   petróleo nos botões e no cartão, latão só em fio, número e marcação. Manrope. Só tema claro.
   Único token novo: --err (erro de formulário), porque o site público ainda não tem. */
@font-face { font-family: Manrope; src: url("/assets/fonts/manrope-latin.woff2") format("woff2"); font-weight: 400 800; font-display: swap; }
:root {
  color-scheme: light;
  --bg:#f6f5f1; --surface:#fff; --band:#e8e6e0; --ink:#17191a; --ink-2:#3b4042; --muted:#575c5e;
  --line:#d7d4cc; --line-strong:#cfccc3; --accent:#123e40; --accent-ink:#f6f5f1; --accent-soft:#e1ebe9;
  --brass:#85560e; --brass-light:#e0b062; --charcoal:#17191a; --on-dark:#f6f5f1; --on-dark-2:#c9cfcd;
  --line-input:#868b87; --ok:#1f7a4d; --err:#a3341f; --err-soft:#fbeeea;
  --wrap:min(1200px, calc(100% - 40px)); --ease:cubic-bezier(.16,1,.3,1);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 Manrope,system-ui,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:clip; }
a { color:inherit; } img { max-width:100%; height:auto; display:block; }
h1,h2,h3,p,ol,ul,dl,dd,figure { margin:0; } ol,ul { padding:0; list-style:none; }
button,input,select { font:inherit; color:inherit; } button { cursor:pointer; border:0; background:none; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; border-radius:6px; }
h1,h2,h3 { font-weight:750; letter-spacing:-.035em; line-height:1.1; text-wrap:balance; }
h2 { font-size:clamp(30px,4.2vw,44px); letter-spacing:-.04em; }
h3 { font-size:20px; letter-spacing:-.02em; line-height:1.25; }
p { color:var(--ink-2); text-wrap:pretty; }
.wrap { width:var(--wrap); margin-inline:auto; }
.section { padding-block:clamp(52px,8vw,100px); }
.band { background:var(--band); }
.eyebrow { font-size:14px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; color:var(--brass); margin-bottom:14px; }
.fine { font-size:16px; color:var(--muted); }
.tag-ex { display:inline-block; padding:2px 10px; border-radius:999px; background:var(--band); color:var(--ink-2); font-size:14px; font-weight:750; letter-spacing:.02em; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 26px; border-radius:999px; font-weight:700; font-size:16px; text-decoration:none; white-space:normal; max-width:100%; text-align:center; padding-block:8px; transition:transform .25s var(--ease),background-color .25s; }
.btn:active { transform:translateY(1px); }
.btn-primary { background:var(--accent); color:var(--accent-ink); } .btn-primary:hover { background:#0b2f31; }
.btn-ghost { color:var(--accent); box-shadow:inset 0 0 0 1.5px var(--accent); } .btn-ghost:hover { background:rgb(18 62 64/.06); }
.btn-light { background:var(--on-dark); color:var(--accent); } .btn-light:hover { background:#fff; }
.btn-ghost-light { color:var(--on-dark); box-shadow:inset 0 0 0 1.5px rgb(246 245 241/.55); } .btn-ghost-light:hover { background:rgb(246 245 241/.1); }
.btn-sm { min-height:44px; padding:0 20px; font-size:16px; }
.btn-block { width:100%; }
.link { font-weight:700; color:var(--ink); text-decoration:underline; text-decoration-color:var(--brass); text-underline-offset:6px; text-decoration-thickness:2px; display:inline-flex; align-items:center; min-height:44px; }

/* Cabeçalho */
.site-header { position:sticky; top:0; z-index:30; background:rgb(246 245 241/.92); backdrop-filter:saturate(160%) blur(12px); }
.topbar { height:68px; display:flex; align-items:center; gap:28px; }
.brand { display:inline-flex; align-items:center; min-height:44px; } .brand-logo { width:124px; height:auto; }
.nav { display:none; gap:24px; margin-right:auto; }
.nav a { text-decoration:none; font-size:16px; font-weight:600; color:var(--ink-2); padding-block:10px; }
.header-actions { display:flex; align-items:center; gap:14px; margin-left:auto; }
.login { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; font-weight:600; font-size:16px; color:var(--ink-2); }
@media (min-width:900px) { .nav { display:flex; } .nav + .header-actions { margin-left:0; } .header-actions { gap:18px; } }
@media (max-width:420px) { .header-actions .login { display:none; } }

/* Seletor Sou profissional / Sou cliente ou dono */
.who { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:999px; background:var(--band); max-width:460px; margin-bottom:26px; }
.who a { min-height:48px; padding:0 10px; border-radius:999px; font-weight:700; font-size:16px; color:var(--ink-2); line-height:1.15; transition:background-color .25s,color .25s; }
.who a[aria-current="page"] { background:var(--accent); color:var(--accent-ink); }
.who-label { font-size:16px; font-weight:700; color:var(--ink-2); margin-bottom:8px; }

/* Hero */
.hero { padding-block:clamp(20px,4vw,56px) clamp(40px,6vw,84px); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; align-items:center; }
.hero h1 { font-size:clamp(38px,5.6vw,70px); font-weight:800; line-height:1; letter-spacing:-.05em; max-width:14ch; }
.hero .lede { font-size:clamp(18px,1.6vw,20px); max-width:40ch; margin-top:20px; }
.hero .lede strong { color:var(--ink); font-weight:700; }
.hero-actions { display:flex; flex-direction:column; gap:12px; margin-top:28px; }
.hero-actions .btn { width:100%; }
.hero .fine { margin-top:14px; }
@media (min-width:640px) { .hero-actions { flex-direction:row; align-items:center; } .hero-actions .btn { width:auto; } }
@media (min-width:900px) { .hero-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; } }

/* Cartão de indicação (peça fixa do hero: petróleo, fio de latão, picote) */
.vale { position:relative; border-radius:24px; background:var(--accent); color:var(--on-dark); padding:30px 28px 26px; overflow:hidden; box-shadow:0 30px 60px -34px rgb(18 62 64/.7); }
.vale::after { content:""; position:absolute; inset:9px; border:1px solid rgb(224 176 98/.75); border-radius:16px; pointer-events:none; }
.vale-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.vale-top img { width:104px; }
.vale-top span { font-size:14px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:var(--brass-light); }
.vale-num { font-weight:800; letter-spacing:-.06em; line-height:.9; font-size:clamp(84px,12vw,132px); margin-top:26px; }
.vale-num small { font-size:.28em; letter-spacing:-.02em; font-weight:700; margin-right:8px; color:var(--brass-light); }
.vale-sub { margin-top:14px; color:var(--on-dark); font-size:19px; font-weight:600; max-width:22ch; line-height:1.3; }
.vale-cut { margin:24px -28px 18px; border-top:2px dashed rgb(224 176 98/.6); position:relative; }
.vale-cut::before,.vale-cut::after { content:""; position:absolute; top:-13px; width:24px; height:24px; border-radius:50%; background:var(--bg); }
.vale-cut::before { left:-12px; } .vale-cut::after { right:-12px; }
.vale-foot { display:flex; flex-wrap:wrap; gap:6px 18px; color:var(--on-dark-2); font-size:16px; font-weight:600; }
.vale-foot b { color:var(--on-dark); }

/* Como funciona (carvão) */
.how { background:var(--charcoal); color:var(--on-dark); }
.how h2 { color:var(--on-dark); }
.how .eyebrow { color:var(--brass-light); }
.steps { margin-top:44px; position:relative; display:grid; grid-template-columns:minmax(0,1fr); gap:38px; }
.steps::before { content:""; position:absolute; left:22px; top:22px; bottom:22px; width:1px; background:rgb(224 176 98/.6); }
.steps li { position:relative; padding-left:68px; }
.step-n { position:absolute; left:0; top:-4px; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--charcoal); border:1.5px solid var(--brass-light); color:var(--brass-light); font-weight:800; font-size:18px; }
.steps h3 { color:var(--on-dark); font-size:22px; padding-top:4px; }
.steps p { margin-top:8px; color:var(--on-dark-2); font-size:17px; max-width:40ch; }
.bubble { margin-top:16px; padding:14px 16px; border-radius:16px 16px 16px 4px; background:rgb(246 245 241/.08); border:1px solid rgb(246 245 241/.2); color:var(--on-dark) !important; font-size:16px !important; line-height:1.5; }
.bubble-cap { display:block; font-size:14px; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:var(--brass-light); margin-bottom:6px; }
.how-note { margin-top:40px; padding-top:22px; border-top:1px solid rgb(246 245 241/.18); color:var(--on-dark); font-weight:700; font-size:18px; }
@media (min-width:900px) {
  .steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
  .steps::before { left:22px; right:0; top:22px; bottom:auto; width:auto; height:1px; }
  .steps li { padding-left:0; padding-top:70px; }
  .step-n { top:0; }
  .steps h3 { padding-top:0; }
}

/* O que você recebe e quando */
.receive-grid { display:grid; gap:36px; }
.receive h2 { max-width:16ch; }
.facts { display:grid; gap:0; margin-top:6px; }
.facts div { padding:20px 0; border-top:1px solid var(--line); }
.facts div:last-child { border-bottom:1px solid var(--line); }
.facts dt { font-size:14px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; color:var(--brass); margin-bottom:6px; }
.facts dd { font-size:17px; color:var(--ink-2); max-width:56ch; }
.facts dd strong { color:var(--ink); }
.timeline { margin-top:36px; background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:24px 22px 26px; }
.timeline-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:22px; }
.timeline-head h3 { font-size:18px; }
.tl { display:grid; gap:0; position:relative; }
.tl li { position:relative; padding:0 0 26px 54px; }
.tl li:last-child { padding-bottom:0; }
.tl li::before { content:""; position:absolute; left:19px; top:34px; bottom:-2px; width:2px; background:repeating-linear-gradient(var(--brass-light) 0 6px,transparent 6px 11px); }
.tl li:last-child::before { display:none; }
.tl-dot { position:absolute; left:0; top:0; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; background:var(--accent-soft); color:var(--accent); font-weight:800; }
.tl li:last-child .tl-dot { background:var(--accent); color:var(--accent-ink); }
.tl-date { display:block; font-weight:800; font-size:20px; color:var(--ink); letter-spacing:-.02em; padding-top:2px; }
.tl-txt { font-size:16px; color:var(--ink-2); margin-top:2px; }
.timeline-foot { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); font-size:16px; }
@media (min-width:900px) {
  .receive-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:72px; align-items:start; }
  .timeline { margin-top:28px; padding:28px 30px 30px; }
  .tl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .tl li { padding:64px 0 0 0; }
  .tl li::before { left:44px; right:-20px; top:19px; bottom:auto; width:auto; height:2px; background:repeating-linear-gradient(90deg,var(--brass-light) 0 6px,transparent 6px 11px); }
  .tl-dot { top:0; }
}
.why { margin-top:26px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.why summary,.faq-list summary { list-style:none; cursor:pointer; padding:18px 44px 18px 0; font-weight:750; font-size:18px; position:relative; min-height:56px; display:flex; align-items:center; }
.why summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker { display:none; }
.why summary::after,.faq-list summary::after { content:""; position:absolute; right:8px; top:50%; width:10px; height:10px; border-right:2px solid var(--brass); border-bottom:2px solid var(--brass); transform:translateY(-70%) rotate(45deg); transition:transform .3s var(--ease); }
.why[open] summary::after,.faq-list details[open] summary::after { transform:translateY(-30%) rotate(225deg); }
.why p,.faq-list details p { padding:0 0 20px; max-width:62ch; font-size:17px; }

/* Quem pode indicar */
.who-can { display:grid; gap:28px; }
.who-can h2 { max-width:14ch; }
.owner-note { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:18px 20px; max-width:52ch; }
.owner-note p { font-size:17px; }
.pro-note { font-weight:700; color:var(--ink); margin-top:14px; }
@media (min-width:900px) { .who-can { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:start; } }

/* Regras e dúvidas */
.rules-grid { display:grid; gap:44px; }
.rules ul { margin-top:20px; display:grid; gap:14px; }
.rules li { position:relative; padding-left:26px; font-size:17px; color:var(--ink-2); max-width:60ch; }
.rules li::before { content:""; position:absolute; left:0; top:.7em; width:9px; height:9px; border-radius:50%; background:var(--brass); }
.rules-link { margin-top:18px; }
.faq-list { margin-top:20px; }
.faq-list details { border-top:1px solid var(--line); } .faq-list details:last-of-type { border-bottom:1px solid var(--line); }
@media (min-width:900px) { .rules-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; } }

/* Fecho petróleo */
.final { background:var(--accent); color:var(--on-dark); }
.final h2 { color:var(--on-dark); max-width:16ch; }
.final p { color:#c9d9d6; }
.final-grid { display:grid; gap:28px; align-items:center; }
.final-side { display:grid; gap:14px; justify-items:start; }
.final .btn { width:100%; } .final :focus-visible { outline-color:var(--brass-light); }
@media (min-width:640px) { .final .btn { width:auto; } }
@media (min-width:900px) { .final-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; } }

footer { padding-block:32px 40px; }
.footer-grid { display:flex; justify-content:space-between; gap:12px 48px; flex-wrap:wrap; align-items:flex-start; }
.legal { font-size:16px; color:var(--muted); } .legal strong { color:var(--ink); }
.footer-links { display:flex; flex-wrap:wrap; gap:0 20px; font-size:16px; }
.footer-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--ink-2); text-decoration:none; font-weight:500; }

/* Barra fixa do celular */
.stickybar { position:fixed; left:0; right:0; bottom:0; z-index:40; padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px)); background:rgb(246 245 241/.96); border-top:1px solid var(--line); backdrop-filter:blur(10px); }
.stickybar .btn { width:100%; }
body.has-sticky { padding-bottom:84px; }
@media (min-width:900px) { .stickybar { display:none; } body.has-sticky { padding-bottom:0; } }
body.static .stickybar { display:none; } body.static.has-sticky { padding-bottom:0; }

/* ---------- Formulários ---------- */
.form-page { padding-block:clamp(20px,4vw,56px) clamp(48px,7vw,96px); }
.form-grid { display:grid; gap:28px; align-items:start; }
.form-intro h1 { font-size:clamp(36px,5vw,56px); font-weight:800; letter-spacing:-.045em; line-height:1.02; }
.form-intro .lede { font-size:19px; margin-top:16px; max-width:34ch; }
.form-intro .lede strong { color:var(--ink); }
.mini-vale { margin-top:26px; display:none; }
.card { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:24px 20px; box-shadow:0 24px 50px -36px rgb(23 25 26/.4); }
.card h2 { font-size:26px; letter-spacing:-.03em; }
.field { margin-top:20px; }
.field label,.legend { display:block; font-weight:750; font-size:16px; color:var(--ink); margin-bottom:8px; }
.field .opt { font-weight:500; color:var(--muted); }
.input { width:100%; min-height:52px; padding:0 16px; font-size:16px; border-radius:14px; border:1.5px solid var(--line-input); background:#fff; color:var(--ink); }
.input::placeholder { color:#6b7072; opacity:1; }
.input:focus { outline:3px solid var(--accent); outline-offset:2px; border-color:var(--accent); }
.help { margin-top:8px; font-size:16px; color:var(--muted); line-height:1.5; }
.field.has-err .input { border:2px solid var(--err); }
.err { display:flex; gap:8px; align-items:flex-start; margin-top:8px; font-size:16px; font-weight:650; color:var(--err); line-height:1.45; }
.err svg { flex:none; margin-top:1px; }
.pick { display:grid; gap:10px; }
.pick label { display:flex; align-items:center; gap:12px; min-height:56px; padding:10px 16px; border-radius:14px; border:1.5px solid var(--line-input); background:#fff; font-weight:700; margin:0; cursor:pointer; }
.pick input { position:absolute; opacity:0; }
.pick .dot { flex:none; width:22px; height:22px; border-radius:50%; border:2px solid var(--line-input); display:grid; place-items:center; }
.pick input:checked + .dot { border-color:var(--accent); } .pick input:checked + .dot::after { content:""; width:10px; height:10px; border-radius:50%; background:var(--accent); }
.pick label:has(input:checked) { border-color:var(--accent); background:var(--accent-soft); }
.pick label:has(input:focus-visible) { outline:3px solid var(--accent); outline-offset:2px; }
.aceite { margin-top:22px; display:flex; gap:14px; align-items:flex-start; }
.aceite .box { flex:none; width:44px; height:44px; margin:-8px 0 -8px -8px; display:grid; place-items:center; }
.aceite .box i { width:26px; height:26px; border-radius:7px; border:2px solid var(--line-input); background:#fff; display:grid; place-items:center; }
.aceite .box i.on { background:var(--accent); border-color:var(--accent); }
.aceite .box i.bad { border:2.5px solid var(--err); }
.aceite p { font-size:16px; color:var(--ink-2); padding-top:2px; }
.aceite a { color:var(--accent); font-weight:700; }
.aceite-wrap.has-err .err { margin:0 0 10px; }
.aceite .box { position:relative; } .aceite .box input { position:absolute; inset:0; width:44px; height:44px; margin:0; opacity:0; cursor:pointer; z-index:1; }
.aceite .box input:focus-visible + i { outline:3px solid var(--accent); outline-offset:3px; }
.form-actions { margin-top:26px; }
.form-actions .fine { margin-top:12px; text-align:center; }
.pix-box { margin-top:22px; padding:18px 16px; border-radius:18px; background:var(--accent-soft); border:1px solid #c5d7d4; }
.pix-box .field { margin-top:0; }
.pix-box .input { background:#fff; }
.banner { display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:16px; font-size:16px; font-weight:600; line-height:1.45; margin-bottom:20px; }
.banner svg { flex:none; margin-top:2px; }
.banner.bad { background:var(--err-soft); color:var(--err); border:1px solid #e9c1b8; }
.banner.info { background:var(--accent-soft); color:var(--accent); border:1px solid #c5d7d4; }
.banner.ok { background:#e6f2ec; color:#17603c; border:1px solid #bddac9; }
.banner .btn { margin-top:8px; }
@media (min-width:900px) {
  .form-grid { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:72px; }
  .form-intro { position:sticky; top:96px; }
  .mini-vale { display:block; }
  .card { padding:36px 36px 34px; }
  .pick { grid-template-columns:1fr 1fr; }
  .form-actions .btn { width:auto; min-width:260px; }
  .form-actions { display:flex; align-items:center; gap:22px; } .form-actions .fine { margin:0; text-align:left; }
}

/* ---------- Área do indicante ---------- */
.area { padding-block:clamp(16px,3vw,40px) clamp(48px,7vw,96px); }
.area-head { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:22px; }
.area-head h1 { font-size:clamp(34px,4.6vw,52px); font-weight:800; letter-spacing:-.045em; line-height:1.02; }
.area-head .hello { font-size:17px; color:var(--muted); margin-top:6px; font-weight:600; }
.area-grid { display:grid; gap:22px; align-items:start; }
.area-main,.area-side { display:contents; }
.link-card { order:1; } .list-card { order:2; } .ask-card { order:3; }
.link-card { position:relative; border-radius:24px; background:var(--accent); color:var(--on-dark); padding:24px 20px 22px; overflow:hidden; }
.link-card::after { content:""; position:absolute; inset:8px; border:1px solid rgb(224 176 98/.7); border-radius:17px; pointer-events:none; }
.link-card h2 { font-size:24px; color:var(--on-dark); letter-spacing:-.03em; }
.link-url { margin-top:14px; display:flex; align-items:center; min-height:52px; padding:0 16px; border-radius:14px; background:rgb(246 245 241/.1); border:1px solid rgb(246 245 241/.28); font-weight:700; font-size:16px; color:var(--on-dark); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.link-url span { overflow:hidden; text-overflow:ellipsis; }
.link-actions { margin-top:14px; display:grid; gap:10px; position:relative; z-index:1; }
.link-help { margin-top:16px; color:var(--on-dark-2); font-size:16px; line-height:1.5; }
.link-more { margin-top:6px; display:flex; flex-wrap:wrap; gap:0 22px; position:relative; z-index:1; }
.link-more a { color:var(--on-dark); font-weight:700; text-decoration:underline; text-decoration-color:var(--brass-light); text-underline-offset:6px; text-decoration-thickness:2px; display:inline-flex; align-items:center; min-height:44px; }
.copied { display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-weight:750; color:var(--brass-light); font-size:16px; }
.list-card { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:22px 18px 8px; }
.list-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:6px; padding-inline:2px; }
.list-head h2 { font-size:24px; letter-spacing:-.03em; }
.rows { display:grid; }
.row { padding:18px 2px 20px; border-top:1px solid var(--line); }
.row:first-child { border-top:0; }
.row-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; }
.row-name { font-weight:800; font-size:18px; letter-spacing:-.02em; color:var(--ink); }
.row-date { font-size:16px; color:var(--muted); font-weight:600; }
.badge { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:0 14px 0 10px; border-radius:999px; font-weight:750; font-size:16px; margin-top:10px; }
.badge i { width:10px; height:10px; border-radius:50%; background:currentColor; flex:none; }
.badge.s-indicado { background:var(--band); color:var(--ink-2); }
.badge.s-testando { background:var(--accent-soft); color:var(--accent); }
.badge.s-espera { background:#f6e7c9; color:#6b440a; }
.badge.s-pronto { background:#dcefe5; color:#14603a; }
.badge.s-pago { background:var(--ok); color:#fff; }
.badge.s-pago i { background:#fff; }
.badge.s-fim { background:var(--band); color:var(--ink-2); }
.row p { margin-top:8px; font-size:16.5px; max-width:60ch; }
.row .prev { display:flex; align-items:center; gap:10px; margin-top:12px; font-weight:750; color:var(--ink); font-size:16px; padding:10px 14px; background:var(--bg); border-radius:12px; width:fit-content; max-width:100%; }
.row .prev svg { flex:none; color:var(--brass); }
.skel { background:linear-gradient(90deg,var(--band) 0%,#f1efe9 50%,var(--band) 100%); background-size:200% 100%; border-radius:10px; animation:sh 1.4s linear infinite; }
@keyframes sh { to { background-position:-200% 0; } }
@media (prefers-reduced-motion:reduce) { .skel { animation:none; } }
.row-skel { padding:20px 2px 24px; border-top:1px solid var(--line); display:grid; gap:12px; }
.row-skel:first-of-type { border-top:0; }
.state-msg { display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink-2); padding:6px 2px 16px; font-size:17px; }
.spin { width:22px; height:22px; border-radius:50%; border:3px solid var(--line-strong); border-top-color:var(--accent); animation:rot .9s linear infinite; flex:none; }
@keyframes rot { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .spin { animation:none; border-top-color:var(--line-strong); border-right-color:var(--accent); } }
.empty { text-align:left; padding:6px 2px 24px; }
.route { display:grid; gap:0; margin:6px 0 22px; position:relative; }
.route li { display:flex; align-items:center; gap:14px; min-height:48px; font-weight:700; color:var(--muted); position:relative; font-size:16px; }
.route li i { width:30px; height:30px; border-radius:50%; border:2px dashed var(--brass-light); display:grid; place-items:center; font-style:normal; font-size:14px; color:var(--brass); flex:none; background:var(--surface); position:relative; z-index:1; }
.route li:not(:last-child)::after { content:""; position:absolute; left:14px; top:40px; height:18px; border-left:2px dashed var(--brass-light); }
.empty h3 { font-size:22px; line-height:1.3; letter-spacing:-.02em; max-width:30ch; }
.empty p { margin-top:10px; max-width:48ch; }
.empty-actions { margin-top:20px; display:grid; gap:6px; justify-items:start; }
.empty-actions .btn { width:100%; }
.error-box { padding:6px 2px 22px; }
.error-box h3 { font-size:20px; display:flex; gap:10px; align-items:flex-start; }
.error-box h3 svg { flex:none; margin-top:3px; color:var(--err); }
.error-box .btn { margin-top:20px; width:100%; }
@media (min-width:640px) { .empty-actions .btn,.error-box .btn { width:auto; } .link-actions { grid-template-columns:1fr 1fr; } }
@media (min-width:1000px) {
  .area-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); gap:32px; }
  .area-main,.area-side { display:grid; gap:22px; min-width:0; }
  .area-side { position:sticky; top:92px; order:2; }
  .area-main { order:1; }
  .link-card,.list-card,.ask-card { order:0; }
  .link-actions { grid-template-columns:1fr; }
  .list-card { padding:28px 30px 14px; }
  .row-top { flex-wrap:nowrap; }
  .row { padding:22px 2px 24px; }
}
.ask-card { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:22px 18px 24px; }
.ask-card h2 { font-size:24px; letter-spacing:-.03em; }
.ask-card .sub { font-size:16px; margin-top:8px; color:var(--ink-2); }
.ask-card .field { margin-top:16px; }
.ask-card .btn { margin-top:20px; width:100%; }
.ask-card .fine { margin-top:12px; }
@media (min-width:1000px) { .ask-card { padding:28px 28px 28px; } }

/* Aviso de prêmio pronto */
.prize-grid { display:grid; gap:24px; align-items:start; }
.prize-sum { border-radius:24px; background:var(--accent); color:var(--on-dark); padding:26px 22px; position:relative; overflow:hidden; }
.prize-sum::after { content:""; position:absolute; inset:8px; border:1px solid rgb(224 176 98/.7); border-radius:17px; pointer-events:none; }
.prize-sum .vale-num { margin-top:10px; font-size:clamp(76px,11vw,120px); }
.prize-sum p { color:var(--on-dark-2); }
.prize-sum .ps-big { color:var(--on-dark); font-size:19px; font-weight:650; max-width:24ch; margin-top:12px; line-height:1.3; }
.prize-sum .ps-meta { margin-top:18px; padding-top:16px; border-top:2px dashed rgb(224 176 98/.55); display:grid; gap:4px; color:var(--on-dark-2); font-size:16px; }
.prize-sum .ps-meta b { color:var(--on-dark); }
.key-show { margin-top:20px; padding:16px; border-radius:16px; background:var(--accent-soft); border:1px solid #c5d7d4; display:flex; gap:12px; align-items:center; }
.key-show svg { flex:none; color:var(--accent); }
.key-show b { display:block; font-size:16px; } .key-show span { font-size:16px; color:var(--ink-2); }
.safe { margin-top:22px; display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:16px; background:var(--bg); border:1px solid var(--line); font-size:16px; color:var(--ink-2); font-weight:600; }
.safe svg { flex:none; color:var(--accent); margin-top:2px; }
@media (min-width:900px) { .prize-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; } .prize-sum { position:sticky; top:96px; padding:34px 32px; } }
.prize-done { text-align:left; }
.prize-done .check { width:56px; height:56px; border-radius:50%; background:var(--ok); color:#fff; display:grid; place-items:center; margin-bottom:18px; }
.prize-done h2 { font-size:30px; } .prize-done p { margin-top:12px; font-size:18px; max-width:40ch; }

.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.list-head { justify-content:flex-end; margin-bottom:0; }
.list-head:empty { display:none; }

/* ----- rodada de correções (31/10) ----- */
.nb { white-space:nowrap; }
.hide-m { display:none; } @media (min-width:640px) { .hide-m { display:inline; } }
.hero .lede-1 { margin-top:18px; } .hero .lede-2 { margin-top:8px; font-size:17px; color:var(--muted); max-width:40ch; }
@media (max-width:420px) { .hero h1 { font-size:34px; } }
@media (max-width:370px) { .hero h1 { font-size:31px; } }
.who { grid-template-columns:.9fr 1.1fr; } .who a { white-space:nowrap; padding:0 6px; }
.pro-note-step { margin-top:12px !important; font-size:16px !important; font-weight:700; color:var(--on-dark) !important; }
.faq-list details.more { border-top:1px solid var(--line); } 
.faq-list details.more > details:first-of-type { border-top:1px solid var(--line); }
.faq-list details.more > details:last-of-type { border-bottom:0; }
.rule90 { margin-top:10px; padding:10px 14px; border-radius:12px; background:#fff; border:1px solid var(--line); font-size:16px; color:var(--ink); }
.rule-full { margin-top:4px; } .rule-full summary { list-style:none; cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:700; font-size:16px; color:var(--accent); text-decoration:underline; text-underline-offset:5px; }
.rule-full summary::-webkit-details-marker { display:none; } .rule-full p { font-size:16px; padding-bottom:6px; }
.vale-ex { position:absolute; z-index:2; right:28px; top:76px; padding:3px 12px; border-radius:999px; background:rgb(246 245 241/.16); border:1px solid rgb(246 245 241/.4); color:var(--on-dark); font-size:14px; font-weight:750; }
.help,.err,.error-box h3,.banner,.list-card p { text-wrap:balance; } .row p { text-wrap:pretty; }
.field .err { margin-top:0; margin-bottom:8px; } .field label + .input + .err { margin-top:8px; }
.field .input + .err + .help { margin-top:0; }
/* botão do próprio formulário fica fixo no celular */
.sticky-actions { margin-top:26px; }
@media (max-width:899px) {
  .sticky-actions { position:sticky; bottom:0; z-index:20; margin:26px -20px -24px; padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px)); background:rgb(255 255 255/.97); border-top:1px solid var(--line); border-radius:0 0 24px 24px; }
}
.btn:disabled { opacity:.85; cursor:progress; } .on-btn { width:20px; height:20px; border-width:3px; border-color:rgb(246 245 241/.4); border-top-color:#fff; }
.prize-grid .card .intro { margin-top:12px; font-size:17px; }
.safe a { color:var(--accent); font-weight:700; display:inline-block; margin-top:4px; }
.prize-done { text-align:center; display:flex; flex-direction:column; align-items:center; }
.prize-done p { margin-inline:auto; }
/* área */
.row-date { display:block; margin-top:2px; }
.row-top { margin-bottom:0; }
.jump { display:inline-flex; flex:none; } @media (min-width:1000px) { .jump { display:none; } }
.area-head { align-items:flex-end; flex-wrap:wrap; }
.link-url { white-space:normal; word-break:break-all; line-height:1.35; padding-block:12px; font-size:16px; }
.copy-status { min-height:40px; display:flex; align-items:center; gap:8px; margin-top:6px; font-weight:750; color:var(--brass-light); font-size:16px; position:relative; z-index:1; }


.error-box p { margin-top:10px; max-width:44ch; }
@media (min-width:1000px) {

  .empty { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px; align-items:center; padding:20px 0 26px; }
  .empty .route { margin:0; }
  .error-box { padding:20px 10px 26px; } .error-box h3 { font-size:24px; max-width:22ch; } .error-box p { font-size:18px; }
}
.dupe { max-width:560px; }
.safe a { display:inline-flex; align-items:center; min-height:44px; margin-top:0; }
@media (max-width:899px) { body.has-sticky .site-header .btn { display:none; } }
html { scroll-padding-bottom:100px; }
/* nas capturas de página inteira o botão fixo aparece no fim do cartão (a barra real é vista nos "dobra-*") */
@media (max-width:899px) { body.static .sticky-actions { position:static; } }
.nw { display:block; white-space:nowrap; font-size:inherit; } @media (max-width:340px){ .nw{white-space:normal;} }
@media (min-width:1000px) { .empty .route { grid-column:1; grid-row:1 / span 3; } .empty > h3,.empty > p,.empty > .empty-actions { grid-column:2; } .empty > h3 { align-self:end; } .empty > p { margin-top:0; } .empty > .empty-actions { align-self:start; } }
.card.dupe { max-width:none; }

.prize-done { text-align:left; align-items:flex-start; } .prize-done p { margin-inline:0; }
.prize-done .check { margin-bottom:14px; } .prize-done h2 { line-height:1.2; }
.prize-done h2:focus { outline:none; } .prize-done h2:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:6px; }

/* estados da lista: mesma altura nos três, conteúdo no topo */
.nw2 { white-space:nowrap; } .link-url { overflow-wrap:normal; word-break:normal; }



@media (min-width:1000px) {

  .empty { align-items:start; padding-top:4px; } .error-box { padding-top:4px; }
  .empty > h3 { align-self:start; }
}
.copy-status { min-height:36px; margin-top:2px; } .link-help { margin-top:0 !important; }
@media (max-width:639px) { .footer-links.four { display:grid; grid-template-columns:1fr 1fr; } }
/* barras fixas com fundo opaco */
.stickybar { background:var(--bg); backdrop-filter:none; -webkit-backdrop-filter:none; border-top:1px solid var(--line); }
@media (max-width:899px) { .sticky-actions { background:#fff; } }

.fine-m { display:none; margin-top:18px; text-align:center; }
@media (max-width:899px) { .fine-m { display:block; } .fine-d { display:none; } .sticky-actions { margin-top:14px; } html { scroll-padding-bottom:96px; } .field,.aceite-wrap { scroll-margin-bottom:96px; } }

.who { grid-template-columns:1.4fr .8fr; } .who a { white-space:normal; min-height:56px; line-height:1.2; padding:6px 8px; }
@media (min-width:640px) { .who { grid-template-columns:1.5fr .7fr; max-width:520px; } .who a { white-space:nowrap; min-height:48px; } }

.field .help,.help { text-wrap:pretty; max-width:none; }
.empty { padding-top:0; } .empty .route { margin-top:0; }
@media (min-width:1000px) { .empty { padding-top:0; } }

.fine .link-inline { display:inline; min-height:0; padding:12px 2px; margin:-12px 0; font-size:inherit; color:var(--accent); font-weight:700; text-decoration:underline; text-decoration-color:var(--brass); text-underline-offset:4px; }

/* rodada única de correções */
.error-box h3 > span { min-width:0; overflow-wrap:anywhere; text-wrap:balance; }

.fine .link-inline { display:flex; align-items:center; min-height:44px; padding:0; margin:4px 0 0; width:fit-content; }

.empty .route { margin-bottom:14px; } .empty-actions .link { text-wrap:balance; }
@media (min-width:1000px) {

  .empty { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:40px; align-items:start; padding:6px 0 18px; }
  .empty .route { margin:0; grid-row:auto; grid-column:auto; } .empty > h3,.empty > p,.empty > .empty-actions { grid-column:auto; }
  .empty-text h3 { margin-top:0; }
  .area-side { align-self:start; }
}
.prize-done h2:focus,.prize-done h2:focus-visible { outline:none; }
.stickybar { transition:transform .25s; } .stickybar.is-off { transform:translateY(110%); pointer-events:none; visibility:hidden; }
.error-box h3 .l2 { display:block; }

/* micro-rodada */

.error-box { padding:8px 4px 6px; } .error-box h3 .l2 { display:inline; } .error-box h3 { max-width:none; }
@media (min-width:1000px) { .error-box { padding:18px 8px 14px; } .error-box h3 { max-width:none !important; } .error-box h3 .l2 { display:block; } }

.state-msg { padding-top:12px; }
.count-line { font-weight:750; font-size:17px; color:var(--ink); } .list-head { justify-content:space-between; margin-bottom:4px; }
.empty { display:block !important; padding:6px 2px 18px; } .empty .empty-text h3 { margin-top:0; }
.empty .route { width:fit-content; max-width:100%; margin:18px 0 18px; } .empty .route li { white-space:nowrap; }
.empty-actions .link { white-space:nowrap; }
@media (min-width:1000px) { .empty { padding:10px 6px 22px; } }
.fine .link-inline,.link { text-decoration-color:currentColor; }
.copy-status { min-height:40px; margin-top:0; }
.fine .link-inline { text-decoration-color:currentColor !important; }

/* ---------- Páginas reais (onda 1, 31/10/2026): acréscimos à maquete ---------- */
.who a { display:flex; align-items:center; justify-content:center; text-align:center; text-decoration:none; }
.stickybar { bottom:calc(var(--consent-h,-12px) + 12px); }
@media (max-width:899px) { .sticky-actions { bottom:calc(var(--consent-h,-12px) + 12px); } }
body.has-sticky { padding-bottom:calc(84px + var(--consent-h,0px) + 12px); }
@media (min-width:900px) { body.has-sticky { padding-bottom:0; } }
.aceite .box i svg { opacity:0; color:var(--accent-ink); } .aceite .box i.on svg { opacity:1; }
.closed { padding-block:clamp(64px,12vw,140px); }
.closed .wrap { max-width:560px; }
.closed h1 { font-size:clamp(30px,5vw,44px); }
.closed p { margin-top:14px; font-size:18px; }
.closed .btn { margin-top:26px; }
.msgs { margin-top:18px; position:relative; z-index:1; }
.msgs summary { min-height:44px; display:flex; align-items:center; font-weight:700; cursor:pointer; color:var(--on-dark); text-decoration:underline; text-decoration-color:var(--brass-light); text-underline-offset:6px; text-decoration-thickness:2px; }
.msgs .msg { margin-top:12px; padding:14px 16px; border-radius:14px; background:rgb(246 245 241/.08); border:1px solid rgb(246 245 241/.2); }
.msgs .msg p { color:var(--on-dark) !important; font-size:16px; }
.msgs .msg .btn { margin-top:10px; }
.msgs-note { margin-top:12px; font-size:16px; color:var(--on-dark-2) !important; }
.access summary { min-height:44px; display:flex; align-items:center; font-weight:700; cursor:pointer; color:var(--accent); }
.access form { margin-top:8px; }
.panel-note { margin-top:18px; }
.noscript { padding:24px 20px; text-align:center; color:var(--ink-2); }
.reg h1 { font-size:clamp(32px,5vw,48px); margin-bottom:12px; }
.reg .rascunho { margin:18px 0 0; }
.reg ol.reg-list { counter-reset:r; display:grid; gap:14px; margin-top:26px; }
.reg ol.reg-list li { color:var(--ink-2); font-size:17px; line-height:1.65; max-width:70ch; }
.reg ol.reg-list li > strong:first-child { color:var(--ink); }
.reg-wrap { max-width:calc(70ch + 40px); }

/* ---------- Rodada de correções (31/10/2026) ---------- */
.state-card { display:flex; flex-direction:column; justify-content:flex-start; min-height:0; padding-top:4px; }
.state-card .state-msg { padding-top:12px; }
.state-card .error-box { padding-top:8px; }
@media (min-width:1000px) { .state-card .error-box { padding-top:18px; } }
.area-head .hello { min-height:28px; }
.link-card.is-loading { min-height:465px; }
@media (min-width:900px) { .link-card.is-loading { min-height:345px; } }
@media (max-width:899px) { .empty-actions { display:none; } }
.row-name,.row-date,.row p { overflow-wrap:anywhere; }
/* Alvos de 44 px nos links de texto dentro de frases, sem mudar o visual */
.aceite a,.fine .link-inline,.faq-list a,.safe a,.footer-links a,.legal a { display:inline-block; padding-block:13px; margin-block:-13px; }
.footer-links a { display:inline-flex; padding-block:0; margin-block:0; }
.aceite label,.aceite .box { cursor:pointer; }
.closed .wrap { max-width:none; } .closed .wrap > * { max-width:560px; }
.reg-toc { display:flex; flex-wrap:wrap; gap:0 18px; margin-top:20px; }
.reg-toc a { display:inline-flex; align-items:center; min-height:44px; font-weight:700; color:var(--accent); }
.reg ol.reg-list li { font-size:18px; line-height:1.75; font-variant-ligatures:none; scroll-margin-top:84px; }
@media (min-width:900px) { .reg ol.reg-list li { font-size:17px; } }
.reg-group { margin-top:34px; } .reg-group h2 { font-size:24px; letter-spacing:-.03em; scroll-margin-top:84px; }
.reg ol.reg-list li > p { margin-top:10px; } .reg ol.reg-list li > strong:first-child + p { margin-top:6px; }
.reg-sub { list-style:none; display:grid; gap:8px; margin-top:10px; padding-left:16px; border-left:2px solid var(--line); } .reg-sub li { max-width:62ch; }
.reg-top { margin-top:14px; } .reg-top a { display:inline-flex; align-items:center; min-height:44px; font-weight:700; color:var(--accent); }
/* Computador: índice fixo à esquerda, texto na coluna da direita. */
@media (min-width:1000px) {
  .reg-wrap { max-width:1060px; display:grid; grid-template-columns:230px minmax(0,70ch); column-gap:56px; align-items:start; }
  .reg-wrap > * { grid-column:2; }
  .reg-wrap > .reg-toc { grid-column:1; grid-row:1 / span 12; position:sticky; top:92px; flex-direction:column; flex-wrap:nowrap; gap:0; margin-top:0; border-left:2px solid var(--line); padding-left:16px; }
  .reg-wrap > .reg-toc a { min-height:44px; }
}
.countdown { margin-top:10px; }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none !important; animation:none !important; }
}
.banner > div { text-wrap:pretty; max-width:none; }

/* ---------- Últimos ajustes (31/10/2026) ---------- */
.msgs .msg p,.link-help { overflow-wrap:anywhere; }
@media (min-width:900px) { .form-intro { position:static; align-self:start; } }
.copy-status { min-height:48px; line-height:1.4; align-items:flex-start; padding-top:6px; }
.error-box h3 .l2 { display:block; text-wrap:balance; }
.num-mask { display:block; margin-top:4px; font-weight:750; }
.more-row { margin-top:14px; }
.more-row .btn { width:100%; min-height:44px; }
@media (min-width:640px) { .more-row .btn { width:auto; } }

/* ---------- Conta com e-mail e senha (31/10/2026) ---------- */
.pw { position:relative; }
.pw .input { padding-right:104px; }
.pw-btn { position:absolute; right:4px; top:4px; min-height:44px; min-width:88px; padding:0 14px; border-radius:10px; font-weight:700; font-size:16px; color:var(--accent); background:transparent; }
.pw-btn:hover { background:rgb(18 62 64/.06); }
.honey { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.field .link-inline,.fine .link-inline,.help .link-inline { font-weight:700; color:var(--accent); }
.form-col { min-width:0; }
.area-head .hello:empty::before { content:"\00a0"; }
.btn-danger { background:var(--err); color:#fff; } .btn-danger:hover { background:#8a2b19; }
.conta { margin-top:36px; display:grid; gap:14px; max-width:640px; }
.conta h2 { font-size:26px; letter-spacing:-.03em; }
.conta-card { padding:6px 20px 22px; }
.conta-card summary { min-height:56px; display:flex; align-items:center; font-weight:750; cursor:pointer; color:var(--ink); }
.conta-card form { margin-top:4px; }
.conta-card summary { position:relative; list-style:none; padding-right:44px; } .conta-card summary::-webkit-details-marker { display:none; }
.conta-card summary::after { content:""; position:absolute; right:8px; top:50%; width:10px; height:10px; border-right:2px solid var(--brass); border-bottom:2px solid var(--brass); transform:translateY(-70%) rotate(45deg); transition:transform .3s var(--ease); }
.conta-card[open] summary::after { transform:translateY(-30%) rotate(225deg); }
#e-conta .link-inline { display:inline-flex; align-items:center; min-height:44px; padding-block:0; margin-block:0; }
.conta .btn { width:100%; } @media (min-width:640px) { .conta .btn { width:auto; } }
/* No computador, "Sua conta" tem a mesma largura da coluna da lista de indicações (1,25 de 2,15 do .area-grid, menos o vão). */
@media (min-width:1000px) { .conta { max-width:none; margin-top:0; } }

/* Rodada 2 (qualidade-interface): foco por script nos avisos sem anel duplo; conta criada mais compacta; cartões fechados sem vão; barra fixa não cobre o foco. */
[role="status"][tabindex="-1"]:focus,[role="status"][tabindex="-1"]:focus-visible,.banner[tabindex="-1"]:focus,.banner[tabindex="-1"]:focus-visible,.banner [tabindex="-1"]:focus,.banner [tabindex="-1"]:focus-visible,[id$="-texto"][tabindex="-1"]:focus,[id$="-texto"][tabindex="-1"]:focus-visible,.error-box [tabindex="-1"]:focus,.error-box [tabindex="-1"]:focus-visible { outline:none; }
.copy-status { min-height:26px; padding-top:0; align-items:center; margin-top:4px; }
#criada .link-card { padding-bottom:18px; }
.conta-card:not([open]) { padding-bottom:6px; }
.conta { order:4; }
html { scroll-padding-bottom:120px; scroll-padding-top:84px; }
.pw + .err { margin-top:12px; }
@media (max-width:420px) { .sticky-actions .btn { padding-inline:12px; gap:6px; } }
@media (min-width:640px) { .btn:not(.btn-block),.form-actions .btn { white-space:nowrap; } }

/* ---------- Chave PIX e CPF (painel) ---------- */
.pix-card { padding:22px 20px 24px; order:3; }
.pix-card h2 { font-size:24px; letter-spacing:-.03em; }
.pix-card .pix-intro { margin:8px 0 16px; }
.pix-card .banner { margin:0 0 16px; }
.pix-state { font-weight:750; font-size:18px; line-height:1.35; color:var(--ink); }
.pix-state + .help { margin-top:6px; }
.pix-actions { margin-top:22px; display:grid; gap:10px; }
.pix-actions .btn,#pix-vazio .btn { width:100%; }
.pix-pw-help { margin-top:8px; }
.pix-card .field:first-of-type { margin-top:4px; }
@media (min-width:640px) { .pix-actions { display:flex; flex-wrap:wrap; } .pix-actions .btn,#pix-vazio .btn { width:auto; } }
@media (min-width:1000px) { .pix-card { padding:28px 30px 28px; } }
.pix-como { margin:-6px 0 14px; } .pix-como summary { min-height:44px; display:flex; align-items:center; font-weight:700; cursor:pointer; color:var(--accent); text-decoration:underline; text-underline-offset:5px; list-style:none; } .pix-como summary::-webkit-details-marker { display:none; }
#aviso-premio .link { min-height:44px; }
.pix-row { display:block; }
@media (min-width:1000px) { .pix-row:has(#pix-c-field:not([hidden])) { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; align-items:start; } }
.pix-confirm { margin-top:0; }
.pix-card .pix-row .field { margin-top:4px; }
.pix-card .banner { padding:10px 12px; gap:10px; margin-bottom:12px; }
.pix-card .banner[id] { scroll-margin-top:84px; }
.nw { white-space:nowrap; }
.btn[aria-disabled="true"] { opacity:.7; cursor:progress; }
.pix-row .field { margin-top:4px; }
@media (max-width:999px) { .pix-row .field + .field { margin-top:16px; } }
.pix-confirm { margin-top:16px; }
.pix-card .field + .pix-confirm { margin-top:16px; }
#aviso-premio .link { padding:0; display:flex; }
.pix-confirm .field { margin-top:0; }
.pw-btn[aria-pressed="true"] { background:var(--accent-soft); box-shadow:inset 0 0 0 1.5px var(--accent); }