/* MI Form Flow — evolução visual da landing (auditoria visual de 02/10/2026).
   Só se aplica com body.mi-flow-lp (páginas com [mi_flow_entry]); a página oficial #940 não é afetada.
   Divisores: SVG originais do site institucional (Divi), na cor da secção seguinte, só nas passagens claro ↔ escuro. */

.mi-flow-lp {
  --lp-navy: #0e1b2a;
  --lp-navy-2: #172a3f;
  --lp-ivory: #f4f1ea;
  --lp-white: #ffffff;
  --lp-brand: #cab6a1;
  --lp-gold: #e5c17a;
  --lp-gold-dark: #8b5908;
  --lp-ink: #1f2933;
  --lp-muted: #4f5d68;
  --lp-line: rgba(14, 27, 42, 0.12);
  --lp-div: 90px;          /* altura dos divisores no computador */
  --lp-overlap: 56px;      /* quanto os cartões das métricas sobem sobre o hero */
}
@media (max-width: 680px) {
  .mi-flow-lp { --lp-div: 44px; --lp-overlap: 32px; }
}

/* ------------------------------------------------------------------ Estrutura
   A linha do Divi tinha 80% de largura e os blocos saíam dela com 100vw; com barra de deslocamento,
   100vw é mais largo do que a página (8 px de scroll horizontal). Agora a linha ocupa a largura toda
   e os blocos usam 100%. O overflow:hidden de cada bloco cortava a sombra dos cartões das métricas:
   passa a cortar só na horizontal (overflow-x: clip), a vertical fica visível. */
