/* Portal de reembolso · mesma paleta da área de membros (membros.drimartini.com.br). */
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important} /* sem isso, .sugestao{display:block} ignora o atributo hidden */
:root{
  --preto:#0a0608; --carta:#171014; --carta-2:#1d1419;
  --bordo:#7d1f3d; --rosa:#b4436c; --ouro:#d9b26a;
  --tinta:#f4eef1; --tinta-fraca:#a2929b; --linha:#2c2026; --erro:#ff8a8a;
  --raio:10px;
}
html,body{background:var(--preto);color:var(--tinta)}
body{font:16px/1.5 Inter,system-ui,-apple-system,sans-serif;min-height:100vh;
  background:radial-gradient(120% 60% at 50% -10%,#2a0f1c 0%,var(--preto) 60%) no-repeat,var(--preto);
  padding:28px 16px calc(40px + env(safe-area-inset-bottom))}
.caixa{max-width:520px;margin:0 auto}
.marca{font-size:12px;letter-spacing:.32em;color:var(--ouro);font-weight:600;margin-bottom:28px}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:600;line-height:1.15}
h1{font-size:34px}
h2{font-size:27px}
h1 em,h2 em{color:var(--rosa);font-style:italic}
h3{font-size:15px;font-weight:600;margin-bottom:8px}
.sub{color:var(--tinta-fraca);margin-top:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.passo{display:none}
.passo.ativo{display:block;animation:entra .25s ease-out}
@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.trilha{display:flex;gap:6px;margin:22px 0 26px}
.trilha span{flex:1;height:3px;border-radius:3px;background:var(--linha)}
.trilha span.on{background:var(--ouro)}

fieldset{border:0;margin:0 0 22px}
.rotulo{display:block;font-weight:600;font-size:15px;margin-bottom:10px}
.dica{display:block;font-weight:400;color:var(--tinta-fraca);font-size:14px;margin-top:2px}

input[type=email],textarea{width:100%;font:inherit;color:var(--tinta);background:var(--carta);
  border:1px solid var(--linha);border-radius:var(--raio);padding:14px 14px;outline:none;margin-bottom:22px}
input[type=email]{font-size:17px}
textarea{resize:vertical;min-height:92px}
input[type=email]:focus,textarea:focus{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(217,178,106,.18)}

.sugestao{display:block;margin:-14px 0 22px;background:none;border:0;color:var(--ouro);font:inherit;font-size:14px;
  text-decoration:underline;cursor:pointer;text-align:left}

.opcoes{display:flex;flex-direction:column;gap:8px}
.op{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--linha);border-radius:var(--raio);
  background:var(--carta);cursor:pointer;transition:border-color .15s,background .15s}
.op input{appearance:none;flex:none;width:20px;height:20px;margin-top:2px;border:2px solid var(--tinta-fraca);background:transparent;cursor:pointer}
.op input[type=checkbox]{border-radius:5px}
.op input[type=radio]{border-radius:50%}
.op input:checked{border-color:var(--ouro);background:var(--ouro);box-shadow:inset 0 0 0 3px var(--carta)}
.op input:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.op:has(input:checked){border-color:var(--ouro);background:var(--carta-2)}
.op b{display:block;font-weight:500}
.op small{display:block;color:var(--tinta-fraca);font-size:13px;margin-top:2px}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span{display:inline-block;padding:9px 14px;border:1px solid var(--linha);border-radius:999px;background:var(--carta);
  font-size:14px;transition:border-color .15s,background .15s}
.chip input:checked + span{border-color:var(--ouro);background:var(--carta-2);color:var(--ouro)}
.chip input:focus-visible + span{outline:2px solid var(--ouro);outline-offset:2px}

.btn{display:block;width:100%;padding:16px;border:0;border-radius:var(--raio);background:var(--bordo);color:#fff;
  font:inherit;font-weight:600;font-size:16px;cursor:pointer;transition:filter .15s}
.btn:hover{filter:brightness(1.12)}
.btn:disabled{opacity:.6;cursor:wait}
.voltar{display:block;margin:14px auto 0;background:none;border:0;color:var(--tinta-fraca);font:inherit;font-size:14px;cursor:pointer}

.erro{color:var(--erro);font-size:14px;min-height:0;margin:-6px 0 14px}
.erro:empty{display:none}
.confere{font-size:14px;color:var(--tinta-fraca);background:var(--carta);border:1px solid var(--linha);
  border-radius:var(--raio);padding:12px 14px;margin-bottom:18px;overflow-wrap:anywhere}
.confere strong{color:var(--tinta)}
.isca{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.protocolo{margin:24px 0 8px;padding:18px;border:1px solid var(--ouro);border-radius:var(--raio);background:var(--carta);
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px}
.protocolo span{grid-column:1/-1;font-size:13px;color:var(--tinta-fraca)}
.protocolo strong{font-size:26px;letter-spacing:.06em;color:var(--ouro);font-variant-numeric:tabular-nums}
.copiar{background:none;border:1px solid var(--linha);color:var(--tinta);border-radius:8px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}
.oferta{margin-top:26px;padding:20px 18px;border:1px solid var(--ouro);border-radius:var(--raio);
  background:linear-gradient(180deg,#22121a 0%,var(--carta) 100%)}
.oferta .selo{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro);font-weight:600;margin-bottom:8px}
.oferta h3{font-family:"Playfair Display",Georgia,serif;font-size:23px;font-weight:600;line-height:1.2;margin-bottom:10px}
.oferta p{color:var(--tinta);font-size:15px;margin-bottom:10px}
.oferta .gancho{color:var(--rosa);font-weight:600}
.oferta ul{list-style:none;margin:0 0 12px}
.oferta li{position:relative;padding-left:22px;margin-bottom:8px;font-size:15px}
.oferta li::before{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--ouro)}
.oferta .preco{color:var(--tinta-fraca)}
.oferta .preco s{color:var(--tinta-fraca)}
.oferta .btn{margin-top:6px}
.oferta .nota{font-size:13px;color:var(--tinta-fraca);text-align:center;margin:10px 0 0}
.agora{margin-top:26px;padding-top:20px;border-top:1px solid var(--linha)}
.agora p{color:var(--tinta-fraca);font-size:15px;margin-bottom:10px}

@media (min-width:560px){body{padding-top:56px}h1{font-size:40px}}