/* Vídeo premiado (anuncios.js): folha calma, por cima da folha da Bia (voz.css, z 230).
   Nada pisca nem conta para trás; o andamento é "passo x de 2". */
.ad-folha { position: fixed; inset: 0; z-index: 240; display: flex; align-items: flex-end; justify-content: center; }
.ad-folha[hidden] { display: none; }
.ad-fundo { position: absolute; inset: 0; background: rgba(15, 23, 42, .45); }
.ad-painel {
    position: relative; width: 100%; max-width: 28rem; background: #fff; color: #1e293b;
    border-radius: 1.5rem 1.5rem 0 0; padding: 1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));
    box-shadow: 0 -10px 40px rgba(0, 0, 0, .15);
}
@media (min-width: 640px) {
    .ad-folha { align-items: center; padding: 1rem; }
    .ad-painel { border-radius: 1.5rem; padding: 1.5rem; }
}
.ad-msg { font-size: .95rem; font-weight: 700; line-height: 1.45; margin: 0 0 .4rem; }
.ad-sub { font-size: .8rem; color: #64748b; line-height: 1.45; margin: 0 0 1rem; }
.ad-passo { font-size: .8rem; font-weight: 700; color: #475569; margin: 0 0 1rem; }
.ad-acoes { display: flex; flex-direction: column; gap: .5rem; }
.ad-btn {
    min-height: 48px; border-radius: 1rem; padding: .7rem 1rem; font-weight: 800; font-size: .92rem;
    display: inline-flex; align-items: center; justify-content: center; gap: .45rem; text-align: center;
    background: #fbbf24; color: #451a03; border: 2px solid transparent; cursor: pointer;
}
.ad-btn-leve { background: #fff; color: #334155; border-color: #e2e8f0; }
.ad-btn:focus-visible { outline: 3px solid #92400e; outline-offset: 2px; }
.ad-btn:disabled { opacity: .55; cursor: default; }
/* Botão dentro de outra mensagem (folha da Bia): mesma cara, largura cheia */
.ad-oferta { margin-top: .5rem; }
.ad-oferta .ad-btn { width: 100%; }
.ad-indisponivel { font-size: .8rem; color: #64748b; margin: .5rem 0 0; text-align: center; }

body.dark-theme .ad-painel { background: #1e293b; color: #f1f5f9; }
body.dark-theme .ad-sub, body.dark-theme .ad-passo, body.dark-theme .ad-indisponivel { color: #94a3b8; }
body.dark-theme .ad-btn-leve { background: #0f172a; color: #cbd5e1; border-color: #334155; }