.mi-flow-lp .et_pb_row:has(.mi-eem) { width: 100% !important; max-width: none !important; padding: 0 !important; }
.mi-flow-lp .mi-eem,
.mi-flow-lp .mi-flow-section { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
.mi-flow-lp .mi-eem { overflow: visible; overflow-x: clip; }
@supports not (overflow: clip) { .mi-flow-lp .mi-eem { overflow-x: hidden; } }
@supports not selector(:has(a)) {
  .mi-flow-lp .mi-eem,
  .mi-flow-lp .mi-flow-section { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
}
.mi-flow-lp .mi-eem__section { position: relative; }

/* ------------------------------------------------------------------ Paleta (sem o cinzento-azulado #eef1f3) */
.mi-flow-lp .mi-eem__announcement { background: var(--lp-navy); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.mi-flow-lp [data-mi-eem-block="audiences"] .mi-eem__section { background: var(--lp-ivory); }
.mi-flow-lp [data-mi-eem-block="map"] .mi-eem__section { background: var(--lp-white); }
.mi-flow-lp .mi-eem__eyebrow { color: var(--lp-gold-dark); }
.mi-flow-lp .mi-eem__hero .mi-eem__eyebrow,
.mi-flow-lp .mi-eem__section--dark .mi-eem__eyebrow,
.mi-flow-lp .mi-eem__report-card .mi-eem__eyebrow,
.mi-flow-lp .mi-eem__final-cta .mi-eem__eyebrow { color: var(--lp-gold); }
.mi-flow-lp .mi-eem__lede { color: var(--lp-muted); }
.mi-flow-lp .mi-eem__section--dark .mi-eem__lede { color: rgba(255, 255, 255, 0.74); }

/* Títulos: um pouco menores do que no modelo (54 px), para não partirem em 3 linhas nas colunas. */
.mi-flow-lp .mi-eem h2 { font-size: clamp(32px, 3.3vw, 46px); }
/* Os pilares vêm logo depois de "Quem somos", que já os resume: sem o parágrafo repetido. */
.mi-flow-lp [data-mi-eem-block="pillars"] .mi-eem__lede { display: none; }
.mi-flow-lp .mi-lp-faq__more a:last-child { display: inline-block; margin-top: 6px; }

/* ------------------------------------------------------------------ Assinatura: linha com losango ——◇—— */
.mi-flow-lp .mi-lp-diamond::after,
.mi-flow-lp [data-mi-eem-block="audiences"] h2::after,
.mi-flow-lp .mi-eem__final-cta h2::after {
  display: block; width: 132px; height: 14px; margin: 22px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='14' viewBox='0 0 132 14'%3E%3Cg fill='none' stroke='%23cab6a1' stroke-width='1.3'%3E%3Cpath d='M0 7h56M76 7h56'/%3E%3Cpath d='M66 1.6l5.4 5.4-5.4 5.4-5.4-5.4z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  content: ""; speak: never;
}
.mi-flow-lp .mi-eem__final-cta h2::after { margin-inline: auto; }

/* ------------------------------------------------------------------ Botões */
.mi-flow-lp .mi-eem a.mi-eem__button { min-height: 54px; padding: 0 28px; border: 2px solid transparent; font-size: 13px; letter-spacing: 0.12em; }
/* Principal: texto escuro sobre dourado (≈ 10:1). Antes herdava o branco da secção (≈ 1,7:1). */
.mi-flow-lp .mi-eem a.mi-eem__button--primary,
.mi-flow-lp .mi-eem a.mi-eem__button--primary:visited { border-color: var(--lp-gold); background: var(--lp-gold); box-shadow: 0 10px 26px rgba(4, 16, 28, 0.22); color: var(--lp-navy); }
.mi-flow-lp .mi-eem a.mi-eem__button--primary:hover,
.mi-flow-lp .mi-eem a.mi-eem__button--primary:focus-visible { border-color: #efd18e; background: #efd18e; color: var(--lp-navy); }
.mi-flow-lp .mi-eem a.mi-eem__button--primary:active { transform: translateY(0); border-color: #d9b25f; background: #d9b25f; box-shadow: 0 4px 12px rgba(4, 16, 28, 0.2); }
/* Secundário: contorno, como os botões do site institucional. */
.mi-flow-lp .mi-eem a.mi-eem__button--secondary,
.mi-flow-lp .mi-eem a.mi-eem__button--secondary:visited { border-color: var(--lp-navy); background: transparent; color: var(--lp-navy); }
.mi-flow-lp .mi-eem a.mi-eem__button--secondary:hover,
.mi-flow-lp .mi-eem a.mi-eem__button--secondary:focus-visible { background: var(--lp-navy); color: var(--lp-ivory); }
.mi-flow-lp .mi-eem a.mi-eem__button--secondary:active { transform: translateY(0); background: #000c18; color: var(--lp-ivory); }
.mi-flow-lp .mi-eem a.mi-eem__button:focus-visible { outline: 3px solid var(--lp-white); outline-offset: 3px; }
.mi-flow-lp .mi-eem__section:not(.mi-eem__section--dark) a.mi-eem__button:focus-visible { outline-color: var(--lp-navy); }
.mi-flow-lp .mi-eem a.mi-eem__button[aria-disabled="true"] { opacity: 0.55; pointer-events: none; box-shadow: none; }
.mi-flow-lp .mi-eem__nav-cta { border-width: 2px; border-color: rgba(229, 193, 122, 0.85); }

/* ------------------------------------------------------------------ Hero: onda em 3 camadas (base do hero da home) */
.mi-flow-lp .mi-eem__hero { min-height: 720px; }
.mi-flow-lp .mi-eem__hero-content { padding-top: 96px; padding-bottom: calc(var(--lp-div) + var(--lp-overlap) + 40px); }
.mi-flow-lp .mi-eem__hero::after {
  height: var(--lp-div);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23f4f1ea'%3E%3Cpath d='M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z' fill='%23cab6a1' fill-opacity='.22'/%3E%3Cpath d='M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z'/%3E%3C/g%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
}

/* ------------------------------------------------------------------ Métricas: cartões sobre a onda, sombra inteira */
.mi-flow-lp .mi-eem[data-mi-eem-block="metrics"] { position: relative; z-index: 3; margin-top: calc(-1 * var(--lp-overlap)); background: transparent; }
.mi-flow-lp .mi-eem__metrics { margin-top: 0; padding-bottom: 72px; background: linear-gradient(to bottom, transparent var(--lp-overlap), var(--lp-ivory) var(--lp-overlap)); }
.mi-flow-lp .mi-eem__metrics-grid { border-radius: 18px; box-shadow: 0 18px 44px rgba(14, 27, 42, 0.16), 0 2px 6px rgba(14, 27, 42, 0.06); }
.mi-flow-lp .mi-eem__metric { padding: 30px 32px; }
.mi-flow-lp .mi-eem__metric strong { font-weight: 400; }
.mi-flow-lp .mi-eem__metric span { color: var(--lp-muted); }
.mi-flow-lp [data-mi-eem-block="audiences"] .mi-eem__section { padding-top: 24px; }

/* ------------------------------------------------------------------ Perfis: cartões em vez de caixas com borda */
.mi-flow-lp .mi-eem__audiences { gap: 20px; border: 0; background: none; }
.mi-flow-lp .mi-eem__audiences article { min-height: 0; padding: 28px 26px; border: 1px solid rgba(14, 27, 42, 0.06); border-radius: 18px; background: var(--lp-white); box-shadow: 0 10px 30px rgba(14, 27, 42, 0.07); }
.mi-flow-lp .mi-eem__audiences small { color: var(--lp-gold-dark); }
.mi-flow-lp .mi-eem__audiences p { color: var(--lp-muted); font-size: 14px; line-height: 1.55; }

/* ------------------------------------------------------------------ Mapa e exemplo */
.mi-flow-lp .mi-eem__report-card { border-radius: 18px; }
.mi-flow-lp .mi-eem__deliverables small { color: var(--lp-muted); }

/* ------------------------------------------------------------------ Como funciona (creme) → formulários: diagonal */
.mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section { padding-bottom: calc(96px + var(--lp-div)); }
.mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section::after,
.mi-flow-lp .mi-flow-section::after,
.mi-flow-lp .mi-lp-about::after,
.mi-flow-lp [data-mi-eem-block="pillars"] .mi-eem__section::after {
  position: absolute; right: 0; bottom: 0; left: 0; height: var(--lp-div); content: ""; pointer-events: none;
  background-repeat: no-repeat; background-position: bottom; background-size: 100% 100%;
}
.mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23172a3f'%3E%3Cpath d='M0 140L1280 0v140z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M0 140L1280 42v98z'/%3E%3C/g%3E%3C/svg%3E");
}
.mi-flow-lp .mi-eem__journey article > span { color: var(--lp-gold-dark); }

/* ------------------------------------------------------------------ Formulários → Quem somos: ondas em camadas */
.mi-flow-lp .mi-flow-section { position: relative; padding-bottom: calc(96px + var(--lp-div)); }
.mi-flow-lp .mi-flow-section::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23f4f1ea'%3E%3Cpath d='M1280 3.4C1050.59 18 1019.4 84.89 734.42 84.89c-320 0-320-84.3-640-84.3C59.4.59 28.2 1.6 0 3.4V140h1280z' fill='%23cab6a1' fill-opacity='.22'/%3E%3Cpath d='M0 24.31c43.46-5.69 94.56-9.25 158.42-9.25 320 0 320 89.24 640 89.24 256.13 0 307.28-57.16 481.58-80V140H0z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z'/%3E%3C/g%3E%3C/svg%3E");
}
@media (max-width: 680px) { .mi-flow-lp .mi-flow-section { padding-bottom: calc(64px + var(--lp-div)); } }

/* ------------------------------------------------------------------ Quem somos (creme) → pilares (azul-noite): bico em V */
.mi-flow-lp .mi-lp-about { padding: 96px 0 calc(96px + var(--lp-div)); background: var(--lp-ivory); }
.mi-flow-lp .mi-lp-about::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%230e1b2a'%3E%3Cpath d='M640 139L0 0v140h1280V0L640 139z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M640 139L0 42v98h1280V42l-640 97z'/%3E%3C/g%3E%3C/svg%3E");
}
.mi-flow-lp .mi-lp-about__grid { display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: 64px; }
.mi-flow-lp .mi-lp-about__copy > p:not(.mi-eem__eyebrow):not(.mi-eem__lede) { color: var(--lp-ink); font-size: 16px; }
.mi-flow-lp .mi-lp-about__links { display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; }
.mi-flow-lp .mi-lp-about__links li { margin: 0; padding: 0; }
.mi-flow-lp .mi-lp-about__links li::marker { content: ""; }
.mi-flow-lp .mi-lp-about__links a { display: inline-flex; min-height: 44px; align-items: center; gap: 6px; padding: 0 18px; border: 1px solid rgba(14, 27, 42, 0.2); border-radius: 999px; background: var(--lp-white); color: var(--lp-navy); font-family: "Montserrat", Arial, sans-serif; font-size: 13px; font-weight: 600; text-decoration: none; transition: border-color 0.18s ease, background 0.18s ease; }
.mi-flow-lp .mi-lp-about__links a:hover,
.mi-flow-lp .mi-lp-about__links a:focus-visible { border-color: var(--lp-navy); outline: none; }
.mi-flow-lp .mi-lp-about__links a:focus-visible { box-shadow: 0 0 0 3px rgba(14, 27, 42, 0.25); }
.mi-flow-lp .mi-lp-about__media { margin: 0; overflow: hidden; border-radius: 25px; box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.22); }
.mi-flow-lp .mi-lp-about__media img { display: block; width: 100%; height: auto; }

/* ------------------------------------------------------------------ Pilares (compactos, depois de "Quem somos") → FAQ: onda */
.mi-flow-lp [data-mi-eem-block="pillars"] .mi-eem__section { padding: 80px 0 calc(80px + var(--lp-div)); }
.mi-flow-lp [data-mi-eem-block="pillars"] .mi-eem__section::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M725.29 101.2C325.22 122.48 0 0 0 0v140h1280V0s-154.64 79.92-554.71 101.2z' fill='%23cab6a1' fill-opacity='.22'/%3E%3Cpath d='M556.45 119.74C953.41 140 1280 14 1280 14v126H0V0s159.5 99.48 556.45 119.74z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M640 140c353.46 0 640-140 640-139v140H0V0s286.54 140 640 140z'/%3E%3C/g%3E%3C/svg%3E");
}
.mi-flow-lp .mi-eem__pillars { margin-top: 40px; }
.mi-flow-lp .mi-eem__pillars article { min-height: 0; padding: 30px 26px 8px; }
.mi-flow-lp .mi-eem__pillars h3 { margin-top: 18px; font-size: 22px; }

/* ------------------------------------------------------------------ Perguntas frequentes */
.mi-flow-lp .mi-lp-faq { padding: 88px 0; background: var(--lp-white); }
.mi-flow-lp .mi-lp-faq__grid { display: grid; grid-template-columns: 0.8fr 1.2fr; align-items: start; gap: 64px; }
.mi-flow-lp .mi-lp-faq__intro { position: sticky; top: calc(var(--lp-hdr-compact) + 28px); }
.mi-flow-lp .mi-lp-faq__more { color: var(--lp-muted); font-size: 14px; }
.mi-flow-lp .mi-lp-faq__more a { color: var(--lp-navy); text-decoration: underline; text-underline-offset: 3px; }
.mi-flow-lp .mi-lp-faq__list { border-top: 1px solid var(--lp-line); }
.mi-flow-lp .mi-lp-faq__item { border-bottom: 1px solid var(--lp-line); }
.mi-flow-lp .mi-lp-faq__item summary { position: relative; display: block; padding: 22px 48px 22px 0; color: var(--lp-navy); font-family: "Montserrat", Arial, sans-serif; font-size: 17px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.mi-flow-lp .mi-lp-faq__item summary::-webkit-details-marker { display: none; }
.mi-flow-lp .mi-lp-faq__item summary::after { position: absolute; top: 50%; right: 4px; width: 28px; height: 28px; margin-top: -14px; border: 1px solid rgba(14, 27, 42, 0.25); border-radius: 50%; color: var(--lp-gold-dark); font-size: 18px; font-weight: 400; line-height: 26px; text-align: center; content: "+"; }
.mi-flow-lp .mi-lp-faq__item[open] summary::after { content: "–"; }
.mi-flow-lp .mi-lp-faq__item summary:hover { color: #000; }
.mi-flow-lp .mi-lp-faq__item summary:focus-visible { outline: 3px solid var(--lp-navy); outline-offset: 2px; border-radius: 4px; }
.mi-flow-lp .mi-lp-faq__item p { max-width: 640px; margin: -6px 0 22px; color: var(--lp-muted); font-size: 15px; line-height: 1.65; }

/* ------------------------------------------------------------------ Embaixadores (compacta) */
.mi-flow-lp .mi-flow-amb--compact { padding: 88px 0; }
.mi-flow-lp .mi-flow-amb__grid { display: grid; grid-template-columns: 1.1fr 0.9fr; align-items: start; gap: 56px; }
.mi-flow-lp .mi-eem .mi-flow-amb--compact .mi-flow-amb__label { margin: 30px 0 0 !important; }
.mi-flow-lp .mi-eem .mi-flow-amb--compact .mi-flow-amb__card > .mi-flow-amb__label:first-child { margin-top: 0 !important; }
.mi-flow-lp .mi-flow-amb__steps-list { display: grid; gap: 16px; margin: 16px 0 0 !important; padding: 0 !important; list-style: none !important; counter-reset: none; }
.mi-flow-lp .mi-flow-amb__steps-list li { display: grid; grid-template-columns: 44px 1fr; align-items: start; gap: 14px; margin: 0; }
.mi-flow-lp .mi-flow-amb__steps-list li::marker { content: ""; }
.mi-flow-lp .mi-flow-amb__n { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(139, 89, 8, 0.5); border-radius: 50%; color: var(--lp-gold-dark); font-family: "Montserrat", Arial, sans-serif; font-size: 12px; font-weight: 600; }
.mi-flow-lp .mi-eem .mi-flow-amb__steps-list h3 { margin: 6px 0 2px; font-size: 16px; line-height: 1.35; }
.mi-flow-lp .mi-eem .mi-flow-amb__steps-list p { margin: 0; color: var(--lp-muted); font-size: 14px; line-height: 1.55; }
.mi-flow-lp .mi-flow-amb__card { padding: 34px 32px; border: 1px solid rgba(14, 27, 42, 0.06); border-radius: 18px; background: var(--lp-white); box-shadow: 0 14px 36px rgba(14, 27, 42, 0.09); }
.mi-flow-lp .mi-flow-amb__card .mi-flow-amb__list li { margin-bottom: 8px; font-size: 15px; }
.mi-flow-lp .mi-flow-amb__card .mi-flow-amb__chips { gap: 8px; }
.mi-flow-lp .mi-flow-amb__card .mi-flow-amb__chips li { padding: 7px 13px; background: var(--lp-ivory); font-size: 13px; }
.mi-flow-lp .mi-flow-amb__card .mi-flow-amb__cta { margin-top: 28px; gap: 12px; }
.mi-flow-lp .mi-flow-amb__card .mi-flow-amb__note,
.mi-flow-lp .mi-flow-amb__card .mi-flow-amb__disclaimer { color: var(--lp-muted); }

/* ------------------------------------------------------------------ CTA final: V invertido (topo de "Conheça a Ilha") */
.mi-flow-lp .mi-eem__final-cta { position: relative; padding: calc(96px + var(--lp-div)) 0 104px; background-image: linear-gradient(90deg, rgba(5, 16, 28, 0.94) 0%, rgba(5, 16, 28, 0.84) 55%, rgba(5, 16, 28, 0.55) 100%), var(--mi-eem-hero-image); background-position: center 35%; }
.mi-flow-lp .mi-eem__final-cta::before {
  position: absolute; top: 0; right: 0; left: 0; height: var(--lp-div); content: ""; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23f4f1ea'%3E%3Cpath d='M1280 0L640 70 0 0v140l640-70 640 70V0z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M1280 0H0l640 70 640-70z'/%3E%3C/g%3E%3C/svg%3E") no-repeat top / 100% 100%;
}
.mi-flow-lp .mi-eem__final-cta > .mi-eem__container > p:not(.mi-eem__eyebrow) { color: rgba(255, 255, 255, 0.88); }

/* ------------------------------------------------------------------ Rodapé completo */
.mi-flow-lp .mi-lp-footer { position: relative; padding: 64px 0 28px; background: var(--lp-navy); color: rgba(255, 255, 255, 0.72); font-size: 14px; }
.mi-flow-lp .mi-lp-footer::before {
  position: absolute; top: 0; left: 50%; width: 132px; height: 14px; margin: -7px 0 0 -66px; content: "";
  background: var(--lp-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='14' viewBox='0 0 132 14'%3E%3Cg fill='none' stroke='%23cab6a1' stroke-width='1.3'%3E%3Cpath d='M0 7h56M76 7h56'/%3E%3Cpath d='M66 1.6l5.4 5.4-5.4 5.4-5.4-5.4z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
}
.mi-flow-lp .mi-lp-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 0.9fr; gap: 40px; padding-bottom: 36px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.mi-flow-lp .mi-lp-footer img { width: 190px; height: auto; }
.mi-flow-lp .mi-lp-footer__motto { margin: 16px 0 0; color: var(--lp-brand); font-family: "Montserrat", Arial, sans-serif; font-size: 13px; font-style: italic; letter-spacing: 0.04em; }
.mi-flow-lp .mi-lp-footer__title { margin: 0 0 14px; color: var(--lp-white); font-family: "Montserrat", Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.mi-flow-lp .mi-lp-footer ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mi-flow-lp .mi-lp-footer li { margin: 0 0 8px; padding: 0; line-height: 1.5; }
.mi-flow-lp .mi-lp-footer li::marker { content: ""; }
.mi-flow-lp .mi-lp-footer a { color: rgba(255, 255, 255, 0.86); text-decoration: none; }
.mi-flow-lp .mi-lp-footer a:hover,
.mi-flow-lp .mi-lp-footer a:focus-visible { color: var(--lp-gold); text-decoration: underline; text-underline-offset: 3px; }
.mi-flow-lp .mi-lp-footer__bottom { display: flex; justify-content: space-between; gap: 32px; padding-top: 22px; color: rgba(255, 255, 255, 0.6); font-size: 12px; }
.mi-flow-lp .mi-lp-footer__bottom p { max-width: 760px; margin: 0; }
.mi-flow-lp .mi-lp-footer__bottom p:last-child { flex: 0 0 auto; }

/* ------------------------------------------------------------------ Tablet */
@media (max-width: 980px) {
  .mi-flow-lp .mi-eem__metric { border-right: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); }
  .mi-flow-lp .mi-eem__metric:nth-child(2n) { border-right: 0; }
  .mi-flow-lp .mi-eem__metric:nth-child(n+3) { border-bottom: 0; }
  .mi-flow-lp .mi-lp-about__grid,
  .mi-flow-lp .mi-lp-faq__grid,
  .mi-flow-lp .mi-flow-amb__grid { grid-template-columns: 1fr; gap: 40px; }
  .mi-flow-lp .mi-lp-faq__intro { position: static; }
  .mi-flow-lp .mi-lp-about__media { max-width: 560px; }
  .mi-flow-lp .mi-lp-footer__grid { grid-template-columns: 1fr 1fr; }
  .mi-flow-lp .mi-eem__metric { padding: 22px 24px; }
}

/* ------------------------------------------------------------------ Telemóvel */
@media (max-width: 620px) {
  .mi-flow-lp .mi-eem__section,
  .mi-flow-lp .mi-lp-about,
  .mi-flow-lp .mi-lp-faq,
  .mi-flow-lp .mi-flow-amb--compact { padding-top: 64px; padding-bottom: 64px; }
  .mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section,
  .mi-flow-lp .mi-lp-about,
  .mi-flow-lp [data-mi-eem-block="pillars"] .mi-eem__section { padding-bottom: calc(64px + var(--lp-div)); }

  /* Hero: o cabeçalho deixou de estar sobreposto, por isso o espaço de 150 px no topo sobrava. */
  .mi-flow-lp .mi-eem__hero { min-height: 0; background-position: 68% center; }
  .mi-flow-lp .mi-eem__hero-content { padding-top: 40px; padding-bottom: calc(var(--lp-div) + var(--lp-overlap) + 28px); }
  .mi-flow-lp .mi-eem__hero .mi-eem__eyebrow { margin-bottom: 12px; font-size: 11px; }
  .mi-flow-lp .mi-eem h1 { margin-bottom: 14px; font-size: 35px; line-height: 1.1; }
  .mi-flow-lp .mi-eem h2 { font-size: 30px; }
  .mi-flow-lp .mi-eem__subhead { margin-bottom: 0; font-size: 16px; line-height: 1.55; }
  .mi-flow-lp .mi-eem__hero-actions { gap: 10px; margin-top: 22px; }
  .mi-flow-lp .mi-eem a.mi-eem__button { min-height: 52px; padding: 0 18px; font-size: 12px; letter-spacing: 0.08em; }
  .mi-flow-lp .mi-eem__time-note { font-size: 13px; text-align: center; }
  .mi-flow-lp .mi-eem__hero-proof { gap: 6px 16px; margin-top: 20px; font-size: 13px; }
  .mi-flow-lp .mi-eem__announcement { padding: 8px 14px; line-height: 1.45; }

  /* Métricas em grelha 2×2 */
  .mi-flow-lp .mi-eem__metrics { padding-bottom: 48px; }
  .mi-flow-lp .mi-eem__metrics-grid { grid-template-columns: 1fr 1fr; border-radius: 14px; }
  .mi-flow-lp .mi-eem__metric { padding: 18px 16px; }
  .mi-flow-lp .mi-eem__metric strong { font-size: 24px; line-height: 1.2; }
  .mi-flow-lp .mi-eem__metric span { display: block; margin-top: 2px; font-size: 12px; line-height: 1.35; }

  .mi-flow-lp .mi-eem__audiences { grid-template-columns: 1fr; gap: 12px; margin-top: 32px; }
  .mi-flow-lp .mi-eem__audiences article { padding: 22px 20px; }
  .mi-flow-lp .mi-eem__audiences h3 { margin-top: 10px; }
  .mi-flow-lp .mi-eem__two-col { gap: 40px; }
  .mi-flow-lp .mi-eem__deliverables { gap: 14px; margin-top: 24px; }
  .mi-flow-lp .mi-eem__journey { gap: 26px; margin-top: 36px; }
  .mi-flow-lp .mi-eem__journey article { padding-top: 50px; }
  .mi-flow-lp .mi-eem__journey article > span { font-size: 36px; }
  .mi-flow-lp .mi-eem__journey p { margin-bottom: 0; }
  .mi-flow-lp .mi-eem__pillars { grid-template-columns: 1fr 1fr; margin-top: 28px; }
  .mi-flow-lp .mi-eem__pillars article { padding: 22px 14px 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
  .mi-flow-lp .mi-eem__pillars article:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.12); }
  .mi-flow-lp .mi-eem__pillars article:nth-child(n+3) { border-bottom: 0; }
  .mi-flow-lp .mi-eem__pillars h3 { margin-top: 10px; font-size: 19px; }
  .mi-flow-lp .mi-eem__pillars p { font-size: 13px; }
  .mi-flow-lp .mi-lp-faq__item summary { padding: 18px 44px 18px 0; font-size: 16px; }
  .mi-flow-lp .mi-flow-amb__card { padding: 26px 20px; }
  .mi-flow-lp .mi-eem__final-cta { padding: calc(64px + var(--lp-div)) 0 72px; }
  .mi-flow-lp .mi-lp-footer { padding-top: 52px; }
  .mi-flow-lp .mi-lp-footer__grid { grid-template-columns: 1fr 1fr; gap: 26px 20px; }
  .mi-flow-lp .mi-lp-footer__brand,
  .mi-flow-lp .mi-lp-footer__grid > div:nth-child(2) { grid-column: 1 / -1; }

  /* Menos altura: imagem baixa, sem parágrafos repetidos, cartões mais compactos. */
  .mi-flow-lp .mi-lp-about__media img { max-height: 230px; object-fit: cover; object-position: center top; }
  .mi-flow-lp .mi-lp-about__grid { gap: 28px; }
  .mi-flow-lp .mi-lp-about__copy > p:not(.mi-eem__eyebrow):not(.mi-eem__lede) { font-size: 15px; }
  .mi-flow-lp .mi-lp-about__links { margin-top: 18px; gap: 8px; }
  .mi-flow-lp .mi-lp-about__links a { padding: 0 14px; font-size: 12px; }
  .mi-flow-lp .mi-lp-faq__intro .mi-eem__lede { display: none; }
  .mi-flow-lp .mi-lp-faq__grid { gap: 20px; }
  .mi-flow-lp .mi-lp-faq__item p { font-size: 14px; }
  .mi-flow-lp .mi-eem__lede { font-size: 17px; }
  .mi-flow-lp .mi-eem__report-card { padding: 26px 20px; }
  .mi-flow-lp .mi-eem__report-brand { margin-bottom: 24px; }
  .mi-flow-lp .mi-eem__audiences p { font-size: 13px; }
  .mi-flow-lp .mi-flow-amb__steps-list { gap: 12px; }
  .mi-flow-lp .mi-flow-amb__grid { gap: 28px; }
  .mi-flow-lp .mi-lp-diamond::after,
  .mi-flow-lp [data-mi-eem-block="audiences"] h2::after,
  .mi-flow-lp .mi-eem__final-cta h2::after { margin-top: 14px; }
  /* As ligações para as páginas do site repetem-se no rodapé. */
  .mi-flow-lp .mi-lp-about__links { display: none; }
  /* CTA do hero numa só linha. */
  .mi-flow-lp .mi-eem__hero-actions { max-width: none; }
  .mi-flow-lp .mi-eem a.mi-eem__button { width: 100%; padding: 0 14px; font-size: 11.5px; letter-spacing: 0.05em; }
  .mi-flow-lp .mi-flow-amb__card .mi-flow-amb__list li { font-size: 14px; }
  .mi-flow-lp .mi-flow-amb__card .mi-flow-amb__chips li { padding: 6px 11px; font-size: 12.5px; }
  /* Perfis: número ao lado do título. */
  .mi-flow-lp .mi-eem__audiences article { display: grid; grid-template-columns: 30px 1fr; align-items: baseline; column-gap: 8px; padding: 18px 18px 16px; }
  .mi-flow-lp .mi-eem__audiences small { grid-row: 1; }
  .mi-flow-lp .mi-eem__audiences h3 { grid-column: 2; margin: 0 0 6px; font-size: 17px; }
  .mi-flow-lp .mi-eem__audiences p { grid-column: 2; }
  /* Como funciona: número ao lado do título, sem a linha horizontal. */
  .mi-flow-lp .mi-eem__journey { gap: 22px; }
  .mi-flow-lp .mi-eem__journey article { display: grid; grid-template-columns: 48px 1fr; column-gap: 10px; padding-top: 0; }
  .mi-flow-lp .mi-eem__journey article > span { position: static; grid-row: 1 / span 2; font-size: 34px; line-height: 1; }
  .mi-flow-lp .mi-eem__journey h3 { grid-column: 2; margin-bottom: 6px; font-size: 18px; }
  .mi-flow-lp .mi-eem__journey p { grid-column: 2; }
  .mi-flow-lp .mi-eem__deliverables li { grid-template-columns: 36px 1fr; gap: 12px; }
  .mi-flow-lp .mi-eem__number { width: 36px; height: 36px; font-size: 11px; }
  .mi-flow-lp .mi-eem__deliverables small { display: block; line-height: 1.45; }
  .mi-flow-lp .mi-eem__mini-results { gap: 4px; }
  .mi-flow-lp .mi-lp-footer__bottom { flex-direction: column; gap: 12px; }
}

@media (max-width: 360px) {
  .mi-flow-lp .mi-eem h1 { font-size: 31px; }
  .mi-flow-lp .mi-eem__metric { padding: 16px 12px; }
  .mi-flow-lp .mi-eem__metric strong { font-size: 22px; }
}

/* Menu do topo: alvos de toque de 44 px. */
@media (min-width: 981px) { .mi-flow-lp .mi-eem__nav a { display: inline-flex; min-height: 44px; align-items: center; white-space: nowrap; } }
.mi-flow-lp .mi-eem__nav a.mi-eem__nav-cta { display: inline-flex; min-height: 44px; align-items: center; padding-block: 0; white-space: nowrap; }

/* ------------------------------------------------------------------ Header durante o scroll (05/10/2026, v3)
   Um único header, sempre o mesmo elemento. O bloco do topo (faixa do Web Summit + header) é position: sticky
   com top negativo (= altura da faixa): no início do scroll é o próprio navegador que o faz subir com a página,
   em sincronia perfeita, até o header encostar no topo; aí fica preso, sem troca de posição nem clone.
   Ao encostar (.is-hdr-compact, posta por mi-landing.js), o mesmo header compacta-se de forma gradual:
   altura −24% (telemóvel −34%), logótipo −27%, fundo para translúcido com desfoque, sombra e borda a surgir.
   No regresso ao topo, o inverso. O bloco mantém a altura original (--lp-hdr-space) para o conteúdo não saltar;
   a faixa por baixo do header compacto é transparente e não interceta cliques. */
html.mi-lp-sticky, .mi-flow-lp {
  --lp-hdr-compact: 62px; --lp-logo-full: 205px; --lp-logo-compact: 150px; --lp-adminbar: 0px;
  --lp-hdr-dur: 0.34s; --lp-hdr-curve: cubic-bezier(0.25, 0.8, 0.3, 1);
}
/* Computador: compactação mais lenta e percetível (pedido do Thiago, 05/10: ~2,5× a do telemóvel). */
@media (min-width: 981px) { html.mi-lp-sticky, .mi-flow-lp { --lp-hdr-dur: 1s; --lp-hdr-curve: cubic-bezier(0.4, 0, 0.2, 1); } }
.admin-bar.mi-flow-lp { --lp-adminbar: 32px; }
@media (max-width: 782px) { .admin-bar.mi-flow-lp { --lp-adminbar: 46px; } }
@media (max-width: 600px) { .admin-bar.mi-flow-lp { --lp-adminbar: 0px; } }
@media (max-width: 980px) { html.mi-lp-sticky, .mi-flow-lp { --lp-hdr-compact: 58px; --lp-logo-compact: 128px; } }
@media (max-width: 620px) { html.mi-lp-sticky, .mi-flow-lp { --lp-logo-full: 155px; --lp-hdr-compact: 54px; --lp-logo-compact: 112px; } }
@media (max-width: 359px) { html.mi-lp-sticky, .mi-flow-lp { --lp-logo-full: 140px; --lp-logo-compact: 108px; } }

.mi-flow-lp .mi-eem__logo { width: var(--lp-logo-full); max-width: none; height: auto; }

html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="header"] {
  position: -webkit-sticky; position: sticky; z-index: 1000;
  top: calc(var(--lp-adminbar) - var(--lp-ann-h, 0px));
  min-height: var(--lp-hdr-space, 0px);
  overflow: visible;
  background-color: var(--lp-navy);
  pointer-events: none;
}
html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="header"] > * { pointer-events: auto; }
html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="header"].is-hdr-compact { background-color: transparent; }

