/* Checkout Series&Filmes: modal de assinatura (Pix Automatico e cartao). Mobile first.
   Usa as variaveis do site (--bg, --card, --line, --accent, --grad, --muted, --ok, --radius). */
.sfc-lock{overflow:hidden}
.sfc-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}
.sfc-overlay.sfc-on{opacity:1}
.sfc-modal{position:relative;width:100%;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--card,#141010);border:1px solid var(--line,#341515);border-bottom:0;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));color:var(--text,#fff);font-family:inherit;text-align:center;transform:translateY(24px);transition:transform .25s ease}
.sfc-on .sfc-modal{transform:none}
.sfc-fechar{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--muted,#b8b8b8);cursor:pointer}
.sfc-fechar:hover,.sfc-fechar:focus-visible{color:#fff;background:#ffffff14}
.sfc-modal svg{display:block;flex:none}
.sfc-passos{display:flex;justify-content:center;gap:6px;margin:4px 0 14px}
.sfc-passos span{width:26px;height:4px;border-radius:4px;background:var(--line,#341515)}
.sfc-passos span.sfc-ativo{background:var(--accent,#E02020)}
.sfc-titulo{font-size:1.3rem;line-height:1.25;margin:0 0 4px;font-weight:700;text-align:center}
.sfc-resumo{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px;margin:6px 0 18px;padding:8px 14px;border-radius:999px;background:#ffffff0d;border:1px solid var(--line,#341515);font-size:.92rem;color:var(--muted,#b8b8b8)}
.sfc-resumo b{color:#fff;font-size:1rem}
.sfc-form{display:grid;gap:12px;text-align:left}
.sfc-campo{display:grid;gap:6px}
.sfc-campo label{font-size:.88rem;font-weight:600;color:#fff}
.sfc-campo input{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line,#341515);background:#0b0808;color:#fff;font:inherit;font-size:16px;outline:none;transition:border-color .15s}
.sfc-campo input::placeholder{color:#7d6b6b}
.sfc-campo input:focus{border-color:var(--accent,#E02020);box-shadow:0 0 0 3px #e0202033}
.sfc-campo.sfc-erro input{border-color:#ff5b5b}
.sfc-msg-campo{min-height:0;font-size:.8rem;color:#ff8080}
.sfc-dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sfc-nota{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;line-height:1.45;color:var(--muted,#b8b8b8);text-align:left}
.sfc-nota svg{margin-top:2px;color:var(--accent,#E02020)}
.sfc-acao{width:100%;margin-top:6px;min-height:52px}
.sfc-acao[disabled]{opacity:.6;cursor:wait;transform:none}
.sfc-voltar{background:none;border:0;color:var(--muted,#b8b8b8);font:inherit;font-size:.9rem;padding:12px;cursor:pointer;margin-top:4px;text-decoration:underline;text-underline-offset:3px}
.sfc-voltar:hover{color:#fff}
.sfc-opcoes{display:grid;gap:12px;margin-top:4px}
.sfc-opcao{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line,#341515);background:#0b0808;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.sfc-opcao:hover,.sfc-opcao:focus-visible{border-color:var(--accent,#E02020);background:#1a0d0d;outline:none}
.sfc-opcao[disabled]{opacity:.5;cursor:not-allowed}
.sfc-opcao .sfc-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e020201a;color:#ff4545}
.sfc-opcao b{display:block;font-size:1rem}
.sfc-opcao small{display:block;color:var(--muted,#b8b8b8);font-size:.82rem;line-height:1.35}
.sfc-qr{width:232px;height:232px;margin:6px auto 12px;padding:10px;border-radius:16px;background:#fff}
.sfc-qr img{width:100%;height:100%;image-rendering:pixelated}
.sfc-copia{display:flex;gap:8px;margin:0 0 12px}
.sfc-copia input{flex:1;min-width:0;min-height:48px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line,#341515);background:#0b0808;color:#cfcfcf;font:inherit;font-size:.8rem}
.sfc-copia .btn{padding:12px 16px;min-height:48px;white-space:nowrap}
.sfc-passo-a-passo{margin:4px 0 12px;padding:0;list-style:none;display:grid;gap:6px;font-size:.88rem;color:var(--muted,#b8b8b8);text-align:center}
.sfc-passo-a-passo b{color:#fff}
.sfc-status{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:12px;background:#ffffff0a;font-size:.9rem;color:#fff}
.sfc-spin{width:18px;height:18px;border-radius:50%;border:2.5px solid #ffffff33;border-top-color:var(--accent,#E02020);animation:sfc-giro .8s linear infinite;flex:none}
@keyframes sfc-giro{to{transform:rotate(360deg)}}
.sfc-alerta{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#ff45451a;border:1px solid #ff454555;color:#ffb3b3;font-size:.88rem;text-align:center}
.sfc-ok-ic{width:72px;height:72px;margin:6px auto 12px;border-radius:50%;display:grid;place-items:center;background:#11e02e1f;color:var(--ok,#11E02E)}
.sfc-texto{color:var(--muted,#b8b8b8);font-size:.95rem;line-height:1.55;margin:6px 0 14px}
.sfc-texto b{color:#fff;white-space:nowrap}
.sfc-pedido{font-size:.8rem;color:#8a8a8a;margin-top:6px;word-break:break-all}
.sfc-bandeira{font-size:.78rem;color:var(--muted,#b8b8b8);min-height:1em}
.sfc-seguro{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:.78rem;color:#8a8a8a}
.sfc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:640px){
  .sfc-overlay{align-items:center;padding:24px}
  .sfc-modal{max-width:460px;border-radius:22px;border-bottom:1px solid var(--line,#341515);padding:28px 28px 26px}
}
@media (prefers-reduced-motion:reduce){.sfc-overlay,.sfc-modal{transition:none}.sfc-spin{animation-duration:2s}}
.sfc-ts{display:flex;justify-content:center;min-height:0;margin-top:14px;font-size:.8rem;color:var(--muted,#b8b8b8);text-align:center}
.sfc-ts:empty{margin-top:0}
.sfc-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}