.elementor-811 .elementor-element.elementor-element-107b0b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-811 .elementor-element.elementor-element-107b0b9:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-107b0b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0FCE3E;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-811 .elementor-element.elementor-element-464a259 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:400;color:#000000;}.elementor-811 .elementor-element.elementor-element-0853ef7{--display:flex;--min-height:990px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-811 .elementor-element.elementor-element-0853ef7:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-0853ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtipster.com.br/wp-content/uploads/2026/03/desktop-roletamdtop.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-811 .elementor-element.elementor-element-0853ef7::before, .elementor-811 .elementor-element.elementor-element-0853ef7 > .elementor-background-video-container::before, .elementor-811 .elementor-element.elementor-element-0853ef7 > .e-con-inner > .elementor-background-video-container::before, .elementor-811 .elementor-element.elementor-element-0853ef7 > .elementor-background-slideshow::before, .elementor-811 .elementor-element.elementor-element-0853ef7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-811 .elementor-element.elementor-element-0853ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-811 .elementor-element.elementor-element-ec21b3f{--display:flex;}.elementor-811 .elementor-element.elementor-element-90b43e8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:68px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-811 .elementor-element.elementor-element-3fcb904{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-811 .elementor-element.elementor-element-2825255{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-811 .elementor-element.elementor-element-1145bb3{--display:flex;--min-height:86vh;--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;--align-items:center;}.elementor-811 .elementor-element.elementor-element-1145bb3:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-1145bb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1b1d1b;}.elementor-811 .elementor-element.elementor-element-1145bb3.e-con{--align-self:center;}.elementor-811 .elementor-element.elementor-element-aec79f2{--display:flex;--min-height:148px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-811 .elementor-element.elementor-element-5c3c1ad .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-811 .elementor-element.elementor-element-4f2a1b3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF;}.elementor-811 .elementor-element.elementor-element-6f73b5e{--display:flex;--min-height:918px;--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;--align-items:center;}.elementor-811 .elementor-element.elementor-element-6f73b5e:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-6f73b5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1b1d1b;}.elementor-811 .elementor-element.elementor-element-a35911e{--display:flex;}.elementor-811 .elementor-element.elementor-element-fdd85e9{text-align:center;}.elementor-811 .elementor-element.elementor-element-fdd85e9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;color:#e3ab07;}.elementor-811 .elementor-element.elementor-element-d086c72.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-d086c72{font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-811 .elementor-element.elementor-element-7a0e097{--display:flex;--min-height:478px;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-811 .elementor-element.elementor-element-5eb1425.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-5eb1425{text-align:center;}.elementor-811 .elementor-element.elementor-element-5eb1425 img{width:70%;}.elementor-811 .elementor-element.elementor-element-e32225f.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-e32225f img{width:70%;}.elementor-811 .elementor-element.elementor-element-7cd53d9.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-7cd53d9 img{width:79px;}.elementor-811 .elementor-element.elementor-element-fc1fd18{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-811 .elementor-element.elementor-element-0fe6ce0.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-7d939a1{--display:flex;--min-height:365px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 1px 1px #8BFF92;}.elementor-811 .elementor-element.elementor-element-7d939a1:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-7d939a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1b1d1b;}.elementor-811 .elementor-element.elementor-element-ceca3a2{--display:flex;--min-height:211px;--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:flex-start;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 2px 1px rgba(143.90366104789408, 255, 131.9867527173913, 0.46);}.elementor-811 .elementor-element.elementor-element-ceca3a2:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-ceca3a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1F1D;}.elementor-811 .elementor-element.elementor-element-ceca3a2.e-con{--align-self:flex-start;}.elementor-811 .elementor-element.elementor-element-8e2603b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-811 .elementor-element.elementor-element-3d5b030{width:var( --container-widget-width, 2% );max-width:2%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;--container-widget-width:2%;--container-widget-flex-grow:0;text-align:start;}.elementor-811 .elementor-element.elementor-element-3d5b030.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-811 .elementor-element.elementor-element-3d5b030 img{width:100%;}.elementor-811 .elementor-element.elementor-element-2628312{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -12px;text-align:start;}.elementor-811 .elementor-element.elementor-element-2628312 .elementor-heading-title{color:#FFFFFF;}.elementor-811 .elementor-element.elementor-element-6a7c530{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:300;color:#C9C9C9;}.elementor-811 .elementor-element.elementor-element-8d15252{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-811 .elementor-element.elementor-element-8d15252 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:300;color:#FCFCFC;}@media(max-width:1024px){.elementor-811 .elementor-element.elementor-element-464a259 .elementor-heading-title{font-size:16px;}.elementor-811 .elementor-element.elementor-element-0853ef7:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-0853ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtipster.com.br/wp-content/uploads/2026/03/mobile-roletamd.jpg");background-size:cover;}.elementor-811 .elementor-element.elementor-element-0853ef7{--min-height:1257px;--justify-content:flex-end;}.elementor-811 .elementor-element.elementor-element-ec21b3f.e-con{--align-self:center;}.elementor-811 .elementor-element.elementor-element-90b43e8{text-align:center;}.elementor-811 .elementor-element.elementor-element-90b43e8 .elementor-heading-title{font-size:47px;}.elementor-811 .elementor-element.elementor-element-3fcb904{text-align:center;font-size:14px;}.elementor-811 .elementor-element.elementor-element-a98a0c0.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-1145bb3{--min-height:86vh;--justify-content:center;}.elementor-811 .elementor-element.elementor-element-aec79f2{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-811 .elementor-element.elementor-element-aec79f2.e-con{--align-self:center;}.elementor-811 .elementor-element.elementor-element-5c3c1ad{text-align:center;}.elementor-811 .elementor-element.elementor-element-4f2a1b3{text-align:center;}.elementor-811 .elementor-element.elementor-element-4f2a1b3 .elementor-heading-title{font-size:16px;}.elementor-811 .elementor-element.elementor-element-8e2603b{--justify-content:center;}}@media(max-width:767px){.elementor-811 .elementor-element.elementor-element-464a259 .elementor-heading-title{font-size:14px;}.elementor-811 .elementor-element.elementor-element-0853ef7:not(.elementor-motion-effects-element-type-background), .elementor-811 .elementor-element.elementor-element-0853ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mdtipster.com.br/wp-content/uploads/2026/03/mobile-roletamd.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-811 .elementor-element.elementor-element-0853ef7{--content-width:100%;--min-height:90vh;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--z-index:0;}.elementor-811 .elementor-element.elementor-element-ec21b3f{--width:80%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-811 .elementor-element.elementor-element-ec21b3f.e-con{--align-self:center;}.elementor-811 .elementor-element.elementor-element-90b43e8{text-align:center;}.elementor-811 .elementor-element.elementor-element-90b43e8 .elementor-heading-title{font-size:29px;}.elementor-811 .elementor-element.elementor-element-3fcb904{text-align:center;font-size:12px;}.elementor-811 .elementor-element.elementor-element-a98a0c0{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-811 .elementor-element.elementor-element-a98a0c0.elementor-element{--align-self:center;}.elementor-811 .elementor-element.elementor-element-aec79f2{--width:77%;}.elementor-811 .elementor-element.elementor-element-5c3c1ad .elementor-heading-title{font-size:30px;}.elementor-811 .elementor-element.elementor-element-4f2a1b3 .elementor-heading-title{font-size:12px;}.elementor-811 .elementor-element.elementor-element-6f73b5e{--min-height:701px;}.elementor-811 .elementor-element.elementor-element-fdd85e9 .elementor-heading-title{font-size:28px;}.elementor-811 .elementor-element.elementor-element-d086c72{text-align:center;font-size:14px;}.elementor-811 .elementor-element.elementor-element-7a0e097{--width:100%;--min-height:286px;}.elementor-811 .elementor-element.elementor-element-5eb1425 img{width:77%;}.elementor-811 .elementor-element.elementor-element-7cd53d9 img{width:61px;}.elementor-811 .elementor-element.elementor-element-0fe6ce0{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-811 .elementor-element.elementor-element-8e2603b{--justify-content:center;}.elementor-811 .elementor-element.elementor-element-3d5b030{--container-widget-width:19px;--container-widget-flex-grow:0;width:var( --container-widget-width, 19px );max-width:19px;}.elementor-811 .elementor-element.elementor-element-6a7c530{font-size:12px;}.elementor-811 .elementor-element.elementor-element-8d15252 .elementor-heading-title{font-size:10px;}}@media(min-width:768px){.elementor-811 .elementor-element.elementor-element-107b0b9{--content-width:100%;}.elementor-811 .elementor-element.elementor-element-0853ef7{--content-width:1288px;}.elementor-811 .elementor-element.elementor-element-ec21b3f{--width:45%;}.elementor-811 .elementor-element.elementor-element-1145bb3{--content-width:1600px;}.elementor-811 .elementor-element.elementor-element-aec79f2{--width:90%;}.elementor-811 .elementor-element.elementor-element-7a0e097{--width:1363px;}.elementor-811 .elementor-element.elementor-element-8e2603b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-811 .elementor-element.elementor-element-0853ef7{--content-width:100%;}.elementor-811 .elementor-element.elementor-element-ec21b3f{--width:60%;}.elementor-811 .elementor-element.elementor-element-aec79f2{--width:53%;}}/* Start custom CSS for heading, class: .elementor-element-464a259 */.textoanimado{
    display: inline-block;
    animation: carrossel 40s linear infinite;
}
@keyframes carrossel{
    0%{
        transform: translatex(0);
    }
    100%{
        transform: translatex(-900px);
    }
}