.mi-flow-lp .mi-eem.is-hdr-sticky .mi-eem__header {
  transition: background-color var(--lp-hdr-dur) var(--lp-hdr-curve), box-shadow var(--lp-hdr-dur) var(--lp-hdr-curve),
    border-color var(--lp-hdr-dur) var(--lp-hdr-curve), -webkit-backdrop-filter var(--lp-hdr-dur) var(--lp-hdr-curve), backdrop-filter var(--lp-hdr-dur) var(--lp-hdr-curve);
}
.mi-flow-lp .mi-eem.is-hdr-sticky .mi-eem__nav-wrap { transition: min-height var(--lp-hdr-dur) var(--lp-hdr-curve); }
.mi-flow-lp .mi-eem.is-hdr-sticky .mi-eem__logo { transition: width var(--lp-hdr-dur) var(--lp-hdr-curve); }

.mi-flow-lp .mi-eem.is-hdr-compact .mi-eem__header {
  border-bottom-color: rgba(202, 182, 161, 0.22);
  background-color: rgba(14, 27, 42, 0.96);
  box-shadow: 0 4px 16px rgba(4, 16, 28, 0.14);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .mi-flow-lp .mi-eem.is-hdr-sticky .mi-eem__header { -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); }
  .mi-flow-lp .mi-eem.is-hdr-compact .mi-eem__header { background-color: rgba(14, 27, 42, 0.93); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}
