/* Cartões de dor: visual animado + texto, cantos arredondados */
.pcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 900px) { .pcards { grid-template-columns: 1fr; } }
.pcard { border-radius: 22px; overflow: hidden; border: .67px solid var(--border); background: linear-gradient(180deg, #1b1b18, #151513); display: flex; flex-direction: column; }
.pvis { position: relative; height: 240px; overflow: hidden; font-size: 12px; line-height: 1.4;
  background: radial-gradient(70% 60% at 50% 0%, rgba(143, 176, 224, .12), transparent 70%), #121210;
  border-bottom: .67px solid var(--border); }
.pvis .tag-fict { right: 12px; bottom: 8px; font-size: 10px; }
.ptxt { padding: 22px 24px 28px; }
.ptxt h3 { font-weight: 600; font-size: 19px; line-height: 1.25; margin-bottom: 8px; }
.ptxt p { color: var(--muted); font-size: 15px; line-height: 22px; }
.pscene { padding: 18px; }

/* 1: subscrições a cair na conta */
.fallchip { position: absolute; display: inline-flex; align-items: center; gap: 10px; padding: 7px 12px; border-radius: 999px; background: var(--card-2); border: .67px solid #3a3a34; font-size: 12px; opacity: 0; transform: translateY(-80px); transition: opacity .35s ease, transform .75s cubic-bezier(.3, .9, .4, 1.05); }
.fallchip.on { opacity: 1; transform: translateY(0); }
.fallchip b { font-weight: 500; color: var(--negative); font-variant-numeric: tabular-nums; }
.fallchip.c1 { top: 24px; left: 8%; }
.fallchip.c2 { top: 58px; left: 42%; }
.fallchip.c3 { top: 92px; left: 20%; }
.acct { position: absolute; left: 18px; right: 18px; bottom: 26px; background: #181816; border: .67px solid var(--border); border-radius: 12px; padding: 11px 14px; }
.acct-h { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }
.acct-h b { color: var(--negative); font-weight: 500; }
.acct-bar { height: 5px; border-radius: 3px; background: #2a2a25; margin-top: 9px; overflow: hidden; }
.acct-bar i { display: block; height: 100%; width: 100%; background: var(--positive); border-radius: 3px; opacity: 1; transform: none; transition: width 1.1s ease; }
.acct-bar i.on { width: 38%; }

/* 2: folha de cálculo preenchida célula a célula */
.sheet { border: .67px solid var(--border); border-radius: 8px; overflow: hidden; background: #171715; }
.shrow { display: grid; grid-template-columns: 54px 1fr 62px; border-bottom: .67px solid var(--border); }
.shrow:last-child { border-bottom: 0; }
.shrow > span { padding: 6px 9px; border-right: .67px solid var(--border); min-height: 27px; font-variant-numeric: tabular-nums; }
.shrow > span:last-child { border-right: 0; text-align: right; }
.shrow.head { background: #1f1f1b; color: var(--muted); font-size: 11px; }
.cell.on { animation: flash 1s ease; }
@keyframes flash { 0% { background: rgba(143, 176, 224, .4); box-shadow: inset 0 0 0 1.5px var(--brand); } 100% { background: transparent; box-shadow: none; } }

/* 3: extrato enigmático */
.stmt { background: #171715; border: .67px solid var(--border); border-radius: 8px; padding: 6px 12px; font: 11px/1.3 var(--mono); color: var(--muted); }
.sl { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: .67px solid var(--border); }
.sl:last-child { border-bottom: 0; }
.sl b { font-weight: 400; color: var(--fg); }
.sl.hot.on { color: var(--fg); background: rgba(233, 196, 106, .08); }
.ask { position: absolute; right: 22px; top: 92px; background: var(--fg); color: var(--bg); font-size: 12px; font-weight: 500; padding: 6px 12px; border-radius: 999px 999px 999px 4px; box-shadow: 0 6px 20px rgba(0, 0, 0, .4); }