/* VT Sistemas — Moderno V10
   Layout único desktop/mobile, compacto e responsivo. */

@keyframes vtV10StatusBlink{
  0%,100%{opacity:1;filter:brightness(1);transform:translateY(0)}
  50%{opacity:.48;filter:brightness(1.13);transform:translateY(-1px)}
}
@keyframes vtV10GamePulse{
  0%,100%{transform:scale(1);box-shadow:0 8px 20px rgba(15,23,42,.09)}
  50%{transform:scale(1.008);box-shadow:0 13px 28px rgba(15,23,42,.16)}
}

/* BASE */
html body.vt-layout-modern{
  background:#f2f5f8!important;
}
html body.vt-layout-modern .site-container{
  width:min(100% - 28px,920px)!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:24px 0 72px!important;
  background:transparent!important;
}
html body.vt-layout-modern .app-main{
  width:100%!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
}

/* HEADER — mesmo desenho em desktop e celular */
html body.vt-layout-modern .site-header{
  background:linear-gradient(90deg,#080c13,#111a27)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 10px 30px rgba(2,6,23,.18)!important;
}
html body.vt-layout-modern .header-container{
  width:min(100% - 28px,920px)!important;
  max-width:920px!important;
  min-height:70px!important;
  margin:0 auto!important;
  padding:9px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
html body.vt-layout-modern .logo-area{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  max-width:145px!important;
  display:flex!important;
  align-items:center!important;
}
html body.vt-layout-modern .logo-area img{
  display:block!important;
  max-height:46px!important;
  max-width:135px!important;
}
html body.vt-layout-modern .menu-area{margin:0!important}
html body.vt-layout-modern .menu-btn{
  width:44px!important;height:44px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
}
html body.vt-layout-modern .menu-btn i{color:#fff!important;font-size:19px!important}
html body.vt-layout-modern .menu-btn:hover{background:rgba(255,255,255,.12)!important;transform:none!important}

/* MENU LATERAL */
html body.vt-layout-modern .menu-lateral{
  width:min(350px,90vw)!important;
  right:min(-370px,-90vw)!important;
  background:linear-gradient(180deg,#0d1420,#121c29)!important;
  border-left:1px solid rgba(255,255,255,.07)!important;
}
html body.vt-layout-modern .menu-lateral.open{right:0!important}
html body.vt-layout-modern .menu-header{
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
html body.vt-layout-modern .nav-item{
  border-radius:13px!important;
  border:1px solid transparent!important;
  background:rgba(255,255,255,.015)!important;
}
html body.vt-layout-modern .nav-item:hover,
html body.vt-layout-modern .nav-item.active{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.08)!important;
}

/* STATUS — pisca de verdade, mas apenas o selo */
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .blink{
  animation:vtV10StatusBlink 1.15s ease-in-out infinite!important;
  transition:none!important;
  will-change:opacity,filter,transform!important;
}
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .campanha-badge{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  box-shadow:0 7px 16px rgba(0,0,0,.13)!important;
}
html body.vt-layout-modern.home-page .badge-adquira{background:#16a34a!important}
html body.vt-layout-modern.home-page .badge-acabando{background:#f59e0b!important}
html body.vt-layout-modern.home-page .badge-aguarde{background:#2563eb!important}
html body.vt-layout-modern.home-page .badge-concluido{background:#64748b!important}
html body.vt-layout-modern.home-page .badge-em-breve{background:#7c3aed!important}

/* HOME — mesma composição vertical no desktop e no celular */
html body.vt-layout-modern.home-page .home-modern{
  width:100%!important;
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
}
html body.vt-layout-modern.home-page .home-campaign-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 4px 16px!important;
}
html body.vt-layout-modern.home-page .home-campaign-heading strong{
  font-size:clamp(24px,4vw,32px)!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
html body.vt-layout-modern.home-page .home-campaign-heading span{
  font-size:11px!important;
  color:#778396!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

html body.vt-layout-modern.home-page .card-destaque{
  width:100%!important;
  margin:0 0 16px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5eaf0!important;
  box-shadow:0 16px 38px rgba(15,23,42,.075)!important;
  transform:none!important;
}
html body.vt-layout-modern.home-page .card-destaque:hover{transform:none!important}
html body.vt-layout-modern.home-page .card-destaque-imagem{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem>img,
html body.vt-layout-modern.home-page .card-destaque-imagem>video{
  order:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
  background:#e9eef4!important;
}
html body.vt-layout-modern.home-page .card-destaque-overlay{
  order:2!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-height:0!important;
  padding:18px 20px 20px!important;
  background:#fff!important;
  color:#111827!important;
}
html body.vt-layout-modern.home-page .card-destaque-info{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px 14px!important;
  align-items:center!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2{
  grid-column:1!important;
  margin:0!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
  font-size:clamp(24px,4vw,34px)!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p{
  grid-column:1!important;
  margin:0!important;
  color:#768397!important;
  font-size:11px!important;
}
html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  margin:0!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  background:#effaf4!important;
  border:1px solid #c4ead4!important;
  color:#0f9f5b!important;
  -webkit-text-fill-color:#0f9f5b!important;
  font-size:17px!important;
  font-weight:950!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco small{
  font-size:8px!important;color:#6f7c8e!important;
}
html body.vt-layout-modern.home-page .card-destaque-status{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  margin:4px 0 0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* Outras campanhas: mesmo card horizontal no desktop e celular */
html body.vt-layout-modern.home-page .section-title.other-campaigns-title{display:none!important}
html body.vt-layout-modern.home-page .campanhas-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin:0!important;
}
html body.vt-layout-modern.home-page .campanha-card{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  min-height:112px!important;
  padding:0!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e6ebf1!important;
  box-shadow:0 9px 24px rgba(15,23,42,.05)!important;
  transform:none!important;
  transition:none!important;
}
html body.vt-layout-modern.home-page .campanha-card:hover{transform:none!important}
html body.vt-layout-modern.home-page .campanha-imagem{
  width:150px!important;
  height:112px!important;
  min-width:150px!important;
  aspect-ratio:auto!important;
  background:#e9eef4!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.home-page .campanha-imagem img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  transform:none!important;transition:none!important;animation:none!important;opacity:1!important;filter:none!important;
}
html body.vt-layout-modern.home-page .campanha-info{
  min-width:0!important;
  padding:13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:#fff!important;
}
html body.vt-layout-modern.home-page .campanha-titulo{
  margin:0 0 4px!important;
  font-size:15px!important;
  line-height:1.16!important;
  font-weight:900!important;
  color:#111827!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
}
html body.vt-layout-modern.home-page .campanha-subtitulo{font-size:9px!important;margin:0 0 8px!important;color:#7b8797!important}
html body.vt-layout-modern.home-page .campanha-preco{font-size:14px!important;color:#111827!important;font-weight:950!important}
html body.vt-layout-modern.home-page .campanha-preco small{font-size:8px!important;color:#8290a3!important}
html body.vt-layout-modern.home-page .campanha-badge{
  top:9px!important;left:9px!important;right:auto!important;bottom:auto!important;
  padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important;
}

/* CAMPANHA — desktop usa o MESMO desenho vertical do celular */
html body.vt-layout-modern.campaign-detail-page .campanha-header,
html body.vt-layout-modern.campaign-detail-page .campanha-header.SorteioTpl_sorteioTpl__2s2Wu{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 14px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5eaf0!important;
  box-shadow:0 16px 40px rgba(15,23,42,.07)!important;
}
html body.vt-layout-modern.campaign-detail-page .custom-badge-display{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:20!important;
  margin:0!important;
}
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .badge{
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:900!important;
  box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4{
  order:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:#e9eef4!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:0!important;
  background:#e9eef4!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagem__2GXxI{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:0!important;
  background:#e9eef4!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details{
  order:2!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:18px 20px 20px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:6px 14px!important;
  align-items:center!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#111827!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_title__3RLtu{
  grid-column:1!important;
  margin:0!important;
  padding:0!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  font-size:clamp(23px,4vw,32px)!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  text-shadow:none!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_descricao__1b7iL{
  grid-column:1!important;
  margin:0!important;
  padding:0!important;
  color:#7a8798!important;
  -webkit-text-fill-color:#7a8798!important;
  font-size:10px!important;
  line-height:1.4!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr>.btn,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper>.btn,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details>.btn{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  width:auto!important;
  min-width:170px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:14px!important;
  background:#111827!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

/* Remove caixas vazias / exageradas */
html body.vt-layout-modern.campaign-detail-page .campanha-buscas{
  padding:0!important;
  margin:8px auto 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-buscas .progress{
  margin:0!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-preco{
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  margin:10px auto 14px!important;
  padding:7px 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-preco .item{margin:0!important}
html body.vt-layout-modern.campaign-detail-page .campanha-preco .tag{
  padding:8px 13px!important;
  border-radius:999px!important;
}

/* Blocos inferiores sem largura exagerada */
html body.vt-layout-modern.campaign-detail-page .app-promocao-numeros,
html body.vt-layout-modern.campaign-detail-page .app-vendas-express,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section,
html body.vt-layout-modern.campaign-detail-page .game-rule-public,
html body.vt-layout-modern.campaign-detail-page .campanha-seletor,
html body.vt-layout-modern.campaign-detail-page .numeros-list,
html body.vt-layout-modern.campaign-detail-page .ranking,
html body.vt-layout-modern.campaign-detail-page .duvidas,
html body.vt-layout-modern.campaign-detail-page #campaign-description-last{
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Jogos: pulsação leve em todos os cards */
html body.campaign-detail-page .game-rule-public .game-rule-public-row{
  animation:vtV10GamePulse 2.2s ease-in-out infinite!important;
  transform-origin:center!important;
  will-change:transform,box-shadow!important;
}
html body.campaign-detail-page .game-rule-public .game-rule-public-row:nth-child(3n+2){animation-delay:.18s!important}
html body.campaign-detail-page .game-rule-public .game-rule-public-row:nth-child(3n+3){animation-delay:.36s!important}
html body.campaign-detail-page .game-rule-public .game-rule-public-row.clickable:hover{
  animation-play-state:paused!important;
  transform:scale(1.012)!important;
}

/* Floating sociais discretos */
html body.vt-layout-modern .vt-global-floating{right:8px!important;bottom:12px!important;gap:6px!important}
html body.vt-layout-modern .vt-floating-button{
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
  padding:0!important;border-radius:13px!important;opacity:.9!important;
}
html body.vt-layout-modern .vt-floating-button span{display:none!important}

/* CELULAR */
@media(max-width:600px){
  html body.vt-layout-modern .site-container,
  html body.vt-layout-modern .header-container{
    width:calc(100% - 16px)!important;
  }
  html body.vt-layout-modern .site-container{padding-top:14px!important}
  html body.vt-layout-modern .header-container{min-height:64px!important}
  html body.vt-layout-modern .logo-area img{max-height:42px!important;max-width:120px!important}
  html body.vt-layout-modern .menu-btn{width:40px!important;height:40px!important;border-radius:13px!important}

  html body.vt-layout-modern.home-page .home-campaign-heading{margin-left:2px!important;margin-right:2px!important}
  html body.vt-layout-modern.home-page .home-campaign-heading strong{font-size:24px!important}
  html body.vt-layout-modern.home-page .home-campaign-heading span{font-size:9px!important}
  html body.vt-layout-modern.home-page .card-destaque{border-radius:20px!important}
  html body.vt-layout-modern.home-page .card-destaque-overlay{padding:15px 16px 17px!important}
  html body.vt-layout-modern.home-page .card-destaque-info{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 9px!important;
  }
  html body.vt-layout-modern.home-page .card-destaque-info h2{font-size:23px!important}
  html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{font-size:14px!important;padding:8px 10px!important}
  html body.vt-layout-modern.home-page .campanha-card{
    grid-template-columns:116px minmax(0,1fr)!important;
    min-height:92px!important;
  }
  html body.vt-layout-modern.home-page .campanha-imagem{width:116px!important;height:92px!important;min-width:116px!important}
  html body.vt-layout-modern.home-page .campanha-info{padding:9px 10px!important}
  html body.vt-layout-modern.home-page .campanha-titulo{font-size:12.5px!important}
  html body.vt-layout-modern.home-page .campanha-subtitulo{font-size:8px!important;margin-bottom:5px!important}
  html body.vt-layout-modern.home-page .campanha-preco{font-size:12px!important}

  html body.vt-layout-modern.campaign-detail-page .campanha-header{border-radius:20px!important}
  html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr,
  html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper,
  html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details{
    grid-template-columns:minmax(0,1fr)!important;
    padding:14px 15px 16px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .SorteioTpl_title__3RLtu{font-size:23px!important}
  html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr>.btn,
  html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper>.btn,
  html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details>.btn{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    margin-top:8px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .custom-badge-display{top:10px!important;left:10px!important}
}

/* ============================================================
   VT SISTEMAS — MODERNO V10.1
   Ajustes finos solicitados pelo cliente.
   ============================================================ */

@keyframes vtV10StatusBlinkFast{
  0%,100%{opacity:1;filter:brightness(1);transform:translateY(0) scale(1)}
  50%{opacity:.18;filter:brightness(1.25);transform:translateY(-1px) scale(1.02)}
}

/* Status mais rápidos */
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .blink,
html body.vt-layout-modern .campaign-status-pulse{
  animation:vtV10StatusBlinkFast .72s linear infinite!important;
}

/* Campanha mais compacta e elegante */
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details{
  padding:12px 16px 16px!important;
  gap:4px 10px!important;
  align-items:start!important;
  align-content:start!important;
  justify-items:start!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_title__3RLtu{
  font-size:clamp(22px,3.4vw,30px)!important;
  margin:0 0 2px!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_descricao__1b7iL{
  font-size:10px!important;
  margin:0!important;
}
/* se o título/subtítulo vierem vazios, não deixam espaços sobrando */
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_title__3RLtu:empty,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_descricao__1b7iL:empty{
  display:none!important;
}

/* esconder o gatilho original de prêmios no moderno; usaremos o botão minimalista ao lado */
html body.vt-layout-modern.campaign-detail-page #campaign-position-prizes-trigger{
  display:none!important;
}

/* linha de ações abaixo do título */
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row{
  grid-column:1 / -1!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:6px!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row .btn,
html body.vt-layout-modern.campaign-detail-page .vt-modern-secondary-action{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  font-size:11px!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row .btn{
  background:linear-gradient(180deg,#0f172a 0%, #101d38 100%)!important;
  color:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-secondary-action{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #dbe5ef!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-secondary-action:hover{
  background:#f1f5f9!important;
}

/* botão Meus Números anterior não deve crescer demais */
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr>.btn,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper>.btn,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details>.btn{
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  font-size:11px!important;
  margin-top:0!important;
}

@media(max-width:600px){
  html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr,
  html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper,
  html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details{
    padding:12px 14px 14px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .SorteioTpl_title__3RLtu{
    font-size:21px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row{
    gap:8px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row .btn,
  html body.vt-layout-modern.campaign-detail-page .vt-modern-secondary-action{
    min-height:40px!important;
    height:40px!important;
    font-size:10px!important;
    padding:0 10px!important;
  }
}

/* ============================================================
   VT SISTEMAS — MODERNO V10B
   Compactação do topo da campanha + ações minimalistas + suporte.
   ============================================================ */
@keyframes vtV10StatusBlinkQuicker{
  0%,100%{opacity:1;filter:brightness(1);transform:scale(1)}
  50%{opacity:.12;filter:brightness(1.25);transform:scale(1.035)}
}
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .badge,
html body.vt-layout-modern .campaign-status-pulse{
  animation:vtV10StatusBlinkQuicker .58s linear infinite!important;
}

/* Supera de forma explícita o CSS legado modern-v4. */
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper.custom-content-wrapper-details{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:12px 16px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:4px!important;
  background:linear-gradient(180deg,#f8fafc 0%,#eef3f7 100%)!important;
  background-image:linear-gradient(180deg,#f8fafc 0%,#eef3f7 100%)!important;
  color:#111827!important;
  overflow:visible!important;
  isolation:auto!important;
  z-index:auto!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper>.custom-badge-display,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper.custom-content-wrapper-details>.custom-badge-display{
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  align-self:flex-start!important;
  margin:0 0 3px!important;
  padding:0!important;
  order:-1!important;
  z-index:auto!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper>.SorteioTpl_title__3RLtu,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper.custom-content-wrapper-details>.SorteioTpl_title__3RLtu{
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
  opacity:1!important;
  font-size:clamp(20px,3.2vw,28px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper>.SorteioTpl_descricao__1b7iL,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper.custom-content-wrapper-details>.SorteioTpl_descricao__1b7iL{
  display:block!important;
  position:static!important;
  width:100%!important;
  margin:1px 0 0!important;
  padding:0!important;
  color:#738094!important;
  -webkit-text-fill-color:#738094!important;
  text-shadow:none!important;
  opacity:1!important;
  font-size:10px!important;
  line-height:1.35!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper>.SorteioTpl_title__3RLtu:empty,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper>.SorteioTpl_descricao__1b7iL:empty{display:none!important}

/* Ações: Meus Números + Prêmios lado a lado, usando o botão real de Prêmios. */
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:7px 0 0!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>.btn,
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:12px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>.btn{
  background:#0f172a!important;
  background-image:none!important;
  border:1px solid #0f172a!important;
  color:#fff!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger{
  background:rgba(255,255,255,.72)!important;
  border:1px solid #d7e0e9!important;
  color:#0f172a!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger span,
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger i{color:inherit!important}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger small{display:none!important}

/* se não houver Prêmios, Meus Números usa toda a linha */
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row:has(> .btn:only-child){grid-template-columns:1fr!important}

/* Home: suporte deixa de ser um card gigante e vira atalho compacto. */
html body.vt-layout-modern.home-page .card-duvidas{
  width:min(100%,400px)!important;
  margin:20px auto 4px!important;
  padding:0!important;
  border-radius:16px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body.vt-layout-modern.home-page .card-duvidas:hover{transform:none!important}
html body.vt-layout-modern.home-page .card-duvidas a{
  min-height:54px!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid #dde5ed!important;
  box-shadow:0 8px 24px rgba(15,23,42,.055)!important;
  color:#111827!important;
  text-align:left!important;
}
html body.vt-layout-modern.home-page .card-duvidas .icone{
  width:38px!important;height:38px!important;
  border-radius:12px!important;
  background:#e9fbf0!important;
  color:#16a34a!important;
  font-size:19px!important;
}
html body.vt-layout-modern.home-page .card-duvidas h3{margin:0 0 2px!important;font-size:12px!important;font-weight:900!important;color:#111827!important}
html body.vt-layout-modern.home-page .card-duvidas p{margin:0!important;font-size:9px!important;color:#788496!important}
html body.vt-layout-modern.home-page .card-duvidas>a>i{font-size:11px!important;color:#7c8797!important}

@media(max-width:600px){
  html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper,
  html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper.custom-content-wrapper-details{
    padding:10px 12px 13px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_info__t1BZr.custom-content-wrapper>.SorteioTpl_title__3RLtu{
    font-size:20px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>.btn,
  html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger{
    height:38px!important;
    min-height:38px!important;
    font-size:9.5px!important;
  }
}

/* ============================================================
   VT SISTEMAS — MODERNO V11
   Alinhamento, header/menu, destaque vertical e resumo de campanha.
   ============================================================ */

:root{--vt11-max:1180px}
html body.vt-layout-modern{overflow-x:hidden!important}
html body.vt-layout-modern .menu-layout-background{display:none!important}
html body.vt-layout-modern .site-header,
html body.vt-layout-modern .site-header.header-scrolled{
  background:var(--ui-header)!important;
  background-image:none!important;
  border-color:color-mix(in srgb,var(--ui-header) 78%,#fff 22%)!important;
}
html body.vt-layout-modern .header-container{
  width:min(calc(100vw - 32px),var(--vt11-max))!important;
  max-width:var(--vt11-max)!important;
  margin:0 auto!important;
}
html body.vt-layout-modern .site-container{
  width:min(calc(100vw - 32px),var(--vt11-max))!important;
  max-width:var(--vt11-max)!important;
  margin:0 auto!important;
  padding:24px 0 72px!important;
}
html body.vt-layout-modern .app-main,
html body.vt-layout-modern.home-page .home-modern{
  width:100%!important;
  max-width:var(--vt11-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* MENU LATERAL: texto sempre visível no fundo escuro */
html body.vt-layout-modern .menu-lateral{
  background:linear-gradient(180deg,color-mix(in srgb,var(--ui-header) 92%,#0b1220 8%),#101927)!important;
  color:#fff!important;
}
html body.vt-layout-modern .menu-header{
  min-height:108px!important;
  padding:18px 58px 16px 18px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:center!important;
  background:transparent!important;
}
html body.vt-layout-modern .menu-avatar{
  grid-column:1!important;grid-row:1 / span 2!important;
  width:58px!important;height:58px!important;max-width:none!important;
  border-radius:14px!important;object-fit:contain!important;padding:4px!important;
  background:rgba(255,255,255,.05)!important;
}
html body.vt-layout-modern .menu-nome{
  display:block!important;grid-column:2!important;grid-row:1!important;
  margin:0!important;color:#fff!important;font-size:14px!important;font-weight:850!important;
}
html body.vt-layout-modern .menu-email{
  display:block!important;grid-column:2!important;grid-row:2!important;
  margin:0!important;color:rgba(255,255,255,.62)!important;font-size:10px!important;
}
html body.vt-layout-modern .close-menu{top:18px!important;right:14px!important;color:#fff!important}
html body.vt-layout-modern .nav-items{padding:12px!important}
html body.vt-layout-modern .nav-item,
html body.vt-layout-modern .nav-item:link,
html body.vt-layout-modern .nav-item:visited{
  min-height:48px!important;
  display:flex!important;align-items:center!important;
  color:#e7edf6!important;-webkit-text-fill-color:#e7edf6!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid transparent!important;
  font-size:13px!important;font-weight:750!important;
}
html body.vt-layout-modern .nav-item i{color:#9fb0c5!important;-webkit-text-fill-color:#9fb0c5!important}
html body.vt-layout-modern .nav-item:hover,
html body.vt-layout-modern .nav-item.active{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.08)!important;
}
html body.vt-layout-modern .nav-item:hover i,
html body.vt-layout-modern .nav-item.active i{color:var(--ui-primary)!important;-webkit-text-fill-color:var(--ui-primary)!important}
html body.vt-layout-modern .btn-login-menu{
  width:auto!important;margin:12px!important;min-height:46px!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* HOME: imagem de destaque + área branca embaixo com título, subtítulo e status. */
html body.vt-layout-modern.home-page .home-campaign-heading{margin:0 4px 16px!important}
html body.vt-layout-modern.home-page .card-destaque{
  width:100%!important;border-radius:24px!important;background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem{
  display:flex!important;flex-direction:column!important;
  width:100%!important;height:auto!important;min-height:0!important;background:#fff!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem>img,
html body.vt-layout-modern.home-page .card-destaque-imagem>video{
  order:1!important;width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:16/7.4!important;object-fit:cover!important;object-position:center!important;
  border-radius:0!important;
}
html body.vt-layout-modern.home-page .card-destaque-overlay{
  order:2!important;position:static!important;inset:auto!important;
  width:100%!important;padding:18px 20px 20px!important;
  background:#fff!important;background-image:none!important;color:#111827!important;
}
html body.vt-layout-modern.home-page .card-destaque-info{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:4px!important;width:100%!important;max-width:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2{
  order:1!important;margin:0!important;font-size:clamp(24px,3vw,34px)!important;
  color:#111827!important;-webkit-text-fill-color:#111827!important;text-shadow:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p{
  order:2!important;margin:0!important;font-size:11px!important;color:#7a8798!important;
  -webkit-text-fill-color:#7a8798!important;
}
html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{display:none!important}
html body.vt-layout-modern.home-page .card-destaque-status{
  order:3!important;position:static!important;width:max-content!important;margin:7px 0 0!important;
}

/* Outras campanhas alinhadas e aproveitando a largura no desktop. */
html body.vt-layout-modern.home-page .campanhas-grid{
  width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;
}
html body.vt-layout-modern.home-page .campanha-card{
  grid-template-columns:150px minmax(0,1fr)!important;width:100%!important;min-height:112px!important;
}

/* CAMPANHA: resumo compacto criado pelo JS; remove o grande vazio branco legado. */
html body.vt-layout-modern.campaign-detail-page .campanha-header{
  position:relative!important;display:flex!important;flex-direction:column!important;
  width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;
  background:#fff!important;border-radius:24px!important;overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagem__2GXxI{
  display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:16/8.1!important;object-fit:cover!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header>.SorteioTpl_info__t1BZr,
html body.vt-layout-modern.campaign-detail-page .campanha-header>.custom-content-wrapper{
  display:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  position:relative!important;z-index:40!important;pointer-events:auto!important;
  width:100%!important;padding:12px 16px 15px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 12px!important;align-items:center!important;
  background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)!important;
  border-top:1px solid #e8edf3!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary .custom-badge-display{
  position:static!important;inset:auto!important;grid-column:1 / -1!important;
  width:max-content!important;margin:0 0 4px!important;padding:0!important;pointer-events:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy{min-width:0!important;grid-column:1!important}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_title__3RLtu{
  display:block!important;margin:0!important;padding:0!important;color:#111827!important;-webkit-text-fill-color:#111827!important;
  font-size:clamp(20px,2.4vw,28px)!important;line-height:1.05!important;font-weight:950!important;text-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_descricao__1b7iL{
  display:block!important;margin:2px 0 0!important;padding:0!important;color:#768397!important;-webkit-text-fill-color:#768397!important;
  font-size:10px!important;line-height:1.35!important;text-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row{
  grid-column:1 / -1!important;position:relative!important;z-index:60!important;pointer-events:auto!important;
  width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 0!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>.btn,
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger{
  position:relative!important;z-index:61!important;pointer-events:auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;
  border-radius:12px!important;font-size:10px!important;font-weight:900!important;cursor:pointer!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger{
  background:#fff!important;color:#0f172a!important;border:1px solid #d7e0e9!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>.btn{
  background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important;
}
html body.vt-layout-modern.campaign-detail-page .campaign-position-prizes-modal{z-index:50000!important}
html body.vt-layout-modern.campaign-detail-page .campaign-position-prizes-overlay{z-index:0!important}
html body.vt-layout-modern.campaign-detail-page .campaign-position-prizes-dialog{z-index:1!important}

/* Descrição rica: o container recebe estilo, mas o conteúdo mantém exatamente o HTML do editor. */
html body.campaign-detail-page #campaign-description-last .vt-description-content{
  color:inherit!important;
}
html body.campaign-detail-page #campaign-description-last .vt-description-content [style]{
  /* não sobrescrever estilos inline do editor */
}

@media(max-width:700px){
  html body.vt-layout-modern .header-container,
  html body.vt-layout-modern .site-container{width:calc(100vw - 16px)!important}
  html body.vt-layout-modern.home-page .card-destaque-imagem>img,
  html body.vt-layout-modern.home-page .card-destaque-imagem>video{aspect-ratio:16/10.5!important}
  html body.vt-layout-modern.home-page .campanhas-grid{grid-template-columns:1fr!important}
  html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagem__2GXxI{aspect-ratio:16/10.2!important}
  html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{padding:10px 12px 13px!important}
  html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_title__3RLtu{font-size:20px!important}
  html body.vt-layout-modern .menu-header{grid-template-columns:52px minmax(0,1fr)!important;min-height:96px!important;padding-left:14px!important}
  html body.vt-layout-modern .menu-avatar{width:52px!important;height:52px!important}
}

/* ============================================================
   VT SISTEMAS — MODERNO V11.1
   Destaque da home e topo das campanhas no formato:
   imagem em cima + faixa branca compacta embaixo.
   ============================================================ */

/* HOME: a faixa de informações agora é irmã da imagem, nunca sobreposta. */
html body.vt-layout-modern.home-page .card-destaque{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#eef2f7!important;
  border-radius:0!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem>img,
html body.vt-layout-modern.home-page .card-destaque-imagem>video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/7.4!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  border-radius:0!important;
}
html body.vt-layout-modern.home-page .card-destaque-overlay{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:16px 18px 18px!important;
  background:#fff!important;
  background-image:none!important;
  border-top:1px solid #e7edf3!important;
  color:#111827!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  width:100%!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2{
  margin:0!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
  font-size:clamp(22px,2.8vw,32px)!important;
  line-height:1.06!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p{
  margin:2px 0 0!important;
  color:#7b8797!important;
  -webkit-text-fill-color:#7b8797!important;
  text-shadow:none!important;
  font-size:10px!important;
  line-height:1.35!important;
}
html body.vt-layout-modern.home-page .card-destaque-status{
  position:static!important;
  margin:7px 0 0!important;
  align-self:flex-start!important;
}

/* CAMPANHA: imagem primeiro e faixa branca depois em todos os tipos. */
html body.vt-layout-modern.campaign-detail-page .campanha-header{
  display:flex!important;
  flex-direction:column!important;
  background:#fff!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4{
  order:1!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  order:2!important;
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  background:#fff!important;
  background-image:none!important;
  border-top:1px solid #e7edf3!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  html body.vt-layout-modern.home-page .card-destaque-imagem>img,
  html body.vt-layout-modern.home-page .card-destaque-imagem>video{
    aspect-ratio:16/10.2!important;
  }
  html body.vt-layout-modern.home-page .card-destaque-overlay{
    padding:14px 15px 16px!important;
  }
  html body.vt-layout-modern.home-page .card-destaque-info h2{
    font-size:22px!important;
  }
}

/* ============================================================
   VT SISTEMAS — MODERNO V11.2
   Destaque inteiro + alinhamento desktop + pulso visível dos jogos.
   O mobile mantém o alinhamento já aprovado.
   ============================================================ */

@keyframes vtGamePulseVisible{
  0%,100%{
    transform:scale(1)!important;
    filter:brightness(1)!important;
    box-shadow:0 6px 15px rgba(15,23,42,.13)!important;
  }
  50%{
    transform:scale(1.024)!important;
    filter:brightness(1.09)!important;
    box-shadow:0 15px 30px rgba(15,23,42,.24)!important;
  }
}

/* Pulsação perceptível dos cards de Raspadinha, Roleta e Caixa. */
html body.vt-layout-modern.campaign-detail-page .game-rule-public .game-rule-public-row{
  animation:vtGamePulseVisible 1.18s ease-in-out infinite!important;
  animation-play-state:running!important;
  transform-origin:center!important;
  will-change:transform,filter,box-shadow!important;
}
html body.vt-layout-modern.campaign-detail-page .game-rule-public .game-rule-public-row:nth-of-type(2){animation-delay:.12s!important}
html body.vt-layout-modern.campaign-detail-page .game-rule-public .game-rule-public-row:nth-of-type(3){animation-delay:.24s!important}

/* HOME: foto/vídeo de destaque inteiro, sem recorte. */
html body.vt-layout-modern.home-page .card-destaque{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  background:#eef2f7!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem>img,
html body.vt-layout-modern.home-page .card-destaque-imagem>video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  background:#eef2f7!important;
}

/* Faixa branca: Título + Subtítulo + Status à esquerda e valor à direita. */
html body.vt-layout-modern.home-page .card-destaque-overlay{
  padding:15px 18px 17px!important;
  background:#fff!important;
  background-image:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto!important;
  align-items:center!important;
  column-gap:16px!important;
  row-gap:2px!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2{
  grid-column:1!important;
  grid-row:1!important;
  font-size:clamp(22px,2.6vw,31px)!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p{
  grid-column:1!important;
  grid-row:2!important;
}
html body.vt-layout-modern.home-page .card-destaque-status{
  grid-column:1!important;
  grid-row:3!important;
  margin-top:7px!important;
}
html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{
  display:inline-flex!important;
  grid-column:2!important;
  grid-row:1 / span 3!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:4px!important;
  margin:0!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:#effaf4!important;
  border:1px solid #c4ead4!important;
  color:#0f9f5b!important;
  -webkit-text-fill-color:#0f9f5b!important;
  font-size:18px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco small{
  color:#6f7c8e!important;
  -webkit-text-fill-color:#6f7c8e!important;
  font-size:8px!important;
}

/* DESKTOP: todos os blocos da campanha passam a usar o mesmo eixo/largura. */
@media(min-width:701px){
  html body.vt-layout-modern.campaign-detail-page .site-container{
    width:min(calc(100vw - 40px),1080px)!important;
    max-width:1080px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body.vt-layout-modern.campaign-detail-page .app-main,
  html body.vt-layout-modern.campaign-detail-page .app-main.container,
  html body.vt-layout-modern.campaign-detail-page .container.app-main{
    width:100%!important;
    max-width:920px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.vt-layout-modern.campaign-detail-page .campanha-header,
  html body.vt-layout-modern.campaign-detail-page .campanha-preco,
  html body.vt-layout-modern.campaign-detail-page .campanha-buscas,
  html body.vt-layout-modern.campaign-detail-page .promo-especial-banner,
  html body.vt-layout-modern.campaign-detail-page .app-promocao-numeros,
  html body.vt-layout-modern.campaign-detail-page .app-vendas-express,
  html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section,
  html body.vt-layout-modern.campaign-detail-page .campanha-seletor,
  html body.vt-layout-modern.campaign-detail-page .numeros-list,
  html body.vt-layout-modern.campaign-detail-page .game-rule-public,
  html body.vt-layout-modern.campaign-detail-page .ranking,
  html body.vt-layout-modern.campaign-detail-page .duvidas,
  html body.vt-layout-modern.campaign-detail-page #campaign-description-last{
    width:100%!important;
    max-width:920px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  html body.vt-layout-modern.campaign-detail-page .game-rule-public{
    padding-left:0!important;
    padding-right:0!important;
  }
  html body.vt-layout-modern.campaign-detail-page .game-rule-public .game-rule-public-row{
    width:calc(100% - 10px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile: preserva o alinhamento atual; só organiza o valor na faixa se faltar espaço. */
@media(max-width:700px){
  html body.vt-layout-modern.home-page .card-destaque{
    max-width:none!important;
  }
  html body.vt-layout-modern.home-page .card-destaque-info{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:9px!important;
  }
  html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{
    font-size:14px!important;
    padding:8px 10px!important;
  }
}

/* V11C — Home destaque: faixa inferior totalmente branca, sem degradê. */
html body.vt-layout-modern.home-page .card-destaque-overlay,
html body.vt-layout-modern.home-page .card-destaque-overlay::before,
html body.vt-layout-modern.home-page .card-destaque-overlay::after{
  background:#fff!important;
  background-image:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
}
html body.vt-layout-modern.home-page .card-destaque-info,
html body.vt-layout-modern.home-page .card-destaque-info::before,
html body.vt-layout-modern.home-page .card-destaque-info::after{
  background:#fff!important;
  background-image:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2,
html body.vt-layout-modern.home-page .card-destaque-info p{
  text-shadow:none!important;
}

/* ============================================================
   VT SISTEMAS — V11D TEMA COMPLETO
   Todos os elementos do layout moderno herdam as cores do Admin.
   ============================================================ */
html body.vt-layout-modern,
html body.vt-layout-modern.home-page,
html body.vt-layout-modern.campaign-detail-page{
  background:var(--ui-bg)!important;
  background-color:var(--ui-bg)!important;
  color:var(--ui-ink)!important;
}
html body.vt-layout-modern .site-container,
html body.vt-layout-modern .app-main,
html body.vt-layout-modern.home-page .home-modern{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--ui-ink)!important;
}
html body.vt-layout-modern .site-header{
  background:var(--ui-header)!important;
  background-image:none!important;
  border-bottom-color:color-mix(in srgb,var(--ui-header) 78%,var(--ui-ink) 22%)!important;
}
html body.vt-layout-modern .menu-btn{
  background:color-mix(in srgb,var(--ui-ink) 10%,var(--ui-header) 90%)!important;
  border-color:color-mix(in srgb,var(--ui-ink) 20%,var(--ui-header) 80%)!important;
}

/* HOME */
html body.vt-layout-modern.home-page .home-campaign-heading strong,
html body.vt-layout-modern.home-page .section-title h1{
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
}
html body.vt-layout-modern.home-page .home-campaign-heading span,
html body.vt-layout-modern.home-page .section-title p,
html body.vt-layout-modern.home-page .campanha-subtitulo,
html body.vt-layout-modern.home-page .campanha-preco small,
html body.vt-layout-modern.home-page .ganhador-campanha,
html body.vt-layout-modern.home-page .ganhador-numero,
html body.vt-layout-modern.home-page .ganhador-premio,
html body.vt-layout-modern.home-page .ganhador-parabens{
  color:var(--ui-muted)!important;
  -webkit-text-fill-color:var(--ui-muted)!important;
}
html body.vt-layout-modern.home-page .card-destaque,
html body.vt-layout-modern.home-page .card-destaque-imagem,
html body.vt-layout-modern.home-page .card-destaque-overlay,
html body.vt-layout-modern.home-page .campanha-card,
html body.vt-layout-modern.home-page .campanha-info,
html body.vt-layout-modern.home-page .ganhador-card{
  background:var(--ui-surface)!important;
  background-color:var(--ui-surface)!important;
  border-color:var(--ui-border)!important;
  color:var(--ui-ink)!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2,
html body.vt-layout-modern.home-page .campanha-titulo,
html body.vt-layout-modern.home-page .campanha-preco,
html body.vt-layout-modern.home-page .ganhador-nome{
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
  text-shadow:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p{
  color:var(--ui-muted)!important;
  -webkit-text-fill-color:var(--ui-muted)!important;
}
html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{
  background:color-mix(in srgb,var(--ui-primary) 10%,var(--ui-surface) 90%)!important;
  border-color:color-mix(in srgb,var(--ui-primary) 34%,var(--ui-border) 66%)!important;
  color:var(--ui-primary)!important;
  -webkit-text-fill-color:var(--ui-primary)!important;
}

/* CAMPANHA */
html body.vt-layout-modern.campaign-detail-page .campanha-header,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_info__t1BZr,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper,
html body.vt-layout-modern.campaign-detail-page .custom-content-wrapper-details,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-modern-summary,
html body.vt-layout-modern.campaign-detail-page .app-promocao-numeros,
html body.vt-layout-modern.campaign-detail-page .app-vendas-express,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section,
html body.vt-layout-modern.campaign-detail-page .campanha-seletor,
html body.vt-layout-modern.campaign-detail-page .numeros-list,
html body.vt-layout-modern.campaign-detail-page .ranking,
html body.vt-layout-modern.campaign-detail-page .duvidas,
html body.vt-layout-modern.campaign-detail-page #campaign-description-last{
  background-color:var(--ui-surface)!important;
  border-color:var(--ui-border)!important;
  color:var(--ui-ink)!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_title__3RLtu,
html body.vt-layout-modern.campaign-detail-page .app-title h1,
html body.vt-layout-modern.campaign-detail-page .app-title h2,
html body.vt-layout-modern.campaign-detail-page .app-title h3,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section h1,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section h2,
html body.vt-layout-modern.campaign-detail-page .game-rule-public h3{
  color:var(--ui-ink)!important;
  -webkit-text-fill-color:var(--ui-ink)!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_descricao__1b7iL,
html body.vt-layout-modern.campaign-detail-page .app-title-desc,
html body.vt-layout-modern.campaign-detail-page .game-rule-public h3 small{
  color:var(--ui-muted)!important;
  -webkit-text-fill-color:var(--ui-muted)!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-preco{
  background:transparent!important;
  color:var(--ui-ink)!important;
}
html body.vt-layout-modern.campaign-detail-page .controle-quantidade{
  background:var(--ui-subtle-2)!important;
  border-color:var(--ui-border)!important;
}
html body.vt-layout-modern.campaign-detail-page .controle-quantidade .numeroChange,
html body.vt-layout-modern.campaign-detail-page .controle-quantidade .qty{
  background:var(--ui-field)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-border)!important;
}
html body.vt-layout-modern.campaign-detail-page .campaign-prize-title-row,
html body.vt-layout-modern.campaign-detail-page .vt-public-prize-title-row,
html body.vt-layout-modern.campaign-detail-page .vt-title-row{
  background:var(--ui-subtle-2)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-border)!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item:not(.status-reservado):not(.status-pago),
html body.vt-layout-modern.campaign-detail-page .numero-template:not(.status-reservado):not(.status-pago){
  background:var(--ui-field)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-border)!important;
}
/* Os cards dos jogos mantêm as cores personalizadas; apenas títulos/área externa seguem o tema. */
html body.vt-layout-modern.campaign-detail-page .game-rule-public{
  background:transparent!important;
  color:var(--ui-ink)!important;
}
/* Modal / checkout */
html body.vt-layout-modern .modal-content,
html body.vt-layout-modern .modal-header,
html body.vt-layout-modern .modal-body,
html body.vt-layout-modern .modal-footer{
  background-color:var(--ui-surface)!important;
  color:var(--ui-ink)!important;
  border-color:var(--ui-border)!important;
}
html body.vt-layout-modern .modal-content .text-muted{color:var(--ui-muted)!important}

/* Flutuantes: canto fixo também no moderno */
html body.vt-layout-modern .vt-global-floating{
  position:fixed!important;
  top:auto!important;left:auto!important;
  right:max(8px,env(safe-area-inset-right))!important;
  bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))!important;
  margin:0!important;transform:none!important;
  width:auto!important;max-width:54px!important;
  align-items:flex-end!important;z-index:21400!important;
}
html body.vt-layout-modern .vt-floating-button{
  transform:none!important;margin:0!important;
}
@media(max-width:600px){
 html body.vt-layout-modern .vt-global-floating{
   right:max(7px,env(safe-area-inset-right))!important;
   bottom:max(9px,calc(env(safe-area-inset-bottom) + 9px))!important;
 }
}

/* ============================================================
   VT SISTEMAS — V11E
   Contraste automático por superfície + mídia sem faixa cinza
   + compra rápida fixa e mais premium.
   ============================================================ */

/* CONTRASTE: cada superfície usa uma cor de texto calculada para ela. */
html body.vt-layout-modern{
  color:var(--ui-bg-ink)!important;
}
html body.vt-layout-modern .site-header,
html body.vt-layout-modern .site-header *:not(img){
  color:var(--ui-header-ink)!important;
}
html body.vt-layout-modern .menu-btn i{color:var(--ui-header-ink)!important}

html body.vt-layout-modern.home-page .home-campaign-heading strong,
html body.vt-layout-modern.home-page .section-title h1,
html body.vt-layout-modern.home-page .section-title,
html body.vt-layout-modern.campaign-detail-page .app-title,
html body.vt-layout-modern.campaign-detail-page .app-title h1,
html body.vt-layout-modern.campaign-detail-page .app-title h2,
html body.vt-layout-modern.campaign-detail-page .app-title h3,
html body.vt-layout-modern.campaign-detail-page .game-rule-public h3{
  color:var(--ui-bg-ink)!important;
  -webkit-text-fill-color:var(--ui-bg-ink)!important;
}
html body.vt-layout-modern.home-page .home-campaign-heading span,
html body.vt-layout-modern.home-page .section-title p,
html body.vt-layout-modern.campaign-detail-page .app-title-desc,
html body.vt-layout-modern.campaign-detail-page .game-rule-public h3 small{
  color:var(--ui-bg-muted)!important;
  -webkit-text-fill-color:var(--ui-bg-muted)!important;
}

html body.vt-layout-modern.home-page .card-destaque-overlay,
html body.vt-layout-modern.home-page .card-destaque-info,
html body.vt-layout-modern.home-page .campanha-card,
html body.vt-layout-modern.home-page .campanha-info,
html body.vt-layout-modern.home-page .ganhador-card,
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary,
html body.vt-layout-modern.campaign-detail-page .app-promocao-numeros,
html body.vt-layout-modern.campaign-detail-page .app-vendas-express,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section,
html body.vt-layout-modern.campaign-detail-page .campanha-seletor,
html body.vt-layout-modern .modal-content,
html body.vt-layout-modern .modal-header,
html body.vt-layout-modern .modal-body,
html body.vt-layout-modern .modal-footer{
  color:var(--ui-surface-ink)!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2,
html body.vt-layout-modern.home-page .campanha-titulo,
html body.vt-layout-modern.home-page .campanha-preco,
html body.vt-layout-modern.home-page .ganhador-nome,
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_title__3RLtu,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section h1,
html body.vt-layout-modern.campaign-detail-page .campaign-prize-titles-section h2{
  color:var(--ui-surface-ink)!important;
  -webkit-text-fill-color:var(--ui-surface-ink)!important;
  text-shadow:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p,
html body.vt-layout-modern.home-page .campanha-subtitulo,
html body.vt-layout-modern.home-page .campanha-preco small,
html body.vt-layout-modern.home-page .ganhador-campanha,
html body.vt-layout-modern.home-page .ganhador-numero,
html body.vt-layout-modern.home-page .ganhador-premio,
html body.vt-layout-modern.home-page .ganhador-parabens,
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_descricao__1b7iL{
  color:var(--ui-surface-muted)!important;
  -webkit-text-fill-color:var(--ui-surface-muted)!important;
}

html body.vt-layout-modern input:not([type=checkbox]):not([type=radio]),
html body.vt-layout-modern select,
html body.vt-layout-modern textarea,
html body.vt-layout-modern .controle-quantidade .qty,
html body.vt-layout-modern .controle-quantidade .numeroChange{
  color:var(--ui-field-ink)!important;
}
html body.vt-layout-modern input::placeholder,
html body.vt-layout-modern textarea::placeholder{
  color:color-mix(in srgb,var(--ui-field-ink) 58%,var(--ui-field) 42%)!important;
}

/* Não interferir nas cores e formatação criadas no editor da descrição. */
html body.vt-layout-modern #campaign-description-last .descricao-content *,
html body.vt-layout-modern #campaign-description-last .campaign-description-collapsed *,
html body.vt-layout-modern #campaign-description-last .sorteio_sorteioDescBody__3n4ko *{
  -webkit-text-fill-color:initial!important;
}

/* MÍDIA PRINCIPAL: sem altura artificial e sem faixa cinza embaixo. */
html body.vt-layout-modern.home-page .card-destaque-imagem,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem::before,
html body.vt-layout-modern.home-page .card-destaque-imagem::after,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4::before,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4::after,
html body.vt-layout-modern.campaign-detail-page .carousel-inner::after{
  content:none!important;
  display:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-imagem>img,
html body.vt-layout-modern.home-page .card-destaque-imagem>video,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagem__2GXxI{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  vertical-align:top!important;
}

/* COMPRA RÁPIDA: visual fixo, independente do tema escolhido. */
html body.campaign-detail-page .app-vendas-express .vendas-express-grid{
  gap:10px!important;
}
html body.campaign-detail-page .app-vendas-express .card-quantidade{
  position:relative!important;
  min-height:92px!important;
  padding:18px 10px 13px!important;
  overflow:visible!important;
  border-radius:18px!important;
  border:1px solid #263449!important;
  background:linear-gradient(145deg,#0b1220 0%,#172338 58%,#1c2b43 100%)!important;
  box-shadow:0 10px 22px rgba(2,6,23,.16)!important;
  color:#fff!important;
  transform:none!important;
}
html body.campaign-detail-page .app-vendas-express .card-quantidade:hover{
  transform:translateY(-2px)!important;
  border-color:#3a4b64!important;
  box-shadow:0 15px 30px rgba(2,6,23,.22)!important;
}
html body.campaign-detail-page .app-vendas-express .card-quantidade .quantidade-valor,
html body.campaign-detail-page .app-vendas-express .card-quantidade .quantidade-valor small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.campaign-detail-page .app-vendas-express .card-quantidade .quantidade-texto{
  color:#b8c3d3!important;
  -webkit-text-fill-color:#b8c3d3!important;
}
html body.campaign-detail-page .app-vendas-express .card-quantidade.destaque{
  border-color:#22c55e!important;
  background:linear-gradient(145deg,#0b1220 0%,#14243a 60%,#173a2d 100%)!important;
  padding-top:24px!important;
}
html body.campaign-detail-page .app-vendas-express .card-quantidade.destaque::before{
  content:"MAIS VENDIDO"!important;
  position:absolute!important;
  top:-8px!important;
  right:10px!important;
  left:auto!important;
  z-index:4!important;
  transform:none!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  color:#052e16!important;
  -webkit-text-fill-color:#052e16!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.06em!important;
  box-shadow:0 6px 14px rgba(34,197,94,.25)!important;
}

@media(max-width:600px){
  html body.campaign-detail-page .app-vendas-express .card-quantidade{
    min-height:82px!important;
    padding:16px 8px 11px!important;
    border-radius:16px!important;
  }
  html body.campaign-detail-page .app-vendas-express .card-quantidade.destaque{padding-top:21px!important}
  html body.campaign-detail-page .app-vendas-express .card-quantidade.destaque::before{
    top:-7px!important;right:7px!important;font-size:7px!important;
  }
}

/* ============================================================
   VT SISTEMAS — V11F
   Contraste final para temas escuros sem alterar o design.
   As faixas brancas continuam brancas e usam texto escuro.
   ============================================================ */

/* HOME: faixa branca do destaque sempre legível em qualquer tema. */
html body.vt-layout-modern.home-page .card-destaque-overlay,
html body.vt-layout-modern.home-page .card-destaque-info{
  background:#ffffff!important;
  color:#111827!important;
}
html body.vt-layout-modern.home-page .card-destaque-info h2,
html body.vt-layout-modern.home-page .card-destaque-info h1,
html body.vt-layout-modern.home-page .card-destaque-info strong:not(.campanha-preco *),
html body.vt-layout-modern.home-page .card-destaque-info .campanha-titulo{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
}
html body.vt-layout-modern.home-page .card-destaque-info p,
html body.vt-layout-modern.home-page .card-destaque-info .campanha-subtitulo{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
}

/* CAMPANHA: resumo branco sob a foto também mantém contraste correto. */
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  background:#ffffff!important;
  background-image:none!important;
  color:#111827!important;
  border-top-color:#e5e7eb!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_title__3RLtu{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_descricao__1b7iL{
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
  text-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger{
  background:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#d7e0e9!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-action-row>#campaign-position-prizes-trigger *{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}

/* Em áreas realmente escuras do tema, usa a cor de contraste calculada. */
html[data-vt-theme="dark"] body.vt-layout-modern .home-campaign-heading strong,
html[data-vt-theme="dark"] body.vt-layout-modern .home-campaign-heading span,
html[data-vt-theme="dark"] body.vt-layout-modern.campaign-detail-page .app-title,
html[data-vt-theme="dark"] body.vt-layout-modern.campaign-detail-page .app-title h1,
html[data-vt-theme="dark"] body.vt-layout-modern.campaign-detail-page .app-title h2,
html[data-vt-theme="dark"] body.vt-layout-modern.campaign-detail-page .app-title h3,
html[data-vt-theme="dark"] body.vt-layout-modern.campaign-detail-page .game-rule-public h3,
html[data-vt-theme="dark"] body.vt-layout-modern.campaign-detail-page .game-rule-public h3 small{
  color:var(--ui-bg-ink)!important;
  -webkit-text-fill-color:var(--ui-bg-ink)!important;
}

/* Descrição: o card é propositalmente claro; conteúdo sem cor definida no editor
   usa texto escuro. Cores definidas manualmente no editor são preservadas pelo JS. */
html body.campaign-detail-page #campaign-description-last .vt-description-card,
html body.campaign-detail-page #campaign-description-last .vt-description-content{
  background:#ffffff!important;
  background-image:none!important;
  color:#111827!important;
  border-color:#e5e7eb!important;
}
html body.campaign-detail-page #campaign-description-last .vt-description-toggle{
  background:#ffffff!important;
  background-image:none!important;
  color:#0b5cff!important;
  -webkit-text-fill-color:#0b5cff!important;
}
html body.campaign-detail-page #campaign-description-last .vt-description-content{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
html body.campaign-detail-page #campaign-description-last .vt-description-content a:not([style*="color"]){
  color:#0b5cff!important;
  -webkit-text-fill-color:#0b5cff!important;
}


/* V11G - salvaguarda das informações no layout moderno */
html body.vt-layout-modern.home-page .card-destaque-overlay,html body.vt-layout-modern.home-page .card-destaque-info{display:block!important;visibility:visible!important;opacity:1!important}
html body.vt-layout-modern.home-page .card-destaque-info h2,html body.vt-layout-modern.home-page .card-destaque-info p,html body.vt-layout-modern.home-page .card-destaque-status,html body.vt-layout-modern.home-page .card-destaque-info .campanha-preco{visibility:visible!important;opacity:1!important}
html body.vt-layout-modern.campaign-detail-page .campanha-header>.SorteioTpl_info__t1BZr,html body.vt-layout-modern.campaign-detail-page .campanha-header>.custom-content-wrapper{display:grid!important;visibility:visible!important;opacity:1!important}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_title__3RLtu,html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_descricao__1b7iL,html body.vt-layout-modern.campaign-detail-page .campanha-header .custom-badge-display{visibility:visible!important;opacity:1!important}


/* ============================================================
   VT SISTEMAS — V11H
   Status do layout moderno: pulsação mais lenta e perceptível.
   ============================================================ */
@keyframes vtV11HStatusBlink{
  0%,100%{opacity:1;filter:brightness(1);transform:scale(1)}
  50%{opacity:.38;filter:brightness(1.16);transform:scale(1.025)}
}
html body.vt-layout-modern.home-page .card-destaque-status,
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display .blink,
html body.vt-layout-modern .campaign-status-pulse{
  animation:vtV11HStatusBlink 1.8s ease-in-out infinite!important;
  animation-delay:0s!important;
  transition:none!important;
  will-change:opacity,filter,transform!important;
}


/* ============================================================
   VT SISTEMAS — V11I
   Ajuste fino do topo da campanha moderna + destaque arredondado.
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page .campanha-header{
  border-radius:24px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  background-image:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  border-radius:24px 24px 0 0!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagem__2GXxI,
html body.vt-layout-modern.campaign-detail-page .campanha-header .vt-campaign-video{
  display:block!important;
  width:100%!important;
  border-radius:24px 24px 0 0!important;
}
/* Garante que apenas o resumo moderno apareça abaixo da mídia. */
html body.vt-layout-modern.campaign-detail-page .campanha-header>.SorteioTpl_info__t1BZr,
html body.vt-layout-modern.campaign-detail-page .campanha-header>.custom-content-wrapper,
html body.vt-layout-modern.campaign-detail-page .campanha-header>.custom-content-wrapper-details{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header>.vt-modern-campaign-summary{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  background:#ffffff!important;
  background-image:none!important;
  border-top:1px solid #e8edf3!important;
  border-radius:0 0 24px 24px!important;
  padding:14px 18px 16px!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_title__3RLtu{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  font-size:clamp(18px,2.2vw,30px)!important;
  line-height:1.08!important;
  font-weight:950!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-summary-copy .SorteioTpl_descricao__1b7iL{
  color:#738094!important;
  -webkit-text-fill-color:#738094!important;
  font-size:11px!important;
  line-height:1.35!important;
}
@media(max-width:600px){
  html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
    padding:12px 14px 14px!important;
  }
}
/* Destaque da home acompanha o mesmo arredondado dos cards. */
html body.home-page .card-destaque{
  border-radius:24px!important;
  overflow:hidden!important;
}
html body.home-page .card-destaque-imagem,
html body.home-page .card-destaque-imagem img,
html body.home-page .card-destaque-imagem video{
  border-radius:24px 24px 0 0!important;
}


/* ============================================================
   VT SISTEMAS — V11J
   Vídeo da campanha com resumo sempre abaixo + status pulsando.
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page .campanha-header{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4{
  order:1!important;
  flex:0 0 auto!important;
  display:block!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:1!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .campanha-header .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  display:block!important;
  float:none!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header .vt-campaign-video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#000!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  order:2!important;
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  clear:both!important;
  z-index:2!important;
}
/* Remove de vez qualquer reaparição do bloco antigo sobre a mídia. */
html body.vt-layout-modern.campaign-detail-page .campanha-header>.SorteioTpl_info__t1BZr,
html body.vt-layout-modern.campaign-detail-page .campanha-header>.custom-content-wrapper,
html body.vt-layout-modern.campaign-detail-page .campanha-header>.custom-content-wrapper-details{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

@keyframes vtV11JStatusBlinkSlow{
  0%,100%{opacity:1;filter:brightness(1);transform:scale(1)}
  50%{opacity:.45;filter:brightness(1.12);transform:scale(1.02)}
}
html body.vt-layout-modern.home-page .card-destaque-status,
html body.vt-layout-modern.home-page .card-destaque-status *,
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .card-destaque-badge *,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.home-page .campanha-badge *,
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary .custom-badge-display,
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary .custom-badge-display *,
html body.vt-layout-modern.campaign-detail-page .campaign-status-pulse{
  animation:vtV11JStatusBlinkSlow 2.4s ease-in-out infinite!important;
}


/* ============================================================
   VT SISTEMAS — V11K
   Campanha exibe números (layout moderno)
   Fundo branco nos números, pago verde e reservado laranja.
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item,
html body.vt-layout-modern.campaign-detail-page .numero-template{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item *,
html body.vt-layout-modern.campaign-detail-page .numero-template *{
  color:inherit!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.status-pago,
html body.vt-layout-modern.campaign-detail-page .numero-template.status-pago,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.pago,
html body.vt-layout-modern.campaign-detail-page .numero-template.pago{
  background:#22c55e!important;
  border-color:#16a34a!important;
  color:#052e16!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.status-reservado,
html body.vt-layout-modern.campaign-detail-page .numero-template.status-reservado,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.reservado,
html body.vt-layout-modern.campaign-detail-page .numero-template.reservado{
  background:#fb923c!important;
  border-color:#ea580c!important;
  color:#431407!important;
}
/* Mantém destaque de seleção visível quando existir. */
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.selected,
html body.vt-layout-modern.campaign-detail-page .numero-template.selected,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.selecionado,
html body.vt-layout-modern.campaign-detail-page .numero-template.selecionado{
  background:#fde68a!important;
  border-color:#f59e0b!important;
  color:#422006!important;
}

/* ============================================================
   VT SISTEMAS — V11R
   Correção definitiva das cores da campanha exibe números
   no layout moderno.
   Regras cobrindo as classes reais geradas pelo sistema:
   livre = bg-cota / padrão, reservado = bg-info + pending,
   pago = bg-success + paid.
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item .numero-template,
html body.vt-layout-modern.campaign-detail-page .numero-template.bg-cota,
html body.vt-layout-modern.campaign-detail-page .numero-template:not(.bg-info):not(.bg-success):not(.pending):not(.paid):not(.numero-template-selected){
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.14)!important;
  box-shadow:none!important;
}

html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template *,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item .numero-template *,
html body.vt-layout-modern.campaign-detail-page .numero-template.bg-cota *{
  color:inherit!important;
}

/* Reservado = laranja */
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-info,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.pending,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-info.pending,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.status-reservado,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.reservado,
html body.vt-layout-modern.campaign-detail-page .numero-template.status-reservado,
html body.vt-layout-modern.campaign-detail-page .numero-template.reservado{
  background:#fb923c!important;
  border-color:#ea580c!important;
  color:#431407!important;
}
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-info *,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.pending *,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-info.pending *{
  color:#431407!important;
}

/* Pago = verde */
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-success,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.paid,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-success.paid,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.status-pago,
html body.vt-layout-modern.campaign-detail-page .campanha-grupo--item.pago,
html body.vt-layout-modern.campaign-detail-page .numero-template.status-pago,
html body.vt-layout-modern.campaign-detail-page .numero-template.pago{
  background:#22c55e!important;
  border-color:#16a34a!important;
  color:#052e16!important;
}
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-success *,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.paid *,
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.bg-success.paid *{
  color:#052e16!important;
}

/* Selecionado continua destacado, sem quebrar compra manual */
html body.vt-layout-modern.campaign-detail-page .numeros-list .cota .numero-template.numero-template-selected,
html body.vt-layout-modern.campaign-detail-page .numero-template.selected,
html body.vt-layout-modern.campaign-detail-page .numero-template.selecionado{
  background:#dbeafe!important;
  border-color:#2563eb!important;
  color:#1e3a8a!important;
}


/* ============================================================
   VT SISTEMAS — V11V
   Status na divisória + mídia sem película + vídeo→imagem.
   ============================================================ */
@keyframes vtV11VStatusPulse{
  0%,100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
  50%{opacity:.42;transform:translateY(0) scale(1.025);filter:brightness(1.12)}
}

/* A mídia precisa ficar viva: sem filtros, sombra interna ou película escura. */
html body.vt-layout-modern.campaign-detail-page .campanha-header,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  background:transparent!important;
  background-image:none!important;
  filter:none!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .campanha-header::before,
html body.vt-layout-modern.campaign-detail-page .campanha-header::after,
html body.vt-layout-modern.campaign-detail-page .custom-highlight-card::before,
html body.vt-layout-modern.campaign-detail-page .custom-highlight-card::after,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4::before,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagem__2GXxI,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-video{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
}

/* Nunca mostrar vídeo e imagem empilhados ao mesmo tempo. */
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-item{
  display:none!important;
  float:none!important;
  margin-right:0!important;
  width:100%!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .carousel-item.active{
  display:block!important;
}

/* Status exatamente na união da mídia com a parte branca. */
html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge{
  order:2!important;
  position:relative!important;
  inset:auto!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  height:0!important;
  margin:0 0 0 16px!important;
  padding:0!important;
  transform:translateY(-1px)!important;
  pointer-events:none!important;
  overflow:visible!important;
  background:transparent!important;
}
html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge .badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge .blink{
  position:relative!important;
  top:0!important;
  left:0!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  animation:vtV11VStatusPulse 1.15s ease-in-out infinite!important;
  will-change:opacity,transform,filter!important;
  box-shadow:0 5px 14px rgba(15,23,42,.18)!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  order:3!important;
  padding-top:18px!important;
  background:#fff!important;
  background-image:none!important;
}

/* A própria home usa a mesma velocidade de pulsação nos status. */
html body.vt-layout-modern.home-page .card-destaque-status,
html body.vt-layout-modern.home-page .card-destaque-status *,
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .card-destaque-badge *,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.home-page .campanha-badge *{
  animation:vtV11VStatusPulse 1.15s ease-in-out infinite!important;
}

@media(max-width:600px){
  html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge{
    margin-left:14px!important;
    max-width:calc(100% - 24px)!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
    padding-top:16px!important;
  }
}


/* ============================================================
   VT SISTEMAS — V11W
   Correção isolada da mídia da campanha moderna.
   - vídeo e imagem ocupam o MESMO espaço
   - vídeo primeiro e imagem depois
   - sem faixa branca entre mídia e informações
   - sem película escura sobre imagem/vídeo
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page .campanha-header{
  background:#fff!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:hidden!important;
  border-radius:24px 24px 0 0!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-carousel,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  overflow:hidden!important;
  border-radius:24px 24px 0 0!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage{
  transition:height .32s ease!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage::after{
  content:none!important;
  display:none!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage>.carousel-item{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  visibility:hidden!important;
  opacity:0!important;
  transform:translateX(100%)!important;
  transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .25s ease!important;
  background:#000!important;
  overflow:hidden!important;
  z-index:1!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage>.carousel-item.vt-media-active{
  visibility:visible!important;
  opacity:1!important;
  transform:translateX(0)!important;
  z-index:3!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage>.carousel-item.vt-media-leave-left{
  visibility:visible!important;
  opacity:0!important;
  transform:translateX(-100%)!important;
  z-index:2!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage>.carousel-item.vt-media-leave-right{
  visibility:visible!important;
  opacity:0!important;
  transform:translateX(100%)!important;
  z-index:2!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage img.SorteioTpl_imagem__2GXxI,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 .vt-media-stage video.vt-campaign-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
}
/* Sem película, sombra ou degradê em cima da mídia. */
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4::before,
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4::after,
html body.vt-layout-modern.campaign-detail-page .vt-media-carousel::before,
html body.vt-layout-modern.campaign-detail-page .vt-media-carousel::after,
html body.vt-layout-modern.campaign-detail-page .vt-media-stage::before,
html body.vt-layout-modern.campaign-detail-page .vt-media-stage::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
/* A faixa branca de título encosta diretamente na mídia. */
html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge{
  position:relative!important;
  z-index:30!important;
  width:max-content!important;
  height:0!important;
  margin:0 0 0 16px!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  background:transparent!important;
}
html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge .badge,
html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge .blink{
  transform:translateY(-50%)!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
  margin:0!important;
  border-top:0!important;
  border-radius:0 0 24px 24px!important;
  padding:18px 18px 16px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page .SorteioTpl_imagemContainer__2-pl4 + .custom-badge-display.vt-modern-status-bridge + .vt-modern-campaign-summary{
  margin-top:0!important;
}
@media(max-width:600px){
  html body.vt-layout-modern.campaign-detail-page .vt-modern-campaign-summary{
    padding:17px 14px 14px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .custom-badge-display.vt-modern-status-bridge{
    margin-left:14px!important;
  }
}


/* ============================================================
   VT SISTEMAS — V11X
   Footer unificado + status piscando na home + posição dos status nos cards.
   ============================================================ */
@keyframes vtV11XStatusBlink{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.24;transform:scale(1.02)}
}
html body.vt-layout-modern.home-page .card-destaque-status,
html body.vt-layout-modern.home-page .card-destaque-status *,
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .card-destaque-badge *,
html body.vt-layout-modern.home-page .campanha-badge,
html body.vt-layout-modern.home-page .campanha-badge *,
html body.vt-layout-modern.home-page .vt-home-card-status,
html body.vt-layout-modern.home-page .vt-home-card-status *{
  animation:vtV11XStatusBlink 1.05s ease-in-out infinite!important;
  will-change:opacity,transform!important;
}
html body.vt-layout-modern.home-page .campanha-card .campanha-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
html body.vt-layout-modern.home-page .campanha-card .campanha-titulo{order:1!important}
html body.vt-layout-modern.home-page .campanha-card .campanha-subtitulo{order:2!important;margin:0 0 4px!important}
html body.vt-layout-modern.home-page .campanha-card .campanha-badge,
html body.vt-layout-modern.home-page .campanha-card .vt-home-card-status{
  position:static!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  order:3!important;
  margin:2px 0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  z-index:auto!important;
  box-shadow:0 6px 14px rgba(16,24,40,.08)!important;
}
html body.vt-layout-modern.home-page .campanha-card .campanha-preco{
  order:4!important;
  margin-top:0!important;
}
html body.vt-layout-modern.home-page .campanha-card .campanha-preco small{
  display:inline!important;
}
html body.vt-layout-modern.home-page .card-destaque-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
html body.vt-layout-modern.home-page .card-destaque-status,
html body.vt-layout-modern.home-page .card-destaque-badge{
  order:3!important;
  margin:7px 0 0!important;
}

/* Footer único em todas as abas do layout moderno. */
html body.vt-layout-modern .vt-modern-footer-unified{
  background:linear-gradient(180deg,#0f213f 0%,#0b1730 100%)!important;
  color:#ffffff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body.vt-layout-modern .vt-modern-footer-unified,
html body.vt-layout-modern .vt-modern-footer-unified *{
  box-sizing:border-box!important;
}
html body.vt-layout-modern .vt-modern-footer-unified > .container,
html body.vt-layout-modern .vt-modern-footer-unified > .content,
html body.vt-layout-modern .vt-modern-footer-unified > .wrapper{
  max-width:1120px!important;
  margin:0 auto!important;
  padding:34px 28px 18px!important;
}
html body.vt-layout-modern .vt-modern-footer-unified a,
html body.vt-layout-modern .vt-modern-footer-unified h1,
html body.vt-layout-modern .vt-modern-footer-unified h2,
html body.vt-layout-modern .vt-modern-footer-unified h3,
html body.vt-layout-modern .vt-modern-footer-unified h4,
html body.vt-layout-modern .vt-modern-footer-unified h5,
html body.vt-layout-modern .vt-modern-footer-unified h6,
html body.vt-layout-modern .vt-modern-footer-unified strong,
html body.vt-layout-modern .vt-modern-footer-unified b,
html body.vt-layout-modern .vt-modern-footer-unified .title,
html body.vt-layout-modern .vt-modern-footer-unified .copyright{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body.vt-layout-modern .vt-modern-footer-unified p,
html body.vt-layout-modern .vt-modern-footer-unified span,
html body.vt-layout-modern .vt-modern-footer-unified small,
html body.vt-layout-modern .vt-modern-footer-unified .text-muted,
html body.vt-layout-modern .vt-modern-footer-unified .muted{
  color:rgba(255,255,255,.78)!important;
  -webkit-text-fill-color:rgba(255,255,255,.78)!important;
}
html body.vt-layout-modern .vt-modern-footer-unified hr,
html body.vt-layout-modern .vt-modern-footer-unified .divider{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.12)!important;
}
html body.vt-layout-modern .vt-modern-footer-unified .bottom-bar,
html body.vt-layout-modern .vt-modern-footer-unified .footer-bottom,
html body.vt-layout-modern .vt-modern-footer-unified .credits,
html body.vt-layout-modern .vt-modern-footer-unified .copyright-row{
  background:#050b16!important;
  color:#ffffff!important;
  padding:14px 28px!important;
  margin:18px -28px -18px!important;
  text-align:center!important;
}
html body.vt-layout-modern .vt-modern-footer-unified .social-links,
html body.vt-layout-modern .vt-modern-footer-unified .footer-social,
html body.vt-layout-modern .vt-modern-footer-unified .social-icons{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
html body.vt-layout-modern .vt-modern-footer-unified .social-links a,
html body.vt-layout-modern .vt-modern-footer-unified .footer-social a,
html body.vt-layout-modern .vt-modern-footer-unified .social-icons a{
  width:48px!important;
  height:48px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:700px){
  html body.vt-layout-modern .vt-modern-footer-unified > .container,
  html body.vt-layout-modern .vt-modern-footer-unified > .content,
  html body.vt-layout-modern .vt-modern-footer-unified > .wrapper{padding:28px 18px 14px!important}
  html body.vt-layout-modern .vt-modern-footer-unified .bottom-bar,
  html body.vt-layout-modern .vt-modern-footer-unified .footer-bottom,
  html body.vt-layout-modern .vt-modern-footer-unified .credits,
  html body.vt-layout-modern .vt-modern-footer-unified .copyright-row{margin:16px -18px -14px!important;padding:13px 18px!important}
}


/* ============================================================
   VT SISTEMAS — V12G
   Tarja de 20px também nas campanhas + efeito do header somente
   depois que a tarja sai totalmente pelo topo + menu no canto direito.
   ============================================================ */

html body.vt-layout-modern{
  --vt-black-strip-h:20px;
}

/* Menu sempre no canto direito real do header. */
html body.vt-layout-modern .header-container{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-left:20px!important;
  padding-right:20px!important;
  position:relative!important;
}
html body.vt-layout-modern .menu-area{
  position:absolute!important;
  right:20px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  z-index:20!important;
}
@media(max-width:700px){
  html body.vt-layout-modern .header-container{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html body.vt-layout-modern .menu-area{
    right:14px!important;
  }
}

/* Nas campanhas abertas, a faixa preta é parte real da página. */
html body.vt-layout-modern.campaign-detail-page .site-container{
  padding-top:0!important;
  overflow:visible!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-black-strip{
  display:block!important;
  width:100vw!important;
  height:var(--vt-black-strip-h)!important;
  margin:0 0 0 calc(50% - 50vw)!important;
  padding:0!important;
  background:#050505!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* Header permanece sólido durante TODO o percurso da tarja. */
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header,
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header.header-scrolled{
  background:#050505!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

/* Somente depois que a tarja saiu totalmente pelo topo. */
html body.vt-layout-modern.campaign-detail-page.vt-campaign-black-strip-passed .site-header{
  background:rgba(5,5,5,.62)!important;
  background-image:none!important;
  backdrop-filter:blur(14px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.92)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.16)!important;
}

/* HOME: reforça a mesma regra para impedir qualquer transparência precoce. */
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header,
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header.header-scrolled{
  background:#050505!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.home-page.vt-home-black-strip-passed .site-header{
  background:rgba(5,5,5,.62)!important;
  background-image:none!important;
  backdrop-filter:blur(14px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.92)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.16)!important;
}


/* ============================================================
   VT SISTEMAS — V12I
   Campanha aberta com o MESMO conceito visual da home:
   faixa preta curta de 20px + mídia acima + conteúdo abaixo,
   sem zoom e sem ocupar a tela inteira.
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page{
  --vt-black-strip-h:20px;
  overflow-x:hidden!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  margin:0!important;
  padding:12px 18px 0!important;
  overflow:visible!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  height:var(--vt-black-strip-h)!important;
  background:#050505!important;
  pointer-events:none!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .campanha-header{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:920px!important;
  margin:0 auto 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:0 14px 34px rgba(15,23,42,.10)!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  background:#050505!important;
  overflow:hidden!important;
}
/* Não aplicar zoom/crop na imagem ou no vídeo. */
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage img.SorteioTpl_imagem__2GXxI{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  background:#050505!important;
  filter:none!important;
  opacity:1!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .vt-media-stage img.SorteioTpl_imagem__2GXxI,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .vt-media-stage video.vt-campaign-video{
  object-fit:contain!important;
  object-position:center!important;
  background:#050505!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .vt-modern-campaign-summary{
  border-radius:0 0 18px 18px!important;
}
/* A antiga div separada, se ficou em cache/DOM, não participa mais. */
html body.vt-layout-modern.campaign-detail-page .vt-campaign-black-strip{display:none!important}

/* Header só ganha transparência DEPOIS da faixa de 20px passar inteira. */
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header,
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header.header-scrolled{
  background:#050505!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
html body.vt-layout-modern.campaign-detail-page.vt-campaign-black-strip-passed .site-header{
  background:rgba(5,5,5,.62)!important;
  background-image:none!important;
  backdrop-filter:blur(14px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.92)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.16)!important;
}
@media(max-width:700px){
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage{
    padding:10px 14px 0!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .campanha-header{
    max-width:none!important;
    border-radius:16px!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4,
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel,
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .custom-image,
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage img.SorteioTpl_imagem__2GXxI{
    border-radius:16px 16px 0 0!important;
  }
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .vt-modern-campaign-summary{
    border-radius:0 0 16px 16px!important;
  }
}


/* ============================================================
   VT SISTEMAS — V12J
   Header + tarja seguem a cor configurada no Admin, sem linha de divisão.
   ============================================================ */
html body.vt-layout-modern .site-header,
html body.vt-layout-modern .site-header.header-scrolled{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  background-image:none!important;
}
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header,
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header.header-scrolled,
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header,
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header.header-scrolled{
  background:var(--ui-header)!important;
  background-color:var(--ui-header)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body.vt-layout-modern.home-page.vt-home-black-strip-passed .site-header,
html body.vt-layout-modern.campaign-detail-page.vt-campaign-black-strip-passed .site-header{
  background:var(--ui-header-scrolled)!important;
  background-color:var(--ui-header-scrolled)!important;
  background-image:none!important;
  border:0!important;
  backdrop-filter:blur(14px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.92)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.16)!important;
}
/* Tarja de 20px usa exatamente a mesma cor do header configurado. */
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage::before,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-black-strip,
html body.vt-layout-modern .menu-layout-background{
  background:var(--ui-header)!important;
  background-color:var(--ui-header)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
/* Remove qualquer filete entre cabeçalho, tarja e conteúdo. */
html body.vt-layout-modern .site-header + *,
html body.vt-layout-modern .vt-campaign-hero-stage,
html body.vt-layout-modern .vt-campaign-hero-stage::before{
  border-top:0!important;
  outline:0!important;
}


/* ============================================================
   VT SISTEMAS — V12K
   1) Tarja da HOME segue a cor real do header.
   2) Menu lateral/overlay sempre acima do header e da tarja.
   3) Contraste reforçado no tema Preto.
   ============================================================ */

/* A tarja da home é um ::before do palco, não um elemento separado. */
html body.vt-layout-modern.home-page .vt-home-hero-stage::before{
  background:var(--ui-header)!important;
  background-color:var(--ui-header)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Garante a mesma cor no header sólido antes do efeito de rolagem. */
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header,
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header.header-scrolled,
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header,
html body.vt-layout-modern.campaign-detail-page:not(.vt-campaign-black-strip-passed) .site-header.header-scrolled{
  background:var(--ui-header)!important;
  background-color:var(--ui-header)!important;
  border:0!important;
  border-bottom:0!important;
}

/* MENU: fica por cima de absolutamente todo o cabeçalho/tarja/conteúdo. */
html body.vt-layout-modern .overlay-menu{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
}
html body.vt-layout-modern .menu-lateral{
  position:fixed!important;
  top:0!important;
  right:min(-370px,-90vw)!important;
  height:100dvh!important;
  z-index:2147483001!important;
  isolation:isolate!important;
  transform:translateZ(0)!important;
}
html body.vt-layout-modern .menu-lateral.open{
  right:0!important;
}
html body.vt-layout-modern .menu-lateral .menu-header,
html body.vt-layout-modern .menu-lateral .nav-items,
html body.vt-layout-modern .menu-lateral .btn-login-menu{
  position:relative!important;
  z-index:2!important;
}

/* TEMA PRETO (id 4): reforço de contraste.
   Áreas claras continuam com texto escuro; áreas escuras usam branco. */
html[data-vt-theme-id="4"] body.vt-layout-modern{
  color:#18181b!important;
}
html[data-vt-theme-id="4"] body.vt-layout-modern .home-modern,
html[data-vt-theme-id="4"] body.vt-layout-modern .campanha-card,
html[data-vt-theme-id="4"] body.vt-layout-modern .campanha-info,
html[data-vt-theme-id="4"] body.vt-layout-modern .card-destaque-info,
html[data-vt-theme-id="4"] body.vt-layout-modern .vt-modern-campaign-summary,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-promocao-numeros,
html[data-vt-theme-id="4"] body.vt-layout-modern .campaign-prize-titles-section,
html[data-vt-theme-id="4"] body.vt-layout-modern .campanha-seletor,
html[data-vt-theme-id="4"] body.vt-layout-modern .numeros-list,
html[data-vt-theme-id="4"] body.vt-layout-modern #campaign-description-last,
html[data-vt-theme-id="4"] body.vt-layout-modern .modal-content{
  color:#18181b!important;
}
html[data-vt-theme-id="4"] body.vt-layout-modern .campanha-titulo,
html[data-vt-theme-id="4"] body.vt-layout-modern .card-destaque-info h1,
html[data-vt-theme-id="4"] body.vt-layout-modern .card-destaque-info h2,
html[data-vt-theme-id="4"] body.vt-layout-modern .vt-modern-summary-copy .SorteioTpl_title__3RLtu,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-title,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-title h1,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-title h2,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-title h3{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  text-shadow:none!important;
}
html[data-vt-theme-id="4"] body.vt-layout-modern .campanha-subtitulo,
html[data-vt-theme-id="4"] body.vt-layout-modern .card-destaque-info p,
html[data-vt-theme-id="4"] body.vt-layout-modern .vt-modern-summary-copy .SorteioTpl_descricao__1b7iL,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-title-desc{
  color:#52525b!important;
  -webkit-text-fill-color:#52525b!important;
}

/* Componentes propositalmente escuros precisam de texto claro no tema Preto. */
html[data-vt-theme-id="4"] body.vt-layout-modern .site-header,
html[data-vt-theme-id="4"] body.vt-layout-modern .menu-lateral,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-vendas-express .card-quantidade,
html[data-vt-theme-id="4"] body.vt-layout-modern .vt-modern-footer-unified{
  color:#f8fafc!important;
}
html[data-vt-theme-id="4"] body.vt-layout-modern .app-vendas-express .card-quantidade .quantidade-valor,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-vendas-express .card-quantidade .quantidade-valor small,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-vendas-express .card-quantidade strong,
html[data-vt-theme-id="4"] body.vt-layout-modern .app-vendas-express .card-quantidade b{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html[data-vt-theme-id="4"] body.vt-layout-modern .app-vendas-express .card-quantidade .quantidade-texto{
  color:#d4d4d8!important;
  -webkit-text-fill-color:#d4d4d8!important;
}

/* Selos/status: evita texto apagado em qualquer variação do tema Preto. */
html[data-vt-theme-id="4"] body.vt-layout-modern .campanha-badge,
html[data-vt-theme-id="4"] body.vt-layout-modern .card-destaque-status,
html[data-vt-theme-id="4"] body.vt-layout-modern .card-destaque-badge,
html[data-vt-theme-id="4"] body.vt-layout-modern .custom-badge-display .badge{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}


/* ============================================================
   VT SISTEMAS — V12L
   Fundo limpo das campanhas + tarja HOME seguindo o header.
   ============================================================ */

/* Exibe Número e Número Automático:
   elimina o fundo cinza geral sem quebrar os cards internos. */
html body.vt-layout-modern.campaign-detail-page{
  background:var(--ui-surface)!important;
  background-color:var(--ui-surface)!important;
}
html body.vt-layout-modern.campaign-detail-page .site-container,
html body.vt-layout-modern.campaign-detail-page .app-main,
html body.vt-layout-modern.campaign-detail-page main{
  background:transparent!important;
  background-color:transparent!important;
}

/* Segurança extra: a faixa real da HOME usa sempre a cor escolhida no header. */
html body.vt-layout-modern.home-page .vt-home-hero-stage::before{
  background:var(--ui-header)!important;
  background-color:var(--ui-header)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Antes da faixa passar, header e faixa têm exatamente a mesma cor. */
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header,
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed) .site-header.header-scrolled,
html body.vt-layout-modern.home-page:not(.vt-home-black-strip-passed).vt-home-is-scrolling .site-header{
  background:var(--ui-header)!important;
  background-color:var(--ui-header)!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
}


/* ============================================================
   VT SISTEMAS — V12N
   HERO mais largo sem zoom: HOME + Exibe Número + Automático.
   ============================================================ */
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage{
  width:min(1120px, calc(100vw - 16px))!important;
  max-width:none!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:10px 0 0!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .campanha-header{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel-inner,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .carousel-item,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 .custom-image{
  width:100%!important;
  max-width:100%!important;
}
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage img.SorteioTpl_imagem__2GXxI,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 img,
html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage .SorteioTpl_imagemContainer__2-pl4 video{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:700px){
  html body.vt-layout-modern.campaign-detail-page .vt-campaign-hero-stage{
    width:calc(100vw - 12px)!important;
    padding-top:8px!important;
  }
}


/* VT SISTEMAS — V12O — fallback dos status da página inicial */
html body.vt-layout-modern.home-page .card-destaque-status,
html body.vt-layout-modern.home-page .card-destaque-badge,
html body.vt-layout-modern.home-page .campanha-card .campanha-badge{
  visibility:visible!important;
  display:inline-flex!important;
}