/* /events/super-festa/super-festa.css — Mercado Exclusivo com o Cupom de desconto por compra (mercado-cupons.js).
   Mockup aprovado em 18/10/2026: docs/mockups/eventos/super-festa-cupom-por-compra.html. Letra mínima 15px (regra 18);
   cartões irmãos alinhados por subgrid (regra 25); cenário da festa (regra 11) e feixe de luz em public/artes/feixe-onda.css (regra 20). */
.sf-c50{--sf-cor:#f0645a}
.sf-c20{--sf-cor:#4f9bf0}
.sf-c10{--sf-cor:#45c97a}

/* cenário: lanternas que balançam e confete caindo, atrás do conteúdo (sem rótulo) */
.sf-fundo{position:absolute;inset:0;z-index:-3;pointer-events:none;opacity:.35;overflow:hidden}
.sf-fundo svg{width:100%;height:100%;display:block}
@media (max-width:640px){.sf-fundo{opacity:.18}}
.sf-lanterna{animation:sf-balanca 4s ease-in-out infinite;transform-origin:50% 0;transform-box:fill-box}
.sf-confete{animation:sf-cai 8s linear infinite}
.sf-confete:nth-of-type(2n){animation-duration:10s;animation-delay:-3s}
.sf-confete:nth-of-type(3n){animation-duration:12s;animation-delay:-6s}
@keyframes sf-balanca{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes sf-cai{0%{transform:translateY(-30px) rotate(0)}100%{transform:translateY(260px) rotate(320deg)}}

/* Seus Cupons de desconto */
.sf-cupons-nota{margin:0 0 10px}
.sf-novo{color:var(--gold,#e3b341);border-color:rgba(227,179,65,.6)}
.sf-cupons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:640px){.sf-cupons{grid-template-columns:1fr}}
.sf-cupom{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:12px;row-gap:6px;align-items:center;border:1px solid var(--border);border-left:4px solid var(--sf-cor);border-radius:12px;padding:12px;background:var(--s-900,#0c0f16)}
.sf-cupom img{grid-row:1/3;width:52px;height:52px;object-fit:contain}
.sf-cupom b{font:900 22px var(--display);color:var(--sf-cor);line-height:1}
.sf-cor{color:var(--t-mid);font-size:15px}
.sf-cupom .lp-passo{grid-column:1/-1;justify-self:start}
.sf-uso{grid-column:1/-1;font-size:15px;color:var(--t-low);font-variant-numeric:tabular-nums}
.sf-uso.sf-cheio{color:var(--gold,#e3b341)}

/* cards do Mercado: as 6 linhas de cada card na mesma altura da fileira */
.sf-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;align-items:stretch}
.sf-item{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 6;gap:8px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--s-900,#0c0f16)}
.sf-item.sf-tem{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(79,209,224,.35)}
.sf-item .lp-topo{align-self:start}
.sf-lim{font-size:15px;color:var(--t-low);text-align:center;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}
.sf-preco{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--t-mid);font-variant-numeric:tabular-nums}
.sf-preco b{font:800 18px var(--display);color:var(--t-hi)}
.sf-linha{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;font-size:15px;color:var(--t-mid)}
.sf-compras{display:grid;gap:8px;align-content:start;border-top:1px dashed var(--border);padding-top:8px}
.sf-compra{display:grid;gap:6px;border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--s-850,#0f131c)}
.sf-compra-topo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 30px;gap:6px;align-items:center}
.sf-compra-topo .sf-rot{grid-column:1/-1}
.sf-rot{font:600 15px var(--mono);color:var(--t-low)}
.sf-tipo{border:1px solid var(--line-hi,var(--border));background:var(--s-900,#0c0f16);color:var(--t-mid);border-radius:8px;font:700 15px var(--mono);padding:3px 0;cursor:pointer;font-variant-numeric:tabular-nums}
.sf-tipo[aria-pressed="true"]{background:var(--sf-cor);border-color:var(--sf-cor);color:#0b0e14}
.sf-tipo:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}
.sf-tirar{border:0;background:none;color:var(--t-low);font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:6px}
.sf-tirar:hover,.sf-tirar:focus-visible{color:#f0736a}
.sf-mais-compra{justify-self:start;border:1px dashed var(--line-hi,var(--border));background:none;color:var(--cyan);border-radius:999px;padding:4px 12px;font:600 15px var(--body);cursor:pointer}
.sf-mais-compra:disabled{color:var(--t-low);cursor:not-allowed}
.sf-dica{font-size:15px;color:var(--t-low)}
.sf-sub{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;color:var(--t-low);font-variant-numeric:tabular-nums;border-top:1px solid var(--border);padding-top:8px}
.sf-sub b{color:var(--t-hi)}
.sf-item .lp-passo button:disabled,.sf-cupom .lp-passo button:disabled{color:var(--t-low);cursor:not-allowed}

/* Sua compra */
.sf-usados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}
.sf-usados span{border:1px solid var(--border);border-top:3px solid var(--sf-cor);border-radius:8px;padding:4px 2px;text-align:center;font:600 15px var(--mono);color:var(--t-mid);font-variant-numeric:tabular-nums}
.sf-paga{font:900 20px var(--display);color:var(--cyan)!important}
.sf-aviso{margin:10px 0 0;border:1px solid rgba(227,179,65,.6);background:rgba(227,179,65,.08);color:var(--t-hi);border-radius:10px;padding:10px 12px;font-size:15px}
.sf-aviso[hidden]{display:none}

@media (prefers-reduced-motion:reduce){.sf-lanterna,.sf-confete{animation:none}}

/* 14 dias: Semana 4 + Semana 1 (mockup aprovado em 18/10/2026: docs/mockups/eventos/super-festa-duas-semanas.html).
   Faixa do topo com o feixe de luz (feixe-onda.css) e os dias da Venda Relâmpago em duas fileiras, uma por semana. */
.sf-duas{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:0 0 12px;background:var(--s-900,#0c0f16);font-size:15px;color:var(--t-mid)}
.sf-duas b{color:var(--t-hi)}
.sf-semanas{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:center;margin:0 0 6px}
.sf-sem-rot{font:700 15px var(--mono,monospace);color:var(--gold,#e3b341);white-space:nowrap}
.sf-semanas .quick-set{margin:0;display:flex;flex-wrap:wrap;gap:8px}
.sf-semanas .quick-set button{min-width:96px;display:inline-flex;flex-direction:column;align-items:center;line-height:1.25}
.sf-semanas .quick-set button small{font-size:15px;opacity:.8}
.sf-semanas .quick-set button.sf-marcado:not(.active){border-color:var(--green,#45c97a);color:var(--t-hi)}
.sf-dia-tit{margin:4px 0 8px;font-weight:700;font-size:15px;color:var(--t-hi)}
@media (max-width:640px){.sf-semanas{grid-template-columns:minmax(0,1fr)}.sf-semanas .quick-set{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.sf-semanas .quick-set button{min-width:0}}