.elementor-61463 .elementor-element.elementor-element-844e0f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--flex-wrap:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-61463 .elementor-element.elementor-element-844e0f5.e-con{--align-self:center;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-61463 .elementor-element.elementor-element-e282164{width:100%;max-width:100%;font-family:"Quicksand", Sans-serif;font-size:clamp(1.6rem, 1.35rem + 0.8vw, 1.8rem);font-weight:400;color:var( --e-global-color-9e261dc );}.elementor-61463 .elementor-element.elementor-element-e282164 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-61463 .elementor-element.elementor-element-e282164 a{color:var( --e-global-color-4adf70f );}.elementor-61463 .elementor-element.elementor-element-e282164 a:hover{color:var( --e-global-color-9e261dc );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-61463 .elementor-element.elementor-element-9ab9cff{width:100%;max-width:100%;margin:-1rem 0rem calc(var(--kit-widget-spacing, 0px) + 4rem) 0rem;text-align:start;}.elementor-61463 .elementor-element.elementor-element-9ab9cff.elementor-element{--align-self:center;}.elementor-61463 .elementor-element.elementor-element-9ab9cff .elementor-heading-title{font-family:var( --e-global-typography-82cd4b5-font-family ), Sans-serif;font-size:var( --e-global-typography-82cd4b5-font-size );font-weight:var( --e-global-typography-82cd4b5-font-weight );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );color:#FFFFFF;}.elementor-61463 .elementor-element.elementor-element-f5a99d7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:0rem;--margin-bottom:02.4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:3;}.elementor-61463 .elementor-element.elementor-element-f5a99d7.e-con{--align-self:flex-end;}.elementor-61463 .elementor-element.elementor-element-1cc14bb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-61463 .elementor-element.elementor-element-1cc14bb.e-con{--align-self:flex-end;}.elementor-61463 .elementor-element.elementor-element-04c32f9{width:auto;max-width:auto;background-color:var( --e-global-color-accent );padding:0.5rem 1rem 00.5rem 1rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;box-shadow:2px 2px 0px 0px #FFFFFF;}.elementor-61463 .elementor-element.elementor-element-04c32f9.elementor-element{--align-self:flex-start;}.elementor-61463 .elementor-element.elementor-element-04c32f9 .elementor-heading-title{font-family:var( --e-global-typography-4ce282a-font-family ), Sans-serif;font-size:var( --e-global-typography-4ce282a-font-size );font-weight:var( --e-global-typography-4ce282a-font-weight );color:var( --e-global-color-text );}.elementor-61463 .elementor-element.elementor-element-13efe86{background-color:var( --e-global-color-accent );padding:0.5rem 1rem 0.5rem 1rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;box-shadow:2px 2px 0px 0px #FFFFFF;}.elementor-61463 .elementor-element.elementor-element-13efe86 .elementor-heading-title{font-family:var( --e-global-typography-4ce282a-font-family ), Sans-serif;font-size:var( --e-global-typography-4ce282a-font-size );font-weight:var( --e-global-typography-4ce282a-font-weight );color:var( --e-global-color-text );}.elementor-61463 .elementor-element.elementor-element-dbab267{background-color:var( --e-global-color-accent );padding:0.5rem 1rem 0.5rem 1rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0.5rem 0.5rem 0.5rem 0.5rem;box-shadow:2px 2px 0px 0px #FFFFFF;}.elementor-61463 .elementor-element.elementor-element-dbab267 .elementor-heading-title{font-family:var( --e-global-typography-4ce282a-font-family ), Sans-serif;font-size:var( --e-global-typography-4ce282a-font-size );font-weight:var( --e-global-typography-4ce282a-font-weight );color:var( --e-global-color-text );}.elementor-61463 .elementor-element.elementor-element-ab4c459{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-61463 .elementor-element.elementor-element-ab4c459.elementor-element{--align-self:flex-start;}@media(max-width:1366px) and (min-width:769px){.elementor-61463 .elementor-element.elementor-element-f5a99d7{--width:100%;}.elementor-61463 .elementor-element.elementor-element-1cc14bb{--width:100%;}}@media(max-width:1366px){.elementor-61463 .elementor-element.elementor-element-844e0f5{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-61463 .elementor-element.elementor-element-844e0f5.e-con{--align-self:flex-start;}.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-61463 .elementor-element.elementor-element-9ab9cff .elementor-heading-title{font-size:var( --e-global-typography-82cd4b5-font-size );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );}.elementor-61463 .elementor-element.elementor-element-04c32f9 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-13efe86 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-dbab267 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}}@media(max-width:1024px){.elementor-61463 .elementor-element.elementor-element-844e0f5{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-61463 .elementor-element.elementor-element-9ab9cff .elementor-heading-title{font-size:var( --e-global-typography-82cd4b5-font-size );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );}.elementor-61463 .elementor-element.elementor-element-04c32f9 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-13efe86 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-dbab267 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}}@media(max-width:768px){.elementor-61463 .elementor-element.elementor-element-844e0f5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-breadcrumbs{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-61463 .elementor-element.elementor-element-e282164.elementor-element{--order:-99999 /* order start hack */;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-61463 .elementor-element.elementor-element-9ab9cff{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 2rem) 0rem;}.elementor-61463 .elementor-element.elementor-element-9ab9cff .elementor-heading-title{font-size:var( --e-global-typography-82cd4b5-font-size );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );}.elementor-61463 .elementor-element.elementor-element-04c32f9 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-13efe86 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-dbab267 .elementor-heading-title{font-size:var( --e-global-typography-4ce282a-font-size );}.elementor-61463 .elementor-element.elementor-element-ab4c459{--container-widget-width:991px;--container-widget-flex-grow:0;width:var( --container-widget-width, 991px );max-width:991px;}.elementor-61463 .elementor-element.elementor-element-ab4c459.elementor-element{--align-self:center;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-e282164 */.elementor-61463 .elementor-element.elementor-element-e282164::before {
    content: '';
    background-image: url('/wp-content/uploads/midia/house-breadcrumb.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0rem; /* Adjust as needed */
    width: 2.4rem; /* Adjust size as needed */
    height: 2.4rem; /* Adjust size as needed */
}


.elementor-61463 .elementor-element.elementor-element-e282164 .rank-math-breadcrumb {
    margin-left: 3.2rem;
    font-style: normal;
}


.elementor-61463 .elementor-element.elementor-element-e282164 .rank-math-breadcrumb a {
    color: #aaaaaa
}

.elementor-61463 .elementor-element.elementor-element-e282164 .breadcrumb-icon {
  width: 40px; /* Define a largura do ícone */
  height: 40px; /* Define a altura do ícone */
  margin-right: 5px; /* Espaço entre o ícone e o texto do breadcrumb */
  vertical-align: middle; /* Alinha verticalmente com o texto */
  position: absolute;
}

.breadcrumb-icon {
  width: 40px; /* Define a largura do ícone */
  height: 40px; /* Define a altura do ícone */
  margin-right: 5px; /* Espaço entre o ícone e o texto do breadcrumb */
  vertical-align: middle; /* Alinha verticalmente com o texto */
  position: absolute;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-844e0f5 *//* =========================================================
   FREEWEEK – GRID, FILLER E ÍCONE
   ========================================================= */

/* Grid do shortcode [freeweek_loop] */
.freeweek-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:36px !important;
}

.freeweek-grid > .e-loop-item{
  min-width:0;
  padding:.4rem;
  overflow:hidden !important;
}

/* Fonte 14px no bloco abaixo da lista */
[id^="rolimg_"] .rolimg-streak__row1,
[id^="rolimg_"] .rolimg-streak__row2,
[id^="rolimg_"] .prizesbox__note{
  font-size:14px !important;
  line-height:1.6em !important;
}

/* Ícone antes de "Dias Consecutivos" */
.roleta-minimal .rolimg-streak__row1::before{
  content:"🔥";
  margin-right:8px;
}

[id^="rolimg_"] .rolimg-history-modal__box{
  line-height:2em !important;
}

/* Responsivo */
@media (max-width:1024px){
  .freeweek-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:768px){
  .freeweek-grid{
    grid-template-columns:1fr !important;
  }

  .freeweek-filler .freeweek-filler-card{
    min-height:200px !important;
    padding:22px !important;
  }

  .freeweek-filler .freeweek-filler-text{
    font-size:14px !important;
  }
}

/* (se existir esse card específico) */
.freeweek-filler .freeweek-filler-cardx{
  margin-right:48px;
}

/* Card filler (slot vazio) */
.freeweek-filler .freeweek-filler-card{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  text-align:center;
  height:100%;
  min-height:var(--freeweek-card-h, 240px);
  padding:28px 32px;
  border-radius:10px;
  border:1px solid #2a2a2a;
  box-shadow:3px 3px 0 #2a2a2a;
  background:#0f0f0f;
  color:#ddd;
  font-family:"Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Ícone de presente via máscara */
.freeweek-filler .freeweek-filler-icon,
.freeweek-filler-icon{
  display:inline-flex;
  width:22px;
  height:22px;
  color:#fff;
  background:currentColor;
  -webkit-mask:url('/wp-content/uploads/midia/gift-icon.svg') no-repeat center / contain;
          mask:url('/wp-content/uploads/midia/gift-icon.svg') no-repeat center / contain;
}

.freeweek-filler-icon svg{
  display:none !important;
}

/* Conteúdo do filler */
.freeweek-filler-content{
  align-items:center;
}

.freeweek-filler-p1{
  color:#fff;
  font-size:clamp(1.6rem, 1.1rem + 1.6vw, 2rem);
  line-height:1.5em;
}

.freeweek-filler-p2{
  font-size:clamp(1.2rem, .95rem + .8vw, 1.4rem);
  line-height:1.5em;
  color:#aaa;
  margin-top:3.6rem;
}

.freeweek-filler-p3{
  font-size:1.2rem;
}

.freeweek-filler-p4{
  color:#fff;
  font-size:clamp(1.4rem, .9rem + 1.6vw, 1.8rem);
  line-height:1.5em;
  margin-top:2.4rem;
  padding:12px;
  border:1px solid #fff;
  border-radius:.5rem;
  box-shadow:3px 3px 0 #fff !important;
  background-color:#6212E6;
}


/* =========================================================
   RIBBON "GRATUITO"
   ========================================================= */

#ribbon-gratuito{
  width:96.5%;
  left:2%;
  margin:.4rem;
  overflow:visible !important;
  box-shadow:4px 4px 8px #070707, -4px -4px 8px #171717;
}

#ribbon-gratuito::before{
  content:"GRATUITO";
  position:absolute;
  top:25px;
  left:68%;
  width:280px;
  height:40px;
  transform:rotate(45deg);
  text-align:center;
  background:radial-gradient(circle, #6212E6 40%, #4C3B66 95%);
  color:#fff;
  font:700 12px/40px system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  border-radius:2px;
  pointer-events:none;
  z-index:5;
}

#ribbon-gratuito::after{
  content:"";
  position:absolute;
  top:0;
  left:90%;
  width:20.5rem;
  height:20.5rem;
  transform:rotate(45deg);
  transform-origin:top right;
  z-index:6;
  background:
    linear-gradient(315deg, transparent 50%, #4C3B66 0) bottom left / 16px 16px no-repeat,
    linear-gradient(45deg, transparent 50%, #4C3B66 0) bottom right / 16px 16px no-repeat;
}


/* =========================================================
   ROLETA – TIPOGRAFIA E ESTADOS
   ========================================================= */

[id^="rolimg_"].roleta-minimal,
[id^="rolimg_"].roleta-minimal *{
  font-family:"Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Bloqueado: blur e opacidade */
[id^="rolimg_"] .container.is-locked .wheel,
[id^="rolimg_"] .container.is-locked .ponteiro{
  filter:blur(6px) saturate(.85) brightness(.9) !important;
  opacity:.85;
}

/* Contador sobreposto */
[id^="rolimg_"] .coolwrap{
  position:absolute !important;
  left:50% !important;
  top:calc(50% - 2em) !important;
  transform:translateX(-50%) !important;
  z-index:5 !important;
  display:flex;
  align-items:center;
  gap:8px;
  padding:.55rem .75rem;
  border-radius:.65rem;
  background:#2a2142;
  color:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.25);
  pointer-events:none;
}

[id^="rolimg_"] .coolwrap__lock{
  width:18px;
  height:18px;
  filter:invert(1) brightness(2);
}


/* =========================================================
   ROLETA – LAYOUT + COMPONENTES VISUAIS
   ========================================================= */

[id^="rolimg_"].roleta-minimal{
  --size:580px !important;
  --ptr-w:130px;
  --ptr-top:0px;
  --ptr-rot:0deg;
  color:#fff;
}

/* Wrapper */
[id^="rolimg_"] .grid{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);
  gap:36px;
  align-items:start;
  border:1px solid #aaa !important;
  box-shadow:3px 3px 0 #aaa !important;
  border-radius:18px !important;
  padding:34px !important;
  background:rgba(10,10,10,.35);
}

@media (max-width:1024px){
  [id^="rolimg_"].roleta-minimal{
    --size:520px !important;
  }
}

@media (max-width: 768px){

  [id^="rolimg_"] .grid{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 36px !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
  }

  [id^="rolimg_"] .wheelbox,
  [id^="rolimg_"] .prizesbox{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  [id^="rolimg_"] .wheelbox{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  [id^="rolimg_"] .wheelbox .container{
    width: min(100%, 320px) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  [id^="rolimg_"] .girar-mob,
  [id^="rolimg_"] .rolimg-admin-note{
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  [id^="rolimg_"] .prizesbox{
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0 !important;
  }
}

/* Wheelbox */
[id^="rolimg_"] .wheelbox{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:0;
  background:none !important;
}

/* Container */
[id^="rolimg_"] .wheelbox .container{
  position:relative;
  width:min(var(--size), 100%);
  aspect-ratio:1 / 1;
  height:auto;
  border-radius:50%;
  margin-inline:auto;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 30% 20%, #8b4bff 0, #6212E6 30%, #2a2142 75%, #120b1f 100%);
  box-shadow:
    0 20px 40px rgba(0,0,0,.55),
    inset 0 0 0 3px rgba(255,255,255,.16);
  overflow:visible;
}

/* Roda */
[id^="rolimg_"] .wheelbox .wheel{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%, -50%);
  width:100%;
  aspect-ratio:1 / 1;
  height:auto;
  object-fit:contain;
  border-radius:50%;
}

/* Ponteiro */
[id^="rolimg_"] .wheelbox .ponteiro,
[id^="rolimg_"] .wheelbox .ponteiro--tri{
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%, -40%) rotate(var(--ptr-rot));
  width:var(--ptr-w);
  height:auto;
  z-index:6;
  pointer-events:none;
}

[id^="rolimg_"] .wheelbox .ponteiro{
  margin-top:0 !important;
}

/* Desktop */
@media (min-width:1025px){
  [id^="rolimg_"] .wheelbox .wheel{
    width:100%;
  }

  [id^="rolimg_"] .wheelbox .ponteiro,
  [id^="rolimg_"] .wheelbox .ponteiro--tri{
    transform:translate(-50%, -28%) rotate(var(--ptr-rot));
  }
}

/* Botão "Girar agora" (mobile) */
[id^="rolimg_"] .girar-mob{
  display:none;
  width:auto;
  padding:.9rem 1.2rem;
  border-radius:1.25rem !important;
  border:1px solid #fff !important;
  box-shadow:3px 3px 0 #fff !important;
  background:#000 !important;
  color:#fff !important;
  font-weight:500 !important;
  text-decoration:none !important;
  line-height:1;
  position:relative !important;
}

@media (max-width:1024px){
  [id^="rolimg_"] .girar-mob{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
  }
}

[id^="rolimg_"] .girar-mob:hover{
  box-shadow:1px 1px 0 #fff !important;
  top:2px !important;
  left:2px !important;
}

[id^="rolimg_"] .girar-mob:active{
  box-shadow:0 0 0 #fff !important;
  top:3px !important;
  left:3px !important;
}

/* Aviso admin */
[id^="rolimg_"] .rolimg-admin-note{
  margin:0 !important;
  padding-top:6px;
  text-align:center;
  opacity:.9;
  max-width:520px;
}


/* =========================================================
   PRIZESBOX + LISTA
   ========================================================= */

[id^="rolimg_"] .prizesbox{
  background:rgba(15,15,15,.85) !important;
  border:1px solid #2a2a2a !important;
  box-shadow:3px 3px 0 #2a2a2a !important;
  border-radius:14px !important;
  padding:26px 26px 22px !important;
}

@media (max-width:768px){
  [id^="rolimg_"] .prizesbox{
    border:none !important;
    box-shadow:none !important;
    background:none !important;
  }
}

/* Título */
[id^="rolimg_"] .prizesbox__title{
  margin:0 0 16px 0 !important;
}

/* Lista */
[id^="rolimg_"] .prizes{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  counter-reset:rolprize;
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Item */
[id^="rolimg_"] .prizes li{
  counter-increment:rolprize;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.28) !important;
  border:1px solid #2a2a2a !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
  font-size:1.4rem !important;
}

/* Número */
[id^="rolimg_"] .prizes li::before{
  content:counter(rolprize) !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 12px;
  border-radius:999px !important;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:800;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

/* Texto */
[id^="rolimg_"] .prizes li .txt{
  flex:1;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Active */
[id^="rolimg_"] .prizes li.is-active{
  border-color:rgba(98,18,230,.85) !important;
  box-shadow:
    0 0 0 3px rgba(230,18,217,.12) !important,
    inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

[id^="rolimg_"] .prizes li.is-active::before{
  background:#6212E6 !important;
  color:#fff !important;
  box-shadow:
    0 0 0 3px rgba(230,18,217,.18) !important,
    inset 0 0 0 1px rgba(255,255,255,.10) !important;
}

/* Picked */
[id^="rolimg_"] .prizes li.is-picked{
  background:#6212E6 !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
  font-weight:800 !important;
}

[id^="rolimg_"] .prizes li.is-picked::before{
  background:rgba(0,0,0,.22) !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

/* Nota */
[id^="rolimg_"] .prizesbox__note{
  padding:14px 0 0 0 !important;
  line-height:1.8em !important;
  margin-top:12px !important;
  color:#cfcfcf !important;
}


/* =========================================================
   BOTÕES
   ========================================================= */

[id^="rolimg_"] .prizesbox .elementor-button{
  position:relative !important;
  display:inline-flex !important;
  align-items:center;
  gap:.64rem;
  border-radius:1.25rem !important;
  border:1px solid #fff !important;
  box-shadow:3px 3px 0 #fff !important;
  padding:1rem 2.2rem !important;
  text-decoration:none !important;
}

/* Espaçamento */
[id^="rolimg_"] .prizesbox .elementor-button.girar{
  margin-top:26px !important;
  margin-right:14px !important;
}

[id^="rolimg_"] .prizesbox .elementor-button.ver-premios{
  margin-top:26px !important;
}

/* Mobile */
@media (max-width:520px){
  [id^="rolimg_"] .prizesbox .elementor-button.girar{
    margin-right:0 !important;
  }

  [id^="rolimg_"] .prizesbox .elementor-button.ver-premios{
    margin-top:14px !important;
  }
}

/* Botão Girar */
[id^="rolimg_"] .elementor-button.girar{
  background:#E612D9 !important;
  box-shadow:3px 3px 0 white !important;
  font-weight:800 !important;
}

[id^="rolimg_"] .elementor-button.girar:hover{
  filter:brightness(1.06);
}

/* Ícone */
[id^="rolimg_"] .elementor-button.girar:before{
  content:"" !important;
  width:16px;
  height:16px;
  flex:0 0 auto !important;
  background:#fff;
  -webkit-mask:url('/wp-content/uploads/midia/gift-icon.svg') no-repeat center / contain;
          mask:url('/wp-content/uploads/midia/gift-icon.svg') no-repeat center / contain;
}

/* Press effect */
[id^="rolimg_"] .elementor-button.girar:hover{
  box-shadow:1px 1px 0 #fff !important;
  top:2px !important;
  left:2px !important;
}

[id^="rolimg_"] .elementor-button.girar:active{
  box-shadow:0 0 0 #fff !important;
  top:3px !important;
  left:3px !important;
}

/* Botão Ver Prêmios */
[id^="rolimg_"] .elementor-button.ver-premios{
  background:#000 !important;
  font-weight:500 !important;
}

[id^="rolimg_"] .elementor-button.ver-premios:hover{
  box-shadow:1px 1px 0 #fff !important;
  top:2px !important;
  left:2px !important;
}

[id^="rolimg_"] .elementor-button.ver-premios:active{
  box-shadow:0 0 0 #fff !important;
  top:3px !important;
  left:3px !important;
}


/* =========================================================
   STREAK
   ========================================================= */

[id^="rolimg_"] .rolimg-streak{
  position:static;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
  margin-top:20px !important;
}

[id^="rolimg_"] .rolimg-streak__row1,
[id^="rolimg_"] .rolimg-streak__row2{
  margin-bottom:10px;
}

[id^="rolimg_"] .destaque-pontos{
  color:#E612D9 !important;
}

[id^="rolimg_"] .libera-date,
[id^="rolimg_"] .libera-box{
  box-shadow:3px 3px 0 #fff !important;
  border:1px solid #fff !important;
}

[id^="rolimg_"] .libera-overlay{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
}

[id^="rolimg_"] .libera-date{
  color:#cfcfcf;
  font:600 13px/1.2 "Quicksand", system-ui, sans-serif;
  padding:.35rem .6rem;
  background:rgba(18,18,18,.85);
  border-radius:.5rem;
  box-shadow:3px 3px 0 #fff1;
}

[id^="rolimg_"] .libera-box{
  order:-1 !important;
  margin-bottom:.8rem !important;
}


/* =========================================================
   MODAIS
   ========================================================= */

/* Overlay */
[id^="rolimg_"] .popupganho,
[id^="rolimg_"] .rolimg-history-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.72) !important;
  padding:18px !important;
}

[id^="rolimg_"] .popupganho{
  display:none;
}

/* Box */
[id^="rolimg_"] .popupganho__box,
[id^="rolimg_"] .rolimg-history-modal__box{
  position:relative !important;
  width:min(720px, 100%) !important;
  max-height:min(78vh, 820px) !important;
  overflow:auto !important;
  background:#0f0f0f !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:14px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.6) !important;
  padding:22px 22px 18px !important;
}

/* Texto do modal resultado */
[id^="rolimg_"] .popupganho__msg{
  font-size:1.2rem !important;
  line-height:1.6em !important;
  padding-right:54px !important;
  padding-top:6px !important;
}

/* Link dentro do modal */
[id^="rolimg_"] .popupganho__msg a{
  color:#fff !important;
  font-weight:700 !important;
  text-decoration:underline !important;
}

/* X */
[id^="rolimg_"] .rolimg-modal-x{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  width:44px !important;
  height:44px !important;
  border-radius:1.25rem !important;
  border:1px solid #fff !important;
  box-shadow:3px 3px 0 #fff !important;
  background:#000 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  line-height:1 !important;
  cursor:pointer !important;
  transform:translate(0,0) !important;
}

[id^="rolimg_"] .rolimg-modal-x:hover{
  box-shadow:1px 1px 0 #fff !important;
  transform:translate(2px,2px) !important;
}

[id^="rolimg_"] .rolimg-modal-x:active{
  box-shadow:0 0 0 #fff !important;
  transform:translate(3px,3px) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Quicksand';
	font-display: swap;
	src: url('https://plugintema.com.br/wp-content/uploads/midia/Quicksand-variable.woff2') format('woff2');
}
/* End Custom Fonts CSS */