.elementor-225 .elementor-element.elementor-element-df587ce{--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-225 .elementor-element.elementor-element-306ca3b{--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;}/* Start custom CSS for html, class: .elementor-element-08b2db3 *//* ===== TEXTO SUPERIOR ===== */
.roleta-texto {
    text-align: center;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.1;
    width: 100%;
    margin-top: 10px;
}

/* Linha 1 — menor */
.roleta-texto .linha1 {
    font-size: 32px; /* maior */
    display: block;
}

/* Linha 2 — destaque gigante */
.roleta-texto .linha2 {
    font-size: 52px; /* MUITO MAIOR */
    display: block;
}

/* ===== ROLETA ===== */
.roleta-container {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.roleta-img {
    width: 90%;  /* Aumentei quase a tela toda */
    max-width: 700px; 
    margin: 0 auto;
    animation: girar 7s linear infinite;
    transform-origin: center;
}

/* ===== ANIMAÇÃO === corrigida (lenta, suave, sem tremer) */
@keyframes girar {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */