/* ============================================================
   SORTEIO VIP EM CONJUNTO (MAYKFPS × ClovaoRP)
   Arquivo igual nos dois sites. As cores dos canais vêm em variáveis
   no próprio elemento: --vc (um canal), --vc-a/--vc-b (VIP dos dois).
   ============================================================ */
.vc{--vc-m:#e8332b;--vc-c:#9146ff;}

/* ---------- placar dos dois canais ---------- */
.vc-placar{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;
  border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px;
  background:linear-gradient(100deg,color-mix(in srgb,var(--vc-m) 22%,var(--bg-panel)) 0%,var(--bg-panel) 44%,var(--bg-panel) 56%,color-mix(in srgb,var(--vc-c) 24%,var(--bg-panel)) 100%);
}
.vc-lado{display:flex;align-items:center;gap:14px;padding:18px 20px;min-width:0;}
.vc-lado:last-child{flex-direction:row-reverse;text-align:right;}
.vc-lado img{width:58px;height:58px;border-radius:14px;object-fit:cover;flex:0 0 58px;border:2px solid var(--vc);box-shadow:0 0 22px -4px var(--vc);background:var(--bg);}
.vc-lado>div{display:flex;flex-direction:column;min-width:0;}
.vc-lado-nome{font-family:var(--font-m);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vc2);}
.vc-lado-nome small{color:var(--text-faint);letter-spacing:.04em;}
.vc-lado strong{font-family:var(--font-d);font-size:2.4rem;line-height:1;color:#fff;margin-top:4px;}
.vc-lado-sub{font-size:.78rem;color:var(--text-dim);}
.vc-lado-at{font-family:var(--font-m);font-size:.64rem;color:var(--text-faint);margin-top:6px;}
.vc-lado-at.velha{color:#f0b429;}
.vc-x{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 14px;text-align:center;}
.vc-x span{
  font-family:var(--font-d);font-weight:700;font-size:2.6rem;line-height:1;
  background:linear-gradient(135deg,var(--vc-m),var(--vc-c));-webkit-background-clip:text;background-clip:text;color:transparent;
}
.vc-x small{font-family:var(--font-m);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-top:4px;line-height:1.5;}
.vc-aviso{
  border:1px solid color-mix(in srgb,#f0b429 45%,transparent);background:color-mix(in srgb,#f0b429 9%,transparent);
  color:var(--text);font-size:.84rem;line-height:1.5;padding:10px 14px;border-radius:10px;margin:0 0 14px;
}
.vc-acoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 16px;}

/* ---------- selos MAYK / CLOVÃO ---------- */
.vc-selo{
  display:inline-block;font-family:var(--font-m);font-size:.58rem;font-weight:700;letter-spacing:.08em;
  color:#fff;background:var(--vc);padding:2px 6px;border-radius:4px;line-height:1.3;
  box-shadow:0 2px 8px -2px var(--vc);
}

/* ---------- lista de sorteios ---------- */
.vc-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;}
.vc-card{
  all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;
  padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg-panel-2);
  border-top:3px solid var(--vc);transition:transform .15s ease,box-shadow .15s ease;
}
.vc-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px var(--vc);}
.vc-card-origem{font-family:var(--font-m);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--vc);}
.vc-card-titulo{font-family:var(--font-d);font-size:1.05rem;color:var(--text);line-height:1.25;}
.vc-card-premios{font-size:.8rem;color:var(--text-dim);}
.vc-card-rodape{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--font-m);font-size:.66rem;color:var(--text-faint);margin-top:2px;}
.vc-card-venc{font-size:.78rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- participantes ---------- */
.vc-part{
  --vc-a:var(--vc-m);--vc-b:var(--vc-a);
  background:linear-gradient(150deg,color-mix(in srgb,var(--vc-a) 70%,#000),color-mix(in srgb,var(--vc-b) 70%,#000));
  border:2px solid var(--vc-a);
}
.vc-part.duplo{border:2px solid transparent;background:
  linear-gradient(var(--bg-panel-2),var(--bg-panel-2)) padding-box,
  linear-gradient(135deg,var(--vc-a),var(--vc-b)) border-box;}
.vc-part.duplo .foto{background:linear-gradient(150deg,color-mix(in srgb,var(--vc-a) 60%,#000),color-mix(in srgb,var(--vc-b) 60%,#000));}
.vc-part .foto{position:absolute;inset:0;}
.vc-part .avatar-fallback{box-sizing:border-box;padding-bottom:44px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:700;font-size:2.8rem;color:rgba(255,255,255,.85);text-shadow:0 2px 10px rgba(0,0,0,.4);}
.vc-part-selos{position:absolute;top:7px;left:7px;display:flex;gap:4px;z-index:2;}
.vc-part.fora{opacity:.35;filter:grayscale(1);}
.vc-part.fora .tix{color:#f0b429;}
.vc-dica{font-family:var(--font-m);font-size:.62rem;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--text-faint);margin-left:8px;}
.vc-filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;}
.vc-filtro{
  background:transparent;border:1px solid var(--line);color:var(--text-dim);cursor:pointer;
  font-family:var(--font-m);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;
}
.vc-filtro[style]{border-color:color-mix(in srgb,var(--vc) 55%,var(--line));}
.vc-filtro.ativo{background:var(--vc,var(--text));border-color:var(--vc,var(--text));color:#fff;}
.vc-filtro.ativo:not([style]){color:var(--bg);}

/* ---------- criar ---------- */
.vc-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:14px 0 6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-panel-2);}
.vc-check input{width:16px;height:16px;margin-top:2px;accent-color:var(--red);flex:0 0 auto;}
.vc-check span{display:flex;flex-direction:column;gap:3px;font-size:.88rem;}
.vc-check small{color:var(--text-faint);font-size:.78rem;}
.vc-nota{font-size:.78rem;color:var(--text-faint);margin:8px 0 14px;}

/* ---------- detalhe ---------- */
.vc-titulo{
  background:linear-gradient(90deg,var(--vc-m),#fff 50%,var(--vc-c));-webkit-background-clip:text;background-clip:text;color:transparent;
}
.vc-linha{background:linear-gradient(90deg,transparent,var(--vc-m),var(--vc-c),transparent);}

/* pódio */
.vc-podio{display:flex;justify-content:center;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:6px 0 18px;}
.vc-podio-item{
  --vc-a:var(--vc-m);--vc-b:var(--vc-a);
  position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;
  width:170px;padding:22px 12px 14px;border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--vc-a) 18%,var(--bg-panel)),var(--bg-panel));
  border:1px solid color-mix(in srgb,var(--vc-a) 45%,var(--line));
  animation:vcSobe .5s cubic-bezier(.2,.9,.3,1.2) both;
}
.vc-podio-item.ouro{width:200px;padding-top:28px;border-color:#f5c542;box-shadow:0 18px 40px -24px #f5c542;}
.vc-podio-pos{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-family:var(--font-d);font-weight:700;font-size:.9rem;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 12px;color:var(--text);}
.vc-podio-item.ouro .vc-podio-pos{background:#f5c542;color:#111;border-color:#f5c542;}
.vc-podio-foto img,.vc-podio-foto .avatar-fallback{
  width:72px;height:72px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;
  border:3px solid transparent;background:linear-gradient(var(--bg-panel-2),var(--bg-panel-2)) padding-box,linear-gradient(135deg,var(--vc-a),var(--vc-b)) border-box;
  font-family:var(--font-d);font-weight:700;font-size:1.8rem;color:#fff;
}
.vc-podio-item.ouro .vc-podio-foto img,.vc-podio-item.ouro .vc-podio-foto .avatar-fallback{width:88px;height:88px;}
.vc-podio-item strong{font-size:.95rem;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vc-podio-premio{font-size:.76rem;color:var(--text-dim);}
.vc-podio-selos{display:flex;gap:4px;}
@keyframes vcSobe{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

/* roleta: a carta pinta na cor do canal; VIP dos dois ganha as duas */
.roulette-card.vc-carta{--vc-a:var(--vc-m);--vc-b:var(--vc-a);--cor:var(--vc-a);}
.roulette-card.vc-carta span{background:linear-gradient(90deg,var(--vc-a),var(--vc-b));}
.roulette-card.vc-carta.duplo img,.roulette-card.vc-carta.duplo .avatar-fallback{border-color:var(--vc-a) var(--vc-b) transparent var(--vc-a);}
.roulette-card.vc-carta.landed span{background:#fff;}
.vc-ganhador{border-left-color:var(--vc-a);}
.vc-ganhador .vc-selo{margin-left:2px;}
.vc-reveal .winner-photo img,.vc-reveal .winner-photo .avatar-fallback{
  border-color:transparent;background:linear-gradient(var(--bg-panel-2),var(--bg-panel-2)) padding-box,linear-gradient(135deg,var(--vc-a),var(--vc-b)) border-box;
  box-shadow:0 0 26px -2px var(--vc-a);
}
.vc-reveal-selos{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;}
.vc-reveal-selos span{font-family:var(--font-m);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--vc);padding:4px 10px;border-radius:999px;}

@media (max-width:640px){
  .vc-placar{grid-template-columns:1fr;}
  .vc-lado,.vc-lado:last-child{flex-direction:row;text-align:left;padding:14px 16px;}
  .vc-x{flex-direction:row;gap:10px;padding:6px 16px;}
  .vc-x small br{display:none;}
  .vc-podio-item,.vc-podio-item.ouro{width:calc(50% - 8px);}
}

/* ---------- anúncio: edição no painel ---------- */
.vc-anuncio-edit{margin:14px 0 6px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-panel-2);}
.vc-anuncio-edit .vc-check{margin:0;border:0;border-radius:0;background:linear-gradient(100deg,color-mix(in srgb,var(--vc-m,#e8332b) 16%,transparent),color-mix(in srgb,var(--vc-c,#9146ff) 16%,transparent));}
.vc-modal{--vc-m:#e8332b;--vc-c:#9146ff;}
.vc-anuncio-campos{padding:14px;display:flex;flex-direction:column;gap:10px;}
.vc-anuncio-campos.off{display:none;}
.vc-anuncio-campos .field{margin:0;}
.vc-anuncio-campos textarea{width:100%;resize:vertical;min-height:70px;}
.vc-foto-edit{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.vc-foto-prev{width:200px;aspect-ratio:16/9;border-radius:10px;border:1px dashed var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;}
.vc-foto-prev img{width:100%;height:100%;object-fit:cover;display:block;}
.vc-foto-prev span{font-family:var(--font-m);font-size:.7rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;}
.vc-foto-botoes{display:flex;flex-direction:column;gap:6px;align-items:flex-start;flex:1 1 180px;}
.vc-foto-botoes label.btn{cursor:pointer;}
.vc-foto-botoes small{font-size:.74rem;color:var(--text-faint);}
.vc-anuncio-faixa{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding:10px 14px;margin:0 0 14px;border-radius:10px;border:1px dashed var(--line);font-size:.86rem;color:var(--text-dim);}
.vc-anuncio-faixa.on{border-style:solid;border-color:color-mix(in srgb,var(--vc-c) 45%,var(--line));color:var(--text);
  background:linear-gradient(100deg,color-mix(in srgb,var(--vc-m) 12%,transparent),color-mix(in srgb,var(--vc-c) 12%,transparent));}
.vc-card-no-site{color:var(--text);font-weight:600;}

/* ---------- anúncio: no site (página VIP) ---------- */
.vc-site{display:flex;flex-direction:column;gap:18px;}
.vc-site-topo{text-align:center;}
.vc-site-eyebrow{font-family:var(--font-m);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);}
.vc-site-topo h2{font-family:var(--font-d);font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.1;margin:6px 0 0;text-transform:uppercase;}
.vc-site-topo h2 .m{color:var(--vc-m);}
.vc-site-topo h2 .c{color:var(--vc-c);}
.vc-site-topo h2 i{font-style:normal;color:var(--text-faint);margin:0 4px;}
.vc-anuncio{
  position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  border-radius:18px;overflow:hidden;border:1px solid transparent;
  background:linear-gradient(var(--bg-panel),var(--bg-panel)) padding-box,linear-gradient(120deg,var(--vc-m),var(--vc-c)) border-box;
  box-shadow:0 30px 60px -40px var(--vc-c),0 30px 60px -44px var(--vc-m);
}
.vc-anuncio-foto{position:relative;min-height:260px;background:#0b0b0e;overflow:hidden;}
.vc-anuncio-foto::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 82%,var(--bg-panel));pointer-events:none;}
.vc-anuncio-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1;}
.vc-anuncio-img-fundo{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(22px) brightness(.55) saturate(1.2);}
.vc-anuncio-sem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;
  background:radial-gradient(circle at 25% 50%,color-mix(in srgb,var(--vc-m) 35%,transparent),transparent 60%),radial-gradient(circle at 75% 50%,color-mix(in srgb,var(--vc-c) 35%,transparent),transparent 60%);}
.vc-anuncio-sem img{width:92px;height:92px;border-radius:20px;object-fit:cover;box-shadow:0 10px 30px -10px #000;}
.vc-anuncio-sem i{font-style:normal;font-family:var(--font-d);font-size:2.4rem;color:#fff;opacity:.8;}
.vc-anuncio-corpo{padding:24px 26px;display:flex;flex-direction:column;gap:10px;min-width:0;}
.vc-anuncio-status{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-family:var(--font-m);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(90deg,var(--vc-m),var(--vc-c));}
.vc-anuncio-status i{width:7px;height:7px;border-radius:50%;background:#fff;animation:vcPisca 1.4s ease-in-out infinite;}
.vc-anuncio.feito .vc-anuncio-status{background:var(--bg-panel-2);color:var(--text-dim);border:1px solid var(--line);}
.vc-anuncio.feito .vc-anuncio-status i{background:var(--text-faint);animation:none;}
.vc-anuncio-corpo h3{font-family:var(--font-d);font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.15;margin:0;color:#fff;}
.vc-anuncio-quando{margin:0;font-weight:600;color:var(--text);}
.vc-anuncio-texto{margin:0;color:var(--text-dim);font-size:.92rem;line-height:1.55;white-space:pre-line;}
.vc-anuncio-premios{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.vc-anuncio-premios li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;border-radius:10px;background:var(--bg-panel-2);border:1px solid var(--line);}
.vc-anuncio-premios li b{font-family:var(--font-d);color:var(--text-faint);min-width:22px;}
.vc-anuncio-premios li:first-child b{color:#f5c542;}
.vc-anuncio-premios .nome{flex:1 1 auto;font-weight:600;color:var(--text);}
.vc-anuncio-premios em{font-style:normal;font-family:var(--font-m);font-size:.78rem;color:var(--text-dim);margin-left:4px;}
.vc-anuncio-premios .venc{--vc-a:var(--vc-m);--vc-b:var(--vc-a);font-size:.82rem;font-weight:700;color:#fff;padding:3px 10px;border-radius:999px;background:linear-gradient(90deg,var(--vc-a),var(--vc-b));}
.vc-anuncio-rodape{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--text-dim);margin-top:2px;}
.vc-anuncio-conta strong{font-family:var(--font-d);font-size:1.05rem;color:#fff;}
.vc-anuncio-cta{align-self:flex-start;margin-top:6px;}
@keyframes vcPisca{50%{opacity:.25;}}
@keyframes vcAparece{from{opacity:0;}to{opacity:1;}}
@media (max-width:760px){
  .vc-anuncio{grid-template-columns:1fr;}
  .vc-anuncio-foto{min-height:0;aspect-ratio:16/9;}
  .vc-anuncio-foto::after{background:linear-gradient(180deg,transparent 65%,var(--bg-panel));}
  .vc-anuncio-corpo{padding:18px 16px 20px;}
  .vc-anuncio-cta{align-self:stretch;}
}