.elementor-29 .elementor-element.elementor-element-0611d20{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-0611d20:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-29 .elementor-element.elementor-element-0611d20::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000014 0%, #000000 100%);}.elementor-29 .elementor-element.elementor-element-0ab36ae{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-29 .elementor-element.elementor-element-478bc5b img{width:10%;}.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-29 .elementor-element.elementor-element-80906c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;text-align:center;font-family:"Helvetica", Sans-serif;font-size:15px;font-weight:400;letter-spacing:3px;color:#BDBDBD;}.elementor-29 .elementor-element.elementor-element-80906c4.elementor-element{--align-self:center;}.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-29 .elementor-element.elementor-element-4790870{text-align:center;}.elementor-29 .elementor-element.elementor-element-4790870 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:44px;font-weight:700;letter-spacing:-1px;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-9183465{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-29 .elementor-element.elementor-element-c6d317a .elementor-button{background-color:#E6B30B00;font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:1.5em;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29 .elementor-element.elementor-element-c6d317a.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-c6d317a .elementor-button-content-wrapper{flex-direction:row;}.elementor-29 .elementor-element.elementor-element-c6d317a .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-0611d20{--min-height:100vh;}.elementor-29 .elementor-element.elementor-element-478bc5b img{width:20%;}.elementor-29 .elementor-element.elementor-element-c6d317a .elementor-button{font-size:16px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-0611d20{--min-height:100vh;--justify-content:flex-start;--padding-top:30px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-29 .elementor-element.elementor-element-0611d20::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .e-con-inner > .elementor-background-video-container::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29 .elementor-element.elementor-element-0611d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #00000014 0%, #000000 100%);}.elementor-29 .elementor-element.elementor-element-478bc5b img{width:40%;}.elementor-29 .elementor-element.elementor-element-4790870 .elementor-heading-title{font-size:50px;line-height:1.1em;}.elementor-29 .elementor-element.elementor-element-c6d317a.elementor-element{--align-self:center;}.elementor-29 .elementor-element.elementor-element-c6d317a .elementor-button{font-size:16px;line-height:20px;}}/* Start custom CSS for button, class: .elementor-element-c6d317a *//* Personalize utilizando o Easy Coder*/ :root { /* Cor de fundo principal do botão */ --shiny-cta-bg: #111111; /* Cor da borda sutil do botão */ --shiny-cta-bg-subtle: rgba(196, 18, 48, 0.47); /* Cor do texto do botão */ --shiny-cta-fg: #ffffff; /* Cor do destaque/brilho principal do botão */ --shiny-cta-highlight: #C41230; /* Cor do destaque/brilho mais suave (pode ser um tom mais claro de #74FE03, se preferir) */ --shiny-cta-highlight-subtle: white; } @property --gradient-angle { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-angle-offset { syntax: ""; initial-value: 0deg; inherits: false; } @property --gradient-percent { syntax: ""; initial-value: 5%; inherits: false; } @property --gradient-shine { syntax: ""; initial-value: white; inherits: false; } /* Estilos para dispositivos móveis (largura máxima de 600px) */ @media only screen and (max-width: 600px) { .elementor-29 .elementor-element.elementor-element-c6d317a { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas menores */ padding: 1.1rem 1.2rem; /* Tamanho da fonte do texto */ font-size: 1.325rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } /* Estilos para desktops e tablets (largura mínima de 600px) */ @media only screen and (min-width: 600px) { .elementor-29 .elementor-element.elementor-element-c6d317a { /* Define a animação principal para o brilho */ --animation: rotate-glow linear infinite; /* Duração da animação do brilho (3 segundos para uma volta completa) */ --duration: 3s; /* Tamanho da sombra interna do botão */ --shadow-size: 2px; isolation: isolate; position: relative; overflow: hidden; cursor: pointer; outline-offset: 4px; /* Preenchimento (padding) do botão para telas maiores */ padding: 1.125rem 2.5rem; line-height: 1.2; border: 1px solid transparent; /* Bordas arredondadas do botão (formato pílula) */ border-radius: 360px; color: var(--shiny-cta-fg); background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box, conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)), transparent, var(--shiny-cta-highlight) var(--gradient-percent), var(--gradient-shine) calc(var(--gradient-percent) * 2), var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3), transparent calc(var(--gradient-percent) * 4) ) border-box; box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle); /* Transição suave para propriedades do brilho */ transition: 800ms cubic-bezier(0.25, 1, 0.5, 1); transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine; } } .elementor-29 .elementor-element.elementor-element-c6d317a::before, .elementor-29 .elementor-element.elementor-element-c6d317a::after, .elementor-29 .elementor-element.elementor-element-c6d317a span::before { content: ""; pointer-events: none; position: absolute; inset-inline-start: 50%; inset-block-start: 50%; translate: -50% -50%; z-index: -1; } .elementor-29 .elementor-element.elementor-element-c6d317a::before { /* Define o tamanho do pseudo-elemento */ --size: calc(100% - var(--shadow-size) * 3); /* Posição inicial para o gradiente radial */ --position: 2px; --space: calc(var(--position) * 2); width: var(--size); height: var(--size); background: radial-gradient( circle at var(--position) var(--position), white calc(var(--position) / 4), transparent 0 ) padding-box; background-size: var(--space) var(--space); background-repeat: space; /* Máscara para o efeito de brilho em rotação */ mask-image: conic-gradient( from calc(var(--gradient-angle) + 45deg), black 0%, /* Início da área preta */ black 9%, /* Fim da área preta antes da transição */ transparent 10%, /* Início da transição transparente */ transparent 90%, /* Fim da transição transparente */ black 91%, /* Início da área preta após a transição */ black 100% /* Fim da área preta */ ); border-radius: inherit; opacity: 0.1; } .elementor-29 .elementor-element.elementor-element-c6d317a::after { /* Define a animação de brilho secundária */ --animation: subtle-shine linear infinite; width: 100%; aspect-ratio: 1; background: linear-gradient( -50deg, transparent, var(--shiny-cta-highlight), transparent ); mask-image: radial-gradient(circle at bottom, transparent 40%, black); opacity: 0.6; } .elementor-29 .elementor-element.elementor-element-c6d317a span { z-index: 1; position: relative; } .elementor-29 .elementor-element.elementor-element-c6d317a span::before { /* Definindo largura e altura para a área de brilho interno no hover */ width: 370px; height: 90px; /* Sombra interna que aparece no hover */ box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight); opacity: 0; transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1); } .elementor-29 .elementor-element.elementor-element-c6d317a:hover, .elementor-29 .elementor-element.elementor-element-c6d317a:focus-visible { /* Aumenta a largura do brilho no hover */ --gradient-percent: 20%; /* Desloca o ângulo do gradiente no hover */ --gradient-angle-offset: 95deg; /* Altera a cor do brilho mais intenso no hover */ --gradient-shine: var(--shiny-cta-highlight-subtle); } /* Animação para a rotação do gradiente de brilho */ @keyframes rotate-glow { to { --gradient-angle: 360deg; } } /* Animação para o efeito de brilho sutil */ @keyframes subtle-shine { to { transform: rotate(360deg); } } /* Animação para o efeito de "respiração" (não está sendo usada atualmente, mas definida) */ @keyframes pulse-effect { 50% { transform: scale(1.2); } } .elementor-29 .elementor-element.elementor-element-c6d317a, .elementor-29 .elementor-element.elementor-element-c6d317a::before, .elementor-29 .elementor-element.elementor-element-c6d317a::after { /* Aplica as animações ao botão e seus pseudo-elementos */ animation: var(--animation) var(--duration), var(--animation) calc(var(--duration) / 0.4) reverse paused; animation-composition: add; } .elementor-29 .elementor-element.elementor-element-c6d317a:hover, .elementor-29 .elementor-element.elementor-element-c6d317a:hover::before, .elementor-29 .elementor-element.elementor-element-c6d317a:hover::after { /* Inicia as animações ao passar o mouse */ animation-play-state: running; }/* End custom CSS */ /* Start custom CSS */html, body{ overflow-x: hidden; width: 100%; } p { margin-bottom: 0; } .cinzinha { background: -webkit-linear-gradient(-90deg, #f8f9fa 40%, #ced4da 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */