/* Depois · oferta: cenas dos três cartões, o preço entrando, o 297 riscado. */
.depois-cena { display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 12px 14px; transition: opacity 200ms ease; }
.depois-cena .th1 { background: radial-gradient(ellipse 30% 50% at 30% 28%, rgba(255,241,220,.45), transparent 70%), linear-gradient(182deg, #55575a, #38393c 60%, #1c1d1f 61%, #434447); }
.depois-cena .th2 { background: radial-gradient(ellipse 26% 40% at 70% 34%, rgba(255,241,220,.5), transparent 70%), linear-gradient(184deg, #8a8378, #635d54 58%, #2e2b27 59%, #514b43); }
.depois-cena .th3 { background: radial-gradient(ellipse 30% 50% at 40% 26%, rgba(255,241,220,.5), transparent 70%), linear-gradient(178deg, #3d4a37, #2a3327 64%, #151a14 65%, #33402f); }
.depois-cena .th4 { background: radial-gradient(circle at 50% 38%, rgba(18,15,13,.9) 0 12%, transparent 13%), radial-gradient(ellipse 30% 46% at 48% 26%, rgba(255,241,220,.5), transparent 70%), linear-gradient(178deg, #2b3445, #1c2230 58%, #0f1219 59%, #262e3d); }
.d-balao { max-width: 80%; padding: 6px 10px; border-radius: 12px; font-size: 12.5px; line-height: 1.3; }
.d-balao.eu { align-self: flex-end; background: var(--t1); color: #0c0d0f; border-bottom-right-radius: 4px; }
.d-balao.ele { align-self: flex-start; background: #1a2440; color: var(--t1); border: 1px solid var(--azul-borda); border-bottom-left-radius: 4px; }
.d-balao b { font-family: var(--mono); font-weight: 400; color: var(--azul-sel); }
.d-seq { display: grid; grid-template-columns: 30px 1fr; align-items: center; gap: 8px; }
.d-seq b { font-family: var(--mono); font-weight: 400; font-size: 10.5px; color: var(--t3); }
.d-seq span { height: 10px; border-radius: 3px; background: linear-gradient(90deg, #2c55c2 0 34%, transparent 34% 36%, #2c55c2 36% 70%, transparent 70% 72%, #2c55c2 72%); opacity: .55; }
.d-seq.v02 b { color: var(--azul-sel); }
.d-seq.v02 span { opacity: 1; background: linear-gradient(90deg, #3a6ae0 0 34%, transparent 34% 36%, #5aa2ff 36%); }
.d-fones { display: flex; justify-content: center; gap: 10px; height: 100%; padding: 4px 0; min-width: 0; }
.d-fone { position: relative; flex: 0 1 72px; min-width: 0; aspect-ratio: 9 / 16; align-self: center; border-radius: 9px; border: 1px solid rgba(255,255,255,.18); display: flex; align-items: flex-end; justify-content: center; padding-bottom: 8px; }
.d-fone span { font-size: 11px; white-space: nowrap; max-width: 92%; overflow: hidden; text-overflow: ellipsis; color: #fff; padding: 2px 7px; border-radius: 6px; background: rgba(8,9,10,.6); }
.d-takes { display: flex; gap: 10px; justify-content: center; }
.d-take { position: relative; width: 30%; aspect-ratio: 16 / 10; border-radius: 7px; border: 1px solid rgba(255,255,255,.14); }
.d-take.sim { border-color: #cfe3ff; box-shadow: 0 0 18px rgba(90,162,255,.6); }
.d-take em { position: absolute; right: 5px; top: 3px; font-style: normal; font-size: 15px; }
.d-take.sim em { color: #ffd66b; text-shadow: 0 0 10px rgba(255,214,107,.7); }
.d-take.nao { opacity: .4; } .d-take.nao em { color: #ff8a7a; }
.d-motivo { font-size: 12px; color: var(--t2); text-align: center; }
.d-motivo b { font-family: var(--mono); font-weight: 400; font-size: 10.5px; color: var(--azul-sel); text-transform: uppercase; letter-spacing: .05em; margin-right: 4px; }

/* preço */
.preco.espera .t-digit { opacity: 0; }


/* o pacote entra em cascata; as 13 coisas do "completo" acendem uma a uma */
@media (prefers-reduced-motion: no-preference) {
  .js .pacote-item.grande.rev.in .pacote-chips li { animation: chip 420ms var(--sai) both; animation-delay: calc(300ms + var(--i) * 45ms); }
}
@keyframes chip { from { opacity: 0; transform: translateY(6px) scale(.96); } to { opacity: 1; transform: none; } }