.mi-flow-lp .mi-eem.is-hdr-compact .mi-eem__nav-wrap { min-height: var(--lp-hdr-compact); }
.mi-flow-lp .mi-eem.is-hdr-compact .mi-eem__logo { width: var(--lp-logo-compact); }

/* Medição (arranque e mudança de largura): sem animação. */
.mi-flow-lp .mi-eem.is-hdr-measuring, .mi-flow-lp .mi-eem.is-hdr-measuring * { transition: none !important; }

/* Âncoras, scrollIntoView e foco por teclado: o destino fica abaixo do header compacto. */
html.mi-lp-sticky { scroll-padding-top: calc(var(--lp-hdr-compact) + 8px); }
html.mi-lp-sticky .mi-flow-entry__panel, html.mi-lp-sticky .mi-flow { scroll-margin-top: 12px; }

/* Foco visível também no logótipo e no seletor de idioma (o menu já tinha). */
.mi-flow-lp .mi-eem__header .mi-eem__nav-wrap > a:focus-visible, .mi-flow-lp .mi-eem__language a:focus-visible { outline: 3px solid var(--lp-gold); outline-offset: 4px; border-radius: 4px; }

/* ------------------------------------------------------------------ Menu no telemóvel e tablet (até 980 px)
   O modelo da landing escondia os links do nav abaixo de 981 px e não tinha botão de menu. O botão
   (.mi-lp-menu-btn, criado por mi-landing.js) abre o MESMO nav como painel por baixo do header, como o
   menu móvel do site institucional (painel azul-noite, Montserrat 600). Ícone de três traços no dourado da
   marca, que passa a X quando o menu está aberto. */
