.elementor-150564371 .elementor-element.elementor-element-ade3285:not(.elementor-motion-effects-element-type-background), .elementor-150564371 .elementor-element.elementor-element-ade3285 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-150564371 .elementor-element.elementor-element-ade3285 > .elementor-container{max-width:500px;min-height:100vh;}.elementor-150564371 .elementor-element.elementor-element-ade3285{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-150564371 .elementor-element.elementor-element-ade3285 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-150564371 .elementor-element.elementor-element-f1642e4 img{width:120px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF8800;border-radius:50% 50% 50% 50%;}.elementor-150564371 .elementor-element.elementor-element-5354470 .elementor-repeater-item-4fcc817.elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-150564371 .elementor-element.elementor-element-5354470 .elementor-repeater-item-f0657e8.elementor-social-icon{background-color:#FFFFFF;}.elementor-150564371 .elementor-element.elementor-element-5354470 .elementor-repeater-item-f0657e8.elementor-social-icon i{color:#FFFFFF;}.elementor-150564371 .elementor-element.elementor-element-5354470 .elementor-repeater-item-f0657e8.elementor-social-icon svg{fill:#FFFFFF;}.elementor-150564371 .elementor-element.elementor-element-5354470{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-150564371 .elementor-element.elementor-element-5354470 .elementor-widget-container{text-align:center;}.elementor-150564371 .elementor-element.elementor-element-a04298b{text-align:center;}.elementor-150564371 .elementor-element.elementor-element-a04298b .elementor-heading-title{font-weight:900;}.elementor-150564371 .elementor-element.elementor-element-1210e7d{text-align:center;color:var( --e-global-color-b301e2f );}.elementor-150564371 .elementor-element.elementor-element-a021d71 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-150564371 .elementor-element.elementor-element-a021d71 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-150564371 .elementor-element.elementor-element-a021d71 .elementor-button{line-height:16px;}.elementor-150564371 .elementor-element.elementor-element-49158fe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-150564371 .elementor-element.elementor-element-49158fe .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-150564371 .elementor-element.elementor-element-49158fe .elementor-button{line-height:16px;}.elementor-150564371 .elementor-element.elementor-element-c1b6e44 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-150564371 .elementor-element.elementor-element-c1b6e44 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-150564371 .elementor-element.elementor-element-c1b6e44 .elementor-button{line-height:16px;}.elementor-150564371 .elementor-element.elementor-element-d3a9be1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-150564371 .elementor-element.elementor-element-d3a9be1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-150564371 .elementor-element.elementor-element-d3a9be1 .elementor-button{line-height:16px;}.elementor-150564371 .elementor-element.elementor-element-44d56dc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-150564371 .elementor-element.elementor-element-44d56dc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-150564371 .elementor-element.elementor-element-44d56dc .elementor-button{line-height:16px;}.elementor-150564371 .elementor-element.elementor-element-48a6331{text-align:center;}.elementor-150564371 .elementor-element.elementor-element-48a6331 .elementor-heading-title{font-size:38px;font-weight:700;color:#FF8800;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-e-quote{color:#FF8800;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-item-layout--side-with-image .qodef-e-quote{background-color:var( --e-global-color-secondary );}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-e-text{font-family:"Playfair Display", Sans-serif;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-e-author-name{color:#FF8800;}.elementor-150564371 .elementor-element.elementor-element-fed6897{text-align:center;font-size:12px;color:#333333;}@media(max-width:767px){.elementor-150564371 .elementor-element.elementor-element-ade3285{margin-top:20px;margin-bottom:20px;}.elementor-150564371 .elementor-element.elementor-element-5354470 .elementor-widget-container{text-align:center;}.elementor-150564371 .elementor-element.elementor-element-a021d71 .elementor-button{font-size:14px;}.elementor-150564371 .elementor-element.elementor-element-49158fe .elementor-button{font-size:14px;}.elementor-150564371 .elementor-element.elementor-element-c1b6e44 .elementor-button{font-size:14px;}.elementor-150564371 .elementor-element.elementor-element-d3a9be1 .elementor-button{font-size:14px;}.elementor-150564371 .elementor-element.elementor-element-44d56dc .elementor-button{font-size:14px;}.elementor-150564371 .elementor-element.elementor-element-7146061{width:var( --container-widget-width, 340px );max-width:340px;--container-widget-width:340px;--container-widget-flex-grow:0;align-self:flex-end;}.elementor-150564371 .elementor-element.elementor-element-7146061 > .elementor-widget-container{margin:0px 10px 20px 10px;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-e-quote{font-size:20px;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-e-title{margin-bottom:0px;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-e-text{padding:0px 0px 20px 0px;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-item-layout--side-with-image .qodef-e-side{margin-right:10px;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-item-layout--side-with-image .qodef-e-author-job{margin-top:0px;}.elementor-150564371 .elementor-element.elementor-element-7146061 .qodef-item-layout--side-with-image .qodef-e-inner{padding:20px 20px 20px 20px;}}/* Start custom CSS for social-icons, class: .elementor-element-5354470 *//* Ícones Sociais Premium - Efeito Neon Noir */ /* 1. O Container do Ícone (A Bolinha) */ .bio-social-icons .elementor-social-icon { background-color: transparent !important; /* Fundo invisível */ border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Borda super sutil */ width: 45px !important; /* Tamanho fixo elegante */ height: 45px !important; line-height: 45px !important; /* Centraliza verticalmente */ transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Animação elástica */ margin: 0 8px !important; /* Espaçamento entre eles */ } /* 2. O Ícone (O desenho dentro) */ .bio-social-icons .elementor-social-icon i, .bio-social-icons .elementor-social-icon svg { color: rgba(255, 255, 255, 0.6) !important; /* Branco meio apagado */ font-size: 18px !important; transition: all 0.3s ease !important; } /* 3. O Efeito Hover (A Mágica) */ .bio-social-icons .elementor-social-icon:hover { border-color: #FF8800 !important; /* Borda Laranja */ background-color: rgba(255, 136, 0, 0.1) !important; /* Fundo Laranja bem fraquinho (Glow) */ transform: translateY(-5px) scale(1.1) !important; /* Sobe e cresce um pouquinho */ box-shadow: 0 5px 15px rgba(255, 136, 0, 0.2) !important; /* Sombra laranja suave */ } .bio-social-icons .elementor-social-icon:hover i, .bio-social-icons .elementor-social-icon:hover svg { color: #FF8800 !important; /* Ícone fica Laranja vivo */ transform: scale(1.1); /* Ícone cresce dentro da bolinha */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a021d71 *//* Botões Premium Noir (Para Widget Qi Addons / Bridge) */ /* 1. O Botão em Repouso */ #botao-travessia .qodef-qi-button, .bio-premium-btn .qodef-qi-button { background-color: rgba(20, 20, 20, 0.9) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Borda Fina */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; line-height: 14; font-size: 14; letter-spacing: 1px !important; padding: 18px 25px !important; /* Altura */ border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; display: flex !important; /* Alinha ícone e texto */ justify-content: center !important; align-items: center !important; } /* 2. O Texto dentro do botão */ #botao-travessia .qodef-m-text, .bio-premium-btn .qodef-m-text { color: inherit !important; /* Herda a cor do botão */ z-index: 2 !important; } /* 3. O Ícone (Seta) */ #botao-travessia .qodef-m-icon, .bio-premium-btn .qodef-m-icon { color: inherit !important; margin-left: 10px !important; transition: transform 0.3s ease !important; z-index: 2 !important; } /* 4. Efeito Hover (A Mágica) */ #botao-travessia .qodef-qi-button:hover, .bio-premium-btn .qodef-qi-button:hover { background-color: #FF8800 !important; /* Laranja */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; } /* 5. Animação do Ícone no Hover */ #botao-travessia .qodef-qi-button:hover .qodef-m-icon, .bio-premium-btn .qodef-qi-button:hover .qodef-m-icon { transform: translateX(5px) !important; } /* 6. Brilho (Sheen Effect) */ #botao-travessia .qodef-qi-button::before, .bio-premium-btn .qodef-qi-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); transition: none; z-index: 0 !important; /* Atrás do texto */ } #botao-travessia .qodef-qi-button:hover::before, .bio-premium-btn .qodef-qi-button:hover::before { left: 200%; transition: left 0.6s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-49158fe *//* Botões Premium Noir (Para Widget Qi Addons / Bridge) */ /* 1. O Botão em Repouso */ #botao-travessia .qodef-qi-button, .bio-premium-btn .qodef-qi-button { background-color: rgba(20, 20, 20, 0.9) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Borda Fina */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; line-height: 14; font-size: 14; letter-spacing: 1px !important; padding: 18px 25px !important; /* Altura */ border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; display: flex !important; /* Alinha ícone e texto */ justify-content: center !important; align-items: center !important; } /* 2. O Texto dentro do botão */ #botao-travessia .qodef-m-text, .bio-premium-btn .qodef-m-text { color: inherit !important; /* Herda a cor do botão */ z-index: 2 !important; } /* 3. O Ícone (Seta) */ #botao-travessia .qodef-m-icon, .bio-premium-btn .qodef-m-icon { color: inherit !important; margin-left: 10px !important; transition: transform 0.3s ease !important; z-index: 2 !important; } /* 4. Efeito Hover (A Mágica) */ #botao-travessia .qodef-qi-button:hover, .bio-premium-btn .qodef-qi-button:hover { background-color: #FF8800 !important; /* Laranja */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; } /* 5. Animação do Ícone no Hover */ #botao-travessia .qodef-qi-button:hover .qodef-m-icon, .bio-premium-btn .qodef-qi-button:hover .qodef-m-icon { transform: translateX(5px) !important; } /* 6. Brilho (Sheen Effect) */ #botao-travessia .qodef-qi-button::before, .bio-premium-btn .qodef-qi-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); transition: none; z-index: 0 !important; /* Atrás do texto */ } #botao-travessia .qodef-qi-button:hover::before, .bio-premium-btn .qodef-qi-button:hover::before { left: 200%; transition: left 0.6s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c1b6e44 *//* Botões Premium Noir (Para Widget Qi Addons / Bridge) */ /* 1. O Botão em Repouso */ #botao-travessia .qodef-qi-button, .bio-premium-btn .qodef-qi-button { background-color: rgba(20, 20, 20, 0.9) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Borda Fina */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; line-height: 14; font-size: 14; letter-spacing: 1px !important; padding: 18px 25px !important; /* Altura */ border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; display: flex !important; /* Alinha ícone e texto */ justify-content: center !important; align-items: center !important; } /* 2. O Texto dentro do botão */ #botao-travessia .qodef-m-text, .bio-premium-btn .qodef-m-text { color: inherit !important; /* Herda a cor do botão */ z-index: 2 !important; } /* 3. O Ícone (Seta) */ #botao-travessia .qodef-m-icon, .bio-premium-btn .qodef-m-icon { color: inherit !important; margin-left: 10px !important; transition: transform 0.3s ease !important; z-index: 2 !important; } /* 4. Efeito Hover (A Mágica) */ #botao-travessia .qodef-qi-button:hover, .bio-premium-btn .qodef-qi-button:hover { background-color: #FF8800 !important; /* Laranja */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; } /* 5. Animação do Ícone no Hover */ #botao-travessia .qodef-qi-button:hover .qodef-m-icon, .bio-premium-btn .qodef-qi-button:hover .qodef-m-icon { transform: translateX(5px) !important; } /* 6. Brilho (Sheen Effect) */ #botao-travessia .qodef-qi-button::before, .bio-premium-btn .qodef-qi-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); transition: none; z-index: 0 !important; /* Atrás do texto */ } #botao-travessia .qodef-qi-button:hover::before, .bio-premium-btn .qodef-qi-button:hover::before { left: 200%; transition: left 0.6s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3a9be1 *//* Botões Premium Noir (Para Widget Qi Addons / Bridge) */ /* 1. O Botão em Repouso */ #botao-travessia .qodef-qi-button, .bio-premium-btn .qodef-qi-button { background-color: rgba(20, 20, 20, 0.9) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Borda Fina */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; line-height: 14; font-size: 14; letter-spacing: 1px !important; padding: 18px 25px !important; /* Altura */ border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; display: flex !important; /* Alinha ícone e texto */ justify-content: center !important; align-items: center !important; } /* 2. O Texto dentro do botão */ #botao-travessia .qodef-m-text, .bio-premium-btn .qodef-m-text { color: inherit !important; /* Herda a cor do botão */ z-index: 2 !important; } /* 3. O Ícone (Seta) */ #botao-travessia .qodef-m-icon, .bio-premium-btn .qodef-m-icon { color: inherit !important; margin-left: 10px !important; transition: transform 0.3s ease !important; z-index: 2 !important; } /* 4. Efeito Hover (A Mágica) */ #botao-travessia .qodef-qi-button:hover, .bio-premium-btn .qodef-qi-button:hover { background-color: #FF8800 !important; /* Laranja */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; } /* 5. Animação do Ícone no Hover */ #botao-travessia .qodef-qi-button:hover .qodef-m-icon, .bio-premium-btn .qodef-qi-button:hover .qodef-m-icon { transform: translateX(5px) !important; } /* 6. Brilho (Sheen Effect) */ #botao-travessia .qodef-qi-button::before, .bio-premium-btn .qodef-qi-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); transition: none; z-index: 0 !important; /* Atrás do texto */ } #botao-travessia .qodef-qi-button:hover::before, .bio-premium-btn .qodef-qi-button:hover::before { left: 200%; transition: left 0.6s ease-in-out; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-44d56dc *//* Botões Premium Noir (Para Widget Qi Addons / Bridge) */ /* 1. O Botão em Repouso */ #botao-travessia .qodef-qi-button, .bio-premium-btn .qodef-qi-button { background-color: rgba(20, 20, 20, 0.9) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Borda Fina */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 600 !important; line-height: 14; font-size: 14; letter-spacing: 1px !important; padding: 18px 25px !important; /* Altura */ border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; display: flex !important; /* Alinha ícone e texto */ justify-content: center !important; align-items: center !important; } /* 2. O Texto dentro do botão */ #botao-travessia .qodef-m-text, .bio-premium-btn .qodef-m-text { color: inherit !important; /* Herda a cor do botão */ z-index: 2 !important; } /* 3. O Ícone (Seta) */ #botao-travessia .qodef-m-icon, .bio-premium-btn .qodef-m-icon { color: inherit !important; margin-left: 10px !important; transition: transform 0.3s ease !important; z-index: 2 !important; } /* 4. Efeito Hover (A Mágica) */ #botao-travessia .qodef-qi-button:hover, .bio-premium-btn .qodef-qi-button:hover { background-color: #FF8800 !important; /* Laranja */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; } /* 5. Animação do Ícone no Hover */ #botao-travessia .qodef-qi-button:hover .qodef-m-icon, .bio-premium-btn .qodef-qi-button:hover .qodef-m-icon { transform: translateX(5px) !important; } /* 6. Brilho (Sheen Effect) */ #botao-travessia .qodef-qi-button::before, .bio-premium-btn .qodef-qi-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); transition: none; z-index: 0 !important; /* Atrás do texto */ } #botao-travessia .qodef-qi-button:hover::before, .bio-premium-btn .qodef-qi-button:hover::before { left: 200%; transition: left 0.6s ease-in-out; }/* End custom CSS */ /* Start custom CSS for qi_addons_for_elementor_testimonials_slider, class: .elementor-element-7146061 */h4 { font-size: 22px !important; font-weight: 500 !important; font-style: italic; margin: 10px 0 !important; font-family: Playfair Display, serif !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-bb8dac8 *//* Botões Premium Noir V2 (Auditoria e Correção) */ /* 1. Forçar Estilo no Botão (Seletor de Alta Especificidade) */ .bio-premium-section .elementor-button-wrapper .elementor-button { background-color: rgba(20, 20, 20, 0.8) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Borda Sutil */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; padding: 18px 30px !important; border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; /* Essencial para o brilho */ z-index: 1 !important; } /* 2. Efeito Hover (A Transformação) */ .bio-premium-section .elementor-button-wrapper .elementor-button:hover { background-color: #FF8800 !important; /* Laranja Puro */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; /* Levita */ box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; /* Glow Laranja */ } /* 3. Ícone Animado (Se houver) */ .bio-premium-section .elementor-button-wrapper .elementor-button .elementor-button-icon { transition: transform 0.3s ease !important; } .bio-premium-section .elementor-button-wrapper .elementor-button:hover .elementor-button-icon { transform: translateX(5px) !important; } /* 4. O Brilho (Sheen Effect) - Correção de Posicionamento */ .bio-premium-section .elementor-button-wrapper .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; /* Começa fora da esquerda */ width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); /* Inclina o brilho */ transition: none; /* Sem transição no retorno */ z-index: -1; /* Fica atrás do texto */ } .bio-premium-section .elementor-button-wrapper .elementor-button:hover::before { left: 200%; /* Atravessa para a direita */ transition: left 0.6s ease-in-out; /* Animação suave */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-ade3285 *//* Botões Premium Noir V2 (Auditoria e Correção) */ /* 1. Forçar Estilo no Botão (Seletor de Alta Especificidade) */ .bio-premium-section .elementor-button-wrapper .elementor-button { background-color: rgba(20, 20, 20, 0.8) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Borda Sutil */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; padding: 18px 30px !important; border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; /* Essencial para o brilho */ z-index: 1 !important; } /* 2. Efeito Hover (A Transformação) */ .bio-premium-section .elementor-button-wrapper .elementor-button:hover { background-color: #FF8800 !important; /* Laranja Puro */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; /* Levita */ box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; /* Glow Laranja */ } /* 3. Ícone Animado (Se houver) */ .bio-premium-section .elementor-button-wrapper .elementor-button .elementor-button-icon { transition: transform 0.3s ease !important; } .bio-premium-section .elementor-button-wrapper .elementor-button:hover .elementor-button-icon { transform: translateX(5px) !important; } /* 4. O Brilho (Sheen Effect) - Correção de Posicionamento */ .bio-premium-section .elementor-button-wrapper .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; /* Começa fora da esquerda */ width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); /* Inclina o brilho */ transition: none; /* Sem transição no retorno */ z-index: -1; /* Fica atrás do texto */ } .bio-premium-section .elementor-button-wrapper .elementor-button:hover::before { left: 200%; /* Atravessa para a direita */ transition: left 0.6s ease-in-out; /* Animação suave */ }/* End custom CSS */ /* Start custom CSS *//* Botões Premium Noir V2 (Auditoria e Correção) */ /* 1. Forçar Estilo no Botão (Seletor de Alta Especificidade) */ .bio-premium-section .elementor-button-wrapper .elementor-button { background-color: rgba(20, 20, 20, 0.8) !important; /* Fundo Escuro */ border: 1px solid rgba(255, 255, 255, 0.15) !important; /* Borda Sutil */ color: #E0E0E0 !important; /* Texto Claro */ font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; padding: 18px 30px !important; border-radius: 4px !important; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important; box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; position: relative !important; overflow: hidden !important; /* Essencial para o brilho */ z-index: 1 !important; } /* 2. Efeito Hover (A Transformação) */ .bio-premium-section .elementor-button-wrapper .elementor-button:hover { background-color: #FF8800 !important; /* Laranja Puro */ border-color: #FF8800 !important; color: #000000 !important; /* Texto Preto */ transform: translateY(-4px) scale(1.02) !important; /* Levita */ box-shadow: 0 10px 25px rgba(255, 136, 0, 0.4) !important; /* Glow Laranja */ } /* 3. Ícone Animado (Se houver) */ .bio-premium-section .elementor-button-wrapper .elementor-button .elementor-button-icon { transition: transform 0.3s ease !important; } .bio-premium-section .elementor-button-wrapper .elementor-button:hover .elementor-button-icon { transform: translateX(5px) !important; } /* 4. O Brilho (Sheen Effect) - Correção de Posicionamento */ .bio-premium-section .elementor-button-wrapper .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; /* Começa fora da esquerda */ width: 50%; height: 100%; background: linear-gradient( to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100% ); transform: skewX(-25deg); /* Inclina o brilho */ transition: none; /* Sem transição no retorno */ z-index: -1; /* Fica atrás do texto */ } .bio-premium-section .elementor-button-wrapper .elementor-button:hover::before { left: 200%; /* Atravessa para a direita */ transition: left 0.6s ease-in-out; /* Animação suave */ }/* End custom CSS */