/* Recuperar o Dinheiro — assistente pós-burla (usa as variáveis de ../styles.css) */
.rec{max-width:760px; margin:0 auto; padding:10px 18px 30px}
.rec-hero{text-align:center; padding:22px 0 6px}
.rec-hero h1{font-size:30px; line-height:1.22; margin:0 0 10px}
.rec-hero .lead{color:var(--muted); font-size:16.5px; margin:0 auto 14px; max-width:620px}
.paises{display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin:10px 0 4px}
.paises a{font-size:13.5px; text-decoration:none; color:var(--muted); background:var(--panel); border:1px solid var(--line);
  border-radius:999px; padding:5px 12px}
.paises a[aria-current="page"]{color:#fff; background:var(--accent); border-color:var(--accent)}
.privacy{color:var(--muted); font-size:13px; margin:8px 0 0}
.lang-hint{background:var(--panel2); border:1px solid var(--line); border-radius:12px; padding:10px 14px; font-size:14px; margin:12px 0 0}

.rec-card{background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:20px 22px; margin:16px 0}
.rec-card h2{font-size:19px; margin:0 0 12px}
.rec-card.urgent{border-color:var(--fake); background:rgba(210,59,78,.07)}
.rec-card ol, .rec-card ul{margin:0; padding-left:22px}
.rec-card li{margin:7px 0; font-size:15.5px}

/* Opções do passo 1 */
.opts{display:grid; gap:10px}
.opt{display:flex; gap:12px; align-items:center; width:100%; text-align:left; cursor:pointer;
  background:var(--panel2); color:var(--txt); border:1.5px solid var(--line); border-radius:12px;
  padding:13px 15px; font:inherit; font-size:15.5px; line-height:1.35}
.opt:hover{border-color:var(--accent)}
.opt[aria-pressed="true"]{border-color:var(--accent); background:rgba(75,134,255,.12)}
.opt .emo{font-size:22px; flex:0 0 auto}

/* Passo 2 */
.fields{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.field label{display:block; font-size:13.5px; color:var(--muted); margin-bottom:5px}
.field input, .field textarea{width:100%; background:var(--panel2); border:1px solid var(--line); color:var(--txt);
  border-radius:10px; padding:11px 12px; font:inherit; font-size:15px}
.field textarea{min-height:74px; resize:vertical}
.field.full{grid-column:1 / -1}
.row-btns{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.btn-small{padding:9px 14px; font-size:14px; border-radius:10px}
.btn[disabled]{opacity:.5; cursor:not-allowed}

/* Resultado */
.chance{display:inline-block; font-weight:800; font-size:13px; letter-spacing:.4px; text-transform:uppercase;
  border-radius:999px; padding:5px 13px; margin-bottom:10px}
.chance.good{background:rgba(46,158,91,.16); color:#7fdca3; border:1px solid var(--real)}
.chance.possible{background:rgba(255,183,77,.13); color:#ffc977; border:1px solid #c98a2b}
.chance.hard{background:rgba(210,59,78,.15); color:#ff8b98; border:1px solid var(--fake)}
.summary{font-size:16px; margin:0 0 6px}
.note{background:var(--panel2); border-left:3px solid var(--accent); border-radius:8px; padding:10px 13px; margin:10px 0; font-size:14.5px}

.deadlines{list-style:none; padding:0 !important; margin:0}
.deadlines li{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:baseline;
  border-bottom:1px solid var(--line); padding:9px 0; margin:0 !important}
.deadlines li:last-child{border-bottom:0}
.dl-date{font-weight:800; white-space:nowrap}
.dl-left{font-size:13px; color:var(--muted)}
.dl-left.urgent{color:#ff8b98; font-weight:700}
.dl-ind{font-size:12px; color:var(--muted)}

.letters-tabs{display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 10px}
.letters-tabs button{background:var(--panel2); color:var(--txt); border:1px solid var(--line); border-radius:999px;
  padding:7px 13px; font:inherit; font-size:13.5px; cursor:pointer}
.letters-tabs button[aria-selected="true"]{background:var(--accent); border-color:var(--accent); color:#fff}
.letter-out{width:100%; min-height:300px; background:#0b0d11; color:var(--txt); border:1px solid var(--line);
  border-radius:12px; padding:14px; font:14px/1.55 ui-monospace,Consolas,monospace; white-space:pre-wrap}

.warn{background:rgba(255,183,77,.09); border:1.5px solid #c98a2b; border-radius:14px; padding:14px 16px; margin:16px 0; font-size:15px}
.links{list-style:none; padding:0 !important}
.links li{margin:9px 0 !important}
.links small{display:block; color:var(--muted); font-size:13px}
.sources{font-size:13px; color:var(--muted)}
.sources a{color:var(--muted)}
.affil{border-style:dashed}
.affil .disc{font-size:12.5px; color:var(--muted)}

.feedback{text-align:center}
.feedback p{margin:0 0 10px}
.toast{position:fixed; left:50%; bottom:22px; transform:translateX(-50%); background:var(--panel2); border:1px solid var(--line);
  color:var(--txt); padding:10px 16px; border-radius:10px; font-size:14px; z-index:50}

.faq{margin-top:26px}
.faq h2{font-size:20px; margin:0 0 10px}
.faq details{background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:12px 16px; margin:9px 0}
.faq summary{cursor:pointer; font-weight:700; font-size:15.5px}
.faq details p{color:var(--txt); font-size:15px; margin:10px 0 2px}

@media (max-width:640px){
  .rec-hero h1{font-size:24px}
  .fields{grid-template-columns:1fr}
  .rec-card{padding:17px 16px}
}
@media print{
  .site-header,.site-footer,.paises,#passo1,#passo2,.row-btns,.letters-tabs,.feedback,.email-box{display:none !important}
  body{background:#fff; color:#000}
}
