.elementor-9008 .elementor-element.elementor-element-fb91a00{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a146d35 *//* 3. Blinda contra a cor vermelha/global de clique e foco do Elementor */
.stepper-btn:focus,
.stepper-btn:active,
.stepper-btn:focus-visible {
    outline: none !important;
    background-color: #d0def7 !important; /* Cor que você definiu para o clique */
    color: var(--blue) !important;
    box-shadow: none !important;
}

/* Remove qualquer borda vermelha que o Elementor coloque na caixa em volta do número */
.stepper-control:focus-within {
    border-color: var(--blue) !important;
    box-shadow: 0 0 0 3px rgba(9, 80, 158, 0.1) !important;
    outline: none !important;
}

/* Tira o outline (borda padrão) dos inputs de texto, rádio e dos cards ao clicar */
.stepper-control input:focus,
.stepper-control input:active,
.plan-radio:focus,
.plan-card:focus,
.plan-card:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Previne que textos ou botões mudem de cor sozinhos no clique por herança */
.calc-wrapper button:active,
.calc-wrapper label:active {
    color: inherit !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb91a00 *//* ── FIX PARA CONFLITOS COM O ELEMENTOR ── */

/* 1. Corrige os ícones do Lucide (impede que o Elementor preencha o meio do SVG) */
svg.lucide {
    fill: none !important;
    stroke: currentColor !important;
}

/* Garante que ícones específicos do check fiquem da cor certa */
.benefits-list li svg.lucide-check-circle-2 {
    color: var(--green) !important;
}

/* 2. Blinda os botões de + e - contra heranças globais do Elementor */
.stepper-btn {
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important; /* Evita que o botão "pule" */
}

.stepper-btn:hover {
    background-color: var(--blue-lt) !important;
    color: var(--blue) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Garante que a cor do ícone dentro do botão não seja sobrescrita no hover */
.stepper-btn i, 
.stepper-btn svg {
    color: var(--blue) !important;
    fill: none !important;
}/* End custom CSS */