.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-8 .elementor-element.elementor-element-1d2f5cc{text-align:center;}.elementor-8 .elementor-element.elementor-element-1a4c04c{text-align:center;}.elementor-8 .elementor-element.elementor-element-3dc9ffb{text-align:center;}.elementor-8 .elementor-element.elementor-element-dc4552c{text-align:center;}.elementor-8 .elementor-element.elementor-element-0eb233c{text-align:center;}.elementor-8 .elementor-element.elementor-element-9aa407a{text-align:center;}.elementor-8 .elementor-element.elementor-element-2f91e33{text-align:center;}.elementor-8 .elementor-element.elementor-element-1167347{text-align:center;}.elementor-8 .elementor-element.elementor-element-547f6c4{text-align:center;}.elementor-8 .elementor-element.elementor-element-4158c61{text-align:center;}.elementor-8 .elementor-element.elementor-element-c9f2139{text-align:center;}.elementor-8 .elementor-element.elementor-element-376b010{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-84a6ee7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-b80ccaa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-5070dd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-b2ba36c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-54da175{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-a073872{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-1880378{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-91ec3c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-967a643{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}/* Start custom CSS for html, class: .elementor-element-fb1fe7f *//* ========================================================== O MÉTODO NÔMADE PARTE 1 — VISÃO NÔMADE PÁGINA 01 — ABERTURA MASTER DIGITAL: 725 × 1024 px ========================================================== */ .mn-visao-page { --mn-black: #111111; --mn-black-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-gray: #b7b7b7; position: relative; /* EXATAMENTE A MESMA PROPORÇÃO DAS IMAGENS JÁ EXISTENTES. */ width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-black); color: var(--mn-white); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-visao-page *, .mn-visao-page *::before, .mn-visao-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-visao-main { position: relative; flex: 1; width: 100%; display: flex; align-items: center; overflow: hidden; background: radial-gradient( circle at 82% 51%, rgba(255, 70, 0, 0.055) 0%, rgba(255, 70, 0, 0.018) 25%, transparent 48% ), var(--mn-black); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-visao-top-line { position: absolute; top: 66px; left: 60px; width: 54px; height: 5px; background: var(--mn-orange); } /* ========================================================== CONTEÚDO ========================================================== */ .mn-visao-content { position: relative; width: 100%; padding: 80px 64px 72px; z-index: 2; } .mn-visao-eyebrow { margin-bottom: 25px; color: var(--mn-orange); font-family: Inter, Arial, sans-serif; font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 0.17em; text-transform: uppercase; } /* ========================================================== TÍTULO ========================================================== */ .mn-visao-title { width: 100%; margin: 0; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 96px; line-height: 0.84; font-weight: 900; letter-spacing: -0.065em; text-transform: uppercase; } .mn-visao-title span { display: block; color: var(--mn-orange); } /* ========================================================== PEQUENO DIVISOR ========================================================== */ .mn-visao-divider { width: 65px; height: 2px; margin: 43px 0 30px; background: var(--mn-orange); } /* ========================================================== TEXTO INTRODUTÓRIO ========================================================== */ .mn-visao-intro { width: 440px; max-width: 78%; margin: 0; color: var(--mn-gray); font-family: Inter, Arial, sans-serif; font-size: 18px; line-height: 1.55; font-weight: 400; } /* ========================================================== ELEMENTO EDITORIAL LATERAL APENAS GEOMETRIA — NÃO É LOGO OU SÍMBOLO ========================================================== */ .mn-visao-side-mark { position: absolute; right: 60px; bottom: 90px; width: 1px; height: 210px; background: linear-gradient( to bottom, transparent 0%, rgba(255, 70, 0, 0.20) 15%, rgba(255, 70, 0, 0.75) 50%, rgba(255, 70, 0, 0.20) 85%, transparent 100% ); } .mn-visao-side-mark span { position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; transform: translate(-50%, -50%) rotate(45deg); background: var(--mn-orange); } /* ========================================================== RODAPÉ ========================================================== */ .mn-visao-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 0 50px; background: var(--mn-black-footer); border-top: 1px solid rgba(255, 255, 255, 0.04); } /* ========================================================== RODAPÉ — ESQUERDA ========================================================== */ .mn-visao-footer-left { display: flex; align-items: center; gap: 12px; color: var(--mn-white); font-family: Inter, Arial, sans-serif; font-size: 9px; letter-spacing: 0.04em; text-transform: uppercase; } .mn-visao-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-visao-footer-left strong { color: var(--mn-orange); font-weight: 600; } /* ========================================================== RODAPÉ — CENTRO ========================================================== */ .mn-visao-footer-center { color: rgba(255, 255, 255, 0.72); font-family: Inter, Arial, sans-serif; font-size: 8px; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; white-space: nowrap; } /* ========================================================== RODAPÉ — LOGO OFICIAL ========================================================== */ .mn-visao-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR O WIDGET NÃO PODE CRIAR UMA SEGUNDA LARGURA ========================================================== */ .elementor-widget-html:has(.mn-visao-page) { width: 100%; } .elementor-widget-html:has(.mn-visao-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém exatamente a proporção 725 × 1024. ========================================================== */ @media (max-width: 767px) { .mn-visao-content { padding: 11% 8.8% 10%; } .mn-visao-top-line { top: 6.5%; left: 8.3%; width: 7.5%; } .mn-visao-title { font-size: 13.2vw; } .mn-visao-intro { font-size: 2.45vw; } .mn-visao-side-mark { right: 8.3%; height: 21%; } .mn-visao-footer { flex-basis: 8.2%; padding: 0 6.8%; gap: 3%; } .mn-visao-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4cd85cf *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING PRECISA PRODUZIR RESULTADO PÁGINA 1/5 MASTER: 725 × 1024 px ========================================================== */ .mn-mr1-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #6f6f6f; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mr1-page *, .mn-mr1-page *::before, .mn-mr1-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mr1-main { position: relative; flex: 1; width: 100%; padding: 70px 64px 48px; background: radial-gradient( circle at 88% 18%, rgba(255,70,0,.045), transparent 25% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mr1-topline { width: 58px; height: 5px; margin-bottom: 53px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mr1-header { width: 100%; } .mn-mr1-kicker { margin-bottom: 15px; color: var(--mn-orange); font-size: 10px; line-height: 1; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .mn-mr1-title { max-width: 600px; margin: 0 0 38px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 57px; line-height: .93; font-weight: 900; letter-spacing: -.052em; text-transform: uppercase; } .mn-mr1-title span { display: block; color: var(--mn-orange); } /* ========================================================== NARRATIVA DIDÁTICA ========================================================== */ .mn-mr1-content { width: 100%; max-width: 580px; color: var(--mn-text); font-size: 15px; line-height: 1.48; } .mn-mr1-content p { margin: 0 0 14px; } .mn-mr1-content strong { font-weight: 750; } .mn-mr1-lead { font-size: 17px; line-height: 1.48; font-weight: 500; } /* ========================================================== PERGUNTA CENTRAL ========================================================== */ .mn-mr1-question { margin: 27px 0 29px; padding: 20px 22px 22px; border-left: 5px solid var(--mn-orange); background: rgba(17,17,17,.045); } .mn-mr1-question-label { margin-bottom: 11px; color: var(--mn-gray); font-size: 9px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; } .mn-mr1-question-text { color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 25px; line-height: 1.06; font-weight: 850; letter-spacing: -.025em; text-transform: uppercase; } .mn-mr1-question-text span { display: block; color: var(--mn-orange); } /* ========================================================== FECHAMENTO ========================================================== */ .mn-mr1-closing { position: absolute; left: 64px; right: 64px; bottom: 44px; display: flex; align-items: center; gap: 17px; padding-top: 17px; border-top: 1px solid rgba(17,17,17,.18); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .mn-mr1-closing strong { color: var(--mn-orange); font-size: 26px; line-height: 1; } /* ========================================================== RODAPÉ ========================================================== */ .mn-mr1-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mr1-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mr1-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mr1-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mr1-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO */ .mn-mr1-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mr1-page) { width: 100%; } .elementor-widget-html:has(.mn-mr1-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém proporção 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mr1-main { padding: 9.6% 8.8% 6.5%; } .mn-mr1-topline { width: 8%; margin-bottom: 7.3%; } .mn-mr1-title { font-size: 7.85vw; margin-bottom: 5.2%; } .mn-mr1-content { font-size: 2.05vw; } .mn-mr1-lead { font-size: 2.32vw; } .mn-mr1-question-text { font-size: 3.42vw; } .mn-mr1-closing { left: 8.8%; right: 8.8%; bottom: 4.3%; font-size: 2.25vw; } .mn-mr1-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mr1-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4f46a99 *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING PRECISA PRODUZIR RESULTADO PÁGINA 2/5 — MOVIMENTO NÃO É CRESCIMENTO MASTER: 725 × 1024 px ========================================================== */ .mn-mr2-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-dark: #e5e3df; --mn-text: #181818; --mn-gray: #6d6b68; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mr2-page *, .mn-mr2-page *::before, .mn-mr2-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mr2-main { position: relative; flex: 1; width: 100%; padding: 64px 64px 43px; background: linear-gradient( 90deg, rgba(255,70,0,.025) 0%, transparent 22% ), var(--mn-paper); } /* ========================================================== TRAÇO ========================================================== */ .mn-mr2-topline { width: 58px; height: 5px; margin-bottom: 44px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mr2-kicker { margin-bottom: 14px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mr2-title { width: 100%; max-width: 600px; margin: 0 0 31px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 53px; line-height: .94; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-mr2-title span { display: block; color: var(--mn-orange); } /* ========================================================== NARRATIVA ========================================================== */ .mn-mr2-content { width: 100%; max-width: 585px; font-size: 14px; line-height: 1.47; } .mn-mr2-content p { margin: 0 0 12px; } .mn-mr2-content strong { font-weight: 750; } .mn-mr2-lead { margin-bottom: 17px !important; font-size: 17px; line-height: 1.4; } /* ========================================================== PERGUNTAS DE RACIOCÍNIO Continua sendo conteúdo didático. Não funciona como infográfico principal. ========================================================== */ .mn-mr2-questions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; margin: 23px 0 22px; } .mn-mr2-question { min-height: 82px; display: grid; grid-template-columns: 31px 1fr; gap: 11px; align-items: start; padding: 13px 13px; background: rgba(17,17,17,.035); border-top: 1px solid rgba(17,17,17,.11); } .mn-mr2-question > span { color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13px; font-weight: 850; line-height: 1; } .mn-mr2-question p { margin: 0; font-size: 11px; line-height: 1.35; } .mn-mr2-question strong { display: block; margin-top: 3px; font-weight: 750; } /* ========================================================== FECHAMENTO DA PÁGINA ========================================================== */ .mn-mr2-closing { position: relative; margin-top: 6px; padding: 18px 21px 19px; border-left: 5px solid var(--mn-orange); background: var(--mn-paper-dark); } .mn-mr2-closing-label { margin-bottom: 8px; color: var(--mn-gray); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; } .mn-mr2-closing-text { margin-bottom: 9px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 26px; line-height: .98; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; } .mn-mr2-closing-text span { color: var(--mn-orange); } .mn-mr2-closing p { max-width: 465px; margin: 0; color: #454545; font-size: 11px; line-height: 1.42; } /* ========================================================== RODAPÉ ========================================================== */ .mn-mr2-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mr2-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mr2-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mr2-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mr2-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mr2-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mr2-page) { width: 100%; } .elementor-widget-html:has(.mn-mr2-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém proporção 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mr2-main { padding: 8.8% 8.8% 5.9%; } .mn-mr2-topline { width: 8%; margin-bottom: 6%; } .mn-mr2-title { font-size: 7.3vw; margin-bottom: 4.2%; } .mn-mr2-content { font-size: 1.92vw; } .mn-mr2-lead { font-size: 2.32vw; } .mn-mr2-question p { font-size: 1.5vw; } .mn-mr2-closing-text { font-size: 3.55vw; } .mn-mr2-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mr2-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ffc1ffa *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING PRECISA PRODUZIR RESULTADO PÁGINA 3/5 — ATENÇÃO NÃO É VENDA MASTER: 725 × 1024 px ========================================================== */ .mn-mr3-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-2: #e6e4e0; --mn-text: #181818; --mn-gray: #66635f; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mr3-page *, .mn-mr3-page *::before, .mn-mr3-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mr3-main { position: relative; flex: 1; width: 100%; padding: 64px 62px 40px; background: radial-gradient( circle at 88% 12%, rgba(255,70,0,.035), transparent 27% ), var(--mn-paper); } /* ========================================================== TRAÇO ========================================================== */ .mn-mr3-topline { width: 58px; height: 5px; margin-bottom: 43px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mr3-kicker { margin-bottom: 14px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mr3-title { margin: 0 0 31px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 56px; line-height: .93; font-weight: 900; letter-spacing: -.052em; text-transform: uppercase; } .mn-mr3-title span { display: block; color: var(--mn-orange); } /* ========================================================== NARRATIVA ========================================================== */ .mn-mr3-content { width: 100%; max-width: 590px; font-size: 14px; line-height: 1.46; } .mn-mr3-content p { margin: 0 0 12px; } .mn-mr3-content strong { font-weight: 750; } .mn-mr3-lead { margin-bottom: 17px !important; font-size: 17px; line-height: 1.42; font-weight: 500; } /* ========================================================== FLUXO DE APOIO Não é o protagonista da página. Serve apenas para tornar o avanço compreensível. ========================================================== */ .mn-mr3-flow { display: grid; grid-template-columns: 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr; align-items: center; gap: 5px; margin: 24px 0 25px; padding: 20px 18px; background: var(--mn-paper-2); border-top: 1px solid rgba(17,17,17,.10); border-bottom: 1px solid rgba(17,17,17,.10); } .mn-mr3-node { text-align: center; } .mn-mr3-node strong { display: block; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 10px; font-weight: 850; letter-spacing: .03em; } .mn-mr3-node span { display: block; margin-top: 4px; color: var(--mn-gray); font-size: 8px; line-height: 1.2; } .mn-mr3-node:last-of-type strong { color: var(--mn-orange); } .mn-mr3-arrow { color: var(--mn-orange); font-size: 18px; font-weight: 700; text-align: center; } /* ========================================================== SEGUNDA PARTE DA NARRATIVA ========================================================== */ .mn-mr3-content-bottom { margin-top: 0; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-mr3-closing { margin-top: 21px; padding: 19px 21px; background: #171717; color: #fff; border-left: 5px solid var(--mn-orange); } .mn-mr3-closing-big { margin-bottom: 8px; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 23px; line-height: 1.03; font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } .mn-mr3-closing-big span { display: block; color: var(--mn-orange); } .mn-mr3-closing p { max-width: 485px; margin: 0; color: #c8c8c8; font-size: 11px; line-height: 1.4; } /* ========================================================== RODAPÉ ========================================================== */ .mn-mr3-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mr3-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mr3-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mr3-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mr3-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO */ .mn-mr3-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mr3-page) { width: 100%; } .elementor-widget-html:has(.mn-mr3-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-mr3-main { padding: 8.8% 8.55% 5.5%; } .mn-mr3-topline { width: 8%; margin-bottom: 5.9%; } .mn-mr3-title { font-size: 7.7vw; margin-bottom: 4.2%; } .mn-mr3-content { font-size: 1.92vw; } .mn-mr3-lead { font-size: 2.32vw; } .mn-mr3-flow { margin: 3.3% 0; padding: 2.7% 2.5%; } .mn-mr3-node strong { font-size: 1.35vw; } .mn-mr3-node span { font-size: 1.08vw; } .mn-mr3-closing-big { font-size: 3.15vw; } .mn-mr3-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mr3-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-27cc990 *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING PRECISA PRODUZIR RESULTADO PÁGINA 4/5 — ATIVIDADE × RESULTADO MASTER: 725 × 1024 px ========================================================== */ .mn-mr4-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-2: #e5e3df; --mn-text: #181818; --mn-gray: #696662; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mr4-page *, .mn-mr4-page *::before, .mn-mr4-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mr4-main { position: relative; flex: 1; width: 100%; padding: 63px 63px 38px; background: radial-gradient( circle at 92% 18%, rgba(255,70,0,.035), transparent 27% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mr4-topline { width: 58px; height: 5px; margin-bottom: 42px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mr4-kicker { margin-bottom: 13px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mr4-title { margin: 0 0 29px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 57px; line-height: .92; font-weight: 900; letter-spacing: -.052em; text-transform: uppercase; } .mn-mr4-title span { display: block; color: var(--mn-orange); } /* ========================================================== TEXTO DIDÁTICO ========================================================== */ .mn-mr4-content { width: 100%; max-width: 588px; font-size: 14px; line-height: 1.47; } .mn-mr4-content p { margin: 0 0 12px; } .mn-mr4-content strong { font-weight: 750; } .mn-mr4-lead { margin-bottom: 16px !important; font-size: 17px; line-height: 1.42; font-weight: 500; } /* ========================================================== SITUAÇÕES São exemplos dentro da narrativa. Não são cards independentes de infográfico. ========================================================== */ .mn-mr4-cases { margin: 21px 0 21px; border-top: 1px solid rgba(17,17,17,.14); border-bottom: 1px solid rgba(17,17,17,.14); } .mn-mr4-case { display: grid; grid-template-columns: 43px 1fr; gap: 14px; align-items: start; padding: 11px 3px; border-bottom: 1px solid rgba(17,17,17,.08); } .mn-mr4-case:last-child { border-bottom: none; } .mn-mr4-case-number { color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 12px; line-height: 1.2; font-weight: 850; letter-spacing: .06em; } .mn-mr4-case-text { font-size: 12px; line-height: 1.35; } .mn-mr4-case-text strong { display: inline; font-weight: 750; } .mn-mr4-case-text span { color: #4d4b48; } /* ========================================================== SEGUNDA PARTE DA NARRATIVA ========================================================== */ .mn-mr4-content-bottom { margin-top: 0; } .mn-mr4-false-conclusions { margin: 16px 0 !important; padding-left: 16px; border-left: 3px solid rgba(17,17,17,.25); color: #4c4946; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13px; line-height: 1.55; font-weight: 650; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-mr4-closing { margin-top: 20px; padding: 17px 21px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); color: #fff; } .mn-mr4-closing-small { margin-bottom: 6px; color: #a8a8a8; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; } .mn-mr4-closing-old { color: #929292; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 15px; font-weight: 750; text-transform: uppercase; } .mn-mr4-closing-arrow { margin: 3px 0; color: var(--mn-orange); font-size: 16px; line-height: 1; } .mn-mr4-closing-new { font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 24px; line-height: 1; font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } .mn-mr4-closing-new span { display: block; color: var(--mn-orange); } /* ========================================================== RODAPÉ ========================================================== */ .mn-mr4-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mr4-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mr4-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mr4-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mr4-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mr4-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mr4-page) { width: 100%; } .elementor-widget-html:has(.mn-mr4-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mr4-main { padding: 8.7% 8.7% 5.2%; } .mn-mr4-topline { width: 8%; margin-bottom: 5.8%; } .mn-mr4-title { font-size: 7.85vw; margin-bottom: 4%; } .mn-mr4-content { font-size: 1.92vw; } .mn-mr4-lead { font-size: 2.32vw; } .mn-mr4-case-text { font-size: 1.65vw; } .mn-mr4-closing-new { font-size: 3.3vw; } .mn-mr4-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mr4-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-163163c *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING PRECISA PRODUZIR RESULTADO PÁGINA 5/5 — MARKETING COMO PARTE DO NEGÓCIO MASTER: 725 × 1024 px ========================================================== */ .mn-mr5-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-2: #e5e3df; --mn-text: #181818; --mn-gray: #686560; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mr5-page *, .mn-mr5-page *::before, .mn-mr5-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mr5-main { position: relative; flex: 1; width: 100%; padding: 63px 63px 37px; background: radial-gradient( circle at 90% 14%, rgba(255,70,0,.035), transparent 28% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mr5-topline { width: 58px; height: 5px; margin-bottom: 42px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mr5-kicker { margin-bottom: 13px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mr5-title { max-width: 610px; margin: 0 0 29px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 52px; line-height: .94; font-weight: 900; letter-spacing: -.048em; text-transform: uppercase; } .mn-mr5-title span { display: block; color: var(--mn-orange); } /* ========================================================== NARRATIVA DIDÁTICA ========================================================== */ .mn-mr5-content { width: 100%; max-width: 590px; font-size: 14px; line-height: 1.47; } .mn-mr5-content p { margin: 0 0 12px; } .mn-mr5-content strong { font-weight: 750; } .mn-mr5-lead { margin-bottom: 16px !important; font-size: 17px; line-height: 1.42; font-weight: 500; } /* ========================================================== RELAÇÕES COM O NEGÓCIO Não são cards. Funcionam como exemplos editoriais dentro do texto. ========================================================== */ .mn-mr5-relations { margin: 21px 0 20px; border-top: 1px solid rgba(17,17,17,.14); border-bottom: 1px solid rgba(17,17,17,.14); } .mn-mr5-relation { display: grid; grid-template-columns: 104px 1fr; gap: 18px; align-items: start; padding: 13px 3px; border-bottom: 1px solid rgba(17,17,17,.08); } .mn-mr5-relation:last-child { border-bottom: none; } .mn-mr5-relation-label { color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } .mn-mr5-relation p { margin: 0; font-size: 12px; line-height: 1.36; } .mn-mr5-relation strong { font-weight: 750; } /* ========================================================== CONTEÚDO INTERMEDIÁRIO ========================================================== */ .mn-mr5-content-middle { margin-top: 0; } /* ========================================================== PRINCÍPIO CENTRAL ========================================================== */ .mn-mr5-statement { margin: 20px 0 21px; padding: 18px 21px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); color: #ffffff; } .mn-mr5-statement-small { margin-bottom: 7px; color: #8e8e8e; font-size: 8px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; } .mn-mr5-statement-main { font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 26px; line-height: 1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; } .mn-mr5-statement-main span { display: block; color: var(--mn-orange); } /* ========================================================== CONTEÚDO FINAL ========================================================== */ .mn-mr5-content-bottom { margin-top: 0; } /* ========================================================== FECHAMENTO DO BLOCO ========================================================== */ .mn-mr5-closing { margin-top: 19px; padding-top: 16px; border-top: 1px solid rgba(17,17,17,.18); color: var(--mn-gray); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 14px; line-height: 1.3; font-weight: 750; letter-spacing: .02em; text-transform: uppercase; } .mn-mr5-closing span { display: block; margin-top: 3px; color: var(--mn-orange); font-size: 17px; font-weight: 900; } /* ========================================================== RODAPÉ ========================================================== */ .mn-mr5-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mr5-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mr5-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mr5-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mr5-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mr5-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mr5-page) { width: 100%; } .elementor-widget-html:has(.mn-mr5-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém proporção 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mr5-main { padding: 8.7% 8.7% 5.1%; } .mn-mr5-topline { width: 8%; margin-bottom: 5.8%; } .mn-mr5-title { font-size: 7.15vw; margin-bottom: 4%; } .mn-mr5-content { font-size: 1.92vw; } .mn-mr5-lead { font-size: 2.32vw; } .mn-mr5-relation { grid-template-columns: 15% 1fr; } .mn-mr5-relation p { font-size: 1.65vw; } .mn-mr5-statement-main { font-size: 3.55vw; } .mn-mr5-closing { font-size: 1.9vw; } .mn-mr5-closing span { font-size: 2.3vw; } .mn-mr5-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mr5-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-686688f *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING, PROPAGANDA E CONVERSÃO PÁGINA 1/5 — OS TRÊS TERRITÓRIOS MASTER: 725 × 1024 px ========================================================== */ .mn-mpc1-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-dark: #e4e2de; --mn-text: #181818; --mn-gray: #696662; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mpc1-page *, .mn-mpc1-page *::before, .mn-mpc1-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mpc1-main { position: relative; flex: 1; width: 100%; padding: 62px 62px 38px; background: radial-gradient( circle at 92% 12%, rgba(255,70,0,.04), transparent 26% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mpc1-topline { width: 58px; height: 5px; margin-bottom: 39px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mpc1-kicker { margin-bottom: 13px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-mpc1-title { max-width: 600px; margin: 0 0 22px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 49px; line-height: .93; font-weight: 900; letter-spacing: -.048em; text-transform: uppercase; } .mn-mpc1-title span { color: var(--mn-orange); } .mn-mpc1-intro { max-width: 560px; margin: 0 0 8px; font-size: 17px; line-height: 1.4; font-weight: 500; } .mn-mpc1-intro strong { font-weight: 800; } .mn-mpc1-intro-secondary { max-width: 570px; margin: 0; color: #4f4d49; font-size: 12.5px; line-height: 1.48; } /* ========================================================== TRÊS TERRITÓRIOS Tratamento editorial em sequência vertical: informação + explicação. Não são cards independentes. ========================================================== */ .mn-mpc1-territories { margin-top: 28px; border-top: 1px solid rgba(17,17,17,.16); border-bottom: 1px solid rgba(17,17,17,.16); } .mn-mpc1-territory { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 17px 2px 16px; border-bottom: 1px solid rgba(17,17,17,.09); } .mn-mpc1-territory:last-child { border-bottom: none; } /* NÚMERO */ .mn-mpc1-territory-index { padding-top: 3px; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 11px; line-height: 1; font-weight: 850; letter-spacing: .08em; } /* CONTEÚDO */ .mn-mpc1-territory-body h2 { margin: 0 0 5px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 20px; line-height: 1; font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } .mn-mpc1-path { margin-bottom: 7px; color: var(--mn-gray); font-size: 9px; line-height: 1.3; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .mn-mpc1-path span { display: inline-block; margin: 0 5px; color: var(--mn-orange); font-size: 12px; } .mn-mpc1-territory-body p { max-width: 500px; margin: 0; color: #353330; font-size: 12px; line-height: 1.42; } /* ========================================================== FECHAMENTO DIDÁTICO ========================================================== */ .mn-mpc1-closing { margin-top: 24px; padding: 18px 20px 17px; background: var(--mn-paper-dark); border-left: 5px solid var(--mn-orange); } .mn-mpc1-closing-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 8px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; } .mn-mpc1-closing p { max-width: 525px; margin: 0 0 14px; color: #373532; font-size: 11px; line-height: 1.43; } .mn-mpc1-closing p strong { color: var(--mn-black); font-weight: 800; } /* SEQUÊNCIA FINAL */ .mn-mpc1-sequence { display: flex; align-items: center; gap: 10px; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 12px; line-height: 1; font-weight: 850; letter-spacing: .03em; text-transform: uppercase; } .mn-mpc1-sequence b { color: var(--mn-orange); font-size: 16px; line-height: 1; } /* ========================================================== RODAPÉ ========================================================== */ .mn-mpc1-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mpc1-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mpc1-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mpc1-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mpc1-footer-center { color: rgba(255,255,255,.66); font-size: 6.8px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mpc1-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mpc1-page) { width: 100%; } .elementor-widget-html:has(.mn-mpc1-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém proporção 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mpc1-main { padding: 8.55% 8.55% 5.2%; } .mn-mpc1-topline { width: 8%; margin-bottom: 5.4%; } .mn-mpc1-title { font-size: 6.75vw; } .mn-mpc1-intro { font-size: 2.3vw; } .mn-mpc1-intro-secondary { font-size: 1.72vw; } .mn-mpc1-territory-body h2 { font-size: 2.75vw; } .mn-mpc1-territory-body p { font-size: 1.65vw; } .mn-mpc1-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mpc1-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dd3c4ce *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING, PROPAGANDA E CONVERSÃO PÁGINA 2/5 — MARKETING MASTER: 725 × 1024 px ========================================================== */ .mn-mpc2-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-2: #e5e3df; --mn-text: #181818; --mn-gray: #696662; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mpc2-page *, .mn-mpc2-page *::before, .mn-mpc2-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mpc2-main { position: relative; flex: 1; width: 100%; padding: 61px 63px 37px; background: radial-gradient( circle at 92% 12%, rgba(255,70,0,.045), transparent 27% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mpc2-topline { width: 58px; height: 5px; margin-bottom: 37px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mpc2-header { position: relative; } .mn-mpc2-kicker { margin-bottom: 13px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mpc2-number { position: absolute; top: -10px; right: 0; color: rgba(17,17,17,.08); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 88px; line-height: .8; font-weight: 900; letter-spacing: -.06em; } .mn-mpc2-title { position: relative; margin: 0 0 9px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 64px; line-height: .92; font-weight: 900; letter-spacing: -.055em; text-transform: uppercase; } .mn-mpc2-path { margin-bottom: 17px; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 11px; line-height: 1; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } .mn-mpc2-path span { display: inline-block; margin: 0 7px; color: var(--mn-black); } .mn-mpc2-definition { max-width: 515px; margin: 0 0 27px; color: #373532; font-size: 17px; line-height: 1.4; font-weight: 500; } /* ========================================================== NARRATIVA ========================================================== */ .mn-mpc2-narrative { width: 100%; max-width: 585px; font-size: 13.5px; line-height: 1.47; } .mn-mpc2-narrative p { margin: 0 0 11px; } .mn-mpc2-narrative strong { color: var(--mn-black); font-weight: 800; } .mn-mpc2-lead { margin-bottom: 14px !important; font-size: 16px; line-height: 1.4; font-weight: 500; } /* ========================================================== DESTINO → MERCADO → OFERTA Estrutura editorial sequencial. Não funciona como coleção de cards. ========================================================== */ .mn-mpc2-steps { margin: 21px 0 21px; border-top: 1px solid rgba(17,17,17,.16); border-bottom: 1px solid rgba(17,17,17,.16); } .mn-mpc2-step { display: grid; grid-template-columns: 145px 1fr; grid-template-areas: "head question" "head text"; column-gap: 20px; padding: 14px 2px 15px; border-bottom: 1px solid rgba(17,17,17,.09); } .mn-mpc2-step:last-child { border-bottom: none; } /* CABEÇALHO DO MARCO */ .mn-mpc2-step-head { grid-area: head; display: flex; align-items: baseline; gap: 9px; } .mn-mpc2-step-index { color: var(--mn-orange); font-size: 9px; font-weight: 850; letter-spacing: .08em; } .mn-mpc2-step-head h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 18px; line-height: 1; font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } /* PERGUNTA */ .mn-mpc2-step-question { grid-area: question; margin-bottom: 5px; color: var(--mn-orange); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } /* TEXTO */ .mn-mpc2-step p { grid-area: text; margin: 0; color: #3f3d39; font-size: 11.5px; line-height: 1.38; } /* ========================================================== SEGUNDA NARRATIVA ========================================================== */ .mn-mpc2-narrative-bottom { margin-top: 0; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-mpc2-closing { margin-top: 19px; padding: 18px 21px 19px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); color: #ffffff; } .mn-mpc2-closing-label { margin-bottom: 8px; color: #969696; font-size: 8px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; } .mn-mpc2-closing-text { font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 27px; line-height: .98; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; } .mn-mpc2-closing-text span { display: block; color: var(--mn-orange); } /* ========================================================== RODAPÉ ========================================================== */ .mn-mpc2-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mpc2-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mpc2-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mpc2-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mpc2-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mpc2-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mpc2-page) { width: 100%; } .elementor-widget-html:has(.mn-mpc2-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém proporção 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mpc2-main { padding: 8.4% 8.7% 5.1%; } .mn-mpc2-topline { width: 8%; margin-bottom: 5.1%; } .mn-mpc2-number { font-size: 12vw; } .mn-mpc2-title { font-size: 8.8vw; } .mn-mpc2-definition { font-size: 2.3vw; } .mn-mpc2-narrative { font-size: 1.86vw; } .mn-mpc2-lead { font-size: 2.2vw; } .mn-mpc2-step { grid-template-columns: 24% 1fr; } .mn-mpc2-step-head h2 { font-size: 2.45vw; } .mn-mpc2-step p { font-size: 1.58vw; } .mn-mpc2-closing-text { font-size: 3.7vw; } .mn-mpc2-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mpc2-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e5c0e5c *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING, PROPAGANDA E CONVERSÃO PÁGINA 3/5 — PROPAGANDA MASTER: 725 × 1024 px ========================================================== */ .mn-mpc3-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-paper: #efeeeb; --mn-paper-dark: #e3e1dd; --mn-text: #181818; --mn-gray: #686560; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mpc3-page *, .mn-mpc3-page *::before, .mn-mpc3-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mpc3-main { position: relative; flex: 1; width: 100%; padding: 60px 63px 35px; background: radial-gradient( circle at 91% 12%, rgba(255,70,0,.045), transparent 28% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mpc3-topline { width: 58px; height: 5px; margin-bottom: 36px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mpc3-header { position: relative; } .mn-mpc3-kicker { margin-bottom: 13px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mpc3-number { position: absolute; top: -10px; right: 0; color: rgba(17,17,17,.08); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 88px; line-height: .8; font-weight: 900; letter-spacing: -.06em; } .mn-mpc3-title { position: relative; margin: 0 0 9px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 62px; line-height: .92; font-weight: 900; letter-spacing: -.055em; text-transform: uppercase; } .mn-mpc3-path { margin-bottom: 17px; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 11px; line-height: 1; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } .mn-mpc3-path span { display: inline-block; margin: 0 8px; color: var(--mn-black); } .mn-mpc3-definition { max-width: 520px; margin: 0 0 24px; color: #383632; font-size: 17px; line-height: 1.4; font-weight: 500; } .mn-mpc3-definition strong { font-weight: 800; } /* ========================================================== NARRATIVA DE ABERTURA ========================================================== */ .mn-mpc3-narrative { width: 100%; max-width: 580px; font-size: 13.5px; line-height: 1.46; } .mn-mpc3-narrative p { margin: 0 0 10px; } .mn-mpc3-narrative strong { font-weight: 800; } .mn-mpc3-lead { margin-bottom: 13px !important; font-size: 15.5px; line-height: 1.42; } /* ========================================================== MENSAGEM / ATENÇÃO Tratamento editorial vertical. Não são cards independentes. ========================================================== */ .mn-mpc3-stage { display: grid; grid-template-columns: 118px 1fr; gap: 22px; margin-top: 20px; padding: 18px 0; border-top: 1px solid rgba(17,17,17,.16); } /* LATERAL */ .mn-mpc3-stage-side { border-right: 1px solid rgba(17,17,17,.12); } .mn-mpc3-stage-index { display: block; margin-bottom: 7px; color: var(--mn-orange); font-size: 9px; font-weight: 850; letter-spacing: .08em; } .mn-mpc3-stage-side h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 19px; line-height: 1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; } /* CONTEÚDO */ .mn-mpc3-stage-body { padding-right: 3px; } .mn-mpc3-stage-principle { margin-bottom: 9px; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 11px; line-height: 1.25; font-weight: 850; letter-spacing: .02em; text-transform: uppercase; } .mn-mpc3-stage-body p { margin: 0 0 9px; color: #3d3a36; font-size: 11.5px; line-height: 1.39; } /* PRINCÍPIO NÔMADE */ .mn-mpc3-quote { margin-top: 11px; padding-left: 12px; border-left: 3px solid var(--mn-orange); color: #45423e; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 10.5px; line-height: 1.35; font-weight: 650; } .mn-mpc3-quote strong { color: var(--mn-black); font-weight: 850; } /* ========================================================== TRANSIÇÃO MENSAGEM → ATENÇÃO ========================================================== */ .mn-mpc3-transition { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin: 4px 0 -1px; color: var(--mn-gray); text-align: center; } .mn-mpc3-transition-line { height: 1px; background: rgba(17,17,17,.13); } .mn-mpc3-transition span { max-width: 340px; font-size: 7.5px; line-height: 1.3; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-mpc3-closing { margin-top: 18px; padding: 16px 19px 17px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); color: #ffffff; } .mn-mpc3-closing-label { margin-bottom: 10px; color: #8e8e8e; font-size: 8px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; } .mn-mpc3-closing-system { display: flex; align-items: center; gap: 17px; } .mn-mpc3-closing-system > div { display: flex; flex-direction: column; } .mn-mpc3-closing-system span { font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 19px; line-height: 1; font-weight: 900; letter-spacing: -.02em; text-transform: uppercase; } .mn-mpc3-closing-system small { margin-top: 4px; color: #aaaaaa; font-size: 8px; font-weight: 500; } .mn-mpc3-closing-system b { color: var(--mn-orange); font-size: 23px; line-height: 1; } /* ========================================================== RODAPÉ ========================================================== */ .mn-mpc3-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: var(--mn-footer); color: #ffffff; } /* ESQUERDA */ .mn-mpc3-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mpc3-footer-left::before { content: ""; width: 4px; height: 34px; background: var(--mn-orange); } .mn-mpc3-footer-left strong { color: var(--mn-orange); } /* CENTRO */ .mn-mpc3-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mpc3-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mpc3-page) { width: 100%; } .elementor-widget-html:has(.mn-mpc3-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO Mantém proporção 725 × 1024 ========================================================== */ @media (max-width: 767px) { .mn-mpc3-main { padding: 8.3% 8.7% 4.8%; } .mn-mpc3-topline { width: 8%; margin-bottom: 5%; } .mn-mpc3-number { font-size: 12vw; } .mn-mpc3-title { font-size: 8.55vw; } .mn-mpc3-definition { font-size: 2.3vw; } .mn-mpc3-narrative { font-size: 1.86vw; } .mn-mpc3-lead { font-size: 2.13vw; } .mn-mpc3-stage { grid-template-columns: 19% 1fr; } .mn-mpc3-stage-side h2 { font-size: 2.6vw; } .mn-mpc3-stage-body p { font-size: 1.58vw; } .mn-mpc3-stage-principle { font-size: 1.5vw; } .mn-mpc3-closing-system span { font-size: 2.6vw; } .mn-mpc3-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mpc3-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-592eb35 *//* ========================================================== O MÉTODO NÔMADE VISÃO NÔMADE MARKETING, PROPAGANDA E CONVERSÃO PÁGINA 5/5 — TESE CENTRAL MASTER: 725 × 1024 px ========================================================== */ .mn-mpc5-page { --mn-orange: #ff4600; --mn-black: #111111; --mn-footer: #0b0b0b; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #181818; --mn-gray: #6b6864; position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-mpc5-page *, .mn-mpc5-page *::before, .mn-mpc5-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-mpc5-main { position: relative; flex: 1; width: 100%; padding: 61px 63px 38px; background: radial-gradient( circle at 91% 13%, rgba(255,70,0,.045), transparent 27% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-mpc5-topline { width: 58px; height: 5px; margin-bottom: 39px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-mpc5-kicker { margin-bottom: 13px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-mpc5-title { margin: 0 0 16px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 60px; line-height: .91; font-weight: 900; letter-spacing: -.055em; text-transform: uppercase; } .mn-mpc5-title span { display: block; color: var(--mn-orange); } .mn-mpc5-intro { max-width: 490px; margin: 0 0 29px; color: #45423e; font-size: 17px; line-height: 1.4; } .mn-mpc5-intro strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== TRÊS TERRITÓRIOS ========================================================== */ .mn-mpc5-territories { border-top: 1px solid rgba(17,17,17,.16); border-bottom: 1px solid rgba(17,17,17,.16); } .mn-mpc5-territory { display: grid; grid-template-columns: 155px 1fr; grid-template-areas: "head marcos" "head thesis"; column-gap: 23px; padding: 17px 2px; border-bottom: 1px solid rgba(17,17,17,.09); } .mn-mpc5-territory:last-child { border-bottom: none; } /* NOME */ .mn-mpc5-territory-head { grid-area: head; display: flex; align-items: baseline; gap: 9px; } .mn-mpc5-territory-head span { color: var(--mn-orange); font-size: 9px; font-weight: 850; letter-spacing: .08em; } .mn-mpc5-territory-head h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 18px; line-height: 1; font-weight: 900; letter-spacing: -.025em; text-transform: uppercase; } /* MARCOS */ .mn-mpc5-marcos { grid-area: marcos; margin-bottom: 7px; color: var(--mn-gray); font-size: 8.5px; line-height: 1.25; font-weight: 750; letter-spacing: .045em; text-transform: uppercase; } /* TESE DE CADA TERRITÓRIO */ .mn-mpc5-territory-thesis { grid-area: thesis; color: #494641; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13px; line-height: 1.16; font-weight: 600; text-transform: uppercase; } .mn-mpc5-territory-thesis strong { color: var(--mn-orange); font-weight: 900; } /* ========================================================== TESE CENTRAL ========================================================== */ .mn-mpc5-synthesis { margin-top: 31px; padding: 25px 25px 26px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); color: var(--mn-white); } .mn-mpc5-synthesis-label { margin-bottom: 16px; color: var(--mn-orange); font-size: 8px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-mpc5-synthesis p { margin: 0 0 8px; font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 21px; line-height: 1.12; font-weight: 500; letter-spacing: -.02em; } .mn-mpc5-synthesis p:last-child { margin-bottom: 0; } .mn-mpc5-synthesis strong { color: var(--mn-white); font-weight: 900; } .mn-mpc5-synthesis span { color: var(--mn-orange); font-weight: 900; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-mpc5-closing { margin-top: 28px; } .mn-mpc5-closing-line { width: 58px; height: 3px; margin-bottom: 15px; background: var(--mn-orange); } .mn-mpc5-closing p { max-width: 540px; margin: 0; color: #4a4743; font-size: 12px; line-height: 1.45; } .mn-mpc5-closing strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-mpc5-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } /* ESQUERDA */ .mn-mpc5-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-mpc5-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-mpc5-footer-left strong { color: #ff4600; } /* CENTRO */ .mn-mpc5-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } /* LOGO OFICIAL */ .mn-mpc5-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-mpc5-page) { width: 100%; } .elementor-widget-html:has(.mn-mpc5-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-mpc5-main { padding: 8.4% 8.7% 5.2%; } .mn-mpc5-topline { width: 8%; margin-bottom: 5.3%; } .mn-mpc5-title { font-size: 8.25vw; } .mn-mpc5-intro { font-size: 2.3vw; } .mn-mpc5-territory { grid-template-columns: 25% 1fr; } .mn-mpc5-territory-head h2 { font-size: 2.45vw; } .mn-mpc5-territory-thesis { font-size: 1.78vw; } .mn-mpc5-synthesis p { font-size: 2.9vw; } .mn-mpc5-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-mpc5-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3024dd9 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS ABERTURA MASTER: 725 × 1024 px ========================================================== */ .mn-m8-open-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-gray: #a9a9a9; --mn-line: rgba(255,255,255,.13); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-black); color: var(--mn-white); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-m8-open-page *, .mn-m8-open-page *::before, .mn-m8-open-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-m8-open-main { position: relative; flex: 1; width: 100%; padding: 56px 62px 36px; overflow: hidden; background: radial-gradient( circle at 94% 13%, rgba(255,70,0,.12), transparent 28% ), #111111; } /* NUMERAL EDITORIAL DE FUNDO */ .mn-m8-open-main::after { content: "8"; position: absolute; right: -21px; top: 2px; z-index: 0; color: rgba(255,255,255,.025); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 330px; line-height: .8; font-weight: 900; letter-spacing: -.09em; pointer-events: none; } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-m8-open-topline { position: relative; z-index: 2; width: 58px; height: 5px; margin-bottom: 37px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-m8-open-header { position: relative; z-index: 2; } .mn-m8-open-kicker { margin-bottom: 12px; color: var(--mn-orange); font-size: 10px; line-height: 1; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; } .mn-m8-open-title { margin: 0 0 20px; max-width: 510px; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 68px; line-height: .89; font-weight: 900; letter-spacing: -.06em; text-transform: uppercase; } .mn-m8-open-title span { display: block; color: var(--mn-orange); } .mn-m8-open-lead { max-width: 475px; margin: 0 0 34px; color: rgba(255,255,255,.74); font-size: 16px; line-height: 1.5; font-weight: 400; } /* ========================================================== MAPA DOS 8 MARCOS ========================================================== */ .mn-m8-open-map { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--mn-line); border-left: 1px solid var(--mn-line); margin-bottom: 32px; } .mn-m8-open-step { position: relative; min-height: 54px; display: flex; align-items: center; gap: 14px; padding: 0 17px; border-right: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-m8-open-step::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: transparent; transition: background .2s ease; } .mn-m8-open-number { color: var(--mn-orange); font-size: 9px; font-weight: 850; letter-spacing: .08em; } .mn-m8-open-step strong { color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13px; font-weight: 800; letter-spacing: .02em; } /* ========================================================== LEITURA EDITORIAL ========================================================== */ .mn-m8-open-reading { position: relative; z-index: 2; max-width: 525px; margin-left: 76px; padding-left: 22px; border-left: 4px solid var(--mn-orange); } .mn-m8-open-reading-label { margin-bottom: 11px; color: var(--mn-orange); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .mn-m8-open-reading p { margin: 0 0 12px; color: rgba(255,255,255,.72); font-size: 12.5px; line-height: 1.5; } .mn-m8-open-reading p:last-child { margin-bottom: 0; } .mn-m8-open-reading strong { color: var(--mn-white); font-weight: 800; } /* ========================================================== SEQUÊNCIA FINAL ========================================================== */ .mn-m8-open-sequence { position: absolute; z-index: 2; left: 62px; right: 62px; bottom: 35px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 7px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.12); } .mn-m8-open-sequence span { color: rgba(255,255,255,.61); font-size: 7px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; } .mn-m8-open-sequence i { color: var(--mn-orange); font-size: 8px; font-style: normal; font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-m8-open-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-m8-open-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-m8-open-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-m8-open-footer-left strong { color: #ff4600; } .mn-m8-open-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-m8-open-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-m8-open-page) { width: 100%; } .elementor-widget-html:has(.mn-m8-open-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-m8-open-main { padding: 7.7% 8.55% 5%; } .mn-m8-open-topline { width: 8%; margin-bottom: 5.1%; } .mn-m8-open-title { font-size: 9.35vw; } .mn-m8-open-lead { font-size: 2.2vw; } .mn-m8-open-step { min-height: 7.45vw; padding: 0 2.35vw; } .mn-m8-open-step strong { font-size: 1.8vw; } .mn-m8-open-reading { margin-left: 10.5%; padding-left: 3%; } .mn-m8-open-reading p { font-size: 1.72vw; } .mn-m8-open-sequence { left: 8.55%; right: 8.55%; bottom: 3.5%; } .mn-m8-open-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-m8-open-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8dac945 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 1 — DESTINO PÁGINA 1/4 — ONDE QUEREMOS CHEGAR? MASTER: 725 × 1024 px ========================================================== */ .mn-dest1-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #625f5a; --mn-line: rgba(17,17,17,.15); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-dest1-page *, .mn-dest1-page *::before, .mn-dest1-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-dest1-main { position: relative; flex: 1; width: 100%; padding: 56px 62px 38px; overflow: hidden; background: radial-gradient( circle at 91% 11%, rgba(255,70,0,.055), transparent 26% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-dest1-topline { width: 58px; height: 5px; margin-bottom: 31px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-dest1-header { position: relative; } .mn-dest1-kicker { margin-bottom: 8px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .mn-dest1-title-row { position: relative; display: flex; align-items: flex-start; min-height: 78px; } .mn-dest1-title { position: relative; z-index: 2; margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 67px; line-height: .92; font-weight: 900; letter-spacing: -.06em; text-transform: uppercase; } .mn-dest1-number { position: absolute; right: -4px; top: -17px; color: rgba(17,17,17,.055); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 118px; line-height: .82; font-weight: 900; letter-spacing: -.08em; } .mn-dest1-question { margin: 2px 0 16px; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 27px; line-height: 1.06; font-weight: 800; letter-spacing: -.035em; } .mn-dest1-opening { max-width: 510px; margin: 0 0 29px; color: #4d4944; font-size: 15px; line-height: 1.48; } .mn-dest1-opening strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== LEITURA PRINCIPAL ========================================================== */ .mn-dest1-reading { width: 100%; max-width: 544px; margin-bottom: 27px; } .mn-dest1-reading p { margin: 0 0 12px; color: #363330; font-size: 12.5px; line-height: 1.53; font-weight: 400; } .mn-dest1-reading p:last-child { margin-bottom: 0; } .mn-dest1-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PERGUNTA CENTRAL ========================================================== */ .mn-dest1-central-question { position: relative; width: 100%; margin: 0 0 27px; padding: 21px 25px 22px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); } .mn-dest1-central-question span { display: block; margin-bottom: 7px; color: rgba(255,255,255,.56); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .mn-dest1-central-question strong { display: block; max-width: 450px; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 26px; line-height: 1.03; font-weight: 900; letter-spacing: -.035em; text-transform: uppercase; } .mn-dest1-central-question em { color: var(--mn-orange); font-style: normal; } /* ========================================================== DESENVOLVIMENTO ========================================================== */ .mn-dest1-development { max-width: 542px; margin-bottom: 27px; } .mn-dest1-development p { margin: 0 0 11px; color: #403d39; font-size: 12px; line-height: 1.5; } .mn-dest1-development p:last-child { margin-bottom: 0; } .mn-dest1-development strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PRINCÍPIO NÔMADE ========================================================== */ .mn-dest1-principle { position: relative; margin-left: 75px; padding: 0 0 0 21px; border-left: 3px solid var(--mn-orange); } .mn-dest1-principle-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 7.5px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; } .mn-dest1-principle p { max-width: 430px; margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 16px; line-height: 1.24; font-weight: 760; letter-spacing: -.02em; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-dest1-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-dest1-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-dest1-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-dest1-footer-left strong { color: #ff4600; } .mn-dest1-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-dest1-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-dest1-page) { width: 100%; } .elementor-widget-html:has(.mn-dest1-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-dest1-main { padding: 7.7% 8.55% 5.2%; } .mn-dest1-topline { width: 8%; margin-bottom: 4.3%; } .mn-dest1-title { font-size: 9.2vw; } .mn-dest1-number { font-size: 16.2vw; } .mn-dest1-question { font-size: 3.72vw; } .mn-dest1-opening { font-size: 2.06vw; } .mn-dest1-reading p, .mn-dest1-development p { font-size: 1.72vw; } .mn-dest1-central-question strong { font-size: 3.58vw; } .mn-dest1-principle { margin-left: 10.3%; } .mn-dest1-principle p { font-size: 2.2vw; } .mn-dest1-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-dest1-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7f32eef *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 1 — DESTINO PÁGINA 2/4 — QUANDO UMA META ORIENTA DECISÕES MASTER: 725 × 1024 px ========================================================== */ .mn-dest2-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #66625d; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-dest2-page *, .mn-dest2-page *::before, .mn-dest2-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-dest2-main { position: relative; flex: 1; width: 100%; padding: 54px 62px 34px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-dest2-topline { width: 58px; height: 5px; margin-bottom: 29px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-dest2-kicker { margin-bottom: 11px; color: var(--mn-orange); font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-dest2-title { max-width: 550px; margin: 0 0 17px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 46px; line-height: .96; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-dest2-title span { display: block; color: var(--mn-orange); } .mn-dest2-lead { max-width: 528px; margin: 0 0 25px; color: #4c4944; font-size: 14px; line-height: 1.5; } /* ========================================================== LEITURA ========================================================== */ .mn-dest2-reading { max-width: 542px; margin-bottom: 24px; } .mn-dest2-reading p { margin: 0 0 10px; color: #373431; font-size: 12px; line-height: 1.5; } .mn-dest2-reading p:last-child { margin-bottom: 0; } .mn-dest2-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PROGRESSÃO — VOLUME X CONSEQUÊNCIA ========================================================== */ .mn-dest2-chain { position: relative; width: 100%; margin-bottom: 23px; padding: 17px 20px; background: var(--mn-black); } .mn-dest2-chain-item { display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 12px; } .mn-dest2-chain-item > span { color: var(--mn-orange); font-size: 8px; font-weight: 850; letter-spacing: .08em; } .mn-dest2-chain-item strong { display: block; margin-bottom: 2px; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 11.5px; font-weight: 800; letter-spacing: .015em; } .mn-dest2-chain-item small { display: block; color: rgba(255,255,255,.54); font-size: 8.5px; line-height: 1.3; } .mn-dest2-chain-arrow { margin: 2px 0 2px 11px; color: var(--mn-orange); font-size: 11px; line-height: 1; } .mn-dest2-chain-final { margin-top: 4px; padding-top: 9px; border-top: 1px solid rgba(255,255,255,.12); } .mn-dest2-chain-final strong { color: var(--mn-orange); } /* ========================================================== SIGNIFICADO ========================================================== */ .mn-dest2-meaning { margin-bottom: 23px; padding-left: 19px; border-left: 4px solid var(--mn-orange); } .mn-dest2-meaning-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 7.5px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-dest2-meaning p { max-width: 505px; margin: 0; color: #393632; font-size: 11.5px; line-height: 1.48; } /* ========================================================== ELEMENTOS DA REFERÊNCIA ========================================================== */ .mn-dest2-elements { width: 100%; margin-bottom: 22px; } .mn-dest2-elements-title { margin-bottom: 11px; color: var(--mn-black); font-size: 8px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-dest2-elements-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--mn-line); border-left: 1px solid var(--mn-line); } .mn-dest2-element { min-height: 82px; padding: 12px 12px 10px; border-right: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-dest2-element span { display: block; margin-bottom: 5px; color: var(--mn-orange); font-size: 7px; font-weight: 850; letter-spacing: .08em; } .mn-dest2-element strong { display: block; margin-bottom: 5px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 10px; line-height: 1.1; font-weight: 850; letter-spacing: .01em; text-transform: uppercase; } .mn-dest2-element p { margin: 0; color: var(--mn-gray); font-size: 7.5px; line-height: 1.35; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-dest2-closing { display: grid; grid-template-columns: 42px 1fr; gap: 15px; align-items: start; max-width: 535px; } .mn-dest2-closing-line { height: 3px; margin-top: 7px; background: var(--mn-orange); } .mn-dest2-closing p { margin: 0; color: #48443f; font-size: 11px; line-height: 1.45; } .mn-dest2-closing strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-dest2-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-dest2-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-dest2-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-dest2-footer-left strong { color: #ff4600; } .mn-dest2-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-dest2-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-dest2-page) { width: 100%; } .elementor-widget-html:has(.mn-dest2-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-dest2-main { padding: 7.45% 8.55% 4.7%; } .mn-dest2-title { font-size: 6.33vw; } .mn-dest2-lead { font-size: 1.93vw; } .mn-dest2-reading p { font-size: 1.65vw; } .mn-dest2-chain-item strong { font-size: 1.58vw; } .mn-dest2-chain-item small { font-size: 1.17vw; } .mn-dest2-meaning p { font-size: 1.58vw; } .mn-dest2-element { min-height: 11.3vw; } .mn-dest2-element strong { font-size: 1.38vw; } .mn-dest2-element p { font-size: 1.03vw; } .mn-dest2-closing p { font-size: 1.52vw; } .mn-dest2-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-dest2-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7532fbb *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 1 — DESTINO PÁGINA 3/4 — COMO DIAGNOSTICAR O DESTINO CORREÇÃO DE ENCAIXE MASTER: 725 × 1024 px ========================================================== */ .mn-dest3-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #68645f; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-dest3-page *, .mn-dest3-page *::before, .mn-dest3-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-dest3-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 43px 62px 20px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TRAÇO ========================================================== */ .mn-dest3-topline { width: 58px; height: 5px; margin-bottom: 22px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-dest3-kicker { margin-bottom: 8px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-dest3-title { max-width: 570px; margin: 0 0 12px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 42px; line-height: .94; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-dest3-title span { display: block; color: var(--mn-orange); } .mn-dest3-lead { max-width: 530px; margin: 0 0 15px; color: #4e4a45; font-size: 12px; line-height: 1.42; } /* ========================================================== NARRATIVA ========================================================== */ .mn-dest3-reading { max-width: 548px; margin-bottom: 15px; } .mn-dest3-reading p { margin: 0 0 6px; color: #393632; font-size: 10.4px; line-height: 1.39; } .mn-dest3-reading p:last-child { margin-bottom: 0; } .mn-dest3-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== DIAGNÓSTICO ========================================================== */ .mn-dest3-diagnostic { margin-bottom: 14px; border-top: 1px solid var(--mn-line); } .mn-dest3-diagnostic-label { padding: 9px 0 7px; color: var(--mn-orange); font-size: 7.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-dest3-question { display: grid; grid-template-columns: 32px 1fr; gap: 10px; padding: 5px 0; border-top: 1px solid rgba(17,17,17,.08); } .mn-dest3-question > span { padding-top: 1px; color: var(--mn-orange); font-size: 7px; font-weight: 850; letter-spacing: .08em; } .mn-dest3-question p { margin: 0; color: #5a5651; font-size: 7.7px; line-height: 1.28; } .mn-dest3-question strong { color: var(--mn-black); font-size: 8px; font-weight: 800; } /* ========================================================== REFERÊNCIAS DE CONTROLE ========================================================== */ .mn-dest3-control { margin-bottom: 14px; padding: 12px 17px 13px; background: var(--mn-black); } .mn-dest3-control-title { margin-bottom: 9px; color: var(--mn-orange); font-size: 6.8px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-dest3-control-line { display: grid; grid-template-columns: repeat(3, 1fr); } .mn-dest3-control-line + .mn-dest3-control-line { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.11); } .mn-dest3-control-line > div { min-width: 0; padding: 0 10px; border-right: 1px solid rgba(255,255,255,.11); } .mn-dest3-control-line > div:first-child { padding-left: 0; } .mn-dest3-control-line > div:last-child { padding-right: 0; border-right: none; } .mn-dest3-control-line span { display: block; margin-bottom: 3px; color: rgba(255,255,255,.47); font-size: 5.8px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .mn-dest3-control-line strong { display: block; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 7.5px; line-height: 1.15; font-weight: 800; } /* ========================================================== PONTOS DE PERDA ========================================================== */ .mn-dest3-loss { display: grid; grid-template-columns: .95fr 1.05fr; gap: 20px; margin-bottom: 13px; } .mn-dest3-loss-head > span { display: block; margin-bottom: 6px; color: var(--mn-orange); font-size: 6.7px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-dest3-loss-head > strong { display: block; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 12.5px; line-height: 1.2; font-weight: 800; letter-spacing: -.02em; } .mn-dest3-loss-list { padding-left: 15px; border-left: 1px solid var(--mn-line); } .mn-dest3-loss-list p { display: grid; grid-template-columns: 12px 1fr; gap: 3px; margin: 0 0 3px; color: #55514d; font-size: 7px; line-height: 1.22; } .mn-dest3-loss-list p:last-child { margin-bottom: 0; } .mn-dest3-loss-list span { color: var(--mn-orange); font-weight: 900; } /* ========================================================== LEITURA NÔMADE ========================================================== */ .mn-dest3-closing { padding: 10px 15px; border-left: 4px solid var(--mn-orange); background: rgba(17,17,17,.035); } .mn-dest3-closing-label { margin-bottom: 4px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-dest3-closing p { max-width: 525px; margin: 0; color: #403c38; font-size: 8.8px; line-height: 1.32; } .mn-dest3-closing strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-dest3-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-dest3-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-dest3-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-dest3-footer-left strong { color: #ff4600; } .mn-dest3-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-dest3-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-dest3-page) { width: 100%; } .elementor-widget-html:has(.mn-dest3-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-dest3-main { padding: 5.95% 8.55% 2.75%; } .mn-dest3-title { font-size: 5.8vw; } .mn-dest3-lead { font-size: 1.65vw; } .mn-dest3-reading p { font-size: 1.43vw; } .mn-dest3-question p { font-size: 1.06vw; } .mn-dest3-question strong { font-size: 1.1vw; } .mn-dest3-control-line strong { font-size: 1.03vw; } .mn-dest3-loss-head > strong { font-size: 1.72vw; } .mn-dest3-loss-list p { font-size: .96vw; } .mn-dest3-closing p { font-size: 1.21vw; } .mn-dest3-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-dest3-footer-logo { width: 16vw; } } /* ========================================================== AJUSTE FINAL DE RITMO VERTICAL — DESTINO 3/4 Mantém todo o conteúdo e ocupa melhor a página ========================================================== */ .mn-dest3-main { padding-top: 48px; padding-bottom: 28px; } .mn-dest3-topline { margin-bottom: 27px; } .mn-dest3-kicker { margin-bottom: 10px; } .mn-dest3-title { margin-bottom: 15px; font-size: 44px; line-height: .95; } .mn-dest3-lead { margin-bottom: 20px; font-size: 12.5px; line-height: 1.46; } .mn-dest3-reading { margin-bottom: 20px; } .mn-dest3-reading p { margin-bottom: 8px; font-size: 10.8px; line-height: 1.45; } .mn-dest3-diagnostic { margin-bottom: 19px; } .mn-dest3-diagnostic-label { padding-top: 11px; padding-bottom: 9px; } .mn-dest3-question { padding-top: 7px; padding-bottom: 7px; } .mn-dest3-question p { font-size: 8px; line-height: 1.34; } .mn-dest3-question strong { font-size: 8.3px; } .mn-dest3-control { margin-bottom: 19px; padding-top: 15px; padding-bottom: 15px; } .mn-dest3-control-title { margin-bottom: 11px; } .mn-dest3-control-line + .mn-dest3-control-line { margin-top: 10px; padding-top: 10px; } .mn-dest3-loss { margin-bottom: 18px; } .mn-dest3-loss-head > span { margin-bottom: 8px; } .mn-dest3-loss-head > strong { font-size: 13px; line-height: 1.24; } .mn-dest3-loss-list p { margin-bottom: 4px; font-size: 7.2px; line-height: 1.27; } .mn-dest3-closing { padding-top: 13px; padding-bottom: 13px; } .mn-dest3-closing-label { margin-bottom: 6px; } .mn-dest3-closing p { font-size: 9px; line-height: 1.38; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b2267a5 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 1 — DESTINO PÁGINA 4/4 — DA REDE SOCIAL AO OBJETIVO REAL MASTER: 725 × 1024 px ========================================================== */ .mn-dest4-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #69645f; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-dest4-page *, .mn-dest4-page *::before, .mn-dest4-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-dest4-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 48px 62px 27px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TRAÇO ========================================================== */ .mn-dest4-topline { width: 58px; height: 5px; margin-bottom: 26px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-dest4-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-dest4-title { max-width: 570px; margin: 0 0 15px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 43px; line-height: .95; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-dest4-title span { display: block; color: var(--mn-orange); } .mn-dest4-lead { max-width: 530px; margin: 0 0 24px; color: #4e4a45; font-size: 12.5px; line-height: 1.46; } .mn-dest4-lead strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== SITUAÇÃO SIMULADA ========================================================== */ .mn-dest4-case { margin-bottom: 22px; } .mn-dest4-case-label { margin-bottom: 9px; color: var(--mn-orange); font-size: 7.5px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-dest4-case-opening { margin: 0 0 6px; color: #4b4742; font-size: 10.5px; } .mn-dest4-quote { margin: 0 0 12px; padding: 0 0 0 18px; border-left: 4px solid var(--mn-orange); color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 22px; line-height: 1.15; font-weight: 800; letter-spacing: -.025em; } .mn-dest4-case > p:not(.mn-dest4-case-opening) { max-width: 530px; margin: 0 0 12px; color: #44403c; font-size: 10.5px; line-height: 1.42; } .mn-dest4-question { display: inline-block; padding: 10px 15px; background: var(--mn-black); color: rgba(255,255,255,.62); font-size: 8px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .mn-dest4-question strong { color: var(--mn-orange); font-weight: 900; } /* ========================================================== ANTES → DEPOIS ========================================================== */ .mn-dest4-shift { position: relative; display: grid; grid-template-columns: 1fr 38px 1fr; align-items: stretch; margin-bottom: 23px; border-top: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-dest4-shift-side { position: relative; min-height: 184px; padding: 18px 18px 16px; } .mn-dest4-shift-before { padding-left: 0; } .mn-dest4-shift-after { padding-right: 0; } .mn-dest4-shift-number { margin-bottom: 5px; color: var(--mn-orange); font-size: 7px; font-weight: 850; letter-spacing: .08em; } .mn-dest4-shift-label { margin-bottom: 10px; color: var(--mn-gray); font-size: 7px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-dest4-shift-side h2 { margin: 0 0 11px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 18px; line-height: 1.05; font-weight: 900; letter-spacing: -.025em; } .mn-dest4-shift-side h2 span { color: var(--mn-orange); } .mn-dest4-shift-side p { margin: 0 0 8px; color: #514d48; font-size: 9px; line-height: 1.35; } .mn-dest4-shift-side ul { margin: 0; padding: 0; list-style: none; } .mn-dest4-shift-side li { position: relative; margin-bottom: 4px; padding-left: 12px; color: #5c5853; font-size: 8.2px; line-height: 1.3; } .mn-dest4-shift-side li::before { content: ""; position: absolute; left: 0; top: 5px; width: 4px; height: 4px; background: var(--mn-orange); } .mn-dest4-shift-arrow { display: flex; align-items: center; justify-content: center; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 24px; font-weight: 800; border-left: 1px solid var(--mn-line); border-right: 1px solid var(--mn-line); } /* ========================================================== CONSEQUÊNCIA ========================================================== */ .mn-dest4-consequence { display: grid; grid-template-columns: 48px 1fr; column-gap: 15px; margin-bottom: 23px; } .mn-dest4-consequence-line { grid-row: 1 / span 3; height: 3px; margin-top: 6px; background: var(--mn-orange); } .mn-dest4-consequence p { grid-column: 2; margin: 0 0 5px; color: #4c4844; font-size: 9.5px; line-height: 1.38; } .mn-dest4-consequence-strong { color: var(--mn-black) !important; font-weight: 800; } /* ========================================================== SÍNTESE ========================================================== */ .mn-dest4-synthesis { margin-bottom: 20px; padding: 19px 22px 20px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); } .mn-dest4-synthesis-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 7px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-dest4-synthesis-intro { margin: 0 0 10px; color: rgba(255,255,255,.58); font-size: 8.5px; line-height: 1.35; } .mn-dest4-synthesis-main { max-width: 510px; margin: 0; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 17px; line-height: 1.13; font-weight: 850; letter-spacing: -.02em; } .mn-dest4-synthesis-main span { color: var(--mn-orange); } /* ========================================================== PRINCÍPIO FINAL ========================================================== */ .mn-dest4-closing { padding-left: 18px; border-left: 3px solid var(--mn-orange); } .mn-dest4-closing-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-dest4-closing p { max-width: 510px; margin: 0; color: #46423e; font-size: 9px; line-height: 1.37; } .mn-dest4-closing strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-dest4-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-dest4-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-dest4-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-dest4-footer-left strong { color: #ff4600; } .mn-dest4-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-dest4-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-dest4-page) { width: 100%; } .elementor-widget-html:has(.mn-dest4-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-dest4-main { padding: 6.6% 8.55% 3.7%; } .mn-dest4-title { font-size: 5.92vw; } .mn-dest4-lead { font-size: 1.72vw; } .mn-dest4-quote { font-size: 3.03vw; } .mn-dest4-shift-side h2 { font-size: 2.48vw; } .mn-dest4-synthesis-main { font-size: 2.34vw; } .mn-dest4-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-dest4-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ae19aa1 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 2 — MERCADO PÁGINA 1/3 — QUEM ESTÁ DECIDINDO? MASTER: 725 × 1024 px ========================================================== */ .mn-merc1-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #625f5a; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-merc1-page *, .mn-merc1-page *::before, .mn-merc1-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-merc1-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 46px 62px 24px; overflow: hidden; background: radial-gradient( circle at 92% 9%, rgba(255,70,0,.05), transparent 25% ), var(--mn-paper); } /* ========================================================== TRAÇO SUPERIOR ========================================================== */ .mn-merc1-topline { width: 58px; height: 5px; margin-bottom: 24px; background: var(--mn-orange); } /* ========================================================== CABEÇALHO ========================================================== */ .mn-merc1-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-merc1-title { margin: 0 0 14px; max-width: 560px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 48px; line-height: .94; font-weight: 900; letter-spacing: -.055em; text-transform: uppercase; } .mn-merc1-title span { display: block; color: var(--mn-orange); } .mn-merc1-lead { max-width: 510px; margin: 0 0 20px; color: #4c4944; font-size: 13px; line-height: 1.46; } .mn-merc1-lead strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== LEITURA DE ABERTURA ========================================================== */ .mn-merc1-reading { max-width: 545px; margin-bottom: 20px; } .mn-merc1-reading p { margin: 0 0 7px; color: #393632; font-size: 10.6px; line-height: 1.43; } .mn-merc1-reading p:last-child { margin-bottom: 0; } .mn-merc1-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PERFIL X LÓGICA DE DECISÃO ========================================================== */ .mn-merc1-contrast { display: grid; grid-template-columns: 1fr 42px 1fr; align-items: stretch; margin-bottom: 21px; border-top: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-merc1-contrast-side { min-height: 204px; padding: 17px 17px 15px; } .mn-merc1-profile { padding-left: 0; } .mn-merc1-decision { padding-right: 0; } .mn-merc1-contrast-label { margin-bottom: 10px; color: var(--mn-gray); font-size: 6.8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-merc1-contrast-side h2 { margin: 0 0 11px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 21px; line-height: 1; font-weight: 900; letter-spacing: -.03em; text-transform: uppercase; } .mn-merc1-contrast-side h2 span { color: var(--mn-orange); } .mn-merc1-contrast-side ul { margin: 0 0 10px; padding: 0; list-style: none; } .mn-merc1-contrast-side li { position: relative; margin-bottom: 4px; padding-left: 12px; color: #55514c; font-size: 8px; line-height: 1.3; } .mn-merc1-contrast-side li::before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 4px; background: var(--mn-orange); } .mn-merc1-contrast-side p { margin: 0; color: #5b5752; font-size: 8px; line-height: 1.34; } .mn-merc1-contrast-side p strong { color: var(--mn-black); font-weight: 800; } .mn-merc1-contrast-divider { display: flex; align-items: center; justify-content: center; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 24px; font-weight: 900; border-left: 1px solid var(--mn-line); border-right: 1px solid var(--mn-line); } /* ========================================================== DESENVOLVIMENTO ========================================================== */ .mn-merc1-development { max-width: 545px; margin-bottom: 19px; } .mn-merc1-development p { margin: 0 0 7px; color: #3d3935; font-size: 10px; line-height: 1.42; } .mn-merc1-development p:last-child { margin-bottom: 0; } .mn-merc1-development strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== MUDANÇA DE PERSPECTIVA ========================================================== */ .mn-merc1-perspective { margin-bottom: 18px; padding: 14px 17px; background: var(--mn-black); } .mn-merc1-perspective-label { margin-bottom: 10px; color: var(--mn-orange); font-size: 6.8px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc1-perspective-grid { display: grid; grid-template-columns: .85fr 34px 1.3fr; align-items: center; } .mn-merc1-perspective-before span, .mn-merc1-perspective-after span { display: block; margin-bottom: 5px; color: rgba(255,255,255,.46); font-size: 5.8px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; } .mn-merc1-perspective-before p, .mn-merc1-perspective-after p { margin: 0; color: var(--mn-white); font-size: 8.5px; line-height: 1.3; font-weight: 700; } .mn-merc1-perspective-after p { color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 9px; font-weight: 800; } .mn-merc1-perspective-arrow { text-align: center; color: var(--mn-orange); font-size: 18px; font-weight: 900; } /* ========================================================== PERGUNTA CENTRAL ========================================================== */ .mn-merc1-question { margin-bottom: 16px; padding-left: 18px; border-left: 4px solid var(--mn-orange); } .mn-merc1-question-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc1-question p { max-width: 500px; margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 16px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; } .mn-merc1-question strong { color: var(--mn-orange); font-weight: 900; } /* ========================================================== PRINCÍPIO NÔMADE ========================================================== */ .mn-merc1-principle { padding: 10px 14px; background: rgba(17,17,17,.035); } .mn-merc1-principle-label { margin-bottom: 4px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc1-principle p { margin: 0; color: #45413d; font-size: 8.8px; line-height: 1.35; } .mn-merc1-principle strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-merc1-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-merc1-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-merc1-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-merc1-footer-left strong { color: #ff4600; } .mn-merc1-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-merc1-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-merc1-page) { width: 100%; } .elementor-widget-html:has(.mn-merc1-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-merc1-main { padding: 6.35% 8.55% 3.3%; } .mn-merc1-title { font-size: 6.6vw; } .mn-merc1-lead { font-size: 1.79vw; } .mn-merc1-reading p, .mn-merc1-development p { font-size: 1.4vw; } .mn-merc1-contrast-side h2 { font-size: 2.9vw; } .mn-merc1-question p { font-size: 2.2vw; } .mn-merc1-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-merc1-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5fdf508 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 2 — MERCADO PÁGINA 2/3 — O QUE PRECISAMOS COMPREENDER? MASTER: 725 × 1024 px ========================================================== */ .mn-merc2-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #66615c; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-merc2-page *, .mn-merc2-page *::before, .mn-merc2-page *::after { box-sizing: border-box; } /* ========================================================== PRINCIPAL ========================================================== */ .mn-merc2-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 44px 62px 23px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TOPO ========================================================== */ .mn-merc2-topline { width: 58px; height: 5px; margin-bottom: 23px; background: var(--mn-orange); } .mn-merc2-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-merc2-title { max-width: 570px; margin: 0 0 14px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 43px; line-height: .95; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-merc2-title span { display: block; color: var(--mn-orange); } .mn-merc2-lead { max-width: 535px; margin: 0 0 18px; color: #4c4844; font-size: 12px; line-height: 1.44; } /* ========================================================== LEITURA ========================================================== */ .mn-merc2-reading { max-width: 545px; margin-bottom: 17px; } .mn-merc2-reading p { margin: 0 0 6px; color: #3c3935; font-size: 9.7px; line-height: 1.4; } .mn-merc2-reading p:last-child { margin-bottom: 0; } .mn-merc2-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== MAPA DA DECISÃO ========================================================== */ .mn-merc2-map { margin-bottom: 18px; padding: 15px 17px 16px; background: var(--mn-black); } .mn-merc2-map-label { margin-bottom: 11px; color: var(--mn-orange); font-size: 7px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc2-map-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 22px; } .mn-merc2-item { display: grid; grid-template-columns: 25px 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.10); } .mn-merc2-item:nth-child(1), .mn-merc2-item:nth-child(2) { border-top: none; padding-top: 2px; } .mn-merc2-item > span { padding-top: 2px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .08em; } .mn-merc2-item h2 { margin: 0 0 3px; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 9px; line-height: 1; font-weight: 850; letter-spacing: .03em; } .mn-merc2-item p { margin: 0; color: rgba(255,255,255,.57); font-size: 7.2px; line-height: 1.3; } /* ========================================================== TENSÃO DA DECISÃO ========================================================== */ .mn-merc2-tension { margin-bottom: 18px; } .mn-merc2-tension-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 6.6px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-merc2-tension-grid { display: grid; grid-template-columns: 1fr 42px 1fr; align-items: center; padding: 12px 15px; border-top: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-merc2-tension-grid > div:not(.mn-merc2-tension-arrow) span { display: block; margin-bottom: 4px; color: var(--mn-gray); font-size: 6px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .mn-merc2-tension-grid strong { display: block; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 10.5px; line-height: 1.2; font-weight: 850; } .mn-merc2-tension-arrow { text-align: center; color: var(--mn-orange); font-size: 7px; font-weight: 900; letter-spacing: .08em; } /* ========================================================== SINAIS ========================================================== */ .mn-merc2-observation { display: grid; grid-template-columns: .8fr 1.2fr; gap: 25px; margin-bottom: 18px; } .mn-merc2-observation-head { padding-right: 20px; border-right: 1px solid var(--mn-line); } .mn-merc2-observation-head > span { display: block; margin-bottom: 7px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-merc2-observation-head h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 15px; line-height: 1.18; font-weight: 800; letter-spacing: -.02em; } .mn-merc2-observation-head h2 strong { color: var(--mn-orange); } .mn-merc2-observation-text p { margin: 0 0 7px; color: #4d4944; font-size: 8.4px; line-height: 1.38; } .mn-merc2-observation-text p:last-child { margin-bottom: 0; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-merc2-closing { padding: 11px 15px; border-left: 4px solid var(--mn-orange); background: rgba(17,17,17,.035); } .mn-merc2-closing-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc2-closing p { max-width: 520px; margin: 0; color: #46423e; font-size: 8.6px; line-height: 1.35; } .mn-merc2-closing strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-merc2-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-merc2-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-merc2-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-merc2-footer-left strong { color: #ff4600; } .mn-merc2-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-merc2-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-merc2-page) { width: 100%; } .elementor-widget-html:has(.mn-merc2-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-merc2-main { padding: 6.1% 8.55% 3.2%; } .mn-merc2-title { font-size: 5.92vw; } .mn-merc2-lead { font-size: 1.65vw; } .mn-merc2-reading p { font-size: 1.34vw; } .mn-merc2-item h2 { font-size: 1.24vw; } .mn-merc2-item p { font-size: .99vw; } .mn-merc2-tension-grid strong { font-size: 1.45vw; } .mn-merc2-observation-head h2 { font-size: 2.06vw; } .mn-merc2-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-merc2-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4ccab3a *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 2 — MERCADO PÁGINA 3/3 — ONDE O MERCADO PERDE FORÇA MASTER: 725 × 1024 px ========================================================== */ .mn-merc3-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #66615c; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-merc3-page *, .mn-merc3-page *::before, .mn-merc3-page *::after { box-sizing: border-box; } /* ========================================================== PRINCIPAL ========================================================== */ .mn-merc3-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 44px 62px 23px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TOPO ========================================================== */ .mn-merc3-topline { width: 58px; height: 5px; margin-bottom: 23px; background: var(--mn-orange); } .mn-merc3-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-merc3-title { max-width: 570px; margin: 0 0 14px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 44px; line-height: .95; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-merc3-title span { display: block; color: var(--mn-orange); } .mn-merc3-lead { max-width: 535px; margin: 0 0 18px; color: #4c4844; font-size: 12px; line-height: 1.44; } .mn-merc3-lead strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== LEITURA ========================================================== */ .mn-merc3-reading { max-width: 545px; margin-bottom: 18px; } .mn-merc3-reading p { margin: 0 0 6px; color: #3d3935; font-size: 9.7px; line-height: 1.4; } .mn-merc3-reading p:last-child { margin-bottom: 0; } .mn-merc3-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== SINAIS DO MERCADO ========================================================== */ .mn-merc3-signals { margin-bottom: 19px; padding: 14px 17px 15px; background: var(--mn-black); } .mn-merc3-signals-label { margin-bottom: 10px; color: var(--mn-orange); font-size: 6.8px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc3-signals-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.11); border-left: 1px solid rgba(255,255,255,.11); } .mn-merc3-signal { min-height: 72px; padding: 9px 10px; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); } .mn-merc3-signal span { display: block; margin-bottom: 4px; color: var(--mn-orange); font-size: 5.8px; font-weight: 850; } .mn-merc3-signal strong { display: block; margin-bottom: 4px; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 7.8px; line-height: 1.1; font-weight: 850; } .mn-merc3-signal p { margin: 0; color: rgba(255,255,255,.53); font-size: 6.6px; line-height: 1.28; } /* ========================================================== PONTOS DE PERDA ========================================================== */ .mn-merc3-loss { display: grid; grid-template-columns: .85fr 1.15fr; gap: 27px; margin-bottom: 19px; } .mn-merc3-loss-head { padding-right: 21px; border-right: 1px solid var(--mn-line); } .mn-merc3-loss-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-merc3-loss-head h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 17px; line-height: 1.11; font-weight: 850; letter-spacing: -.025em; } .mn-merc3-loss-head h2 span { display: block; margin-top: 3px; color: var(--mn-orange); } .mn-merc3-loss-list { padding-top: 1px; } .mn-merc3-loss-item { display: grid; grid-template-columns: 14px 1fr; gap: 5px; margin-bottom: 7px; } .mn-merc3-loss-item:last-child { margin-bottom: 0; } .mn-merc3-loss-item > span { color: var(--mn-orange); font-size: 8px; font-weight: 900; } .mn-merc3-loss-item p { margin: 0; color: #56514c; font-size: 7.7px; line-height: 1.3; } .mn-merc3-loss-item strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== CONSEQUÊNCIA ========================================================== */ .mn-merc3-consequence { margin-bottom: 18px; padding: 11px 15px; border-left: 4px solid var(--mn-orange); background: rgba(17,17,17,.035); } .mn-merc3-consequence-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc3-consequence p { max-width: 520px; margin: 0; color: #45413d; font-size: 8.7px; line-height: 1.36; } .mn-merc3-consequence strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== SÍNTESE ========================================================== */ .mn-merc3-synthesis { margin-bottom: 17px; padding: 17px 20px 18px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); } .mn-merc3-synthesis-label { margin-bottom: 7px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc3-synthesis-intro { margin: 0 0 8px; color: rgba(255,255,255,.54); font-size: 7.8px; line-height: 1.32; } .mn-merc3-synthesis-main { max-width: 520px; margin: 0; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13.3px; line-height: 1.17; font-weight: 800; letter-spacing: -.015em; } .mn-merc3-synthesis-main span { color: var(--mn-orange); font-weight: 900; } /* ========================================================== PRINCÍPIO ========================================================== */ .mn-merc3-principle { padding-left: 17px; border-left: 3px solid var(--mn-orange); } .mn-merc3-principle-label { margin-bottom: 4px; color: var(--mn-orange); font-size: 6.2px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-merc3-principle p { margin: 0; color: #46423e; font-size: 8.5px; line-height: 1.34; } .mn-merc3-principle strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-merc3-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-merc3-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-merc3-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-merc3-footer-left strong { color: #ff4600; } .mn-merc3-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-merc3-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-merc3-page) { width: 100%; } .elementor-widget-html:has(.mn-merc3-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-merc3-main { padding: 6.1% 8.55% 3.2%; } .mn-merc3-title { font-size: 6.06vw; } .mn-merc3-lead { font-size: 1.65vw; } .mn-merc3-reading p { font-size: 1.34vw; } .mn-merc3-loss-head h2 { font-size: 2.34vw; } .mn-merc3-synthesis-main { font-size: 1.83vw; } .mn-merc3-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-merc3-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-48fa2f5 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 3 — OFERTA PÁGINA 1/3 — PRODUTO NÃO É OFERTA MASTER: 725 × 1024 px ========================================================== */ .mn-oferta1-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #66615c; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-oferta1-page *, .mn-oferta1-page *::before, .mn-oferta1-page *::after { box-sizing: border-box; } /* ========================================================== ÁREA PRINCIPAL ========================================================== */ .mn-oferta1-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 46px 62px 24px; overflow: hidden; background: radial-gradient( circle at 93% 9%, rgba(255,70,0,.05), transparent 25% ), var(--mn-paper); } /* ========================================================== TOPO ========================================================== */ .mn-oferta1-topline { width: 58px; height: 5px; margin-bottom: 24px; background: var(--mn-orange); } .mn-oferta1-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta1-title { max-width: 565px; margin: 0 0 14px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 48px; line-height: .94; font-weight: 900; letter-spacing: -.055em; text-transform: uppercase; } .mn-oferta1-title span { display: block; color: var(--mn-orange); } .mn-oferta1-lead { max-width: 525px; margin: 0 0 20px; color: #4b4743; font-size: 12.5px; line-height: 1.45; } .mn-oferta1-lead strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== LEITURA ========================================================== */ .mn-oferta1-reading { max-width: 545px; margin-bottom: 21px; } .mn-oferta1-reading p { margin: 0 0 7px; color: #3c3935; font-size: 10px; line-height: 1.42; } .mn-oferta1-reading p:last-child { margin-bottom: 0; } .mn-oferta1-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PRODUTO × OFERTA ========================================================== */ .mn-oferta1-contrast { display: grid; grid-template-columns: 1fr 42px 1fr; align-items: stretch; margin-bottom: 21px; border-top: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-oferta1-side { min-height: 185px; padding: 17px 17px 15px; } .mn-oferta1-product { padding-left: 0; } .mn-oferta1-offer { padding-right: 0; } .mn-oferta1-side-label { margin-bottom: 9px; color: var(--mn-gray); font-size: 6.8px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } .mn-oferta1-side h2 { margin: 0 0 9px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 21px; line-height: 1; font-weight: 900; letter-spacing: -.03em; text-transform: uppercase; } .mn-oferta1-side h2 span { display: block; color: var(--mn-orange); } .mn-oferta1-side-intro { margin: 0 0 9px; color: #56514c; font-size: 8px; line-height: 1.32; } .mn-oferta1-side ul { margin: 0; padding: 0; list-style: none; } .mn-oferta1-side li { position: relative; margin-bottom: 4px; padding-left: 12px; color: #55514c; font-size: 8px; line-height: 1.27; } .mn-oferta1-side li::before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 4px; background: var(--mn-orange); } .mn-oferta1-divider { display: flex; align-items: center; justify-content: center; color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 24px; font-weight: 900; border-left: 1px solid var(--mn-line); border-right: 1px solid var(--mn-line); } /* ========================================================== DESENVOLVIMENTO ========================================================== */ .mn-oferta1-development { max-width: 545px; margin-bottom: 20px; } .mn-oferta1-development p { margin: 0 0 7px; color: #3d3935; font-size: 9.7px; line-height: 1.4; } .mn-oferta1-development p:last-child { margin-bottom: 0; } .mn-oferta1-development strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== MUDANÇA DE PERGUNTA ========================================================== */ .mn-oferta1-question { margin-bottom: 18px; padding: 13px 16px; background: var(--mn-black); } .mn-oferta1-question-label { margin-bottom: 9px; color: var(--mn-orange); font-size: 6.5px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta1-question-grid { display: grid; grid-template-columns: .88fr 35px 1.25fr; align-items: center; } .mn-oferta1-question-before span, .mn-oferta1-question-after span { display: block; margin-bottom: 4px; color: rgba(255,255,255,.45); font-size: 5.8px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; } .mn-oferta1-question-before p, .mn-oferta1-question-after p { margin: 0; font-size: 8.5px; line-height: 1.27; font-weight: 700; } .mn-oferta1-question-before p { color: var(--mn-white); } .mn-oferta1-question-after p { color: var(--mn-orange); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 9.2px; font-weight: 850; } .mn-oferta1-question-arrow { text-align: center; color: var(--mn-orange); font-size: 18px; font-weight: 900; } /* ========================================================== DISTINÇÃO IMPORTANTE ========================================================== */ .mn-oferta1-warning { margin-bottom: 16px; padding: 11px 15px; border-left: 4px solid var(--mn-orange); background: rgba(17,17,17,.035); } .mn-oferta1-warning-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta1-warning p { max-width: 520px; margin: 0; color: #45413d; font-size: 8.6px; line-height: 1.35; } .mn-oferta1-warning strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PRINCÍPIO ========================================================== */ .mn-oferta1-principle { padding-left: 17px; border-left: 3px solid var(--mn-orange); } .mn-oferta1-principle-label { margin-bottom: 4px; color: var(--mn-orange); font-size: 6.2px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta1-principle p { margin: 0; color: #46423e; font-size: 8.7px; line-height: 1.34; } .mn-oferta1-principle strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-oferta1-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-oferta1-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-oferta1-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-oferta1-footer-left strong { color: #ff4600; } .mn-oferta1-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-oferta1-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-oferta1-page) { width: 100%; } .elementor-widget-html:has(.mn-oferta1-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-oferta1-main { padding: 6.35% 8.55% 3.3%; } .mn-oferta1-title { font-size: 6.6vw; } .mn-oferta1-lead { font-size: 1.72vw; } .mn-oferta1-reading p, .mn-oferta1-development p { font-size: 1.37vw; } .mn-oferta1-side h2 { font-size: 2.9vw; } .mn-oferta1-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-oferta1-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1dc2eac *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 3 — OFERTA PÁGINA 2/3 — CONSTRUINDO UMA RAZÃO PARA ESCOLHER MASTER: 725 × 1024 px ========================================================== */ .mn-oferta2-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #66615c; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-oferta2-page *, .mn-oferta2-page *::before, .mn-oferta2-page *::after { box-sizing: border-box; } /* ========================================================== PRINCIPAL ========================================================== */ .mn-oferta2-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 44px 62px 23px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TOPO ========================================================== */ .mn-oferta2-topline { width: 58px; height: 5px; margin-bottom: 23px; background: var(--mn-orange); } .mn-oferta2-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta2-title { max-width: 575px; margin: 0 0 14px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 42px; line-height: .95; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-oferta2-title span { display: block; color: var(--mn-orange); } .mn-oferta2-lead { max-width: 530px; margin: 0 0 17px; color: #4b4743; font-size: 12px; line-height: 1.43; } .mn-oferta2-lead strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== LEITURA ========================================================== */ .mn-oferta2-reading { max-width: 545px; margin-bottom: 17px; } .mn-oferta2-reading p { margin: 0 0 6px; color: #3d3935; font-size: 9.6px; line-height: 1.39; } .mn-oferta2-reading p:last-child { margin-bottom: 0; } .mn-oferta2-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== NÚCLEO DA OFERTA ========================================================== */ .mn-oferta2-core { margin-bottom: 17px; padding: 14px 17px 15px; background: var(--mn-black); } .mn-oferta2-core-label { margin-bottom: 10px; color: var(--mn-orange); font-size: 6.8px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta2-core-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 22px; } .mn-oferta2-item { display: grid; grid-template-columns: 25px 1fr; gap: 8px; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.10); } .mn-oferta2-item:nth-child(1), .mn-oferta2-item:nth-child(2) { border-top: none; padding-top: 2px; } .mn-oferta2-item > span { padding-top: 2px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; } .mn-oferta2-item h2 { margin: 0 0 3px; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 8.8px; line-height: 1; font-weight: 850; } .mn-oferta2-item p { margin: 0; color: rgba(255,255,255,.56); font-size: 6.9px; line-height: 1.27; } /* ========================================================== PONTE PRODUTO → RAZÃO DE ESCOLHA ========================================================== */ .mn-oferta2-bridge { display: grid; grid-template-columns: 1fr 105px 1fr; align-items: center; margin-bottom: 18px; padding: 13px 0; border-top: 1px solid var(--mn-line); border-bottom: 1px solid var(--mn-line); } .mn-oferta2-bridge-left span, .mn-oferta2-bridge-center span, .mn-oferta2-bridge-right span { display: block; margin-bottom: 5px; color: var(--mn-gray); font-size: 5.8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .mn-oferta2-bridge-left strong, .mn-oferta2-bridge-right strong { display: block; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13px; line-height: 1.05; font-weight: 900; } .mn-oferta2-bridge-right strong { color: var(--mn-orange); } .mn-oferta2-bridge-center { text-align: center; } .mn-oferta2-arrow { color: var(--mn-orange); font-size: 22px; font-weight: 900; } /* ========================================================== DIAGNÓSTICO ========================================================== */ .mn-oferta2-diagnostic { display: grid; grid-template-columns: .8fr 1.2fr; gap: 25px; margin-bottom: 17px; } .mn-oferta2-diagnostic-head { padding-right: 20px; border-right: 1px solid var(--mn-line); } .mn-oferta2-diagnostic-head > span { display: block; margin-bottom: 7px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-oferta2-diagnostic-head h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 16px; line-height: 1.16; font-weight: 850; letter-spacing: -.02em; } .mn-oferta2-diagnostic-head strong { color: var(--mn-orange); } .mn-oferta2-diagnostic-list p { display: grid; grid-template-columns: 20px 1fr; gap: 6px; margin: 0 0 5px; color: #504c47; font-size: 7.6px; line-height: 1.28; } .mn-oferta2-diagnostic-list p:last-child { margin-bottom: 0; } .mn-oferta2-diagnostic-list span { color: var(--mn-orange); font-size: 6.3px; font-weight: 850; } /* ========================================================== FECHAMENTO ========================================================== */ .mn-oferta2-closing { padding: 11px 15px; border-left: 4px solid var(--mn-orange); background: rgba(17,17,17,.035); } .mn-oferta2-closing-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.2px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta2-closing p { max-width: 520px; margin: 0; color: #46423e; font-size: 8.5px; line-height: 1.34; } .mn-oferta2-closing strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-oferta2-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-oferta2-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-oferta2-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-oferta2-footer-left strong { color: #ff4600; } .mn-oferta2-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-oferta2-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-oferta2-page) { width: 100%; } .elementor-widget-html:has(.mn-oferta2-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-oferta2-main { padding: 6.1% 8.55% 3.2%; } .mn-oferta2-title { font-size: 5.78vw; } .mn-oferta2-lead { font-size: 1.65vw; } .mn-oferta2-reading p { font-size: 1.32vw; } .mn-oferta2-item h2 { font-size: 1.21vw; } .mn-oferta2-item p { font-size: .95vw; } .mn-oferta2-bridge-left strong, .mn-oferta2-bridge-right strong { font-size: 1.79vw; } .mn-oferta2-diagnostic-head h2 { font-size: 2.2vw; } .mn-oferta2-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-oferta2-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-51cdd00 *//* ========================================================== O MÉTODO NÔMADE PARTE 2 — OS 8 MARCOS MARCO 3 — OFERTA PÁGINA 3/3 — QUANDO A OFERTA PERDE FORÇA MASTER: 725 × 1024 px ========================================================== */ .mn-oferta3-page { --mn-black: #111111; --mn-footer: #0b0b0b; --mn-orange: #ff4600; --mn-white: #ffffff; --mn-paper: #efeeeb; --mn-text: #191919; --mn-gray: #66615c; --mn-line: rgba(17,17,17,.14); position: relative; width: 100%; max-width: 725px; aspect-ratio: 725 / 1024; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; background: var(--mn-paper); color: var(--mn-text); font-family: Inter, Arial, sans-serif; box-sizing: border-box; } .mn-oferta3-page *, .mn-oferta3-page *::before, .mn-oferta3-page *::after { box-sizing: border-box; } /* ========================================================== PRINCIPAL ========================================================== */ .mn-oferta3-main { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; padding: 43px 62px 22px; overflow: hidden; background: var(--mn-paper); } /* ========================================================== TOPO ========================================================== */ .mn-oferta3-topline { width: 58px; height: 5px; margin-bottom: 22px; background: var(--mn-orange); } .mn-oferta3-kicker { margin-bottom: 9px; color: var(--mn-orange); font-size: 8.5px; line-height: 1; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta3-title { max-width: 570px; margin: 0 0 13px; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 43px; line-height: .95; font-weight: 900; letter-spacing: -.05em; text-transform: uppercase; } .mn-oferta3-title span { display: block; color: var(--mn-orange); } .mn-oferta3-lead { max-width: 530px; margin: 0 0 17px; color: #4c4844; font-size: 12px; line-height: 1.43; } .mn-oferta3-lead strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== LEITURA ========================================================== */ .mn-oferta3-reading { max-width: 545px; margin-bottom: 17px; } .mn-oferta3-reading p { margin: 0 0 6px; color: #3d3935; font-size: 9.6px; line-height: 1.39; } .mn-oferta3-reading p:last-child { margin-bottom: 0; } .mn-oferta3-reading strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== SINAIS ========================================================== */ .mn-oferta3-signals { display: grid; grid-template-columns: .83fr 1.17fr; gap: 25px; margin-bottom: 16px; padding: 15px 17px; background: var(--mn-black); } .mn-oferta3-signals-head { padding-right: 19px; border-right: 1px solid rgba(255,255,255,.13); } .mn-oferta3-signals-head > span { display: block; margin-bottom: 8px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-oferta3-signals-head h2 { margin: 0; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 15px; line-height: 1.16; font-weight: 800; letter-spacing: -.02em; } .mn-oferta3-signals-head strong { display: block; margin-top: 4px; color: var(--mn-orange); } .mn-oferta3-signal { display: grid; grid-template-columns: 19px 1fr; gap: 6px; margin-bottom: 5px; } .mn-oferta3-signal:last-child { margin-bottom: 0; } .mn-oferta3-signal > span { color: var(--mn-orange); font-size: 6px; font-weight: 850; } .mn-oferta3-signal p { margin: 0; color: rgba(255,255,255,.56); font-size: 7.1px; line-height: 1.27; } .mn-oferta3-signal strong { color: var(--mn-white); font-weight: 750; } /* ========================================================== CUIDADO COM A LEITURA ========================================================== */ .mn-oferta3-caution { margin-bottom: 17px; padding: 10px 14px; border-left: 4px solid var(--mn-orange); background: rgba(17,17,17,.035); } .mn-oferta3-caution-label { margin-bottom: 4px; color: var(--mn-orange); font-size: 6.2px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta3-caution p { max-width: 520px; margin: 0; color: #494540; font-size: 8.3px; line-height: 1.33; } .mn-oferta3-caution strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== PONTOS DE PERDA ========================================================== */ .mn-oferta3-loss { display: grid; grid-template-columns: .82fr 1.18fr; gap: 27px; margin-bottom: 17px; } .mn-oferta3-loss-head { padding-right: 20px; border-right: 1px solid var(--mn-line); } .mn-oferta3-loss-label { margin-bottom: 8px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; } .mn-oferta3-loss-head h2 { margin: 0; color: var(--mn-black); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 16px; line-height: 1.12; font-weight: 850; letter-spacing: -.025em; } .mn-oferta3-loss-head h2 span { display: block; margin-top: 4px; color: var(--mn-orange); } .mn-oferta3-loss-item { display: grid; grid-template-columns: 14px 1fr; gap: 5px; margin-bottom: 6px; } .mn-oferta3-loss-item:last-child { margin-bottom: 0; } .mn-oferta3-loss-item > span { color: var(--mn-orange); font-size: 8px; font-weight: 900; } .mn-oferta3-loss-item p { margin: 0; color: #56514c; font-size: 7.4px; line-height: 1.28; } .mn-oferta3-loss-item strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== CONSEQUÊNCIA ========================================================== */ .mn-oferta3-consequence { display: grid; grid-template-columns: 47px 1fr; gap: 14px; margin-bottom: 17px; } .mn-oferta3-consequence-line { height: 3px; margin-top: 7px; background: var(--mn-orange); } .mn-oferta3-consequence-label { margin-bottom: 5px; color: var(--mn-orange); font-size: 6.1px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; } .mn-oferta3-consequence p { margin: 0 0 4px; color: #494540; font-size: 8.3px; line-height: 1.32; } .mn-oferta3-consequence p:last-child { margin-bottom: 0; } .mn-oferta3-consequence strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== SÍNTESE ========================================================== */ .mn-oferta3-synthesis { margin-bottom: 15px; padding: 16px 20px 17px; background: var(--mn-black); border-left: 5px solid var(--mn-orange); } .mn-oferta3-synthesis-label { margin-bottom: 6px; color: var(--mn-orange); font-size: 6.3px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta3-synthesis-intro { margin: 0 0 7px; color: rgba(255,255,255,.54); font-size: 7.6px; line-height: 1.3; } .mn-oferta3-synthesis-main { max-width: 520px; margin: 0; color: var(--mn-white); font-family: "Inter Display", Inter, Arial, sans-serif; font-size: 13.2px; line-height: 1.16; font-weight: 800; letter-spacing: -.015em; } .mn-oferta3-synthesis-main span { color: var(--mn-orange); font-weight: 900; } /* ========================================================== PRINCÍPIO ========================================================== */ .mn-oferta3-principle { padding-left: 17px; border-left: 3px solid var(--mn-orange); } .mn-oferta3-principle-label { margin-bottom: 4px; color: var(--mn-orange); font-size: 6.1px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; } .mn-oferta3-principle p { margin: 0; color: #46423e; font-size: 8.4px; line-height: 1.33; } .mn-oferta3-principle strong { color: var(--mn-black); font-weight: 800; } /* ========================================================== RODAPÉ — PADRÃO CONGELADO ========================================================== */ .mn-oferta3-footer { flex: 0 0 84px; width: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; padding: 0 48px; background: #0b0b0b; color: #ffffff; } .mn-oferta3-footer-left { display: flex; align-items: center; gap: 11px; font-size: 8px; letter-spacing: .04em; text-transform: uppercase; } .mn-oferta3-footer-left::before { content: ""; width: 4px; height: 34px; background: #ff4600; } .mn-oferta3-footer-left strong { color: #ff4600; } .mn-oferta3-footer-center { color: rgba(255,255,255,.66); font-size: 7px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mn-oferta3-footer-logo { justify-self: end; display: block; width: 118px; max-height: 48px; object-fit: contain; object-position: right center; } /* ========================================================== ELEMENTOR ========================================================== */ .elementor-widget-html:has(.mn-oferta3-page) { width: 100%; } .elementor-widget-html:has(.mn-oferta3-page) .elementor-widget-container { width: 100%; display: flex; justify-content: center; } /* ========================================================== RESPONSIVO ========================================================== */ @media (max-width: 767px) { .mn-oferta3-main { padding: 5.95% 8.55% 3%; } .mn-oferta3-title { font-size: 5.92vw; } .mn-oferta3-lead { font-size: 1.65vw; } .mn-oferta3-reading p { font-size: 1.32vw; } .mn-oferta3-signals-head h2 { font-size: 2.06vw; } .mn-oferta3-loss-head h2 { font-size: 2.2vw; } .mn-oferta3-synthesis-main { font-size: 1.82vw; } .mn-oferta3-footer { flex-basis: 8.2%; padding: 0 6.6%; } .mn-oferta3-footer-logo { width: 16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-bff9e6f */.mn-msg1-page { --mn-black:#111111; --mn-footer:#0b0b0b; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-text:#191919; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-text); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-msg1-page *, .mn-msg1-page *::before, .mn-msg1-page *::after { box-sizing:border-box; } .mn-msg1-main { flex:1 1 auto; min-height:0; width:100%; padding:45px 62px 23px; overflow:hidden; background:var(--mn-paper); } .mn-msg1-topline { width:58px; height:5px; margin-bottom:23px; background:var(--mn-orange); } .mn-msg1-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; line-height:1; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-msg1-title { max-width:575px; margin:0 0 14px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:43px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-msg1-title span { display:block; color:var(--mn-orange); } .mn-msg1-lead { max-width:530px; margin:0 0 19px; color:#4b4743; font-size:12px; line-height:1.43; } .mn-msg1-lead strong, .mn-msg1-reading strong, .mn-msg1-development strong, .mn-msg1-consequence strong, .mn-msg1-principle strong { color:var(--mn-black); font-weight:800; } .mn-msg1-reading { max-width:545px; margin-bottom:19px; } .mn-msg1-reading p, .mn-msg1-development p { margin:0 0 7px; color:#3d3935; font-size:9.8px; line-height:1.4; } .mn-msg1-reading p:last-child, .mn-msg1-development p:last-child { margin-bottom:0; } .mn-msg1-definition { margin-bottom:19px; padding:13px 17px; background:var(--mn-black); border-left:5px solid var(--mn-orange); } .mn-msg1-definition-label { margin-bottom:6px; color:var(--mn-orange); font-size:6.5px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg1-definition p { max-width:520px; margin:0; color:var(--mn-white); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:14px; line-height:1.2; font-weight:700; } .mn-msg1-definition strong { color:var(--mn-orange); font-weight:900; } .mn-msg1-contrast { display:grid; grid-template-columns:1fr 42px 1fr; margin-bottom:19px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-msg1-side { min-height:148px; padding:16px 17px 14px 0; } .mn-msg1-side-right { padding-left:17px; padding-right:0; } .mn-msg1-side > span { display:block; margin-bottom:8px; color:var(--mn-gray); font-size:6.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } .mn-msg1-side h2 { margin:0 0 10px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:17px; line-height:1.05; font-weight:850; letter-spacing:-.025em; } .mn-msg1-side h2 strong { display:block; color:var(--mn-orange); } .mn-msg1-side p { margin:0; color:#55514c; font-size:8px; line-height:1.34; } .mn-msg1-divider { display:flex; align-items:center; justify-content:center; color:var(--mn-orange); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:23px; font-weight:900; border-left:1px solid var(--mn-line); border-right:1px solid var(--mn-line); } .mn-msg1-development { max-width:545px; margin-bottom:18px; } .mn-msg1-question { margin-bottom:17px; padding:13px 16px; background:var(--mn-black); } .mn-msg1-question-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg1-question-grid { display:grid; grid-template-columns:.88fr 35px 1.3fr; align-items:center; } .mn-msg1-question-grid span { display:block; margin-bottom:4px; color:rgba(255,255,255,.44); font-size:5.7px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; } .mn-msg1-question-grid p { margin:0; color:#fff; font-size:8.5px; line-height:1.3; font-weight:700; } .mn-msg1-question-focus p { color:var(--mn-orange); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:9px; font-weight:800; } .mn-msg1-question-arrow { text-align:center; color:var(--mn-orange); font-size:18px; font-weight:900; } .mn-msg1-consequence { margin-bottom:15px; padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-msg1-consequence-label, .mn-msg1-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg1-consequence p, .mn-msg1-principle p { margin:0; color:#46423e; font-size:8.5px; line-height:1.34; } .mn-msg1-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } /* RODAPÉ CONGELADO */ .mn-msg1-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-msg1-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-msg1-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-msg1-footer-left strong { color:#ff4600; } .mn-msg1-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-msg1-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-msg1-page) { width:100%; } .elementor-widget-html:has(.mn-msg1-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-msg1-main { padding:6.2% 8.55% 3.2%; } .mn-msg1-title { font-size:5.92vw; } .mn-msg1-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-msg1-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-15d5f70 */.mn-msg2-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#fff; --mn-paper:#efeeeb; --mn-line:rgba(17,17,17,.14); --mn-gray:#66615c; position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-msg2-page *, .mn-msg2-page *::before, .mn-msg2-page *::after { box-sizing:border-box; } .mn-msg2-main { flex:1 1 auto; min-height:0; padding:43px 62px 22px; overflow:hidden; } .mn-msg2-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-msg2-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-msg2-title { margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:41px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-msg2-title span { display:block; color:var(--mn-orange); } .mn-msg2-lead { max-width:530px; margin:0 0 17px; color:#4b4743; font-size:11.8px; line-height:1.43; } .mn-msg2-lead strong, .mn-msg2-reading strong, .mn-msg2-notformula strong, .mn-msg2-closing strong { color:var(--mn-black); font-weight:800; } .mn-msg2-reading { max-width:545px; margin-bottom:17px; } .mn-msg2-reading p { margin:0 0 6px; color:#3d3935; font-size:9.5px; line-height:1.38; } .mn-msg2-reading p:last-child { margin-bottom:0; } /* MAPA */ .mn-msg2-map { margin-bottom:16px; padding:14px 15px 15px; background:var(--mn-black); } .mn-msg2-map-label { margin-bottom:10px; color:var(--mn-orange); font-size:6.5px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg2-track { display:flex; align-items:center; width:100%; } .mn-msg2-step { flex:1; min-width:0; text-align:center; } .mn-msg2-step span { display:block; margin-bottom:3px; color:var(--mn-orange); font-size:5.4px; font-weight:850; } .mn-msg2-step strong { display:block; margin-bottom:3px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:6.4px; font-weight:850; } .mn-msg2-step p { margin:0; color:rgba(255,255,255,.48); font-size:5.3px; line-height:1.2; } .mn-msg2-arrow { flex:0 0 12px; text-align:center; color:var(--mn-orange); font-size:10px; font-weight:900; } /* EXPLICAÇÃO */ .mn-msg2-explanation { margin-bottom:16px; border-top:1px solid var(--mn-line); } .mn-msg2-explanation article { display:grid; grid-template-columns:96px 1fr; gap:17px; padding:7px 0; border-bottom:1px solid rgba(17,17,17,.09); } .mn-msg2-explanation article span { color:var(--mn-orange); font-size:7px; font-weight:850; letter-spacing:.08em; } .mn-msg2-explanation article p { margin:0; color:#4d4944; font-size:7.8px; line-height:1.3; } /* NÃO É FÓRMULA */ .mn-msg2-notformula { margin-bottom:16px; padding:11px 15px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-msg2-notformula-label { margin-bottom:5px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-msg2-notformula p { margin:0 0 4px; color:#46423e; font-size:8.2px; line-height:1.32; } .mn-msg2-notformula p:last-child { margin-bottom:0; } /* 4 PERGUNTAS */ .mn-msg2-four { margin-bottom:15px; padding:13px 15px; background:var(--mn-black); } .mn-msg2-four-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-msg2-four-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(255,255,255,.11); } .mn-msg2-four-grid > div { padding:9px 11px; background:var(--mn-black); } .mn-msg2-four-grid span { display:block; margin-bottom:3px; color:var(--mn-orange); font-size:5.6px; font-weight:850; } .mn-msg2-four-grid strong { color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7.6px; line-height:1.15; font-weight:800; } .mn-msg2-closing { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-msg2-closing-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg2-closing p { margin:0; color:#46423e; font-size:8.4px; line-height:1.33; } /* FOOTER */ .mn-msg2-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-msg2-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-msg2-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-msg2-footer-left strong { color:#ff4600; } .mn-msg2-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-msg2-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-msg2-page) { width:100%; } .elementor-widget-html:has(.mn-msg2-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-msg2-main { padding:5.95% 8.55% 3%; } .mn-msg2-title { font-size:5.65vw; } .mn-msg2-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-msg2-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b277719 */.mn-msg3-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#fff; --mn-paper:#efeeeb; --mn-line:rgba(17,17,17,.14); --mn-gray:#66615c; position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-msg3-page *, .mn-msg3-page *::before, .mn-msg3-page *::after { box-sizing:border-box; } .mn-msg3-main { flex:1 1 auto; min-height:0; padding:43px 62px 22px; overflow:hidden; } .mn-msg3-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-msg3-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-msg3-title { max-width:575px; margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:40px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-msg3-title span { display:block; color:var(--mn-orange); } .mn-msg3-lead { max-width:530px; margin:0 0 17px; color:#4b4743; font-size:11.8px; line-height:1.43; } .mn-msg3-lead strong, .mn-msg3-reading strong, .mn-msg3-loss strong, .mn-msg3-consequence strong, .mn-msg3-principle strong { color:var(--mn-black); font-weight:800; } .mn-msg3-reading { max-width:545px; margin-bottom:17px; } .mn-msg3-reading p { margin:0 0 6px; color:#3d3935; font-size:9.4px; line-height:1.38; } .mn-msg3-reading p:last-child { margin-bottom:0; } /* DIAGNÓSTICO */ .mn-msg3-diagnostic { margin-bottom:17px; border-top:1px solid var(--mn-line); } .mn-msg3-diagnostic-label { padding:10px 0 8px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg3-diagnostic-list { display:grid; grid-template-columns:repeat(2,1fr); column-gap:24px; } .mn-msg3-diagnostic-list p { display:grid; grid-template-columns:21px 1fr; gap:6px; margin:0; padding:5px 0; border-top:1px solid rgba(17,17,17,.08); color:#504c47; font-size:7.4px; line-height:1.28; } .mn-msg3-diagnostic-list span { color:var(--mn-orange); font-size:6px; font-weight:850; } /* PERDAS */ .mn-msg3-loss { display:grid; grid-template-columns:.82fr 1.18fr; gap:27px; margin-bottom:17px; padding:15px 17px; background:var(--mn-black); } .mn-msg3-loss-head { padding-right:20px; border-right:1px solid rgba(255,255,255,.13); } .mn-msg3-loss-head > span { display:block; margin-bottom:8px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-msg3-loss-head h2 { margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:15px; line-height:1.15; font-weight:800; } .mn-msg3-loss-head h2 strong { display:block; margin-top:4px; color:var(--mn-orange); } .mn-msg3-loss-list > div { display:grid; grid-template-columns:14px 1fr; gap:5px; margin-bottom:5px; } .mn-msg3-loss-list > div:last-child { margin-bottom:0; } .mn-msg3-loss-list > div > span { color:var(--mn-orange); font-size:8px; font-weight:900; } .mn-msg3-loss-list p { margin:0; color:rgba(255,255,255,.57); font-size:7.1px; line-height:1.27; } .mn-msg3-loss-list strong { color:#fff; } /* MÉTRICA X RESULTADO */ .mn-msg3-contrast { display:grid; grid-template-columns:1fr 42px 1fr; align-items:center; margin-bottom:16px; padding:12px 0; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-msg3-contrast span { display:block; margin-bottom:5px; color:var(--mn-gray); font-size:5.8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-msg3-contrast strong { display:block; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:9.2px; line-height:1.2; font-weight:850; } .mn-msg3-contrast-right strong { color:var(--mn-orange); } .mn-msg3-contrast-arrow { text-align:center; color:var(--mn-orange); font-size:20px; font-weight:900; } /* CONSEQUÊNCIA */ .mn-msg3-consequence { margin-bottom:16px; padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-msg3-consequence-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-msg3-consequence p { margin:0; color:#46423e; font-size:8.2px; line-height:1.32; } /* SÍNTESE */ .mn-msg3-synthesis { margin-bottom:15px; padding:16px 20px 17px; background:var(--mn-black); border-left:5px solid var(--mn-orange); } .mn-msg3-synthesis-label { margin-bottom:6px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg3-synthesis-intro { margin:0 0 7px; color:rgba(255,255,255,.54); font-size:7.5px; line-height:1.3; } .mn-msg3-synthesis-main { max-width:520px; margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:13.1px; line-height:1.16; font-weight:800; letter-spacing:-.015em; } .mn-msg3-synthesis-main span { color:var(--mn-orange); font-weight:900; } .mn-msg3-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-msg3-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-msg3-principle p { margin:0; color:#46423e; font-size:8.4px; line-height:1.33; } /* FOOTER */ .mn-msg3-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-msg3-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-msg3-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-msg3-footer-left strong { color:#ff4600; } .mn-msg3-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-msg3-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-msg3-page) { width:100%; } .elementor-widget-html:has(.mn-msg3-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-msg3-main { padding:5.95% 8.55% 3%; } .mn-msg3-title { font-size:5.5vw; } .mn-msg3-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-msg3-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3378372 *//* ========================================================== MARCO 5 — ATENÇÃO PÁGINA 1/3 — FAZER A MENSAGEM CHEGAR MASTER 725 × 1024 ========================================================== */ .mn-atn1-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-atn1-page *, .mn-atn1-page *::before, .mn-atn1-page *::after { box-sizing:border-box; } /* PRINCIPAL */ .mn-atn1-main { flex:1 1 auto; min-height:0; width:100%; padding:45px 62px 23px; overflow:hidden; } /* TOPO */ .mn-atn1-topline { width:58px; height:5px; margin-bottom:23px; background:var(--mn-orange); } .mn-atn1-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-atn1-title { margin:0 0 14px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:46px; line-height:.94; font-weight:900; letter-spacing:-.055em; text-transform:uppercase; } .mn-atn1-title span { display:block; color:var(--mn-orange); } .mn-atn1-lead { max-width:510px; margin:0 0 19px; color:#4b4743; font-size:12.5px; line-height:1.44; } .mn-atn1-lead strong, .mn-atn1-reading strong, .mn-atn1-traffic-right strong, .mn-atn1-closing strong, .mn-atn1-principle strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-atn1-reading { max-width:545px; margin-bottom:20px; } .mn-atn1-reading p { margin:0 0 7px; color:#3d3935; font-size:9.8px; line-height:1.4; } .mn-atn1-reading p:last-child { margin-bottom:0; } /* ORDEM */ .mn-atn1-order { margin-bottom:19px; padding:14px 16px; background:var(--mn-black); } .mn-atn1-order-label { margin-bottom:10px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn1-order-row { display:grid; grid-template-columns:1.5fr 40px .75fr; align-items:center; } .mn-atn1-order-row span { display:block; margin-bottom:5px; color:rgba(255,255,255,.43); font-size:5.7px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; } .mn-atn1-order-row strong { display:block; margin-bottom:5px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:8.4px; line-height:1.16; font-weight:850; } .mn-atn1-order-now strong { color:var(--mn-orange); font-size:13px; } .mn-atn1-order-row p { margin:0; color:rgba(255,255,255,.53); font-size:6.8px; line-height:1.28; } .mn-atn1-order-arrow { text-align:center; color:var(--mn-orange); font-size:18px; font-weight:900; } /* DISTRIBUIÇÃO */ .mn-atn1-distribution { display:grid; grid-template-columns:.85fr 1.15fr; gap:25px; margin-bottom:19px; padding:16px 0; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-atn1-distribution-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-atn1-distribution-head > span { display:block; margin-bottom:8px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn1-distribution-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:17px; line-height:1.12; font-weight:850; letter-spacing:-.025em; } .mn-atn1-distribution-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-atn1-distribution-list > div { display:grid; grid-template-columns:22px 1fr; gap:7px; padding:5px 0; border-top:1px solid rgba(17,17,17,.08); } .mn-atn1-distribution-list > div:first-child { padding-top:0; border-top:none; } .mn-atn1-distribution-list span { color:var(--mn-orange); font-size:6px; font-weight:850; } .mn-atn1-distribution-list strong { color:#4c4844; font-size:7.5px; font-weight:800; letter-spacing:.03em; } /* TRÁFEGO */ .mn-atn1-traffic { display:grid; grid-template-columns:.75fr 1.25fr; gap:25px; margin-bottom:17px; } .mn-atn1-traffic-left { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-atn1-traffic-left > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn1-traffic-left h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:16px; line-height:1.1; font-weight:850; } .mn-atn1-traffic-left h2 strong { display:block; color:var(--mn-orange); } .mn-atn1-traffic-right p { margin:0 0 6px; color:#4d4944; font-size:8px; line-height:1.33; } .mn-atn1-traffic-right p:last-child { margin-bottom:0; } /* FECHAMENTO */ .mn-atn1-closing { margin-bottom:14px; padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-atn1-closing-label, .mn-atn1-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn1-closing p, .mn-atn1-principle p { margin:0; color:#46423e; font-size:8.4px; line-height:1.33; } .mn-atn1-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } /* RODAPÉ CONGELADO */ .mn-atn1-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-atn1-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-atn1-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-atn1-footer-left strong { color:#ff4600; } .mn-atn1-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-atn1-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-atn1-page) { width:100%; } .elementor-widget-html:has(.mn-atn1-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-atn1-main { padding:6.2% 8.55% 3.2%; } .mn-atn1-title { font-size:6.34vw; } .mn-atn1-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-atn1-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b39e1b5 *//* ========================================================== MARCO 5 — ATENÇÃO PÁGINA 1/3 — FAZER A MENSAGEM CHEGAR MASTER 725 × 1024 ========================================================== */ .mn-atn1-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-atn1-page *, .mn-atn1-page *::before, .mn-atn1-page *::after { box-sizing:border-box; } /* PRINCIPAL */ .mn-atn1-main { flex:1 1 auto; min-height:0; width:100%; padding:45px 62px 23px; overflow:hidden; } /* TOPO */ .mn-atn1-topline { width:58px; height:5px; margin-bottom:23px; background:var(--mn-orange); } .mn-atn1-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-atn1-title { margin:0 0 14px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:46px; line-height:.94; font-weight:900; letter-spacing:-.055em; text-transform:uppercase; } .mn-atn1-title span { display:block; color:var(--mn-orange); } .mn-atn1-lead { max-width:510px; margin:0 0 19px; color:#4b4743; font-size:12.5px; line-height:1.44; } .mn-atn1-lead strong, .mn-atn1-reading strong, .mn-atn1-traffic-right strong, .mn-atn1-closing strong, .mn-atn1-principle strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-atn1-reading { max-width:545px; margin-bottom:20px; } .mn-atn1-reading p { margin:0 0 7px; color:#3d3935; font-size:9.8px; line-height:1.4; } .mn-atn1-reading p:last-child { margin-bottom:0; } /* ORDEM */ .mn-atn1-order { margin-bottom:19px; padding:14px 16px; background:var(--mn-black); } .mn-atn1-order-label { margin-bottom:10px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn1-order-row { display:grid; grid-template-columns:1.5fr 40px .75fr; align-items:center; } .mn-atn1-order-row span { display:block; margin-bottom:5px; color:rgba(255,255,255,.43); font-size:5.7px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; } .mn-atn1-order-row strong { display:block; margin-bottom:5px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:8.4px; line-height:1.16; font-weight:850; } .mn-atn1-order-now strong { color:var(--mn-orange); font-size:13px; } .mn-atn1-order-row p { margin:0; color:rgba(255,255,255,.53); font-size:6.8px; line-height:1.28; } .mn-atn1-order-arrow { text-align:center; color:var(--mn-orange); font-size:18px; font-weight:900; } /* DISTRIBUIÇÃO */ .mn-atn1-distribution { display:grid; grid-template-columns:.85fr 1.15fr; gap:25px; margin-bottom:19px; padding:16px 0; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-atn1-distribution-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-atn1-distribution-head > span { display:block; margin-bottom:8px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn1-distribution-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:17px; line-height:1.12; font-weight:850; letter-spacing:-.025em; } .mn-atn1-distribution-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-atn1-distribution-list > div { display:grid; grid-template-columns:22px 1fr; gap:7px; padding:5px 0; border-top:1px solid rgba(17,17,17,.08); } .mn-atn1-distribution-list > div:first-child { padding-top:0; border-top:none; } .mn-atn1-distribution-list span { color:var(--mn-orange); font-size:6px; font-weight:850; } .mn-atn1-distribution-list strong { color:#4c4844; font-size:7.5px; font-weight:800; letter-spacing:.03em; } /* TRÁFEGO */ .mn-atn1-traffic { display:grid; grid-template-columns:.75fr 1.25fr; gap:25px; margin-bottom:17px; } .mn-atn1-traffic-left { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-atn1-traffic-left > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn1-traffic-left h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:16px; line-height:1.1; font-weight:850; } .mn-atn1-traffic-left h2 strong { display:block; color:var(--mn-orange); } .mn-atn1-traffic-right p { margin:0 0 6px; color:#4d4944; font-size:8px; line-height:1.33; } .mn-atn1-traffic-right p:last-child { margin-bottom:0; } /* FECHAMENTO */ .mn-atn1-closing { margin-bottom:14px; padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-atn1-closing-label, .mn-atn1-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn1-closing p, .mn-atn1-principle p { margin:0; color:#46423e; font-size:8.4px; line-height:1.33; } .mn-atn1-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } /* RODAPÉ CONGELADO */ .mn-atn1-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-atn1-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-atn1-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-atn1-footer-left strong { color:#ff4600; } .mn-atn1-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-atn1-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-atn1-page) { width:100%; } .elementor-widget-html:has(.mn-atn1-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-atn1-main { padding:6.2% 8.55% 3.2%; } .mn-atn1-title { font-size:6.34vw; } .mn-atn1-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-atn1-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-32ac7fd *//* ========================================================== MARCO 5 — ATENÇÃO PÁGINA 2/3 — MAIS ALCANCE NÃO SIGNIFICA MAIS RESULTADO MASTER 725 × 1024 ========================================================== */ .mn-atn2-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-atn2-page *, .mn-atn2-page *::before, .mn-atn2-page *::after { box-sizing:border-box; } .mn-atn2-main { flex:1 1 auto; min-height:0; padding:43px 62px 22px; overflow:hidden; } .mn-atn2-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-atn2-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-atn2-title { max-width:580px; margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:39px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-atn2-title span { display:block; color:var(--mn-orange); } .mn-atn2-lead { max-width:530px; margin:0 0 17px; color:#4b4743; font-size:11.8px; line-height:1.43; } .mn-atn2-lead strong, .mn-atn2-reading strong, .mn-atn2-warning strong, .mn-atn2-closing strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-atn2-reading { max-width:545px; margin-bottom:17px; } .mn-atn2-reading p { margin:0 0 6px; color:#3d3935; font-size:9.5px; line-height:1.38; } .mn-atn2-reading p:last-child { margin-bottom:0; } /* FLUXO */ .mn-atn2-flow { margin-bottom:18px; padding:14px 16px 15px; background:var(--mn-black); } .mn-atn2-flow-label { margin-bottom:11px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn2-flow-track { display:grid; grid-template-columns: 1fr 23px 1fr 23px 1fr 23px 1fr; align-items:center; } .mn-atn2-flow-step { text-align:center; } .mn-atn2-flow-step span { display:block; margin-bottom:4px; color:var(--mn-orange); font-size:5.7px; font-weight:850; } .mn-atn2-flow-step strong { display:block; margin-bottom:4px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7.8px; font-weight:850; } .mn-atn2-flow-step p { margin:0; color:rgba(255,255,255,.48); font-size:5.8px; line-height:1.22; } .mn-atn2-flow-final strong { color:var(--mn-orange); } .mn-atn2-flow-arrow { text-align:center; color:var(--mn-orange); font-size:13px; font-weight:900; } /* PERGUNTAS */ .mn-atn2-questions { display:grid; grid-template-columns:.82fr 1.18fr; gap:25px; margin-bottom:18px; } .mn-atn2-questions-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-atn2-questions-head > span { display:block; margin-bottom:8px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn2-questions-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:16px; line-height:1.13; font-weight:850; letter-spacing:-.02em; } .mn-atn2-questions-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-atn2-questions-list > div { display:grid; grid-template-columns:21px 1fr; gap:6px; padding:5px 0; border-top:1px solid rgba(17,17,17,.08); } .mn-atn2-questions-list > div:first-child { padding-top:0; border-top:none; } .mn-atn2-questions-list span { color:var(--mn-orange); font-size:6px; font-weight:850; } .mn-atn2-questions-list p { margin:0; color:#55514c; font-size:7.1px; line-height:1.28; } .mn-atn2-questions-list strong { color:var(--mn-black); font-weight:800; } /* VOLUME X RESULTADO */ .mn-atn2-contrast { display:grid; grid-template-columns:1fr 42px 1fr; align-items:stretch; margin-bottom:17px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-atn2-contrast-side { padding:13px 16px 12px 0; } .mn-atn2-contrast-right { padding-left:16px; padding-right:0; } .mn-atn2-contrast-side span { display:block; margin-bottom:5px; color:var(--mn-gray); font-size:5.8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-atn2-contrast-side strong { display:block; margin-bottom:5px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:11px; font-weight:850; } .mn-atn2-contrast-right strong { color:var(--mn-orange); } .mn-atn2-contrast-side p { margin:0; color:#55514c; font-size:7.3px; line-height:1.29; } .mn-atn2-contrast-divider { display:flex; align-items:center; justify-content:center; color:var(--mn-orange); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:20px; font-weight:900; border-left:1px solid var(--mn-line); border-right:1px solid var(--mn-line); } /* ALERTA */ .mn-atn2-warning { margin-bottom:15px; padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-atn2-warning-label, .mn-atn2-closing-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn2-warning p, .mn-atn2-closing p { margin:0; color:#46423e; font-size:8.3px; line-height:1.32; } .mn-atn2-closing { padding-left:17px; border-left:3px solid var(--mn-orange); } /* FOOTER */ .mn-atn2-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-atn2-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-atn2-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-atn2-footer-left strong { color:#ff4600; } .mn-atn2-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-atn2-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-atn2-page) { width:100%; } .elementor-widget-html:has(.mn-atn2-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-atn2-main { padding:5.95% 8.55% 3%; } .mn-atn2-title { font-size:5.37vw; } .mn-atn2-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-atn2-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-376b010 *//* ========================================================== MARCO 5 — ATENÇÃO PÁGINA 3/3 — QUANDO ATENÇÃO VIRA APENAS MOVIMENTO MASTER 725 × 1024 ========================================================== */ .mn-atn3-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-atn3-page *, .mn-atn3-page *::before, .mn-atn3-page *::after { box-sizing:border-box; } /* PRINCIPAL */ .mn-atn3-main { flex:1 1 auto; min-height:0; width:100%; padding:43px 62px 22px; overflow:hidden; } /* CABEÇALHO */ .mn-atn3-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-atn3-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-atn3-title { max-width:580px; margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:40px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-atn3-title span { display:block; color:var(--mn-orange); } .mn-atn3-lead { max-width:530px; margin:0 0 17px; color:#4b4743; font-size:11.8px; line-height:1.43; } .mn-atn3-lead strong, .mn-atn3-reading strong, .mn-atn3-principle strong { color:var(--mn-black); font-weight:800; } /* LEITURA */ .mn-atn3-reading { max-width:545px; margin-bottom:17px; } .mn-atn3-reading p { margin:0 0 6px; color:#3d3935; font-size:9.4px; line-height:1.38; } .mn-atn3-reading p:last-child { margin-bottom:0; } /* DIAGNÓSTICO */ .mn-atn3-diagnostic { margin-bottom:17px; border-top:1px solid var(--mn-line); } .mn-atn3-diagnostic-label { padding:10px 0 8px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn3-diagnostic-grid { display:grid; grid-template-columns:repeat(2,1fr); column-gap:25px; } .mn-atn3-diagnostic-grid p { display:grid; grid-template-columns:21px 1fr; gap:6px; margin:0; padding:5px 0; border-top:1px solid rgba(17,17,17,.08); color:#504c47; font-size:7.3px; line-height:1.27; } .mn-atn3-diagnostic-grid span { color:var(--mn-orange); font-size:6px; font-weight:850; } /* INDICADORES + PERDAS */ .mn-atn3-analysis { display:grid; grid-template-columns:1fr 1.15fr; gap:0; margin-bottom:17px; background:var(--mn-black); } .mn-atn3-indicators, .mn-atn3-loss { padding:15px 17px; } .mn-atn3-indicators { border-right:1px solid rgba(255,255,255,.12); } .mn-atn3-analysis-label { margin-bottom:7px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-atn3-analysis h2 { margin:0 0 10px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:13px; line-height:1.12; font-weight:800; } .mn-atn3-analysis h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-atn3-indicators ul { margin:0; padding:0; list-style:none; } .mn-atn3-indicators li { position:relative; margin-bottom:4px; padding-left:11px; color:rgba(255,255,255,.56); font-size:7px; line-height:1.25; } .mn-atn3-indicators li::before { content:""; position:absolute; left:0; top:4px; width:4px; height:4px; background:var(--mn-orange); } .mn-atn3-loss-list p { display:grid; grid-template-columns:12px 1fr; gap:4px; margin:0 0 5px; color:rgba(255,255,255,.57); font-size:7px; line-height:1.26; } .mn-atn3-loss-list p:last-child { margin-bottom:0; } .mn-atn3-loss-list span { color:var(--mn-orange); font-weight:900; } /* MOVIMENTO → AVANÇO */ .mn-atn3-contrast { display:grid; grid-template-columns:1fr 45px 1fr; align-items:center; margin-bottom:17px; padding:12px 0; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-atn3-contrast span { display:block; margin-bottom:5px; color:var(--mn-gray); font-size:5.8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-atn3-contrast strong { display:block; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:9.2px; line-height:1.2; font-weight:850; } .mn-atn3-contrast-right strong { color:var(--mn-orange); } .mn-atn3-contrast-arrow { text-align:center; color:var(--mn-orange); font-size:19px; font-weight:900; } /* SÍNTESE */ .mn-atn3-synthesis { margin-bottom:15px; padding:16px 20px 17px; background:var(--mn-black); border-left:5px solid var(--mn-orange); } .mn-atn3-synthesis-label { margin-bottom:6px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn3-synthesis-intro { margin:0 0 7px; color:rgba(255,255,255,.54); font-size:7.5px; line-height:1.3; } .mn-atn3-synthesis-main { max-width:520px; margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:12.8px; line-height:1.16; font-weight:800; letter-spacing:-.015em; } .mn-atn3-synthesis-main span { color:var(--mn-orange); font-weight:900; } /* PRINCÍPIO */ .mn-atn3-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-atn3-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-atn3-principle p { margin:0; color:#46423e; font-size:8.4px; line-height:1.33; } /* RODAPÉ */ .mn-atn3-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-atn3-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-atn3-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-atn3-footer-left strong { color:#ff4600; } .mn-atn3-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-atn3-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-atn3-page) { width:100%; } .elementor-widget-html:has(.mn-atn3-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-atn3-main { padding:5.95% 8.55% 3%; } .mn-atn3-title { font-size:5.5vw; } .mn-atn3-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-atn3-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-84a6ee7 *//* ========================================================== MARCO 6 — OPORTUNIDADE PÁGINA 1/3 — ATENÇÃO PRECISA VIRAR INTENÇÃO MASTER 725 × 1024 ========================================================== */ .mn-opp1-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-opp1-page *, .mn-opp1-page *::before, .mn-opp1-page *::after { box-sizing:border-box; } /* PRINCIPAL */ .mn-opp1-main { flex:1 1 auto; min-height:0; width:100%; padding:45px 62px 23px; overflow:hidden; } /* CABEÇALHO */ .mn-opp1-topline { width:58px; height:5px; margin-bottom:23px; background:var(--mn-orange); } .mn-opp1-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-opp1-title { max-width:575px; margin:0 0 14px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:44px; line-height:.94; font-weight:900; letter-spacing:-.052em; text-transform:uppercase; } .mn-opp1-title span { display:block; color:var(--mn-orange); } .mn-opp1-lead { max-width:530px; margin:0 0 18px; color:#4b4743; font-size:12px; line-height:1.43; } .mn-opp1-lead strong, .mn-opp1-reading strong, .mn-opp1-path-text strong, .mn-opp1-question strong, .mn-opp1-principle strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-opp1-reading { max-width:545px; margin-bottom:19px; } .mn-opp1-reading p { margin:0 0 7px; color:#3d3935; font-size:9.7px; line-height:1.4; } .mn-opp1-reading p:last-child { margin-bottom:0; } /* TRANSIÇÃO */ .mn-opp1-transition { margin-bottom:19px; padding:15px 17px; background:var(--mn-black); } .mn-opp1-transition-label { margin-bottom:11px; color:var(--mn-orange); font-size:6.4px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp1-transition-grid { display:grid; grid-template-columns:1fr 46px 1fr; align-items:center; } .mn-opp1-state span { display:block; margin-bottom:6px; color:rgba(255,255,255,.43); font-size:5.8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-opp1-state strong { display:block; margin-bottom:7px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:15px; line-height:1.03; font-weight:850; } .mn-opp1-state strong b { display:block; color:var(--mn-orange); font-weight:900; } .mn-opp1-state p { max-width:185px; margin:0; color:rgba(255,255,255,.54); font-size:7px; line-height:1.28; } .mn-opp1-transition-arrow { text-align:center; color:var(--mn-orange); font-size:24px; font-weight:900; } /* DEFINIÇÃO */ .mn-opp1-definition { margin-bottom:18px; padding:12px 16px; border-left:5px solid var(--mn-orange); background:rgba(17,17,17,.04); } .mn-opp1-definition-label { margin-bottom:6px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp1-definition p { max-width:520px; margin:0; color:#34312e; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:12.8px; line-height:1.2; font-weight:700; } .mn-opp1-definition strong { color:var(--mn-orange); } /* MECANISMO */ .mn-opp1-path { display:grid; grid-template-columns:.75fr 1.25fr; gap:25px; margin-bottom:18px; padding:15px 0; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-opp1-path-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-opp1-path-head > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp1-path-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:16px; line-height:1.12; font-weight:850; } .mn-opp1-path-head h2 strong { display:block; color:var(--mn-orange); } .mn-opp1-path-text p { margin:0 0 7px; color:#4d4944; font-size:8px; line-height:1.34; } .mn-opp1-path-text p:last-child { margin-bottom:0; } /* PERGUNTA */ .mn-opp1-question { margin-bottom:15px; padding:12px 15px; background:var(--mn-black); } .mn-opp1-question-label { margin-bottom:5px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp1-question p { margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:10.5px; line-height:1.25; font-weight:700; } .mn-opp1-question strong { color:var(--mn-orange); } /* PRINCÍPIO */ .mn-opp1-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-opp1-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp1-principle p { margin:0; color:#46423e; font-size:8.4px; line-height:1.33; } /* RODAPÉ CONGELADO */ .mn-opp1-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-opp1-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-opp1-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-opp1-footer-left strong { color:#ff4600; } .mn-opp1-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-opp1-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-opp1-page) { width:100%; } .elementor-widget-html:has(.mn-opp1-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-opp1-main { padding:6.2% 8.55% 3.2%; } .mn-opp1-title { font-size:6.06vw; } .mn-opp1-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-opp1-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b80ccaa *//* ========================================================== MARCO 6 — OPORTUNIDADE PÁGINA 2/3 — QUANTIDADE NÃO É QUALIDADE MASTER 725 × 1024 ========================================================== */ .mn-opp2-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-opp2-page *, .mn-opp2-page *::before, .mn-opp2-page *::after { box-sizing:border-box; } .mn-opp2-main { flex:1 1 auto; min-height:0; width:100%; padding:43px 62px 22px; overflow:hidden; } /* CABEÇALHO */ .mn-opp2-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-opp2-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-opp2-title { margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:44px; line-height:.94; font-weight:900; letter-spacing:-.052em; text-transform:uppercase; } .mn-opp2-title span { display:block; color:var(--mn-orange); } .mn-opp2-lead { max-width:530px; margin:0 0 17px; color:#4b4743; font-size:11.8px; line-height:1.43; } .mn-opp2-lead strong, .mn-opp2-reading strong, .mn-opp2-quality-text strong, .mn-opp2-closing strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-opp2-reading { max-width:545px; margin-bottom:17px; } .mn-opp2-reading p { margin:0 0 6px; color:#3d3935; font-size:9.4px; line-height:1.38; } .mn-opp2-reading p:last-child { margin-bottom:0; } /* QUANTIDADE + QUALIDADE */ .mn-opp2-contrast { display:grid; grid-template-columns:1fr 42px 1fr; align-items:stretch; margin-bottom:17px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-opp2-side { padding:15px 16px 14px 0; } .mn-opp2-side-right { padding-left:16px; padding-right:0; } .mn-opp2-side > span { display:block; margin-bottom:6px; color:var(--mn-gray); font-size:6px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } .mn-opp2-side strong { display:block; margin-bottom:7px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:15px; line-height:1.05; font-weight:850; } .mn-opp2-side strong b { display:block; color:var(--mn-orange); font-weight:900; } .mn-opp2-side p { margin:0; color:#55514c; font-size:7.5px; line-height:1.3; } .mn-opp2-divider { display:flex; align-items:center; justify-content:center; color:var(--mn-orange); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:22px; font-weight:900; border-left:1px solid var(--mn-line); border-right:1px solid var(--mn-line); } /* PONTOS DE ENTRADA */ .mn-opp2-pathways { margin-bottom:17px; padding:14px 16px; background:var(--mn-black); } .mn-opp2-pathways-label { margin-bottom:10px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp2-pathways-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.1); border-left:1px solid rgba(255,255,255,.1); } .mn-opp2-pathways-grid > div { min-height:47px; padding:8px 9px; border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); } .mn-opp2-pathways-grid span { display:block; margin-bottom:4px; color:var(--mn-orange); font-size:5.5px; font-weight:850; } .mn-opp2-pathways-grid strong { display:block; color:#fff; font-size:6.8px; font-weight:800; letter-spacing:.02em; } /* QUALIDADE */ .mn-opp2-quality { display:grid; grid-template-columns:.82fr 1.18fr; gap:25px; margin-bottom:17px; } .mn-opp2-quality-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-opp2-quality-head > span { display:block; margin-bottom:8px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp2-quality-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:15px; line-height:1.13; font-weight:850; } .mn-opp2-quality-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-opp2-quality-text p { margin:0 0 6px; color:#4d4944; font-size:7.8px; line-height:1.32; } .mn-opp2-quality-text p:last-child { margin-bottom:0; } /* FRICÇÃO */ .mn-opp2-friction { margin-bottom:16px; padding:13px 15px; background:var(--mn-black); } .mn-opp2-friction-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp2-friction-row { display:grid; grid-template-columns:1fr 27px 1fr 27px .65fr; align-items:center; } .mn-opp2-friction-row span { display:block; margin-bottom:4px; color:rgba(255,255,255,.42); font-size:5.3px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mn-opp2-friction-row strong { display:block; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7.2px; line-height:1.17; font-weight:800; } .mn-opp2-friction-final strong { color:var(--mn-orange); } .mn-opp2-friction-arrow { text-align:center; color:var(--mn-orange); font-size:13px; font-weight:900; } /* FECHAMENTO */ .mn-opp2-closing { padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-opp2-closing-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp2-closing p { margin:0; color:#46423e; font-size:8.3px; line-height:1.32; } /* RODAPÉ */ .mn-opp2-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-opp2-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-opp2-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-opp2-footer-left strong { color:#ff4600; } .mn-opp2-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-opp2-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-opp2-page) { width:100%; } .elementor-widget-html:has(.mn-opp2-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-opp2-main { padding:5.95% 8.55% 3%; } .mn-opp2-title { font-size:6.06vw; } .mn-opp2-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-opp2-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5070dd2 *//* ========================================================== MARCO 6 — OPORTUNIDADE PÁGINA 3/3 — O QUE REALMENTE É UMA OPORTUNIDADE? MASTER 725 × 1024 ========================================================== */ .mn-opp3-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-opp3-page *, .mn-opp3-page *::before, .mn-opp3-page *::after { box-sizing:border-box; } .mn-opp3-main { flex:1 1 auto; min-height:0; width:100%; padding:43px 62px 22px; overflow:hidden; } /* CABEÇALHO */ .mn-opp3-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-opp3-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-opp3-title { max-width:585px; margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:40px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-opp3-title span { display:block; color:var(--mn-orange); } .mn-opp3-lead { max-width:530px; margin:0 0 16px; color:#4b4743; font-size:11.7px; line-height:1.42; } .mn-opp3-lead strong, .mn-opp3-reading strong, .mn-opp3-principle strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-opp3-reading { max-width:545px; margin-bottom:16px; } .mn-opp3-reading p { margin:0 0 6px; color:#3d3935; font-size:9.2px; line-height:1.36; } .mn-opp3-reading p:last-child { margin-bottom:0; } /* DIAGNÓSTICO */ .mn-opp3-diagnostic { margin-bottom:16px; border-top:1px solid var(--mn-line); } .mn-opp3-diagnostic-label { padding:9px 0 7px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp3-diagnostic-grid { display:grid; grid-template-columns:repeat(2,1fr); column-gap:25px; } .mn-opp3-diagnostic-grid p { display:grid; grid-template-columns:21px 1fr; gap:6px; margin:0; padding:5px 0; border-top:1px solid rgba(17,17,17,.08); color:#504c47; font-size:7.2px; line-height:1.26; } .mn-opp3-diagnostic-grid span { color:var(--mn-orange); font-size:6px; font-weight:850; } /* INDICADORES E PERDAS */ .mn-opp3-analysis { display:grid; grid-template-columns:1fr 1.15fr; margin-bottom:16px; background:var(--mn-black); } .mn-opp3-indicators, .mn-opp3-loss { padding:14px 16px; } .mn-opp3-indicators { border-right:1px solid rgba(255,255,255,.12); } .mn-opp3-analysis-label { margin-bottom:7px; color:var(--mn-orange); font-size:6px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp3-analysis h2 { margin:0 0 9px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:12.5px; line-height:1.12; font-weight:800; } .mn-opp3-analysis h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-opp3-indicators ul { margin:0; padding:0; list-style:none; } .mn-opp3-indicators li { position:relative; margin-bottom:4px; padding-left:11px; color:rgba(255,255,255,.56); font-size:6.8px; line-height:1.23; } .mn-opp3-indicators li::before { content:""; position:absolute; left:0; top:4px; width:4px; height:4px; background:var(--mn-orange); } .mn-opp3-loss-list p { display:grid; grid-template-columns:12px 1fr; gap:4px; margin:0 0 5px; color:rgba(255,255,255,.57); font-size:6.8px; line-height:1.24; } .mn-opp3-loss-list p:last-child { margin-bottom:0; } .mn-opp3-loss-list span { color:var(--mn-orange); font-weight:900; } /* ERRO DE DIAGNÓSTICO */ .mn-opp3-consequence { margin-bottom:15px; padding:12px 14px; border:1px solid var(--mn-line); } .mn-opp3-consequence-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-opp3-consequence-flow { display:grid; grid-template-columns:1fr 28px 1fr 28px 1.15fr; align-items:center; } .mn-opp3-consequence-flow span { display:block; margin-bottom:4px; color:var(--mn-gray); font-size:5.2px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mn-opp3-consequence-flow strong { display:block; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:6.9px; line-height:1.18; font-weight:800; } .mn-opp3-consequence-final strong { color:var(--mn-orange); } .mn-opp3-consequence-arrow { text-align:center; color:var(--mn-orange); font-size:13px; font-weight:900; } /* SÍNTESE */ .mn-opp3-synthesis { margin-bottom:14px; padding:15px 19px 16px; background:var(--mn-black); border-left:5px solid var(--mn-orange); } .mn-opp3-synthesis-label { margin-bottom:6px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp3-synthesis-intro { margin:0 0 7px; color:rgba(255,255,255,.54); font-size:7.3px; line-height:1.28; } .mn-opp3-synthesis-main { max-width:520px; margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:12.2px; line-height:1.16; font-weight:800; letter-spacing:-.015em; } .mn-opp3-synthesis-main span { color:var(--mn-orange); font-weight:900; } /* PRINCÍPIO */ .mn-opp3-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-opp3-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-opp3-principle p { margin:0; color:#46423e; font-size:8.2px; line-height:1.31; } /* RODAPÉ */ .mn-opp3-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-opp3-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-opp3-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-opp3-footer-left strong { color:#ff4600; } .mn-opp3-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-opp3-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-opp3-page) { width:100%; } .elementor-widget-html:has(.mn-opp3-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-opp3-main { padding:5.95% 8.55% 3%; } .mn-opp3-title { font-size:5.5vw; } .mn-opp3-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-opp3-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b2ba36c *//* ========================================================== MARCO 7 — CONVERSÃO PÁGINA 1/3 — OPORTUNIDADE NÃO É VENDA MASTER 725 × 1024 ========================================================== */ .mn-conv1-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-conv1-page *, .mn-conv1-page *::before, .mn-conv1-page *::after { box-sizing:border-box; } /* PRINCIPAL */ .mn-conv1-main { flex:1 1 auto; min-height:0; width:100%; padding:44px 62px 22px; overflow:hidden; } /* CABEÇALHO */ .mn-conv1-topline { width:58px; height:5px; margin-bottom:22px; background:var(--mn-orange); } .mn-conv1-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-conv1-title { margin:0 0 14px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:46px; line-height:.94; font-weight:900; letter-spacing:-.055em; text-transform:uppercase; } .mn-conv1-title span { display:block; color:var(--mn-orange); } .mn-conv1-lead { max-width:520px; margin:0 0 18px; color:#4b4743; font-size:12.3px; line-height:1.43; } .mn-conv1-lead strong, .mn-conv1-reading strong, .mn-conv1-development strong, .mn-conv1-alert strong, .mn-conv1-question strong, .mn-conv1-principle strong { color:var(--mn-black); font-weight:800; } /* NARRATIVA */ .mn-conv1-reading { max-width:545px; margin-bottom:18px; } .mn-conv1-reading p, .mn-conv1-development p { margin:0 0 6px; color:#3d3935; font-size:9.5px; line-height:1.38; } .mn-conv1-reading p:last-child, .mn-conv1-development p:last-child { margin-bottom:0; } /* MARKETING + VENDAS */ .mn-conv1-meeting { margin-bottom:18px; padding:14px 17px 15px; background:var(--mn-black); } .mn-conv1-meeting-label { margin-bottom:10px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv1-meeting-grid { display:grid; grid-template-columns:1fr 55px 1fr; align-items:center; } .mn-conv1-side > span { display:block; margin-bottom:5px; color:rgba(255,255,255,.43); font-size:5.8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-conv1-side > strong { display:block; margin-bottom:6px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:14px; line-height:1.04; font-weight:850; } .mn-conv1-side > strong b { display:block; color:var(--mn-orange); font-weight:900; } .mn-conv1-side p { max-width:185px; margin:0; color:rgba(255,255,255,.53); font-size:6.8px; line-height:1.27; } .mn-conv1-meeting-center { text-align:center; } .mn-conv1-meeting-center span { display:block; margin-bottom:4px; color:rgba(255,255,255,.35); font-size:5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mn-conv1-meeting-center div { color:var(--mn-orange); font-size:22px; font-weight:900; } /* DESENVOLVIMENTO */ .mn-conv1-development { max-width:545px; margin-bottom:17px; } /* CADEIA */ .mn-conv1-chain { margin-bottom:17px; padding:12px 14px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-conv1-chain-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-conv1-chain-row { display:grid; grid-template-columns: 1fr 14px 1fr 14px 1fr 14px 1fr 14px .45fr; align-items:center; } .mn-conv1-chain-row span { display:block; margin-bottom:3px; color:var(--mn-orange); font-size:5.3px; font-weight:850; } .mn-conv1-chain-row strong { display:block; color:#4b4743; font-size:6.3px; font-weight:800; line-height:1.15; } .mn-conv1-chain-arrow { text-align:center; color:var(--mn-orange); font-size:10px; font-weight:900; } .mn-conv1-chain-final strong { color:var(--mn-orange); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:16px; font-weight:900; } /* ALERTA */ .mn-conv1-alert { margin-bottom:15px; padding:10px 14px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-conv1-alert-label, .mn-conv1-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-conv1-alert p, .mn-conv1-principle p { margin:0; color:#46423e; font-size:8.2px; line-height:1.31; } /* PERGUNTA */ .mn-conv1-question { margin-bottom:14px; padding:11px 15px; background:var(--mn-black); } .mn-conv1-question-label { margin-bottom:5px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv1-question p { margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:10px; line-height:1.23; font-weight:700; } .mn-conv1-question strong { color:var(--mn-orange); } /* PRINCÍPIO */ .mn-conv1-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } /* RODAPÉ CONGELADO */ .mn-conv1-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-conv1-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-conv1-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-conv1-footer-left strong { color:#ff4600; } .mn-conv1-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-conv1-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-conv1-page) { width:100%; } .elementor-widget-html:has(.mn-conv1-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-conv1-main { padding:6.05% 8.55% 3%; } .mn-conv1-title { font-size:6.34vw; } .mn-conv1-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-conv1-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-54da175 *//* ========================================================== MARCO 7 — CONVERSÃO PÁGINA 2/3 — ENTRE OPORTUNIDADE E RECEITA MASTER 725 × 1024 ========================================================== */ .mn-conv2-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-conv2-page *, .mn-conv2-page *::before, .mn-conv2-page *::after { box-sizing:border-box; } .mn-conv2-main { flex:1 1 auto; min-height:0; width:100%; padding:42px 62px 21px; overflow:hidden; } /* CABEÇALHO */ .mn-conv2-topline { width:58px; height:5px; margin-bottom:21px; background:var(--mn-orange); } .mn-conv2-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-conv2-title { margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:42px; line-height:.94; font-weight:900; letter-spacing:-.052em; text-transform:uppercase; } .mn-conv2-title span { display:block; color:var(--mn-orange); } .mn-conv2-lead { max-width:520px; margin:0 0 16px; color:#4b4743; font-size:11.8px; line-height:1.42; } .mn-conv2-lead strong, .mn-conv2-reading strong, .mn-conv2-value-text strong, .mn-conv2-closing strong { color:var(--mn-black); font-weight:800; } /* LEITURA */ .mn-conv2-reading { max-width:545px; margin-bottom:16px; } .mn-conv2-reading p { margin:0 0 6px; color:#3d3935; font-size:9.2px; line-height:1.36; } .mn-conv2-reading p:last-child { margin-bottom:0; } /* PROCESSO COMERCIAL */ .mn-conv2-process { margin-bottom:16px; padding:14px 16px 15px; background:var(--mn-black); } .mn-conv2-process-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.3px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv2-process-list { display:grid; grid-template-columns:repeat(2,1fr); column-gap:21px; } .mn-conv2-process-list article { display:grid; grid-template-columns:23px 1fr; gap:7px; padding:6px 0; border-top:1px solid rgba(255,255,255,.1); } .mn-conv2-process-list article:nth-child(1), .mn-conv2-process-list article:nth-child(2) { padding-top:2px; border-top:none; } .mn-conv2-process-list article > span { padding-top:1px; color:var(--mn-orange); font-size:5.8px; font-weight:850; } .mn-conv2-process-list h2 { margin:0 0 2px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7.8px; line-height:1.1; font-weight:850; } .mn-conv2-process-list p { margin:0; color:rgba(255,255,255,.52); font-size:6.4px; line-height:1.24; } /* VALOR */ .mn-conv2-value { display:grid; grid-template-columns:.82fr 1.18fr; gap:25px; margin-bottom:16px; } .mn-conv2-value-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-conv2-value-head > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-conv2-value-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:14.5px; line-height:1.12; font-weight:850; } .mn-conv2-value-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-conv2-value-text p { margin:0 0 6px; color:#4d4944; font-size:7.7px; line-height:1.31; } .mn-conv2-value-text p:last-child { margin-bottom:0; } /* DESPERDÍCIO */ .mn-conv2-waste { margin-bottom:15px; padding:12px 14px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-conv2-waste-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-conv2-waste-flow { display:grid; grid-template-columns:1fr 35px 1fr 35px .8fr; align-items:center; } .mn-conv2-waste-flow span { display:block; margin-bottom:4px; color:var(--mn-gray); font-size:5.4px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mn-conv2-waste-flow strong { display:block; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:8.2px; line-height:1.17; font-weight:850; } .mn-conv2-waste-final strong { color:var(--mn-orange); } .mn-conv2-waste-arrow { text-align:center; color:var(--mn-orange); font-size:15px; font-weight:900; } /* FECHAMENTO */ .mn-conv2-closing { padding:11px 15px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-conv2-closing-label { margin-bottom:4px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv2-closing p { margin:0; color:#46423e; font-size:8.3px; line-height:1.32; } /* RODAPÉ */ .mn-conv2-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-conv2-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-conv2-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-conv2-footer-left strong { color:#ff4600; } .mn-conv2-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-conv2-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-conv2-page) { width:100%; } .elementor-widget-html:has(.mn-conv2-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-conv2-main { padding:5.8% 8.55% 2.9%; } .mn-conv2-title { font-size:5.78vw; } .mn-conv2-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-conv2-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a073872 *//* ========================================================== MARCO 7 — CONVERSÃO PÁGINA 3/3 — ONDE A VENDA ESTÁ SENDO PERDIDA? MASTER 725 × 1024 ========================================================== */ .mn-conv3-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-conv3-page *, .mn-conv3-page *::before, .mn-conv3-page *::after { box-sizing:border-box; } .mn-conv3-main { flex:1 1 auto; min-height:0; width:100%; padding:41px 62px 20px; overflow:hidden; } /* CABEÇALHO */ .mn-conv3-topline { width:58px; height:5px; margin-bottom:20px; background:var(--mn-orange); } .mn-conv3-kicker { margin-bottom:8px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-conv3-title { max-width:585px; margin:0 0 12px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:39px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-conv3-title span { display:block; color:var(--mn-orange); } .mn-conv3-lead { max-width:535px; margin:0 0 15px; color:#4b4743; font-size:11.5px; line-height:1.4; } .mn-conv3-lead strong, .mn-conv3-reading strong, .mn-conv3-principle strong { color:var(--mn-black); font-weight:800; } /* LEITURA */ .mn-conv3-reading { max-width:545px; margin-bottom:14px; } .mn-conv3-reading p { margin:0 0 5px; color:#3d3935; font-size:8.9px; line-height:1.34; } .mn-conv3-reading p:last-child { margin-bottom:0; } /* DIAGNÓSTICO */ .mn-conv3-diagnostic { margin-bottom:14px; border-top:1px solid var(--mn-line); } .mn-conv3-diagnostic-label { padding:8px 0 6px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv3-diagnostic-grid { display:grid; grid-template-columns:repeat(2,1fr); column-gap:24px; } .mn-conv3-diagnostic-grid p { display:grid; grid-template-columns:20px 1fr; gap:5px; margin:0; padding:4px 0; border-top:1px solid rgba(17,17,17,.075); color:#504c47; font-size:6.9px; line-height:1.23; } .mn-conv3-diagnostic-grid span { color:var(--mn-orange); font-size:5.8px; font-weight:850; } /* INDICADORES E PERDAS */ .mn-conv3-analysis { display:grid; grid-template-columns:.92fr 1.08fr; margin-bottom:14px; background:var(--mn-black); } .mn-conv3-indicators, .mn-conv3-loss { padding:13px 15px; } .mn-conv3-indicators { border-right:1px solid rgba(255,255,255,.12); } .mn-conv3-analysis-label { margin-bottom:6px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-conv3-analysis h2 { margin:0 0 8px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:11.8px; line-height:1.1; font-weight:800; } .mn-conv3-analysis h2 strong { display:block; margin-top:2px; color:var(--mn-orange); } .mn-conv3-indicators ul { margin:0; padding:0; list-style:none; } .mn-conv3-indicators li { position:relative; margin-bottom:3px; padding-left:10px; color:rgba(255,255,255,.56); font-size:6.5px; line-height:1.21; } .mn-conv3-indicators li::before { content:""; position:absolute; left:0; top:4px; width:3px; height:3px; background:var(--mn-orange); } .mn-conv3-loss-list p { display:grid; grid-template-columns:11px 1fr; gap:4px; margin:0 0 4px; color:rgba(255,255,255,.57); font-size:6.5px; line-height:1.22; } .mn-conv3-loss-list p:last-child { margin-bottom:0; } .mn-conv3-loss-list span { color:var(--mn-orange); font-weight:900; } /* ORIGEM DA PERDA */ .mn-conv3-consequence { margin-bottom:14px; padding:11px 14px; border:1px solid var(--mn-line); } .mn-conv3-consequence-label { margin-bottom:8px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-conv3-consequence-flow { display:grid; grid-template-columns:1fr 42px 1fr; align-items:center; } .mn-conv3-consequence-flow span { display:block; margin-bottom:4px; color:var(--mn-gray); font-size:5.2px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mn-conv3-consequence-flow strong { display:block; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7.4px; line-height:1.17; font-weight:850; } .mn-conv3-consequence-divider { text-align:center; color:var(--mn-orange); font-size:7px; font-weight:900; } /* SÍNTESE */ .mn-conv3-synthesis { margin-bottom:13px; padding:14px 18px 15px; background:var(--mn-black); border-left:5px solid var(--mn-orange); } .mn-conv3-synthesis-label { margin-bottom:5px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv3-synthesis-intro { margin:0 0 6px; color:rgba(255,255,255,.54); font-size:7.1px; line-height:1.27; } .mn-conv3-synthesis-main { max-width:520px; margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:11.8px; line-height:1.16; font-weight:800; letter-spacing:-.01em; } .mn-conv3-synthesis-main span { color:var(--mn-orange); font-weight:900; } /* PRINCÍPIO */ .mn-conv3-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-conv3-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-conv3-principle p { margin:0; color:#46423e; font-size:8px; line-height:1.3; } /* RODAPÉ */ .mn-conv3-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-conv3-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-conv3-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-conv3-footer-left strong { color:#ff4600; } .mn-conv3-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-conv3-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-conv3-page) { width:100%; } .elementor-widget-html:has(.mn-conv3-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-conv3-main { padding:5.65% 8.55% 2.75%; } .mn-conv3-title { font-size:5.37vw; } .mn-conv3-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-conv3-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1880378 *//* ========================================================== MARCO 8 — CRESCIMENTO PÁGINA 1/4 — VENDA NÃO ENCERRA O PROCESSO MASTER 725 × 1024 ========================================================== */ .mn-grow1-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-grow1-page *, .mn-grow1-page *::before, .mn-grow1-page *::after { box-sizing:border-box; } .mn-grow1-main { flex:1 1 auto; min-height:0; width:100%; padding:43px 62px 21px; overflow:hidden; } /* CABEÇALHO */ .mn-grow1-topline { width:58px; height:5px; margin-bottom:21px; background:var(--mn-orange); } .mn-grow1-kicker { margin-bottom:9px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-grow1-title { margin:0 0 13px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:43px; line-height:.94; font-weight:900; letter-spacing:-.052em; text-transform:uppercase; } .mn-grow1-title span { display:block; color:var(--mn-orange); } .mn-grow1-lead { max-width:535px; margin:0 0 16px; color:#4b4743; font-size:11.7px; line-height:1.42; } .mn-grow1-lead strong, .mn-grow1-reading strong, .mn-grow1-system-text strong, .mn-grow1-closing strong, .mn-grow1-principle strong { color:var(--mn-black); font-weight:800; } /* LEITURA */ .mn-grow1-reading { max-width:545px; margin-bottom:16px; } .mn-grow1-reading p { margin:0 0 6px; color:#3d3935; font-size:9.2px; line-height:1.36; } .mn-grow1-reading p:last-child { margin-bottom:0; } /* MUDANÇA DA PERGUNTA */ .mn-grow1-shift { margin-bottom:16px; padding:14px 17px; background:var(--mn-black); } .mn-grow1-shift-label { margin-bottom:10px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-grow1-shift-grid { display:grid; grid-template-columns:1fr 47px 1fr; align-items:center; } .mn-grow1-shift-grid span { display:block; margin-bottom:5px; color:rgba(255,255,255,.43); font-size:5.7px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-grow1-shift-grid strong { display:block; margin-bottom:6px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:13.5px; line-height:1.04; font-weight:850; } .mn-grow1-shift-grid strong b { display:block; color:var(--mn-orange); font-weight:900; } .mn-grow1-shift-grid p { margin:0; max-width:190px; color:rgba(255,255,255,.52); font-size:6.7px; line-height:1.27; } .mn-grow1-shift-arrow { text-align:center; color:var(--mn-orange); font-size:22px; font-weight:900; } /* CONTEXTO */ .mn-grow1-system { display:grid; grid-template-columns:.82fr 1.18fr; gap:25px; margin-bottom:16px; } .mn-grow1-system-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-grow1-system-head > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; } .mn-grow1-system-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:15px; line-height:1.12; font-weight:850; } .mn-grow1-system-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-grow1-system-text p { margin:0 0 5px; color:#4d4944; font-size:7.6px; line-height:1.3; } .mn-grow1-system-text p:last-child { margin-bottom:0; } /* ALÉM DA AQUISIÇÃO */ .mn-grow1-beyond { margin-bottom:16px; padding:13px 15px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-grow1-beyond-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow1-beyond-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; } .mn-grow1-beyond-grid > div { padding-right:12px; border-right:1px solid var(--mn-line); } .mn-grow1-beyond-grid > div:last-child { padding-right:0; border-right:none; } .mn-grow1-beyond-grid span { display:block; margin-bottom:4px; color:var(--mn-orange); font-size:5.5px; font-weight:850; } .mn-grow1-beyond-grid strong { display:block; margin-bottom:4px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:8px; font-weight:850; } .mn-grow1-beyond-grid p { margin:0; color:#55514c; font-size:6.5px; line-height:1.24; } /* APRENDIZADO */ .mn-grow1-learning { margin-bottom:14px; padding:11px 14px; background:var(--mn-black); } .mn-grow1-learning-label { margin-bottom:8px; color:var(--mn-orange); font-size:6px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow1-learning-row { display:grid; grid-template-columns:1fr 35px 1fr; align-items:center; } .mn-grow1-learning-row span { display:block; margin-bottom:4px; color:rgba(255,255,255,.42); font-size:5.4px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .mn-grow1-learning-row strong { color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:8.2px; font-weight:800; } .mn-grow1-learning-divider { text-align:center; color:var(--mn-orange); font-size:17px; font-weight:900; } /* FECHAMENTO */ .mn-grow1-closing { margin-bottom:12px; padding:9px 13px; border-left:4px solid var(--mn-orange); background:rgba(17,17,17,.035); } .mn-grow1-closing-label, .mn-grow1-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow1-closing p, .mn-grow1-principle p { margin:0; color:#46423e; font-size:8px; line-height:1.3; } .mn-grow1-principle { padding-left:16px; border-left:3px solid var(--mn-orange); } /* RODAPÉ */ .mn-grow1-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-grow1-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-grow1-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-grow1-footer-left strong { color:#ff4600; } .mn-grow1-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-grow1-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-grow1-page) { width:100%; } .elementor-widget-html:has(.mn-grow1-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-grow1-main { padding:5.9% 8.55% 2.9%; } .mn-grow1-title { font-size:5.92vw; } .mn-grow1-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-grow1-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-91ec3c7 *//* ========================================================== MARCO 8 — CRESCIMENTO PÁGINA 2/4 — O QUE O RESULTADO PRECISA REVELAR MASTER 725 × 1024 ========================================================== */ .mn-grow2-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-grow2-page *, .mn-grow2-page *::before, .mn-grow2-page *::after { box-sizing:border-box; } .mn-grow2-main { flex:1 1 auto; min-height:0; width:100%; padding:42px 62px 20px; overflow:hidden; } /* CABEÇALHO */ .mn-grow2-topline { width:58px; height:5px; margin-bottom:20px; background:var(--mn-orange); } .mn-grow2-kicker { margin-bottom:8px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-grow2-title { max-width:580px; margin:0 0 12px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:40px; line-height:.95; font-weight:900; letter-spacing:-.05em; text-transform:uppercase; } .mn-grow2-title span { display:block; color:var(--mn-orange); } .mn-grow2-lead { max-width:535px; margin:0 0 15px; color:#4b4743; font-size:11.5px; line-height:1.4; } .mn-grow2-lead strong, .mn-grow2-reading strong, .mn-grow2-economic-text strong, .mn-grow2-question strong { color:var(--mn-black); font-weight:800; } /* LEITURA */ .mn-grow2-reading { max-width:545px; margin-bottom:15px; } .mn-grow2-reading p { margin:0 0 5px; color:#3d3935; font-size:8.9px; line-height:1.34; } .mn-grow2-reading p:last-child { margin-bottom:0; } /* MAPA DOS INDICADORES */ .mn-grow2-map { margin-bottom:15px; padding:13px 15px 14px; background:var(--mn-black); } .mn-grow2-map-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.2px; font-weight:850; letter-spacing:.15em; text-transform:uppercase; } .mn-grow2-map-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.1); border-left:1px solid rgba(255,255,255,.1); } .mn-grow2-map-grid article { min-height:70px; padding:8px 10px; border-right:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); } .mn-grow2-map-grid span { display:block; margin-bottom:4px; color:var(--mn-orange); font-size:5.4px; font-weight:850; } .mn-grow2-map-grid strong { display:block; margin-bottom:4px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7px; font-weight:850; } .mn-grow2-map-grid p { margin:0; color:rgba(255,255,255,.51); font-size:6px; line-height:1.22; } /* LEITURA ECONÔMICA */ .mn-grow2-economic { display:grid; grid-template-columns:.82fr 1.18fr; gap:25px; margin-bottom:15px; } .mn-grow2-economic-head { padding-right:20px; border-right:1px solid var(--mn-line); } .mn-grow2-economic-head > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; } .mn-grow2-economic-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:15px; line-height:1.12; font-weight:850; } .mn-grow2-economic-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-grow2-economic-text p { margin:0 0 5px; color:#4d4944; font-size:7.5px; line-height:1.29; } .mn-grow2-economic-text p:last-child { margin-bottom:0; } /* PERGUNTA */ .mn-grow2-question { margin-bottom:14px; padding:12px 15px; border-left:5px solid var(--mn-orange); background:var(--mn-black); } .mn-grow2-question-label { margin-bottom:5px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; } .mn-grow2-question p { margin:0; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:10.2px; line-height:1.23; font-weight:700; } .mn-grow2-question strong { color:var(--mn-orange); } /* PRINCÍPIO */ .mn-grow2-principle { padding-left:17px; border-left:3px solid var(--mn-orange); } .mn-grow2-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow2-principle p { margin:0; color:#46423e; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:9px; line-height:1.3; } /* RODAPÉ */ .mn-grow2-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-grow2-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-grow2-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-grow2-footer-left strong { color:#ff4600; } .mn-grow2-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-grow2-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-grow2-page) { width:100%; } .elementor-widget-html:has(.mn-grow2-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-grow2-main { padding:5.8% 8.55% 2.75%; } .mn-grow2-title { font-size:5.5vw; } .mn-grow2-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-grow2-footer-logo { width:16vw; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-967a643 *//* ========================================================== MARCO 8 — CRESCIMENTO PÁGINA 3/4 — REPETIR ATIVIDADE NÃO É REPETIR RESULTADO MASTER 725 × 1024 ========================================================== */ .mn-grow3-page { --mn-black:#111111; --mn-orange:#ff4600; --mn-white:#ffffff; --mn-paper:#efeeeb; --mn-gray:#66615c; --mn-line:rgba(17,17,17,.14); position:relative; width:100%; max-width:725px; aspect-ratio:725 / 1024; margin:0 auto; display:flex; flex-direction:column; overflow:hidden; background:var(--mn-paper); color:var(--mn-black); font-family:Inter,Arial,sans-serif; box-sizing:border-box; } .mn-grow3-page *, .mn-grow3-page *::before, .mn-grow3-page *::after { box-sizing:border-box; } .mn-grow3-main { flex:1 1 auto; min-height:0; width:100%; padding:42px 62px 20px; overflow:hidden; } /* CABEÇALHO */ .mn-grow3-topline { width:58px; height:5px; margin-bottom:20px; background:var(--mn-orange); } .mn-grow3-kicker { margin-bottom:8px; color:var(--mn-orange); font-size:8.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; } .mn-grow3-title { max-width:590px; margin:0 0 12px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:37px; line-height:.96; font-weight:900; letter-spacing:-.048em; text-transform:uppercase; } .mn-grow3-title span { display:block; color:var(--mn-orange); } .mn-grow3-lead { max-width:530px; margin:0 0 15px; color:#4b4743; font-size:11.5px; line-height:1.4; } .mn-grow3-lead strong, .mn-grow3-reading strong, .mn-grow3-insight strong, .mn-grow3-principle strong { color:var(--mn-black); font-weight:800; } /* LEITURA */ .mn-grow3-reading { max-width:545px; margin-bottom:15px; } .mn-grow3-reading p { margin:0 0 5px; color:#3d3935; font-size:8.9px; line-height:1.34; } .mn-grow3-reading p:last-child { margin-bottom:0; } /* CONTRASTE */ .mn-grow3-contrast { display:grid; grid-template-columns:1fr 42px 1fr; align-items:stretch; margin-bottom:15px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-grow3-side { padding:14px 15px 13px 0; } .mn-grow3-side-right { padding-left:15px; padding-right:0; } .mn-grow3-side > span { display:block; margin-bottom:5px; color:var(--mn-gray); font-size:5.8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .mn-grow3-side > strong { display:block; margin-bottom:6px; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:13.5px; line-height:1.05; font-weight:850; } .mn-grow3-side > strong b { display:block; color:var(--mn-orange); font-weight:900; } .mn-grow3-side p { margin:0; color:#55514c; font-size:6.9px; line-height:1.26; } .mn-grow3-divider { display:flex; align-items:center; justify-content:center; color:var(--mn-orange); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:21px; font-weight:900; border-left:1px solid var(--mn-line); border-right:1px solid var(--mn-line); } /* DECISÃO SOBRE APRENDIZADO */ .mn-grow3-learning { margin-bottom:15px; padding:13px 15px; background:var(--mn-black); } .mn-grow3-learning-label { margin-bottom:9px; color:var(--mn-orange); font-size:6.1px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow3-learning-grid { display:grid; grid-template-columns:repeat(4,1fr); } .mn-grow3-learning-grid article { min-height:75px; padding:7px 10px; border-right:1px solid rgba(255,255,255,.11); } .mn-grow3-learning-grid article:last-child { border-right:none; } .mn-grow3-learning-grid span { display:block; margin-bottom:4px; color:var(--mn-orange); font-size:5.4px; font-weight:850; } .mn-grow3-learning-grid strong { display:block; margin-bottom:4px; color:#fff; font-family:"Inter Display",Inter,Arial,sans-serif; font-size:7.1px; font-weight:850; } .mn-grow3-learning-grid p { margin:0; color:rgba(255,255,255,.52); font-size:5.8px; line-height:1.22; } /* PERDAS */ .mn-grow3-loss { display:grid; grid-template-columns:.86fr 1.14fr; gap:24px; margin-bottom:15px; } .mn-grow3-loss-head { padding-right:19px; border-right:1px solid var(--mn-line); } .mn-grow3-loss-head > span { display:block; margin-bottom:7px; color:var(--mn-orange); font-size:5.7px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; } .mn-grow3-loss-head h2 { margin:0; color:var(--mn-black); font-family:"Inter Display",Inter,Arial,sans-serif; font-size:14px; line-height:1.12; font-weight:850; } .mn-grow3-loss-head h2 strong { display:block; margin-top:3px; color:var(--mn-orange); } .mn-grow3-loss-list p { display:grid; grid-template-columns:12px 1fr; gap:4px; margin:0 0 5px; color:#55514c; font-size:7px; line-height:1.25; } .mn-grow3-loss-list p:last-child { margin-bottom:0; } .mn-grow3-loss-list span { color:var(--mn-orange); font-weight:900; } /* SEQUÊNCIA */ .mn-grow3-sequence { margin-bottom:13px; padding:11px 14px; border-top:1px solid var(--mn-line); border-bottom:1px solid var(--mn-line); } .mn-grow3-sequence-label { margin-bottom:8px; color:var(--mn-orange); font-size:5.9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow3-sequence-track { display:grid; grid-template-columns: 1fr 27px 1fr 27px 1fr 27px 1fr; align-items:center; } .mn-grow3-sequence-track span { display:block; margin-bottom:3px; color:var(--mn-orange); font-size:5.3px; font-weight:850; } .mn-grow3-sequence-track strong { display:block; color:var(--mn-black); font-size:7px; font-weight:850; } .mn-grow3-sequence-final strong { color:var(--mn-orange); } .mn-grow3-sequence-arrow { text-align:center; color:var(--mn-orange); font-size:12px; font-weight:900; } /* PRINCÍPIOS */ .mn-grow3-insight { margin-bottom:11px; padding:9px 13px; background:rgba(17,17,17,.035); border-left:4px solid var(--mn-orange); } .mn-grow3-insight-label, .mn-grow3-principle-label { margin-bottom:4px; color:var(--mn-orange); font-size:5.8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; } .mn-grow3-insight p, .mn-grow3-principle p { margin:0; color:#46423e; font-size:8px; line-height:1.29; } .mn-grow3-principle { padding-left:16px; border-left:3px solid var(--mn-orange); } /* RODAPÉ */ .mn-grow3-footer { flex:0 0 84px; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 48px; background:#0b0b0b; color:#fff; } .mn-grow3-footer-left { display:flex; align-items:center; gap:11px; font-size:8px; letter-spacing:.04em; text-transform:uppercase; } .mn-grow3-footer-left::before { content:""; width:4px; height:34px; background:#ff4600; } .mn-grow3-footer-left strong { color:#ff4600; } .mn-grow3-footer-center { color:rgba(255,255,255,.66); font-size:7px; font-weight:500; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; } .mn-grow3-footer-logo { justify-self:end; display:block; width:118px; max-height:48px; object-fit:contain; object-position:right center; } .elementor-widget-html:has(.mn-grow3-page) { width:100%; } .elementor-widget-html:has(.mn-grow3-page) .elementor-widget-container { width:100%; display:flex; justify-content:center; } @media(max-width:767px){ .mn-grow3-main { padding:5.8% 8.55% 2.75%; } .mn-grow3-title { font-size:5.1vw; } .mn-grow3-footer { flex-basis:8.2%; padding:0 6.6%; } .mn-grow3-footer-logo { width:16vw; } }/* End custom CSS */