/* Para Google Chrome, Microsoft Edge e outros navegadores baseados no WebKit */
::-webkit-scrollbar {
    width: 12px; /* Largura da barra de rolagem */
}

::-webkit-scrollbar-track {
    background: #000000; /* Cor do trilho da barra de rolagem */
}

::-webkit-scrollbar-thumb {
    background: #10365b; /* Cor da barra que se movimenta */
    border-radius: 6px; /* Borda arredondada da barra que se movimenta */
    border: 3px solid #000000; /* Adiciona uma borda para criar espaçamento entre a barra e o trilho */
}

/* Para Mozilla Firefox */
html {
    scrollbar-width: thin; /* Espessura da barra de rolagem */
    scrollbar-color: #10365b #000000; /* Cor da barra que se movimenta e do trilho da barra de rolagem */
}

/* Abaixo está o CSS adicional para personalizar o estilo da barra de rolagem no IE e Edge antigos */
body {
    -ms-overflow-style: scrollbar; /* Mostrar barra de rolagem mesmo se a opção auto estiver definida */
}

body::-ms-scrollbar {
    width: 12px;
}

body::-ms-scrollbar-track {
    background: #000000;
}

body::-ms-scrollbar-thumb {
    background: #10365b;
    border-radius: 6px;
    border: 3px solid #000000; /* Adiciona uma borda para criar espaçamento entre a barra e o trilho */
}

.destaque{
    padding: 0px 5px;
    color: #684385;
    border-radius: 5px;
    margin: 0px 0px;}
.elementor-269 .elementor-element.elementor-element-bdfd0d7 .elementor-tab-title {
    border-radius: 40px;
}

.destaque2{
    padding: 0px 5px;
    color: #684385;
    border-radius: 5px;
    margin: 0px 0px;}
.elementor-269 .elementor-element.elementor-element-bdfd0d7 .elementor-tab-title {
    border-radius: 40px;
}

.gradiente {
background: linear-gradient(45deg, #2953FF, #55FFC2);
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
}

.botao {
    background: transparent; /* Deixe o fundo do botão transparente */
    padding: 0px 0px; /* Ajuste o preenchimento conforme necessário */
    font-size: 0px; /* Ajuste o tamanho da fonte conforme necessário */
    border: 1px solid; /* Define a largura da borda */
    border-image-slice: 1; /* Necessário para que o degradê preencha toda a borda */
    border-width: 1px; /* Define a largura da borda */
    border-image-source: linear-gradient(to right, blue, white); /* Aplica o degradê na borda */
    color: black; /* Cor do texto do botão */
    cursor: pointer; /* Adiciona o cursor pointer ao passar o mouse sobre o botão */
    transition: background-color 0.3s ease; /* Adiciona uma transição suave para o fundo ao passar o mouse */
		border-radius: 0px;
}

.botao:hover {
    background-color: rgba(0, 0, 255, 0.1); /* Adiciona um leve fundo azul ao passar o mouse */
}

.bloco {
    background: transparent; /* Deixe o fundo do botão transparente */
    padding: 0px 0px; /* Ajuste o preenchimento conforme necessário */
    font-size: 0px; /* Ajuste o tamanho da fonte conforme necessário */
    border: 1px solid; /* Define a largura da borda */
    border-image-slice: 1; /* Necessário para que o degradê preencha toda a borda */
    border-width: 1px; /* Define a largura da borda */
    border-image-source: linear-gradient(360deg, blue, white); /* Aplica o degradê na borda */
    color: black; /* Cor do texto do botão */
    cursor: pointer; /* Adiciona o cursor pointer ao passar o mouse sobre o botão */
    transition: background-color 0.3s ease; 
		border-radius: 0px;
}


.degradepercent {
background: linear-gradient(90deg, #FFFFFF, #044AFF);
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
}

.blocodegradedados {
    background: transparent; /* Deixe o fundo do botão transparente */
    font-size: 0px; /* Ajuste o tamanho da fonte conforme necessário */
    border: 1px solid; /* Define a largura da borda */
    border-image-slice: 1; /* Necessário para que o degradê preencha toda a borda */
    border-width: 1px; /* Define a largura da borda */
    border-image-source: linear-gradient(90deg, #640DFB, white); /* Aplica o degradê na borda */
    color: black; /* Cor do texto do botão */
    cursor: pointer; /* Adiciona o cursor pointer ao passar o mouse sobre o botão */
    transition: background-color 0.3s ease; 
		border-radius: 0px;
}

.anothergradiente {
background: linear-gradient(90deg, #FFFFFF, #044AFF);
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
}

.oneanothergradiente {
background: linear-gradient(90deg, #FFFFFF, #7ea2ff);
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
}