.mi-lp-menu-btn { display: none; }
@media (max-width: 980px) {
  .mi-flow-lp .mi-eem__nav-wrap { position: static; }
  .mi-flow-lp .mi-eem__header { position: relative; }
  .mi-flow-lp .mi-eem__language { order: 2; margin-left: auto; }
  .mi-flow-lp .mi-lp-menu-btn {
    display: inline-flex; flex: 0 0 auto; order: 3; align-items: center; justify-content: center;
    width: 44px; height: 44px; margin: 0 -10px 0 2px; padding: 0; border: 0; border-radius: 10px;
    background: transparent; color: var(--lp-gold); cursor: pointer; -webkit-tap-highlight-color: rgba(229, 193, 122, 0.22);
  }
  .mi-flow-lp .mi-lp-menu-btn:focus-visible { outline: 3px solid var(--lp-gold); outline-offset: 2px; }
  .mi-lp-menu-btn__bars, .mi-lp-menu-btn__bars::before, .mi-lp-menu-btn__bars::after {
    display: block; width: 24px; height: 2px; border-radius: 2px; background-color: currentColor;
  }
  .mi-lp-menu-btn__bars { position: relative; transition: background-color 0.2s ease; }
  .mi-lp-menu-btn__bars::before, .mi-lp-menu-btn__bars::after {
    content: ""; position: absolute; left: 0;
    transition: transform 0.3s var(--lp-hdr-curve), top 0.3s var(--lp-hdr-curve);
  }
  .mi-lp-menu-btn__bars::before { top: -7px; }
  .mi-lp-menu-btn__bars::after { top: 7px; }
  .mi-eem.is-menu-open .mi-lp-menu-btn__bars { background-color: transparent; }
  .mi-eem.is-menu-open .mi-lp-menu-btn__bars::before { top: 0; transform: rotate(45deg); }
  .mi-eem.is-menu-open .mi-lp-menu-btn__bars::after { top: 0; transform: rotate(-45deg); }

  .mi-flow-lp .mi-eem__header .mi-eem__nav {
    position: absolute; top: 100%; right: 0; left: 0; z-index: 1;
    display: flex; flex-direction: column; align-items: stretch; gap: 0; margin: 0;
    padding: 6px max(20px, calc((100% - 720px) / 2)) 22px;
    border-top: 1px solid rgba(202, 182, 161, 0.22);
    background-color: var(--lp-navy);
    box-shadow: 0 14px 30px rgba(4, 16, 28, 0.28);
    max-height: calc(100vh - var(--lp-hdr-compact) - 24px); max-height: calc(100dvh - var(--lp-hdr-compact) - 24px); overflow-y: auto;
    visibility: hidden; opacity: 0; transform: translate3d(0, -8px, 0);
    transition: opacity 0.24s ease, transform 0.24s var(--lp-hdr-curve), visibility 0s linear 0.24s;
  }
  .mi-flow-lp .mi-eem.is-menu-open .mi-eem__nav {
    visibility: visible; opacity: 1; transform: none;
    transition: opacity 0.24s ease, transform 0.24s var(--lp-hdr-curve), visibility 0s;
  }
  .mi-flow-lp .mi-eem__header .mi-eem__nav > a:not(.mi-eem__nav-cta) {
    display: flex; min-height: 52px; align-items: center; padding: 0 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.92); font-size: 16px; font-weight: 600; letter-spacing: 0.01em;
  }
  .mi-flow-lp .mi-eem__header .mi-eem__nav > a:not(.mi-eem__nav-cta):active { color: var(--lp-gold); }
  .mi-flow-lp .mi-eem__header .mi-eem__nav a.mi-eem__nav-cta { display: flex; justify-content: center; min-height: 48px; margin-top: 18px; font-size: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .mi-flow-lp .mi-eem.is-hdr-sticky, .mi-flow-lp .mi-eem.is-hdr-sticky *,
  .mi-flow-lp .mi-eem.is-hdr-sticky *::before, .mi-flow-lp .mi-eem.is-hdr-sticky *::after { transition: none !important; }
}

