.elementor-65180 .elementor-element.elementor-element-9de5974{--display:flex;border-style:solid;--border-style:solid;border-color:#1D1D1D;--border-color:#1D1D1D;--border-radius:20px 20px 20px 20px;--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}.elementor-65180 .elementor-element.elementor-element-9de5974:not(.elementor-motion-effects-element-type-background), .elementor-65180 .elementor-element.elementor-element-9de5974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mutant.com.br/wp-content/uploads/2025/11/bg-footer-t.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-65180 .elementor-element.elementor-element-e8c58f1{--display:flex;--min-height:325px;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-65180 .elementor-element.elementor-element-0cdeb10{width:var( --container-widget-width, 235px );max-width:235px;--container-widget-width:235px;--container-widget-flex-grow:0;text-align:start;}.elementor-65180 .elementor-element.elementor-element-0cdeb10.elementor-element{--align-self:center;}.elementor-65180 .elementor-element.elementor-element-0cdeb10 img{width:100%;}.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-65180 .elementor-element.elementor-element-50f1fdf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-65180 .elementor-element.elementor-element-50f1fdf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65180 .elementor-element.elementor-element-50f1fdf.elementor-element{--align-self:center;}.elementor-65180 .elementor-element.elementor-element-50f1fdf .elementor-heading-title{font-family:"Maison Neue", Sans-serif;font-size:18px;font-weight:500;line-height:30px;color:#FFFFFF;}.elementor-widget-login .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-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{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-65180 .elementor-element.elementor-element-5f091f1 .elementor-button{background-color:#FFFFFF00;color:#FFFFFF;}.elementor-65180 .elementor-element.elementor-element-5f091f1 > .elementor-widget-container{margin:40px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-field-group{margin-bottom:24px;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-form-fields-wrapper{margin-bottom:-24px;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-field-group > a{color:#FFFFFF;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#121212;border-radius:90px 90px 90px 90px;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-field-group .elementor-select-wrapper select{background-color:#121212;border-radius:90px 90px 90px 90px;}.elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-widget-container .elementor-login__logged-in-message{color:#FFFFFF;}#elementor-popup-modal-65180 .dialog-widget-content{animation-duration:0.5s;background-color:var( --e-global-color-849e733 );border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-65180{background-color:#000000C2;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-65180 .dialog-message{width:586px;height:auto;}#elementor-popup-modal-65180 .dialog-close-button{display:flex;top:2%;background-color:#32184300;font-size:24px;}body:not(.rtl) #elementor-popup-modal-65180 .dialog-close-button{right:2%;}body.rtl #elementor-popup-modal-65180 .dialog-close-button{left:2%;}#elementor-popup-modal-65180 .dialog-close-button i{color:var( --e-global-color-accent );}#elementor-popup-modal-65180 .dialog-close-button svg{fill:var( --e-global-color-accent );}@media(max-width:1366px){.elementor-65180 .elementor-element.elementor-element-50f1fdf .elementor-heading-title{font-size:16px;line-height:24px;}}@media(min-width:768px){.elementor-65180 .elementor-element.elementor-element-9de5974{--content-width:600px;}.elementor-65180 .elementor-element.elementor-element-e8c58f1{--width:100%;}}@media(max-width:1024px){.elementor-65180 .elementor-element.elementor-element-9de5974{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-65180 .elementor-element.elementor-element-50f1fdf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-65180 .elementor-element.elementor-element-50f1fdf{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-65180 .elementor-element.elementor-element-9de5974{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-65180 .elementor-element.elementor-element-0cdeb10{--container-widget-width:180px;--container-widget-flex-grow:0;width:var( --container-widget-width, 180px );max-width:180px;}.elementor-65180 .elementor-element.elementor-element-5f091f1 > .elementor-widget-container{margin:20px 0px 0px 0px;}#elementor-popup-modal-65180 .dialog-close-button{top:5%;}body:not(.rtl) #elementor-popup-modal-65180 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-65180 .dialog-close-button{left:5%;}}/* Start custom CSS for heading, class: .elementor-element-50f1fdf */.elementor-65180 .elementor-element.elementor-element-50f1fdf a{ color: #7E4EFA; }/* End custom CSS */ /* Start custom CSS for login, class: .elementor-element-5f091f1 */.elementor-65180 .elementor-element.elementor-element-5f091f1 input#user-1b88621 { border-top: 1px solid rgb(255 255 255 / 20%); } input#password-1b88621 { border-top: 1px solid rgb(255 255 255 / 20%); } /* === Reconstrução pixel-faithful do SVG enviado (gradientes + sombras + borda) === */ /* Fonte: SVG enviado pelo usuário. Referência: arquivo enviado. :contentReference[oaicite:1]{index=1} */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button{ position: relative; display: inline-block; z-index: 2; /* forma / padding (ajuste se der diferença no seu botão do Elementor) */ border-radius: 30px; /* rx do SVG = 30 */ padding: 18px 28px; /* ajuste conforme seu texto */ color: #fff; font-weight: 600; text-align: center; -webkit-font-smoothing:antialiased; backface-visibility: hidden; /* ======= BACKGROUND: 3 radiais + vinheta escura (paint0) ======= */ background-image: /* paint0 (vinheta / top dark) - replicando paint0_radial do SVG */ radial-gradient(circle at 43.7% 7.9%, rgba(24,17,24,0.53) 0%, rgba(3,3,3,1) 100%), /* paint2 (azul -> cinza translúcido) - paint2_radial (center ~ 60.5%,16.5%) */ radial-gradient(circle at 80.5% -90.5%, #287CFB 0%, rgba(86,84,74,0.12) 40%), /* paint3 (roxo escuro -> transparente) - paint3_radial (center ~ 19.6%,40.1%) */ radial-gradient(circle at 19.6% 40.1%, #661BFC 0%, rgba(126,78,250,0) 100%); /* mescla para chegar no "glow" do SVG */ background-blend-mode: screen, screen, screen, normal; /* base escura por baixo (o SVG tinha um rect preto de base) */ background-color: #030303; } /* === Borda interna translúcida (paint4 linear) === Mimica: stroke="url(#paint4_linear...)" stroke-width="1.41176" Usamos :before com mask para criar o "stroke interno" brilhante. */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:4; /* linear gradient branco translúcido similar a paint4_linear */ background: linear-gradient(180deg, rgba(255,255,255,0.40) 0%, rgba(255,255,255,0.01) 36%, rgba(255,255,255,0.01) 57%, rgba(255,255,255,0.10) 100%); /* transformamos em borda interna via conteúdo + mask (content-box) */ padding: 1.6px; /* equivalente stroke width ~1.41px */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* === Outer glow / azul difuso (efeito do filter feDropShadow azul/roxo) === */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button::after{ content:""; position:absolute; inset: -10px; /* espalha o glow além do botão */ border-radius: inherit; z-index:1; pointer-events:none; /* Glow azul centralizado à direita/baixo - aproximação do filtro */ background: radial-gradient(circle at 65% 60%, rgba(40,124,251,0.55) 0%, rgba(40,124,251,0.09) 30%, rgba(40,124,251,0) 70%); filter: blur(18px); /* espalha o glow */ opacity: 0.95; } /* === Sombra(s) múltiplas (simulam as múltiplas feOffsets+feGaussianBlur do filter) === */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button{ /* sombreamento composto: 3 camadas aproximando o filter chain do SVG */ box-shadow: /* sombra escura difusa (efeito grande) */ 0 10px 40px rgba(0,0,0,0.45), /* sombra púrpura azulada deslocada (efeito feOffset dx=4.15225 dy=8.3045 + blur) */ 0 8px 24px rgba(73,33,199,0.12), /* leve halo claro superior/externo para dar profundidade */ 0 -6px 18px rgba(40,124,251,0.06); } /* === Inner subtle highlight to mimic the subtle inner shadow/shine from SVG filter === */ /* Usei mix-blend e pseudo-elemento extra via outline technique (apenas CSS moderno) */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button .inner-highlight{ display:block; } /* === Ajustes para texto (para ficar muito próximo do SVG) === */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button .elementor-button-text, .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button > span { position: relative; z-index: 6; color: #ffffff; text-shadow: 0 1px 0 rgba(0,0,0,0.12); letter-spacing: 0.2px; } /* === HOVER (opcional) - leve intensificação do glow como no Figma/SVG hover state === */ .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button:hover { transform: translateY(-2px); } .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button:hover::after { filter: blur(22px); opacity: 1; } .elementor-65180 .elementor-element.elementor-element-5f091f1 .elementor-button:hover { box-shadow: 0 18px 50px rgba(0,0,0,0.5), 0 10px 32px rgba(73,33,199,0.16), 0 -6px 22px rgba(40,124,251,0.08); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Maison Neue'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://mutant.com.br/wp-content/uploads/2025/11/fonnts.com-Maison_Neue_Book.ttf') format('truetype'); } @font-face { font-family: 'Maison Neue'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://mutant.com.br/wp-content/uploads/2025/11/fonnts.com-Maison_Neue_Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */