.elementor-2247 .elementor-element.elementor-element-73215ab{--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2247 .elementor-element.elementor-element-6076857{--display:flex;--min-height:100vh;--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-2247 .elementor-element.elementor-element-ad39d3e{--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-2247 .elementor-element.elementor-element-e16ed1a{margin:400px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.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-2247 .elementor-element.elementor-element-a02621a{margin:0px 300px calc(var(--kit-widget-spacing, 0px) + 0px) 300px;text-align:center;}.elementor-2247 .elementor-element.elementor-element-a02621a .elementor-heading-title{font-family:"Nulshock", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-2247 .elementor-element.elementor-element-857b416{--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;--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-2247 .elementor-element.elementor-element-857b416::before, .elementor-2247 .elementor-element.elementor-element-857b416 > .elementor-background-video-container::before, .elementor-2247 .elementor-element.elementor-element-857b416 > .e-con-inner > .elementor-background-video-container::before, .elementor-2247 .elementor-element.elementor-element-857b416 > .elementor-background-slideshow::before, .elementor-2247 .elementor-element.elementor-element-857b416 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2247 .elementor-element.elementor-element-857b416 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2247 .elementor-element.elementor-element-c012214 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-2247 .elementor-element.elementor-element-334f9dd .elementor-wrapper{--video-aspect-ratio:0.5625;}.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-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button{font-family:"Nulshock", Sans-serif;font-weight:700;}.elementor-2247 .elementor-element.elementor-element-65d024a{--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-2247 .elementor-element.elementor-element-b6cacf2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-4fd4adb{margin:0px 240px calc(var(--kit-widget-spacing, 0px) + 0px) 240px;text-align:center;}.elementor-2247 .elementor-element.elementor-element-4fd4adb .elementor-heading-title{font-family:"Nulshock", Sans-serif;font-size:47px;font-weight:600;color:#FFFFFF;}.elementor-2247 .elementor-element.elementor-element-017368a{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2247 .elementor-element.elementor-element-cef45cd{--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-2247 .elementor-element.elementor-element-41a63c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-ef260a6{margin:0px 250px calc(var(--kit-widget-spacing, 0px) + 0px) 250px;text-align:center;}.elementor-2247 .elementor-element.elementor-element-ef260a6 .elementor-heading-title{font-family:"Nulshock", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-2247 .elementor-element.elementor-element-bb97e16{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2247 .elementor-element.elementor-element-9d0bfe2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -60px) 0px;}.elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button{font-family:"Nulshock", Sans-serif;font-weight:700;}.elementor-2247 .elementor-element.elementor-element-84f167c{--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-2247 .elementor-element.elementor-element-fda2fac{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-3eeefb2{margin:0px 240px calc(var(--kit-widget-spacing, 0px) + 0px) 240px;text-align:center;}.elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-heading-title{font-family:"Nulshock", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.elementor-2247 .elementor-element.elementor-element-b171c03{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;}.elementor-2247 .elementor-element.elementor-element-be11946{--display:flex;}.elementor-2247 .elementor-element.elementor-element-93dc811{--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-2247 .elementor-element.elementor-element-33565ca{--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-2247 .elementor-element.elementor-element-e1d730f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-3d418f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2247 .elementor-element.elementor-element-3d418f8 .elementor-heading-title{font-family:"Nulshock", Sans-serif;font-size:46px;font-weight:600;color:#FFFFFF;}.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-2247 .elementor-element.elementor-element-216ee9f{margin:-25px 240px calc(var(--kit-widget-spacing, 0px) + 0px) 240px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-2247 .elementor-element.elementor-element-16e4460{--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-2247 .elementor-element.elementor-element-d623fd9{--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-2247 .elementor-element.elementor-element-e16ed1a{margin:380px 0px calc(var(--kit-widget-spacing, 0px) + 7px) 0px;}.elementor-2247 .elementor-element.elementor-element-a02621a{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-2247 .elementor-element.elementor-element-a02621a .elementor-heading-title{font-size:21px;}.elementor-2247 .elementor-element.elementor-element-a1f07f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-21420cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-b6cacf2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-4fd4adb{margin:-15px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-2247 .elementor-element.elementor-element-4fd4adb .elementor-heading-title{font-size:30px;}.elementor-2247 .elementor-element.elementor-element-80a4c37{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-41a63c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-ef260a6{margin:-15px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-2247 .elementor-element.elementor-element-ef260a6 .elementor-heading-title{font-size:29px;}.elementor-2247 .elementor-element.elementor-element-9d0bfe2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -65px) 0px;padding:0px 0px 0px 0px;}.elementor-2247 .elementor-element.elementor-element-fda2fac{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-3eeefb2{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-heading-title{font-size:26px;}.elementor-2247 .elementor-element.elementor-element-1b293b2{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2247 .elementor-element.elementor-element-e1d730f{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2247 .elementor-element.elementor-element-3d418f8{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-2247 .elementor-element.elementor-element-3d418f8 .elementor-heading-title{font-size:33px;}.elementor-2247 .elementor-element.elementor-element-216ee9f{margin:-27px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;font-size:16px;}.elementor-2247 .elementor-element.elementor-element-72985a2{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-e16ed1a */.elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local-wrap { display: flex; justify-content: center; width: 100%; } .elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% - 32px); box-sizing: border-box; padding: 8px 20px; border: 2px solid #19E23D; border-radius: 999px; color: #ffffff; font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; text-transform: uppercase; box-shadow: 0 0 10px rgba(25, 226, 61, 0.16), inset 0 0 10px rgba(25, 226, 61, 0.05); } .elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local__ponto { display: block; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #19E23D; box-shadow: 0 0 5px #19E23D, 0 0 12px rgba(25, 226, 61, 0.95); animation: mcd-ponto-neon-piscar 1.15s ease-in-out infinite; } .elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local__texto { display: block; min-width: 0; } @keyframes mcd-ponto-neon-piscar { 0%, 100% { opacity: 0.45; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1); } } @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local { gap: 6px; padding: 7px 16px; font-size: 9px; } .elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local__ponto { width: 6px; height: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-e16ed1a .mcd-selo-local__ponto { animation: none; opacity: 1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a02621a */.elementor-2247 .elementor-element.elementor-element-a02621a .elementor-heading-title { color: #ffffff; white-space: normal; overflow-wrap: normal; } .elementor-2247 .elementor-element.elementor-element-a02621a .nome-degrade { display: inline; background: linear-gradient( 90deg, #12A754 0%, #19E23D 50%, #19E23D 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c3c51f9 *//* ===================================================== POSICIONAMENTO DO WIDGET DO BOTÃO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 { position: relative; z-index: 5; display: flex; justify-content: center; box-sizing: border-box; width: 100%; margin-top: 34px; padding: 0 12px; } /* Estruturas internas */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-widget-container, .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } /* ===================================================== BOTÃO PRINCIPAL ===================================================== */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 82%; max-width: 720px; min-height: 92px; padding: 22px 38px; border: 3px solid #08773D; border-radius: 24px; background: linear-gradient( 90deg, #12A754 0%, #19E23D 50%, #12A754 100% ); background-size: 200% 100%; color: #ffffff; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25), 0 10px 28px rgba(0, 0, 0, 0.30), 0 0 24px rgba(25, 226, 61, 0.28); animation: mcd-cta-pulsar 1.8s ease-in-out infinite, mcd-cta-gradiente 3s linear infinite; transition: filter 0.25s ease, box-shadow 0.25s ease; } /* ===================================================== TEXTO DO BOTÃO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button-content-wrapper { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; width: 100%; } .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button-text { font-family: "Nulshock", sans-serif; font-size: 28px; font-weight: 700; line-height: 1.12; color: #ffffff; text-align: center; white-space: normal; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.24); } /* ===================================================== FAIXA DE LUZ ===================================================== */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button::after { content: ""; position: absolute; top: -60%; left: -45%; width: 38%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.72), transparent ); transform: translateX(0) rotate(18deg); animation: mcd-cta-luz 2.6s ease-in-out infinite; pointer-events: none; z-index: 2; } /* ===================================================== ANIMAÇÕES ===================================================== */ @keyframes mcd-cta-pulsar { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } } @keyframes mcd-cta-gradiente { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } @keyframes mcd-cta-luz { 0%, 20% { transform: translateX(0) rotate(18deg); opacity: 0; } 30% { opacity: 1; } 70%, 100% { transform: translateX(430%) rotate(18deg); opacity: 0; } } /* ===================================================== INTERAÇÃO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button:hover { filter: brightness(1.08); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25), 0 12px 32px rgba(0, 0, 0, 0.32), 0 0 32px rgba(25, 226, 61, 0.42); } .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button:active { filter: brightness(0.94); } .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button:focus-visible { outline: 3px solid #ffffff; outline-offset: 5px; } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-c3c51f9 { margin-top: 28px; padding: 0; } .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button { /* * Deixa aproximadamente 7% de espaço * em cada lado do botão. */ width: 86%; max-width: 350px; min-height: 84px; padding: 18px 8px; border-width: 3px; border-radius: 20px; } /* * O texto original permanece no botão, * mas é substituído visualmente no mobile. */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button-text { font-size: 0; line-height: 0; } /* * Duas linhas fixas em qualquer aparelho. */ .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button-text::before { content: "QUERO CRIAR MEUS\A CLONES AGORA"; display: block; font-family: "Nulshock", sans-serif; font-size: clamp(17px, 5.4vw, 21px); font-weight: 700; line-height: 1.15; letter-spacing: -0.3px; color: #ffffff; text-align: center; white-space: pre; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.24); } } /* ===================================================== ACESSIBILIDADE ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button { animation: none; transform: none; background-position: 50% 50%; } .elementor-2247 .elementor-element.elementor-element-c3c51f9 .elementor-button::after { display: none; animation: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-857b416 *//* ===================================================== CONTÊINER COMPLETO DA SEÇÃO DO VÍDEO Classe: mcd-vsl-section ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 { position: relative !important; isolation: isolate; overflow: visible !important; width: 100%; min-height: 420px; /* * Este espaço mantém o vídeo na posição anterior. * A seta agora fica fora do fluxo dos elementos. */ padding: 90px 20px 90px; gap: 0 !important; } /* ===================================================== DEGRADÊ NO INÍCIO DO CONTÊINER ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 360px; background: linear-gradient( to bottom, #05030F 0%, rgba(5, 3, 15, 0.94) 10%, rgba(5, 3, 15, 0.78) 25%, rgba(5, 3, 15, 0.55) 43%, rgba(5, 3, 15, 0.32) 62%, rgba(5, 3, 15, 0.13) 80%, rgba(5, 3, 15, 0) 100% ); pointer-events: none; z-index: -1; } /* ===================================================== SETA ENTRE OS DOIS CONTÊINERES ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-arrow { position: absolute !important; /* * Coloca o centro da seta exatamente na divisão * entre o contêiner anterior e este contêiner. */ top: 0 !important; left: 50% !important; right: auto !important; width: 100% !important; max-width: none !important; height: 64px; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; line-height: 0; pointer-events: none; z-index: 20; } /* Centralização do conteúdo interno do widget HTML */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-arrow > .elementor-widget-container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } /* Desenho do V mais grosso */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-chevron { display: block; width: 32px; height: 32px; border-right: 6px solid #ffffff; border-bottom: 6px solid #ffffff; border-radius: 2px; filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.7)) drop-shadow(0 0 12px rgba(142, 80, 191, 0.95)); animation: mcd-seta-flutuar 1.25s ease-in-out infinite; } /* Movimento vertical da seta */ @keyframes mcd-seta-flutuar { 0%, 100% { transform: translateY(-5px) rotate(45deg); opacity: 0.68; } 50% { transform: translateY(8px) rotate(45deg); opacity: 1; } } /* ===================================================== CONFIGURAÇÃO GERAL DOS VÍDEOS ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video { position: relative !important; overflow: visible !important; margin-left: auto !important; margin-right: auto !important; flex: 0 0 auto; border-radius: 24px; box-shadow: 0 0 12px 2px rgba(142, 80, 191, 0.95), 0 0 32px 8px rgba(142, 80, 191, 0.74), 0 0 70px 20px rgba(142, 80, 191, 0.46), 0 0 115px 34px rgba(142, 80, 191, 0.25) !important; } /* Recorte interno do vídeo */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video .elementor-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 24px; background-color: #05030F; } /* Arquivo de vídeo */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video video { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 24px; } /* Imagem de sobreposição */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video .elementor-custom-embed-image-overlay { position: absolute; inset: 0; display: block !important; overflow: hidden; width: 100%; height: 100%; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 24px; cursor: pointer; } /* ===================================================== VÍDEO PARA DESKTOP ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-desktop { display: block; width: 82%; max-width: 960px; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-desktop .elementor-wrapper { aspect-ratio: 16 / 9; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-desktop .elementor-custom-embed-image-overlay { background-image: url("https://meuclonedigital.com/wp-content/uploads/2026/09/Frame-video-horizontal-site-scaled.webp") !important; } /* ===================================================== VÍDEO PARA MOBILE Escondido no desktop ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-mobile { display: none; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-mobile .elementor-custom-embed-image-overlay { background-image: url("https://meuclonedigital.com/wp-content/uploads/2026/08/Capa-Meu-Clone-Digital-VSL-vertical.webp") !important; } /* ===================================================== BOTÃO VERMELHO PERSONALIZADO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play { position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; width: 88% !important; max-width: 580px; height: auto !important; aspect-ratio: 16 / 9; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 20px; overflow: hidden; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iMzYwIiB2aWV3Qm94PSIwIDAgNjQwIDM2MCI+CjxzdHlsZT4KLncxLC53MiwudzN7b3BhY2l0eTouMTg7YW5pbWF0aW9uOm9uZGEgMS40NXMgZWFzZS1pbi1vdXQgaW5maW5pdGV9Ci53MnthbmltYXRpb24tZGVsYXk6LjE4c30udzN7YW5pbWF0aW9uLWRlbGF5Oi4zNnN9CkBrZXlmcmFtZXMgb25kYXswJSwxOCUsMTAwJXtvcGFjaXR5Oi4xOH00MiUsNTgle29wYWNpdHk6MX04MiV7b3BhY2l0eTouMTh9fQpAbWVkaWEocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjpyZWR1Y2Upey53MSwudzIsLncze2FuaW1hdGlvbjpub25lO29wYWNpdHk6MX19Cjwvc3R5bGU+CjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iciIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiNiOTBmMTgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNkMzFiMjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz4KPHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjYzNCIgaGVpZ2h0PSIzNTQiIHJ4PSI0NyIgZmlsbD0idXJsKCNyKSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2Ii8+Cjx0ZXh0IHg9IjMyMCIgeT0iNzgiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjkiIGZvbnQtd2VpZ2h0PSI3MDAiPlNFVSBWw41ERU8gSsOBIENPTUXDh09VPC90ZXh0Pgo8ZyBmaWxsPSJ3aGl0ZSI+PHJlY3QgeD0iMjMyIiB5PSIxNTIiIHdpZHRoPSI0MiIgaGVpZ2h0PSI2MiIgcng9IjciLz48cGF0aCBkPSJNMjY4IDE1M2wzOS0yOWM2LTQgMTMgMCAxMyA3djEwNGMwIDctOCAxMS0xMyA3bC0zOS0yOXoiLz48L2c+CjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggY2xhc3M9IncxIiBkPSJNMzQxIDE1N2MxMCAxNSAxMCAzNyAwIDUyIi8+PHBhdGggY2xhc3M9IncyIiBkPSJNMzYzIDE0M2MyMCAyNCAyMCA1NyAwIDgwIi8+PHBhdGggY2xhc3M9InczIiBkPSJNMzg1IDEyOGMzMSAzNCAzMSA3OCAwIDExMSIvPjwvZz4KPHBhdGggZD0iTTIzMCAxMTlMNDI3IDI0NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzUxNDFkIiBzdHJva2Utd2lkdGg9IjE3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzMCAxMTlMNDI3IDI0NyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHRleHQgeD0iMzIwIiB5PSIzMDMiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZpbGw9IndoaXRlIiBmb250LWZhbWlseT0iQXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMjciIGZvbnQtd2VpZ2h0PSI0MDAiPkNsaXF1ZSBwYXJhIG91dmlyPC90ZXh0Pgo8L3N2Zz4=") !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; box-shadow: none !important; transform: translate(-50%, -50%) !important; opacity: 1 !important; visibility: visible !important; cursor: pointer; z-index: 10; } /* Esconde somente o botão padrão do Elementor */ .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play > svg, .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play > i { display: none !important; } /* Impede elementos extras sobre a animação */ .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play::before, .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play::after { content: none !important; display: none !important; } /* Contorno ao navegar pelo teclado */ .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play:focus-visible { outline: 3px solid #ffffff; outline-offset: 4px; } /* ===================================================== CONFIGURAÇÕES EXCLUSIVAS DO MOBILE ===================================================== */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-857b416 { min-height: 520px; /* * Mantém o vídeo na posição que já estava. * A seta não ocupa mais este espaço. */ padding: 70px 12px 70px; } .elementor-2247 .elementor-element.elementor-element-857b416::before { height: 340px; background: linear-gradient( to bottom, #05030F 0%, rgba(5, 3, 15, 0.92) 10%, rgba(5, 3, 15, 0.75) 25%, rgba(5, 3, 15, 0.52) 43%, rgba(5, 3, 15, 0.29) 62%, rgba(5, 3, 15, 0.11) 80%, rgba(5, 3, 15, 0) 100% ); } /* * Reforço da centralização no mobile. * Isso ignora qualquer margem do Elementor. */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-arrow { top: 0 !important; left: 50% !important; width: 100% !important; height: 58px; margin: 0 !important; transform: translate(-50%, -50%) !important; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-chevron { width: 29px; height: 29px; border-right-width: 5px; border-bottom-width: 5px; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-desktop { display: none !important; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-mobile { display: block !important; width: 86%; max-width: 360px; border-radius: 22px; box-shadow: 0 0 10px 2px rgba(142, 80, 191, 0.95), 0 0 27px 7px rgba(142, 80, 191, 0.72), 0 0 57px 17px rgba(142, 80, 191, 0.45), 0 0 90px 27px rgba(142, 80, 191, 0.24) !important; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-mobile .elementor-wrapper { aspect-ratio: 9 / 16; border-radius: 22px; } .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-mobile video, .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video-mobile .elementor-custom-embed-image-overlay { border-radius: 22px; } .elementor-2247 .elementor-element.elementor-element-857b416 .video-play-vermelho .elementor-custom-embed-play { width: 88% !important; max-width: none; border-radius: 18px; } } /* ===================================================== ACESSIBILIDADE ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-chevron { animation: none; opacity: 1; transform: rotate(45deg); } } /* ================================================== AJUSTE DA SETA APENAS NO CHROME MOBILE ================================================== */ @media (max-width: 767px) { @supports not (-webkit-touch-callout: none) { .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-arrow { top: 18px !important; } } } /* ===================================================== PLAY E PAUSE POR TOQUE — SEM CONTROLES NATIVOS ===================================================== */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video .elementor-wrapper { position: relative; cursor: pointer; -webkit-tap-highlight-color: transparent; } /* * O vídeo não recebe o toque diretamente. * Assim, Safari não abre controles nativos ou tela cheia. */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video video.elementor-video { pointer-events: none !important; } /* * Camada transparente inserida sobre o vídeo após o play. * Ela recebe o toque para pausar ou continuar. */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-touch-toggle { position: absolute; z-index: 6; inset: 0; display: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } /* * A camada só aparece depois que o vídeo começou. * Portanto, não interfere na animação vermelha inicial. */ .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video.mcd-vsl-reproduzindo .mcd-vsl-touch-toggle, .elementor-2247 .elementor-element.elementor-element-857b416 .mcd-vsl-video.mcd-vsl-pausado .mcd-vsl-touch-toggle { display: block; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b6cacf2 */.elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local-wrap { display: flex; justify-content: center; width: 100%; } .elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% - 32px); box-sizing: border-box; padding: 8px 20px; border: 2px solid #19E23D; border-radius: 999px; color: #ffffff; font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; text-transform: uppercase; box-shadow: 0 0 10px rgba(25, 226, 61, 0.16), inset 0 0 10px rgba(25, 226, 61, 0.05); } .elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local__ponto { display: block; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #19E23D; box-shadow: 0 0 5px #19E23D, 0 0 12px rgba(25, 226, 61, 0.95); animation: mcd-ponto-neon-piscar 1.15s ease-in-out infinite; } .elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local__texto { display: block; min-width: 0; } @keyframes mcd-ponto-neon-piscar { 0%, 100% { opacity: 0.45; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1); } } @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local { gap: 6px; padding: 7px 16px; font-size: 11px; } .elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local__ponto { width: 6px; height: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-b6cacf2 .mcd-selo-local__ponto { animation: none; opacity: 1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4fd4adb */.elementor-2247 .elementor-element.elementor-element-4fd4adb .elementor-heading-title { color: #ffffff; white-space: normal; overflow-wrap: normal; } .elementor-2247 .elementor-element.elementor-element-4fd4adb .nome-degrade { display: inline; background: linear-gradient( 90deg, #12A754 0%, #19E23D 50%, #19E23D 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-41a63c8 */.elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local-wrap { display: flex; justify-content: center; width: 100%; } .elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% - 32px); box-sizing: border-box; padding: 8px 20px; border: 2px solid #19E23D; border-radius: 999px; color: #ffffff; font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; text-transform: uppercase; box-shadow: 0 0 10px rgba(25, 226, 61, 0.16), inset 0 0 10px rgba(25, 226, 61, 0.05); } .elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local__ponto { display: block; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #19E23D; box-shadow: 0 0 5px #19E23D, 0 0 12px rgba(25, 226, 61, 0.95); animation: mcd-ponto-neon-piscar 1.15s ease-in-out infinite; } .elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local__texto { display: block; min-width: 0; } @keyframes mcd-ponto-neon-piscar { 0%, 100% { opacity: 0.45; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1); } } @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local { gap: 6px; padding: 7px 16px; font-size: 11px; } .elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local__ponto { width: 6px; height: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-41a63c8 .mcd-selo-local__ponto { animation: none; opacity: 1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ef260a6 */.elementor-2247 .elementor-element.elementor-element-ef260a6 .elementor-heading-title { color: #ffffff; white-space: normal; overflow-wrap: normal; } .elementor-2247 .elementor-element.elementor-element-ef260a6 .nome-degrade { display: inline; background: linear-gradient( 90deg, #12A754 0%, #19E23D 50%, #19E23D 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29c707a *//* ===================================================== POSICIONAMENTO DO WIDGET DO BOTÃO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-29c707a { position: relative; z-index: 5; display: flex; justify-content: center; box-sizing: border-box; width: 100%; margin-top: 34px; padding: 0 12px; } /* Estruturas internas */ .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-widget-container, .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button-wrapper { display: flex; justify-content: center; width: 100%; } /* ===================================================== BOTÃO PRINCIPAL ===================================================== */ .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; /* * No desktop, o botão acompanha o tamanho do texto. */ width: auto; max-width: calc(100% - 24px); min-height: 92px; padding: 22px 60px; border: 3px solid #08773D; border-radius: 24px; background: linear-gradient( 90deg, #12A754 0%, #19E23D 50%, #12A754 100% ); background-size: 200% 100%; color: #ffffff; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25), 0 10px 28px rgba(0, 0, 0, 0.30), 0 0 24px rgba(25, 226, 61, 0.28); animation: mcd-cta-pulsar 1.8s ease-in-out infinite, mcd-cta-gradiente 3s linear infinite; transition: filter 0.25s ease, box-shadow 0.25s ease; } /* ===================================================== TEXTO DO BOTÃO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button-content-wrapper { position: relative; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: auto; } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button-text { display: block; font-family: "Nulshock", sans-serif; font-size: clamp(20px, 2vw, 28px); font-weight: 700; line-height: 1.12; color: #ffffff; text-align: center; white-space: nowrap; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.24); } /* ===================================================== FAIXA DE LUZ ===================================================== */ .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button::after { content: ""; position: absolute; top: -60%; left: -45%; width: 38%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.72), transparent ); transform: translateX(0) rotate(18deg); animation: mcd-cta-luz 2.6s ease-in-out infinite; pointer-events: none; z-index: 2; } /* ===================================================== ANIMAÇÕES ===================================================== */ @keyframes mcd-cta-pulsar { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } } @keyframes mcd-cta-gradiente { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } @keyframes mcd-cta-luz { 0%, 20% { transform: translateX(0) rotate(18deg); opacity: 0; } 30% { opacity: 1; } 70%, 100% { transform: translateX(430%) rotate(18deg); opacity: 0; } } /* ===================================================== INTERAÇÃO ===================================================== */ .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button:hover { filter: brightness(1.08); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25), 0 12px 32px rgba(0, 0, 0, 0.32), 0 0 32px rgba(25, 226, 61, 0.42); } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button:active { filter: brightness(0.94); } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button:focus-visible { outline: 3px solid #ffffff; outline-offset: 5px; } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-29c707a { margin-top: 28px; padding: 0; } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button { /* * No mobile, mantém a largura e as margens atuais. */ width: 86%; max-width: 350px; min-height: 84px; padding: 18px 8px; border-width: 3px; border-radius: 20px; } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button-content-wrapper { width: 100%; } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button-text { font-size: 0; line-height: 0; white-space: normal; } /* * Exatamente duas linhas no mobile. */ .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button-text::before { content: "ME CONVENCEU!\A EU TAMBÉM QUERO"; display: block; font-family: "Nulshock", sans-serif; font-size: clamp(17px, 5.4vw, 21px); font-weight: 700; line-height: 1.15; letter-spacing: -0.3px; color: #ffffff; text-align: center; white-space: pre; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.24); } } /* ===================================================== ACESSIBILIDADE ===================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button { animation: none; transform: none; background-position: 50% 50%; } .elementor-2247 .elementor-element.elementor-element-29c707a .elementor-button::after { display: none; animation: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fda2fac */.elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local-wrap { display: flex; justify-content: center; width: 100%; } .elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% - 32px); box-sizing: border-box; padding: 8px 20px; border: 2px solid #19E23D; border-radius: 999px; color: #ffffff; font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; text-transform: uppercase; box-shadow: 0 0 10px rgba(25, 226, 61, 0.16), inset 0 0 10px rgba(25, 226, 61, 0.05); } .elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local__ponto { display: block; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #19E23D; box-shadow: 0 0 5px #19E23D, 0 0 12px rgba(25, 226, 61, 0.95); animation: mcd-ponto-neon-piscar 1.15s ease-in-out infinite; } .elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local__texto { display: block; min-width: 0; } @keyframes mcd-ponto-neon-piscar { 0%, 100% { opacity: 0.45; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1); } } @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local { gap: 6px; padding: 7px 16px; font-size: 11px; } .elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local__ponto { width: 6px; height: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-fda2fac .mcd-selo-local__ponto { animation: none; opacity: 1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3eeefb2 *//* ===================================================== CORREÇÃO DA LARGURA DO WIDGET ===================================================== */ .elementor-2247 .elementor-element.elementor-element-3eeefb2 { --container-widget-width: 100% !important; --container-widget-flex-grow: 0 !important; box-sizing: border-box !important; flex: 0 1 auto !important; flex-basis: auto !important; align-self: stretch !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; /* Anula as margens configuradas no Elementor */ margin-right: 0 !important; margin-left: 0 !important; overflow: hidden !important; overflow-x: clip !important; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-widget-container { box-sizing: border-box !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; overflow-x: clip !important; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-heading-title { box-sizing: border-box !important; display: block !important; min-width: 0 !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; color: #ffffff; text-align: center; white-space: normal; word-break: normal; overflow-wrap: normal; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-linha { box-sizing: border-box; display: block; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; white-space: nowrap; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .nome-degrade { display: inline; background: linear-gradient( 90deg, #12a754 0%, #19e23d 50%, #19e23d 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } /* ===================================================== DESKTOP — DUAS LINHAS ===================================================== */ @media (min-width: 1025px) { .elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-heading-title { width: calc(100% - 80px) !important; max-width: 1280px !important; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-desktop { display: block !important; width: 100%; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-mobile { display: none !important; } } /* ===================================================== TABLET — DUAS LINHAS ===================================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-heading-title { width: calc(100% - 48px) !important; max-width: 900px !important; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-desktop { display: block !important; width: 100%; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-mobile { display: none !important; } } /* ===================================================== MOBILE — TRÊS LINHAS ===================================================== */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-3eeefb2 .elementor-heading-title { width: calc(100% - 32px) !important; max-width: 420px !important; font-size: clamp( 23px, 6.9vw, 27px ) !important; line-height: 1.08 !important; letter-spacing: -0.3px !important; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-desktop { display: none !important; } .elementor-2247 .elementor-element.elementor-element-3eeefb2 .mcd-alunos-mobile { display: block !important; width: 100%; max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e1d730f */.elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local-wrap { display: flex; justify-content: center; width: 100%; } .elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; max-width: calc(100% - 32px); box-sizing: border-box; padding: 8px 20px; border: 2px solid #19E23D; border-radius: 999px; color: #ffffff; font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.2; text-align: center; text-transform: uppercase; box-shadow: 0 0 10px rgba(25, 226, 61, 0.16), inset 0 0 10px rgba(25, 226, 61, 0.05); } .elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local__ponto { display: block; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #19E23D; box-shadow: 0 0 5px #19E23D, 0 0 12px rgba(25, 226, 61, 0.95); animation: mcd-ponto-neon-piscar 1.15s ease-in-out infinite; } .elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local__texto { display: block; min-width: 0; } @keyframes mcd-ponto-neon-piscar { 0%, 100% { opacity: 0.45; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1); } } @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local { gap: 6px; padding: 7px 16px; font-size: 11px; } .elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local__ponto { width: 6px; height: 6px; } } @media (prefers-reduced-motion: reduce) { .elementor-2247 .elementor-element.elementor-element-e1d730f .mcd-selo-local__ponto { animation: none; opacity: 1; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3d418f8 *//* ===================================================== CONFIGURAÇÃO GERAL ===================================================== */ .elementor-2247 .elementor-element.elementor-element-3d418f8 .elementor-heading-title { color: #ffffff; text-align: center; white-space: normal; word-break: normal; overflow-wrap: normal; } /* Degradê verde */ .elementor-2247 .elementor-element.elementor-element-3d418f8 .nome-degrade { display: inline; background: linear-gradient( 90deg, #12a754 0%, #19e23d 55%, #19e23d 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } /* ===================================================== DESKTOP E TABLET — DUAS LINHAS ===================================================== */ @media (min-width: 768px) { .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-desktop { display: block !important; width: 100%; max-width: 100%; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-mobile { display: none !important; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-linha { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; text-align: center !important; white-space: nowrap !important; } } /* ===================================================== MOBILE — MANTÉM AS TRÊS LINHAS ATUAIS ===================================================== */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-3d418f8 { --container-widget-width: calc(100% - 32px) !important; --container-widget-flex-grow: 0 !important; box-sizing: border-box !important; flex: 0 1 auto !important; flex-basis: auto !important; align-self: center !important; position: relative !important; left: auto !important; right: auto !important; width: calc(100% - 32px) !important; min-width: 0 !important; max-width: calc(100% - 32px) !important; height: auto !important; min-height: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; transform: none !important; overflow: hidden !important; overflow-x: clip !important; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .elementor-widget-container { box-sizing: border-box !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; overflow-x: clip !important; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .elementor-heading-title { box-sizing: border-box !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; font-size: clamp( 24px, 7.2vw, 31px ) !important; line-height: 1.1 !important; letter-spacing: -0.5px !important; text-align: center !important; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-desktop { display: none !important; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-mobile { display: block !important; width: 100%; max-width: 100%; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-linha { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 auto !important; font-size: inherit !important; line-height: inherit !important; text-align: center !important; white-space: nowrap !important; } } /* AJUSTE FINAL DO TAMANHO NO MOBILE */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-3d418f8 .elementor-heading-title { font-size: clamp( 20px, 6.1vw, 26px ) !important; line-height: 1.11 !important; letter-spacing: -0.3px !important; } .elementor-2247 .elementor-element.elementor-element-3d418f8 .mcd-investimento-mobile .mcd-investimento-linha { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; padding-right: 4px !important; padding-left: 4px !important; font-size: inherit !important; letter-spacing: inherit !important; white-space: nowrap !important; transform: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cf9192c *//* ===================================================== NOVO SUBTÍTULO DO FAQ ===================================================== */ #mcd-faq .mcd-faq__subtitulo { width: 100%; max-width: 760px; margin: clamp(18px, 2.2vw, 28px) auto 0; padding: 0; color: rgba(255, 255, 255, 0.88); font-family: "Montserrat", Arial, Helvetica, sans-serif; font-size: clamp( 17px, 1.45vw, 23px ); font-weight: 500; line-height: 1.4; text-align: center; } /* Título maior no mobile, pois agora é mais curto */ @media (max-width: 767px) { #mcd-faq .mcd-faq__titulo { font-size: clamp( 22px, 6.3vw, 28px ); line-height: 1.1; } #mcd-faq .mcd-faq__subtitulo { max-width: 350px; margin-top: 16px; font-size: clamp( 14px, 4vw, 17px ); line-height: 1.45; } } /* TÍTULO DO FAQ MAIOR NO MOBILE */ @media (max-width: 767px) { #mcd-faq .mcd-faq__titulo { font-size: clamp( 27px, 7.8vw, 34px ) !important; line-height: 1.08 !important; letter-spacing: -0.45px !important; } } /* ===================================================== NOVO DEGRADÊ CONTÍNUO DO TÍTULO ===================================================== */ #mcd-faq .mcd-faq__titulo { color: transparent !important; /* * O degradê é aplicado uma única vez no título * inteiro, unificando NINGUÉM + TE EXPLICA. */ background: linear-gradient( 90deg, #12a754 25%, #19e23d 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #mcd-faq .mcd-faq__titulo-branco { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } #mcd-faq .mcd-faq__linha { display: block; width: 100%; max-width: 100%; text-align: center; white-space: nowrap; } /* A quebra do subtítulo fica escondida no desktop */ #mcd-faq .mcd-faq__quebra-mobile { display: none; } /* ===================================================== MOBILE ===================================================== */ @media (max-width: 767px) { #mcd-faq .mcd-faq__titulo { font-size: clamp( 28px, 8.2vw, 35px ) !important; line-height: 1.07 !important; letter-spacing: -0.45px !important; } #mcd-faq .mcd-faq__quebra-mobile { display: block; } #mcd-faq .mcd-faq__subtitulo { line-height: 1.42 !important; } } /* PERGUNTAS DA FAQ EM NULSHOCK */ #mcd-faq .mcd-faq__pergunta { font-family: "Nulshock", "Arial Black", Impact, sans-serif !important; font-weight: 400 !important; letter-spacing: 0.1px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-73215ab *//* ================================================== FUNDO QUADRICULADO CONTÍNUO DA PÁGINA ================================================== */ .elementor-2247 .elementor-element.elementor-element-73215ab { position: relative; isolation: isolate; background-color: #070411; background-image: linear-gradient( rgba(142, 80, 191, 0.10) 1px, transparent 1px ), linear-gradient( 90deg, rgba(142, 80, 191, 0.10) 1px, transparent 1px ), radial-gradient( ellipse 60% 25% at 50% 18%, rgba(109, 53, 154, 0.20) 0%, rgba(109, 53, 154, 0.08) 38%, transparent 75% ), radial-gradient( ellipse 60% 25% at 50% 68%, rgba(109, 53, 154, 0.16) 0%, rgba(109, 53, 154, 0.05) 42%, transparent 75% ); background-size: 60px 60px, 60px 60px, 100% 1200px, 100% 1400px; background-position: center top, center top, center top, center 600px; background-repeat: repeat, repeat, no-repeat, no-repeat; } /* ================================================== FUNDO MOBILE + TAMANHOS DA HERO MOBILE ================================================== */ @media (max-width: 767px) { .elementor-2247 .elementor-element.elementor-element-73215ab { --mcd-title-next-element-gap: 12px !important; background-image: linear-gradient( rgba(142, 80, 191, 0.09) 1px, transparent 1px ), linear-gradient( 90deg, rgba(142, 80, 191, 0.09) 1px, transparent 1px ), radial-gradient( ellipse 105% 20% at 50% 18%, rgba(109, 53, 154, 0.18) 0%, rgba(109, 53, 154, 0.06) 42%, transparent 75% ), radial-gradient( ellipse 105% 20% at 50% 68%, rgba(109, 53, 154, 0.14) 0%, rgba(109, 53, 154, 0.04) 42%, transparent 75% ); background-size: 36px 36px, 36px 36px, 100% 900px, 100% 1100px; background-position: center top, center top, center top, center 450px; } /* TRANSFORME 1 FOTO EM */ .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-mobile-copy-part1 { margin-bottom: 5px !important; font-size: clamp(13px, 3.4vw, 16px) !important; line-height: 1.08 !important; } /* CLONES DIGITAIS */ .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-mobile-copy-part2 { margin-bottom: 7px !important; font-size: clamp(43px, 11.6vw, 50px) !important; line-height: 0.91 !important; } /* GRAVANDO + palavra animada */ .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-mobile-action-line { margin-bottom: 3px !important; font-size: clamp(17px, 4.8vw, 23px) !important; line-height: 1 !important; } /* NO SEU LUGAR */ .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-mobile-no-seu-lugar { font-size: clamp(19px, 5.4vw, 26px) !important; line-height: 1 !important; } /* JUNTE-SE A MAIS DE 10 MIL ALUNOS */ .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-alunos { gap: 6px !important; } .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-alunos__texto { width: 72% !important; max-width: 270px !important; margin-right: auto !important; margin-left: auto !important; font-size: 13px !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap; } /* AVATARES */ .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-alunos__avatares { width: 144px !important; height: 34px !important; } .elementor-2247 .elementor-element.elementor-element-73215ab .mcd-alunos__avatares img { top: -36px !important; width: 270px !important; height: 90px !important; } } /* ================================================== NOVOS CONTÊINERES TRANSPARENTES AUTOMATICAMENTE ================================================== */ /* Todo contêiner criado diretamente dentro do Contêiner principal ficará transparente e deixará o quadriculado aparecer. A Hero é excluída porque ela tem vídeo próprio. */ .elementor-2247 .elementor-element.elementor-element-73215ab > .e-con:not(.mcd-hero) { background-color: transparent !important; background-image: none !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Nulshock'; font-style: normal; font-weight: normal; font-display: swap; src: url('https://meuclonedigital.com/wp-content/uploads/2026/08/Nulshock-Bold.eot'); src: url('https://meuclonedigital.com/wp-content/uploads/2026/08/Nulshock-Bold.eot?#iefix') format('embedded-opentype'), url('https://meuclonedigital.com/wp-content/uploads/2026/08/Nulshock-Bold.woff2') format('woff2'), url('https://meuclonedigital.com/wp-content/uploads/2026/08/Nulshock-Bold.woff') format('woff'), url('https://meuclonedigital.com/wp-content/uploads/2026/08/Nulshock-Bold.ttf') format('truetype'); } /* End Custom Fonts CSS */