/* O header encolhe dentro do espaço reservado: o fundo do hero começa um pouco mais acima, por baixo do header
   (borda transparente + margem negativa, com a imagem a ocupar a borda), para esse espaço mostrar a fotografia
   e não o fundo da secção. O conteúdo do hero fica exatamente onde estava. */
.mi-flow-lp { --lp-hdr-shrink: calc(84px - var(--lp-hdr-compact)); }
html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="hero"] .mi-eem__hero {
  margin-top: calc(-1 * var(--lp-hdr-shrink)); border-top: var(--lp-hdr-shrink) solid transparent;
  background-origin: border-box; min-height: calc(720px + var(--lp-hdr-shrink));
}
@media (max-width: 620px) { html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="hero"] .mi-eem__hero { min-height: 0; } }

/* ------------------------------------------------------------------ Computador (a partir de 981 px), v4
   O header inteiro (faixa do Web Summit + barra) fica fixo desde o início, por cima do hero, como no site
   institucional. Ao começar o scroll (.is-hdr-compact), o bloco todo SOBE devagar (1 s): a faixa sai pelo
   topo a deslizar e a barra encosta no topo enquanto se compacta, num só movimento; o regresso é o inverso.
   O fundo do hero começa no topo da página, por trás do header (borda transparente com a imagem), por isso
   não fica espaço vazio enquanto o header sobe. No telemóvel continua o sticky da v3. */
