:root{
  --cc-bg: rgba(0,0,0,.72);
  --cc-card-top: #12141a;
  --cc-card-bottom: #0c0e12;
  --cc-border: rgba(255,255,255,.08);
  --cc-text: #e9e9ea;
  --cc-accent: #cffe25;
  --cc-accent-text: #0b0c10;
  --cc-radius: 14px;
}

/* =========================
   PRELOADER OVERLAY (FUNDO)
========================= */
.preloader{
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 2147483647;
  display: grid;
  place-items: center;
}

/* =========================
   VÍDEO DO PRELOADER
   PADRÃO (NOTEBOOK / DESKTOP MÉDIO)
   ✅ aumentei +20% de novo (total ~44% vs original)
========================= */
.preloader__video{
  width: 749px;      /* era 624px -> +20% = 748.8 */
  max-width: 90vw;
  height: auto;

  border-radius: 16px;
  display: block;
}

/* =========================
   DESKTOP GRANDE (1440px+)
========================= */
@media (min-width: 1440px){
  .preloader__video{
    width: 893px; /* era 744px -> +20% = 892.8 */
  }
}

/* =========================
   NOTEBOOK / DESKTOP MÉDIO (1024px–1439px)
========================= */
@media (min-width: 1024px) and (max-width: 1439px){
  .preloader__video{
    width: 749px;
  }
}

/* =========================
   TABLET (768px–1023px)
========================= */
@media (min-width: 768px) and (max-width: 1023px){
  .preloader__video{
    width: 605px; /* era 504px -> +20% = 604.8 */
    border-radius: 14px;
  }
}

/* =========================
   CELULAR (até 767px)
   (vw não dá pra multiplicar certinho sem passar de 100,
    então aumentei um pouco e subi o max-width em +20%)
========================= */
@media (max-width: 767px){
  .preloader__video{
    width: 98vw;        /* era 95vw */
    max-width: 547px;   /* era 456px -> +20% = 547.2 */
    border-radius: 12px;
  }
}

/* =========================
   ANIMAÇÃO DE SAÍDA
========================= */
.preloader.is-hiding{
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}

.preloader.is-hidden{
  display: none;
}