.elementor-2899 .elementor-element.elementor-element-3477016{--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-2899 .elementor-element.elementor-element-3477016:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-3477016 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD800;}.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-2899 .elementor-element.elementor-element-cc6798d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:22px;font-weight:400;color:#003B03;}.elementor-2899 .elementor-element.elementor-element-c694a02{--display:flex;--min-height:881px;--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;}.elementor-2899 .elementor-element.elementor-element-c694a02:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-c694a02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://netolima25.com.br/wp-content/uploads/2026/06/roleta-neto2.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-2899 .elementor-element.elementor-element-9259c75{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2899 .elementor-element.elementor-element-a6f5de6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:90px;font-weight:700;color:#FFFFFF;}.elementor-2899 .elementor-element.elementor-element-a403179 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:300;color:#FFFFFF;}.elementor-2899 .elementor-element.elementor-element-6768102{--display:flex;--min-height:743px;--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-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#7CF800;--border-color:#7CF800;}.elementor-2899 .elementor-element.elementor-element-6768102:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-6768102 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F110D;}.elementor-2899 .elementor-element.elementor-element-e68330f{text-align:center;}.elementor-2899 .elementor-element.elementor-element-e68330f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:600;color:#FFFFFF;}.elementor-2899 .elementor-element.elementor-element-bbc3da1{--display:flex;}.elementor-2899 .elementor-element.elementor-element-31fcf1a{--display:flex;--min-height:743px;--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-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFD800;--border-color:#FFD800;--border-radius:0px 0px 0px 0px;}.elementor-2899 .elementor-element.elementor-element-31fcf1a:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-31fcf1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F110D;}.elementor-2899 .elementor-element.elementor-element-22471ed{--display:flex;--min-height:245px;--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-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFD800;--border-color:#FFD800;}.elementor-2899 .elementor-element.elementor-element-22471ed:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-22471ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A09;}.elementor-2899 .elementor-element.elementor-element-2d7ec22{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#34CF79;--border-color:#34CF79;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2899 .elementor-element.elementor-element-2d7ec22:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-2d7ec22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.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-2899 .elementor-element.elementor-element-5a57923{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;color:#E9E9E9;}.elementor-2899 .elementor-element.elementor-element-d567eb5{text-align:center;}.elementor-2899 .elementor-element.elementor-element-d567eb5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:300;color:#B8B8B8;}@media(max-width:1024px){.elementor-2899 .elementor-element.elementor-element-c694a02:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-c694a02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://netolima25.com.br/wp-content/uploads/2026/06/roleta-mobike.jpg");}.elementor-2899 .elementor-element.elementor-element-c694a02{--justify-content:flex-end;}.elementor-2899 .elementor-element.elementor-element-9259c75{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2899 .elementor-element.elementor-element-a6f5de6{text-align:center;}.elementor-2899 .elementor-element.elementor-element-a6f5de6 .elementor-heading-title{font-size:51px;}}@media(max-width:767px){.elementor-2899 .elementor-element.elementor-element-c694a02:not(.elementor-motion-effects-element-type-background), .elementor-2899 .elementor-element.elementor-element-c694a02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://netolima25.com.br/wp-content/uploads/2026/06/roleta-mobike.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2899 .elementor-element.elementor-element-c694a02{--min-height:475px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2899 .elementor-element.elementor-element-9259c75{--width:80%;}.elementor-2899 .elementor-element.elementor-element-a6f5de6 .elementor-heading-title{font-size:35px;}.elementor-2899 .elementor-element.elementor-element-a403179{text-align:center;}.elementor-2899 .elementor-element.elementor-element-a403179 .elementor-heading-title{font-size:12px;}.elementor-2899 .elementor-element.elementor-element-6768102{--min-height:567px;}.elementor-2899 .elementor-element.elementor-element-e68330f .elementor-heading-title{font-size:17px;}.elementor-2899 .elementor-element.elementor-element-22471ed{--min-height:283px;}.elementor-2899 .elementor-element.elementor-element-5a57923{font-size:10px;}}@media(min-width:768px){.elementor-2899 .elementor-element.elementor-element-3477016{--content-width:100%;}.elementor-2899 .elementor-element.elementor-element-9259c75{--width:49%;}.elementor-2899 .elementor-element.elementor-element-22471ed{--content-width:997px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2899 .elementor-element.elementor-element-9259c75{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-3477016 */.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 html, class: .elementor-element-264aafd */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.btn-generate-site-green {
    display: inline-block;
    background: #FFD800;
    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 #FFD800;
}

/* 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 html, class: .elementor-element-1e3fdaf */@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 */