/* Reserve the upper artwork area before the homepage content. */
body.client-home {
  position: relative;
  --home-art-width: max(100vw, 800px);
  --home-nav-height: 64px;
}
body.client-home::before {
  position: fixed;
  inset: var(--home-nav-height) 0 0;
  background-image: linear-gradient(#09090926, #09090999), url("images/admin-background-v2.png");
  background-size: 100vw auto;
  background-position: center top;
  background-repeat: no-repeat;
}
body.client-home > main.wrap {
  padding-top: max(240px, 30vw);
}
@media (max-width:760px) {
  body.client-home { --home-nav-height: 56px; }
  body.client-home::before { background-size: auto 100svh; background-position: center top; }
}

.raffle-group{margin:28px 0 46px}.raffle-divider{display:flex;align-items:center;gap:14px;margin-bottom:20px}.raffle-divider::before,.raffle-divider::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#8d1b22)}.raffle-divider::after{background:linear-gradient(90deg,#8d1b22,transparent)}.raffle-divider h2{white-space:nowrap;margin:0;padding:11px 22px;background:#141414;border:1px solid #5a2224;border-radius:8px;text-transform:uppercase;font-size:16px;letter-spacing:2px}.raffle-divider.open h2{color:#79dd8e;border-color:#28763a}.raffle-divider.future h2{color:#efc067;border-color:#84611e}.raffle-divider.closed h2{color:#aaa;border-color:#444}.raffle-empty{width:100%;border:1px dashed #454545;color:#aaa;border-radius:10px;padding:18px;text-align:center}.rafflecard small{display:block;margin-top:8px}@media(max-width:560px){.raffle-group{margin-bottom:38px}.raffle-divider{gap:7px}.raffle-divider h2{font-size:13px;padding:10px 12px;letter-spacing:1px}}

.rafflecard{position:relative}.rafflecard-media{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#000;border-radius:12px}.home-video-preview{pointer-events:none}.video-preview-label{position:absolute;top:28px;right:28px;padding:5px 9px;border-radius:999px;background:#080808d9;border:1px solid #777;color:#fff;font-size:11px;font-weight:800}

/* Evita que uma única rifa ocupe toda a largura e ultrapasse a tela no computador. */
@media (min-width:761px){
  .client-home .rafflecards{grid-template-columns:repeat(auto-fill,minmax(320px,420px));justify-content:center;align-items:start}
  .client-home .client-raffle-card{width:100%;padding:16px}
  .client-home .rafflecard-media{height:clamp(170px,26vh,250px);max-height:250px;aspect-ratio:auto;object-fit:contain}
  .client-home .client-raffle-card h3{margin:12px 0 8px;font-size:clamp(1.05rem,1.5vw,1.35rem)}
  .client-home .client-raffle-card .raffle-card-prizes{margin:8px 0;padding:8px;font-size:.9rem}
  .client-home .client-raffle-card>p{margin:8px 0}
  .client-home .client-raffle-card .progress{margin:8px 0}
  .client-home .client-raffle-card small{margin-top:6px}
}