.textoanimado2 {
  white-space: nowrap;
  overflow: hidden;

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90b43e8 */.colortext{
    color: #0FCE3E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a98a0c0 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.btn-generate-site-green {
    display: inline-block;
    background: #0FCE3E;
    color: #000;
    text-decoration: none;
    padding: 12px 26px;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    transition: all 0.3s cubic-bezier(.16,1,.3,1);
    box-shadow: 0 6px 18px rgba(15, 206, 62, 0.25);
}

/* Hover */
.btn-generate-site-green:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 12px 25px rgba(15, 206, 62, 0.35);
}

/* Texto preto no hover */
.btn-generate-site-green:hover .btn-title-green,
.btn-generate-site-green:hover .btn-subtitle-green {
    color: #000000;
}

.btn-generate-site-green:active {
    transform: scale(0.98);
}

.btn-content-green {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn-title-green {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}

.btn-subtitle-green {
    font-size: 10px;
    margin-top: 2px;
    opacity: 0.9;
    letter-spacing: 0.8px;
    transition: color 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2825255 */.linha-animada {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #0E3B1F, #8BFF92, #0E3B1F);
  background-size: 200% 100%;
  animation: mover 3s linear infinite;
  box-shadow: 0 0 10px #8BFF92;
}

@keyframes mover {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7cef541 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

body {
    color: white;
    font-family: 'Poppins', sans-serif;
}

.container-cards {
    display: flex;
    gap: 30px;
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.card {
    background: #161616;
    border-radius: 20px;
    padding: 35px;
    width: 440px;
    text-align: center;
    transition: transform 0.3s ease;
    border: 1px solid transparent; /* Base da borda */
}

/* Efeito GROW ao passar o mouse */
.card:hover {
    transform: scale(1.05);
}

/* --- CORES E BORDAS FIXAS IGUAIS À IMAGEM --- */

/* OURO - Amarelo/Dourado */
.card.ouro {
    border-color: rgba(255, 215, 0, 0.3);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.15);
}
.ouro h2, .ouro .icon-header { color: #FFD700; }

/* PRATA - Cinza/Azulado */
.card.prata {
    border-color: rgba(192, 192, 192, 0.2);
    box-shadow: 0 0 20px rgba(192, 192, 192, 0.1);
}
.prata h2, .prata .icon-header { color: #C0C0C0; }

/* BRONZE - Laranja/Cobre */
.card.bronze {
    border-color: rgba(205, 127, 50, 0.3);
    box-shadow: 0 0 20px rgba(205, 127, 50, 0.15);
}
.bronze h2, .bronze .icon-header { color: #CD7F32; }

/* --- ESTILO DOS ITENS --- */

h2 {
    font-size: 1.1rem;
    margin-bottom: 30px;
    font-weight: 700;
}

.item {
    background: #1e1e1e;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    text-align: left;
    font-size: 0.85rem;
    border: 1px solid #2a2a2a;
}

.icon-header {
    font-size: 20px;
    margin-bottom: 10px;
}

/* Tamanho das imagens principais (os ícones de cima) */
.icon-gold img, .icon-silver img, .icon-bronze img {
    width: 60px; /* Ajuste conforme o tamanho da sua imagem original */
    height: auto;
    margin-bottom: 10px;
}

/* Container do item - Alinhamento Horizontal */
.item {
    background: #1e1e1e;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: row; 
    align-items: center; 
    text-align: left;
    font-size: 0.85rem;
    border: 1px solid #2a2a2a;
    gap: 15px; 
}

/* Ajuste do ícone pequeno para AUMENTAR SEM CORTAR */
.item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px; /* Largura aumentada para que a imagem do WordPress cresça */
}

.item .icon img {
    width: 100%;    /* Ocupa a largura total do container .icon */
    height: auto;   /* Mantém a proporção original */
    max-height: 30px; /* Altura máxima aumentada para acompanhar o crescimento */
    display: block;
    object-fit: scale-down; /* Garante que a imagem inteira apareça sem cortes */
}

/* Configuração para a animação de luz SUAVE, RETA e MAIS TRANSPARENTE */
.card {
    position: relative;
    overflow: hidden; /* Mantém o brilho dentro dos limites do card */
}

.card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 35%; 
    height: 100%;
    /* 90deg para ser vertical. Opacidade reduzida para 0.05 (mais transparente) */
    background: linear-gradient(
        90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.05) 50%, 
        transparent 100%
    );
    /* Transição fluida de 1.2 segundos */
    transition: left 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

/* Movimento ao passar o mouse */
.card:hover::before {
    left: 150%;
}

/* Ajuste de cores com transparência extra para cada categoria */
.card.ouro:hover::before {
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
}

.card.prata:hover::before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

.card.bronze:hover::before {
    background: linear-gradient(90deg, transparent, rgba(205, 127, 50, 0.1), transparent);
}



@media (max-width: 768px) {
    /* Container externo que permite o scroll lateral */
    .wrapper-premios {
        width: 100%;
        overflow-x: auto; /* Ativa o deslizamento horizontal */
        scroll-snap-type: x mandatory; /* Efeito imã: o card para no meio */
        -webkit-overflow-scrolling: touch; /* Suavidade para iPhone/Android */
        padding-bottom: 20px;
    }

    /* Remove a barra de rolagem visual para ficar limpo como na imagem */
    .wrapper-premios::-webkit-scrollbar {
        display: none;
    }

    .container-cards {
        flex-wrap: nowrap; /* Impede os cards de irem para baixo */
        display: flex;
        justify-content: flex-start;
        padding: 0 20px; /* Respiro lateral */
        gap: 15px; /* Espaço entre os cards no slide */
    }

    .card {
        flex: 0 0 310px; /* Largura fixa do card no celular para não esmagar */
        width: 310px;
        scroll-snap-align: center; /* Centraliza o card ao soltar o dedo */
        margin: 0;
    }
}

/* Estilo unificado para os indicadores */
.carousel-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: #333; /* Cor dos pontos inativos */
    border-radius: 50%;
    transition: all 0.3s ease;
}

.dot.active {
    width: 35px; /* Formato de pílula */
    background-color: #FFB800; /* Amarelo da referência */
    border-radius: 10px;
}

/* Regra de Ouro: Scroll no Wrapper, Cards alinhados no Container */
@media (max-width: 768px) {
    .wrapper-premios {
        width: 100%;
        overflow-x: auto;
        scroll-snap-type: x mandatory; /* Efeito imã */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    .wrapper-premios::-webkit-scrollbar {
        display: none; /* Esconde a barra lateral */
    }

    .container-cards {
        display: flex;
        flex-wrap: nowrap; /* Força os cards em linha */
        justify-content: flex-start;
        padding: 0 20px;
        gap: 15px;
    }

    .card {
        flex: 0 0 300px; /* Largura fixa para o slide */
        scroll-snap-align: center; /* Centraliza o card ao soltar o dedo */
    }
}

@media (min-width: 769px) {
    .carousel-indicators { display: none; }
}

/* Esconde os indicadores em telas grandes (Desktop) */
@media (min-width: 769px) {
    .carousel-indicators {
        display: none;
    }
}

/* Ajuste na responsividade do container para o slide */
@media (max-width: 768px) {
    .wrapper-premios {
        overflow-x: auto;
        scroll-snap-type: x mandatory; /* Garante que o card pare centralizado */
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
    
    .container-cards {
        display: flex;
        flex-wrap: nowrap; /* Mantém os cards em linha para o slide */
        padding: 0 20px;
    }

    .card {
        flex: 0 0 300px; /* Largura fixa para manter o aspecto de card vertical */
        scroll-snap-align: center;
    }
    h2 {
        font-size: 1rem; /* Diminuído para não ocupar tanto espaço no topo */
        margin-bottom: 20px;
    }

    .item {
        font-size: 0.75rem; /* Fonte menor para os textos de prêmios */
        padding: 12px;
        gap: 10px;
    }

    .item .icon {
        width: 28px; /* Ícones menores para acompanhar a fonte */
    }

    .item .icon img {
        max-height: 28px;
    }

    .icon-gold img, .icon-silver img, .icon-bronze img {
        width: 45px; /* Reduz o ícone principal (coroa/medalha) */
    }
    /* Remove o efeito de aumentar (crescer) no mobile para não cortar as bordas */
    .card:hover {
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc1fd18 *//* Estilos gerais */
.girandotext {
  display: none; /* Garante que o container comece escondido */
}
.container {
  position: relative;
  width: 300px; /* Ajuste conforme o tamanho das suas imagens */
  height: 300px;
}

.roleta1, .roleta2, .ponteiro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.roleta1 {
  animation: balancar 2s infinite; /* Animação de balançar */
}

.roleta2 {
  display: none;
}

.ponteiro {
  z-index: 10;
}

.elementor-button.girar {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}


/* Media query para telas menores */
@media (max-width: 600px) {
  .container {
    width: 200px; /* Ajuste conforme o tamanho das suas imagens no mobile */
    height: 200px;
  }

  .roleta1, .roleta2, .ponteiro {
    width: 100%; /* Ajuste conforme o tamanho das suas imagens no mobile */
    height: 100%;
  }

  .elementor-button.girar {
    bottom: -30px;
    padding: 8px 16px;
    font-size: 14px;
  }

  .popupganho {
    padding: 10px;
  }
}

@keyframes balancar {
  0%, 100% {
    transform: translate(-50%, -50%) rotate(-5deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(5deg);
  }
}



.resgatar {
    background: green;
    padding: 8px;
    border-radius: 2px;
}
.girandotext, .modal-roleta-exclusivo {
    display: none !important;
}

.modal-roleta-exclusivo {
    position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.9); display: none; align-items: center; justify-content: center;
}

.modal-content-roleta {
    background: #1a1a1a; padding: 25px; border-radius: 10px;
    border: 0.9px solid #C0C0C0; /* Borda Prata */
    max-width: 350px; /* Menor como pedido */
    width: 90%; text-align: center; color: white; position: relative;
}

.input-duplo { display: flex; gap: 8px; }
.modal-content-roleta input {
    width: 100%; padding: 10px; margin: 8px 0;
    background: #252525; border: 1px solid #333;
    border-radius: 5px; color: white; font-size: 14px;
}

/* Estilo do botão do formulário */
.girar-roleta {
    background: #FFB800; color: black; font-weight: bold;
    width: 100%; padding: 12px; border: none; border-radius: 2px;
    cursor: pointer; margin-top: 10px; font-size: 15px;
}
/* FORÇA O BOTÃO A MANTER A COR ORIGINAL */
.girar-roleta:hover,
.girar-roleta:focus{
    background: #FFB800 !important;
    color: black !important;
    transform: none !important;
    box-shadow: none !important;
}
.fechar-modal { position: absolute; right: 15px; top: 8px; font-size: 24px; cursor: pointer; color: #888; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0fe6ce0 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.formbutton {
    display: inline-block;
    background: linear-gradient(135deg, #E3AB07, #F7C948);
    color: #000;
    text-decoration: none;
    padding: 12px 26px;
    border-radius: 15px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    transition: all 0.35s cubic-bezier(.16,1,.3,1);
    box-shadow: 0 6px 18px rgba(227, 171, 7, 0.35);
    cursor: pointer;
}

/* Hover */
.formbutton:hover {
    transform: translateY(-3px) scale(1.04);
    box-shadow: 0 14px 30px rgba(227, 171, 7, 0.45);
    background: linear-gradient(135deg, #F7C948, #E3AB07);
}

/* Active */
.formbutton:active {
    transform: scale(0.97);
}

.btn-content-green {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btn-title-green {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: all 0.3s ease;
}

.btn-subtitle-green {
    font-size: 10px;
    margin-top: 2px;
    opacity: 0.9;
    letter-spacing: 0.8px;
    transition: all 0.3s ease;
}/* End custom CSS */