.elementor-55 .elementor-element.elementor-element-4face09{--display:flex;--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-55 .elementor-element.elementor-element-4face09:not(.elementor-motion-effects-element-type-background), .elementor-55 .elementor-element.elementor-element-4face09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://s3.amazonaws.com/123pagebuilder/123tapronto1677795230705-132101.jpg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.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-55 .elementor-element.elementor-element-a1eaaba{width:100%;max-width:100%;text-align:center;}.elementor-55 .elementor-element.elementor-element-a1eaaba.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-a1eaaba img{border-style:none;}.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-55 .elementor-element.elementor-element-216388b{text-align:center;}.elementor-55 .elementor-element.elementor-element-216388b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:60px;font-weight:800;}.elementor-55 .elementor-element.elementor-element-352f248{text-align:center;}.elementor-55 .elementor-element.elementor-element-352f248 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:200;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-d91706d > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-55 .elementor-element.elementor-element-42cee63 > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-ab90cbe .elementor-button{background-color:#000000;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:700;font-style:italic;border-style:none;}.elementor-55 .elementor-element.elementor-element-ab90cbe{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-ab90cbe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-a942f8d{--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-55 .elementor-element.elementor-element-78cbb9e{text-align:center;}.elementor-55 .elementor-element.elementor-element-78cbb9e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-55 .elementor-element.elementor-element-75e2bd1{--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;}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-a1eaaba img{width:46%;}.elementor-55 .elementor-element.elementor-element-216388b .elementor-heading-title{font-size:32px;letter-spacing:-1.2px;}.elementor-55 .elementor-element.elementor-element-352f248 .elementor-heading-title{font-size:19px;letter-spacing:-1px;}.elementor-55 .elementor-element.elementor-element-42cee63 > .elementor-widget-container{margin:7px 0px 7px 0px;}.elementor-55 .elementor-element.elementor-element-ab90cbe{width:var( --container-widget-width, 312px );max-width:312px;--container-widget-width:312px;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-ab90cbe .elementor-button{font-size:16px;}.elementor-55 .elementor-element.elementor-element-78cbb9e .elementor-heading-title{font-size:16px;}}/* Start custom CSS for heading, class: .elementor-element-216388b */.elementor-55 .elementor-element.elementor-element-216388b .elementor-heading-title{
    
    /* Transições para o plano de fundo e outras propriedades */
    transition: background 2s ease 0s;
    transition: all 1s; /* Transição suave para todas as propriedades */
    
    -webkit-background-clip: text; /* Limita o plano de fundo ao texto */
    -webkit-text-fill-color: transparent; /* Torna o texto transparente */

    /* Animação do texto */
    animation: move 3s ease 1s infinite alternate;

    /* Gradiente de fundo aplicado ao texto */
    background-image: linear-gradient(45deg, #fff4b0, #ffd700, #ffb347, #d17f00, #fff0a8);
    background-size: 500% 200%; /* Tamanho do plano de fundo */
}

@keyframes move{
    0%{
        background-position: 0 0; 
    }
    100%{
        background-position: 100% 0; 
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-352f248 */.texto-branco .elementor-heading-title {
    color: #ffffff;
    font-weight: 600;
    line-height: 1.4;
}

/* Destaque no trecho <strong> */
.texto-branco .elementor-heading-title strong {
    font-weight: 700;
    background: linear-gradient(90deg, #ffd700, #ffb347, #fff4b0, #ffd700);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shineText 4s ease-in-out infinite;
    position: relative;
}

/* Efeito de brilho em movimento */
@keyframes shineText {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42cee63 */.elementor-55 .elementor-element.elementor-element-42cee63{
    transform-origin: left;
    transform: scale(0.8)
}

.pcl-viewers {
  display: flex;
  color: #ffffff; /mude a cor do número aqui/
  font-size: 1.5em;
  justify-content: center;
  align-items: center
}

.olho{
    stroke: #ffffff70; /mude a cor do ícone de olho aqui/
}

.pupila{
    stroke: #ffffff; /mude a cor do ícone de olho aqui/
}

.texto {
    color: #ffffff70; /mude a cor do texto aqui/
    margin-left: 5px;
}

.usuarios {
    padding-right: 10px;
    margin-left: 10px;
}

.elementor-55 .elementor-element.elementor-element-42cee63 svg{
    height: unset;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ab90cbe *//* 1. Definição da Animação de Pulsação */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 5px #FFB347; /* Sombra inicial */
    }
    50% {
        transform: scale(1.05); /* Aumenta um pouco o tamanho */
        box-shadow: 0 0 10px #FFB347, 
                    0 0 40px #FFB347; /* Aumenta o brilho/sombra */
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 5px #FFB347; /* Volta ao tamanho e sombra inicial */
    }
}

/* 2. Aplicação da Animação ao Botão */
.elementor-button {
    /* Mantém os estilos que você já tinha */
    background: #FF6A00 !important; /* fundo laranja */
    border: 1px solid #FFB347 !important; /* borda laranja/amarelada */
    
    /* Aplica a Animação */
    animation: pulse 2s infinite ease-in-out; /* Nome, duração, repetição, curva de velocidade */
    
    /* Seus estilos de box-shadow foram movidos para a animação, 
       mas se você quiser um brilho base, pode manter a sombra inicial aqui */
    box-shadow: 0 0 5px #FFB347, 
                0 0 20px #FFB347, 
                0 0 50px #FFB347, 
                0 0 100px #FFB347 !important; 
    
    /* Garante que a transição seja suave */
    transition: all 0.5s ease-in-out; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4face09 */.elementor-55 .elementor-element.elementor-element-4face09::before{
content:"";
position: absolute;
top: 15%; /*defina o posicionamento da luz ao topo*/
left: inherit;
right: calc(50% - 800px); /*defina o posicionamento da luz*/
width: 500px;  /*defina o tamanho da luz*/
height: 600px; /*defina o tamanho da luz*/
background: #d5d1ff; /*defina a cor da luz*/
border-radius: 100%;
filter: blur(150px); /*defina o desfoque*/
opacity: 0.3;
mix-blend-mode: screen;
animation: luz 5s infinite; /*defina o tempo da animação*/
pointer-events: none;
}

.elementor-55 .elementor-element.elementor-element-4face09::after{
content:"";
position: absolute;
top: 60%; /*defina o posicionamento da luz ao topo*/
left: inherit;
right: calc(50% - 400px); /*defina o posicionamento da luz*/
width: 10000px; /*defina o tamanho da luz*/
height: 300px; /*defina o tamanho da luz*/
background: #937cff; /*defina a cor da luz*/
border-radius: 100%;
filter: blur(150px); /*defina o desfoque*/
opacity: 0.3;
mix-blend-mode: screen;
animation: luz 5s 2s infinite;  /*defina o tempo da animação e delay*/
pointer-events: none;
}

@keyframes luz{
0%, 100%{
opacity: 0;
}
50%{
opacity: 0.5;
}
}/* End custom CSS */