@media (min-width: 981px) {
  html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="header"] {
    position: fixed; top: var(--lp-adminbar); right: 0; left: 0; min-height: 0; background-color: transparent;
    transform: translate3d(0, 0, 0); transition: transform var(--lp-hdr-dur) var(--lp-hdr-curve);
  }
  html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="header"].is-hdr-compact { transform: translate3d(0, calc(-1 * var(--lp-ann-h, 0px)), 0); }
  html.mi-lp-sticky .mi-flow-lp .mi-eem[data-mi-eem-block="hero"] .mi-eem__hero {
    margin-top: 0; border-top: var(--lp-hdr-space, 0px) solid transparent; min-height: calc(720px + var(--lp-hdr-space, 0px));
  }
}


/* ================================================================== Fase 7 (05/10/2026): correções da auditoria
   Nova ordem: … mapa · como funciona · QUEM SOMOS + PILARES · formulários · FAQ · embaixadores · CTA final · rodapé.
   Divisores: como funciona (creme) → quem somos (branco) sem divisor; quem somos → formulários (azul) diagonal;
   formulários → FAQ (branco) ondas; FAQ → embaixadores (creme) corte reto; embaixadores → CTA final V de uma só camada. */

/* Header fixo do computador desde o primeiro desenho (sem CLS): valores por omissão até o JS medir. */
@media (min-width: 981px) { html.mi-lp-sticky { --lp-ann-h: 39px; --lp-hdr-space: 122px; } }

/* Conteúdo principal (<main> na página): sem efeitos no layout. */
.mi-flow-lp main.mi-lp-main { display: block; margin: 0; padding: 0; }

/* Como funciona → Quem somos: passagem creme → branco, sem divisor. */
.mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section { padding-bottom: 96px; }
.mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section::after { content: none; }

