.elementor-9021 .elementor-element.elementor-element-043cebb{--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;--z-index:9999;}.elementor-9021 .elementor-element.elementor-element-4f69a5e{--display:flex;border-style:none;--border-style:none;}.elementor-9021 .elementor-element.elementor-element-4f69a5e.e-con{--align-self:center;}.elementor-9021 .elementor-element.elementor-element-07d49fe{--display:flex;--min-height:60px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9021 .elementor-element.elementor-element-07d49fe.e-con{--align-self:center;}.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-9021 .elementor-element.elementor-element-7ad2ae8 img{width:70%;}.elementor-9021 .elementor-element.elementor-element-380bb14{--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-9021 .elementor-element.elementor-element-d874a82{--display:flex;border-style:none;--border-style:none;--position:fixed;bottom:0px;--z-index:80;}body:not(.rtl) .elementor-9021 .elementor-element.elementor-element-d874a82{left:48px;}body.rtl .elementor-9021 .elementor-element.elementor-element-d874a82{right:48px;}.elementor-9021 .elementor-element.elementor-element-c045f21 img{width:60px;}.elementor-9021 .elementor-element.elementor-element-c045f21 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9021 .elementor-element.elementor-element-c045f21.elementor-element{--align-self:flex-start;}.elementor-9021 .elementor-element.elementor-element-374c8a5{--display:flex;--min-height:60px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9021 .elementor-element.elementor-element-374c8a5.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-widget-text-editor{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-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-9021 .elementor-element.elementor-element-c87d36b{text-align:center;color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:12px;font-weight:300;line-height:12px;}.elementor-9021 .elementor-element.elementor-element-c87d36b > .elementor-widget-container{margin:0px 0px -16px 0px;}.elementor-9021 .elementor-element.elementor-element-684e1d6 img{width:20px;}.elementor-9021 .elementor-element.elementor-element-684e1d6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9021 .elementor-element.elementor-element-684e1d6.elementor-element{--align-self:flex-start;}.elementor-9021 .elementor-element.elementor-element-684e1d6{z-index:82;}@media(max-width:767px){.elementor-9021 .elementor-element.elementor-element-07d49fe{--min-height:40px;}.elementor-9021 .elementor-element.elementor-element-7ad2ae8 img{width:40%;}body:not(.rtl) .elementor-9021 .elementor-element.elementor-element-d874a82{left:4%;}body.rtl .elementor-9021 .elementor-element.elementor-element-d874a82{right:4%;}.elementor-9021 .elementor-element.elementor-element-374c8a5{--width:30%;}.elementor-9021 .elementor-element.elementor-element-684e1d6 img{width:20px;}.elementor-9021 .elementor-element.elementor-element-684e1d6 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-9021 .elementor-element.elementor-element-07d49fe{--width:20%;}.elementor-9021 .elementor-element.elementor-element-374c8a5{--width:150px;}}/* Start custom CSS for image, class: .elementor-element-7ad2ae8 */@-moz-document url-prefix() { .elementor-9021 .elementor-element.elementor-element-7ad2ae8 img { content: url("https://agencia-mais.com/wp-content/uploads/2026/04/agencia-mais-logo-negativo.png"); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-043cebb *//* ========================= */ /* HEADER BASE */ /* ========================= */ .header-fixo { position: fixed; top: 0; left: 0; width: 100%; z-index: 999999 !important; background: transparent; isolation: isolate; transition: background 0.4s ease, opacity 0.4s ease, transform 0.4s ease; transform: translateZ(0); will-change: transform; } /* ========================= */ /* FUNDO PRETO (SCROLL) */ /* ========================= */ .header-fixo.scrolled { background: rgba(0,0,0,0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } /* ========================= */ /* ESCONDER NO RODAPÉ */ /* ========================= */ .header-fixo.hide-on-footer { opacity: 0; transform: translateY(-100%); pointer-events: none; } /* ========================= */ /* BORDA DEGRADÊ (BOTTOM) */ /* ========================= */ .header-fixo.scrolled::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3px; /* cor do glow */ background: #ccc; /* FADE lateral */ mask-image: linear-gradient( to right, transparent 0%, black 30%, black 70%, transparent 100% ); -webkit-mask-image: linear-gradient( to right, transparent 0%, black 30%, black 70%, transparent 100% ); opacity: 0.1; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c045f21 */.elementor-9021 .elementor-element.elementor-element-c045f21{ left: 5px; top: 45px; animation: girar 45s linear infinite; } @keyframes girar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-374c8a5 *//* ========================= */ /* BOTÃO (VIDRO NO NORMAL) */ /* ========================= */ .botao-glass { padding: 15px; border-radius: 999px; /* 🔥 borda mais fina e sutil */ border: 0.5px solid rgba(255,255,255,0.05); /* vidro */ background: rgba(255,255,255,0.04); backdrop-filter: blur(14px); color: #fff; text-decoration: none; transition: border-color 0.6s ease, box-shadow 0.6s ease, background 0.6s ease, transform 0.4s ease; animation: microBounce 8s ease-in-out infinite; } /* ========================= */ /* MICRO BOUNCE */ /* ========================= */ @keyframes microBounce { 0%, 92%, 100% { transform: translateY(0); } 94% { transform: translateY(-3px); } 96% { transform: translateY(0); } 98% { transform: translateY(-1.5px); } } /* ========================= */ /* HOVER */ /* ========================= */ .botao-glass:hover { border: 0.5px solid rgba(255,255,255,0.2); /* 🔥 glow branco suave */ box-shadow: 0 0 8px rgba(255,255,255,0.15), 0 0 16px rgba(255,255,255,0.08), 0 8px 20px rgba(0, 0, 0, 0.25); transform: translateY(-4px); } /* ========================= */ /* ACTIVE */ /* ========================= */ .botao-glass:active { transform: translateY(-1px) scale(0.97); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-684e1d6 */.elementor-9021 .elementor-element.elementor-element-684e1d6{ left: 135px; top: -35px; rotate: -90deg; animation: flutuar 10s ease-in-out infinite; } @keyframes flutuar { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(3px, 3px); } } /* mobile */ @media (max-width: 768px) { .elementor-9021 .elementor-element.elementor-element-684e1d6 { left: 115px !important; top:-35px !important; animation: flutuar 60s ease-in-out infinite; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d874a82 *//* ========================= */ /* ANIMAÇÃO FLOAT / WIGGLE */ /* ========================= */ .botao-contato { animation: floatWiggle 5s ease-in-out infinite; } /* movimento leve e premium */ @keyframes floatWiggle { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } .botao-contato { transition: opacity 0.4s ease, transform 0.4s ease; } .botao-contato.hide-botao { opacity: 0; transform: translateY(20px); pointer-events: none; }/* End custom CSS */