/* Quem somos + pilares (branco) → formulários (azul): diagonal. */
.mi-flow-lp .mi-lp-about { position: relative; padding: 96px 0 calc(88px + var(--lp-div)); background: var(--lp-white); }
.mi-flow-lp .mi-lp-about::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23172a3f'%3E%3Cpath d='M0 140L1280 0v140z' fill='%23cab6a1' fill-opacity='.42'/%3E%3Cpath d='M0 140L1280 42v98z'/%3E%3C/g%3E%3C/svg%3E"); }
.mi-flow-lp .mi-lp-pillars { margin-top: 64px; padding-top: 40px; border-top: 1px solid var(--lp-line); }
.mi-flow-lp .mi-lp-pillars__title { margin: 0; color: var(--lp-gold-dark); font-family: "Montserrat", Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.mi-flow-lp .mi-lp-pillars ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin: 22px 0 0; padding: 0; list-style: none; }
.mi-flow-lp .mi-lp-pillars li { margin: 0; padding: 0 0 0 18px; border-left: 2px solid var(--lp-brand); }
.mi-flow-lp .mi-lp-pillars li::marker { content: ""; }
.mi-flow-lp .mi-lp-pillars__num { color: var(--lp-gold-dark); font-family: "Montserrat", Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; }
.mi-flow-lp .mi-lp-pillars h3 { margin: 6px 0 8px; color: var(--lp-navy); font-family: "Montserrat", Arial, sans-serif; font-size: 21px; font-weight: 600; line-height: 1.2; }
.mi-flow-lp .mi-lp-pillars p { margin: 0; color: var(--lp-muted); font-size: 15px; line-height: 1.6; }
/* Equipa (só aparece com dados aprovados). */
.mi-flow-lp .mi-lp-team { margin-top: 48px; }
.mi-flow-lp .mi-lp-team ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; margin: 18px 0 0; padding: 0; list-style: none; }
.mi-flow-lp .mi-lp-team__person { display: flex; gap: 18px; align-items: flex-start; margin: 0; padding: 20px; border-radius: 18px; background: var(--lp-ivory); }
.mi-flow-lp .mi-lp-team__person img { flex: 0 0 auto; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.mi-flow-lp .mi-lp-team__name { margin: 0; color: var(--lp-navy); font-family: "Montserrat", Arial, sans-serif; font-size: 18px; font-weight: 600; }
.mi-flow-lp .mi-lp-team__role { margin: 2px 0 8px; color: var(--lp-gold-dark); font-size: 14px; font-weight: 600; }
.mi-flow-lp .mi-lp-team__bio { margin: 0; color: var(--lp-muted); font-size: 14px; line-height: 1.55; }

/* Formulários (azul) → FAQ (branco): ondas na cor da FAQ. */
.mi-flow-lp .mi-flow-section::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M1280 51.76c-201 12.49-242.43 53.4-513.58 53.4-320 0-320-57-640-57-48.85.01-90.21 1.35-126.42 3.6V140h1280z'/%3E%3C/g%3E%3C/svg%3E"); }
.mi-flow-lp .mi-lp-faq { padding-top: 72px; }

/* Embaixadores → CTA final: V de uma só camada (sem a cunha cinzenta). */
.mi-flow-lp .mi-eem__final-cta::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1280L640 70z' fill='%23f4f1ea'/%3E%3C/svg%3E") no-repeat top / 100% 100%; }
/* Página só com o percurso da Empresa (sem #embaixadores): FAQ (branco) → CTA final, V na cor da FAQ. */
.mi-flow-lp:not(:has(#embaixadores)) .mi-eem__final-cta::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1280L640 70z' fill='%23ffffff'/%3E%3C/svg%3E"); }

/* Textos dos cartões mais legíveis no computador (eram 13 px). */
@media (min-width: 981px) {
  .mi-flow-lp [data-mi-eem-block="audiences"] article p,
  .mi-flow-lp .mi-eem__journey article p { font-size: 15px; line-height: 1.6; }
}

/* Exemplo de resultado: o nível não parte em duas linhas ("MUITO ALTO"). */
.mi-flow-lp .mi-eem__report-card b { white-space: nowrap; }

/* Foco no enunciado da pergunta (formulário): sem contorno, é um destino de foco programático. */
.mi-flow-lp .mi-flow [tabindex="-1"]:focus { outline: none; }

/* Faixa do topo: a ligação aos Embaixadores sai (está no menu do telemóvel e na página); faixa em 2 linhas no telemóvel. */
.mi-flow-lp .mi-eem__announcement .mi-flow-announce-amb { display: none !important; }

@media (max-width: 980px) {
  .mi-flow-lp .mi-lp-pillars ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 28px; }
}
@media (max-width: 680px) {
  .mi-flow-lp [data-mi-eem-block="journey"] .mi-eem__section { padding-bottom: 64px; }
  .mi-flow-lp .mi-lp-about { padding: 64px 0 calc(56px + var(--lp-div)); }
  .mi-flow-lp .mi-lp-pillars { margin-top: 40px; padding-top: 28px; }
  .mi-flow-lp .mi-lp-pillars ol { gap: 18px 16px; margin-top: 16px; }
  .mi-flow-lp .mi-lp-pillars li { padding-left: 12px; }
  .mi-flow-lp .mi-lp-pillars h3 { font-size: 17px; }
  .mi-flow-lp .mi-lp-pillars p { font-size: 14px; line-height: 1.5; }
  .mi-flow-lp .mi-lp-faq { padding-top: 48px; }
  .mi-flow-lp .mi-lp-team__person img { width: 72px; height: 72px; }
}
@media (max-width: 430px) {
  .mi-flow-lp .mi-flow-amb__card .mi-flow-amb__cta .mi-eem__button { padding-inline: 18px; letter-spacing: 0.06em; }
}

/* Afinações: faixa do topo numa linha corrida no telemóvel (rótulo + texto), em 2 linhas a 390 px. */
@media (max-width: 620px) {
  .mi-flow-lp .mi-eem__announcement > span { display: inline; }
  .mi-flow-lp .mi-eem__announcement > span::after { content: " · "; }
  .mi-flow-lp .mi-eem__announcement > strong { display: inline; }
}

/* Rodapé: alvos de toque com pelo menos 24 px de altura (WCAG 2.2, 2.5.8). */
.mi-flow-lp .mi-lp-footer li a { display: inline-flex; min-height: 24px; align-items: center; }

/* Bolha do avatar (canto inferior direito): no telemóvel o fim do rodapé fica acima dela (13/10/2026). */
@media (max-width: 767px) {
  .mi-flow-lp .mi-lp-footer { padding-bottom: calc(28px + 64px + env(safe-area-inset-bottom, 0px)); }
}