/* Nuvieo: estilos do site. Preto com luzes de cor: lima da logo, turquesa e violeta. Inter em tudo, grossa nos títulos. */

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-ext.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --c-hero: #000000;
  --c-panel: #070908;
  --c-forest: #0c100e;
  --c-forest-2: #131815;
  --c-deep: #000000;
  --c-ink-d: #f4f6ef;
  --c-soft-d: #aab5ab;
  --c-line-d: rgba(255, 255, 255, 0.12);
  --c-lime: #d3de8a;
  --c-lime-2: #e2eb9f;
  --c-lime-ink: #10200f;
  --c-teal: #33dbbd;
  --c-violeta: #a78bfa;
  --c-err: #f0b8a6;
  --f: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-d: var(--f);
  /* unidade da barra: cresce com a altura do ecrã, como a da referência */
  --u: clamp(13px, calc(1.05vh + 4.6px), 16px);
  --gutter: clamp(20px, 5vw, 72px);
  --sec: clamp(84px, 11vw, 176px);
  --r: 22px;
  --e: cubic-bezier(0.23, 1, 0.32, 1);
  --soft: var(--c-soft-d);
  --line: var(--c-line-d);
  --accent: var(--c-lime);
}
@media (max-width: 767px) { :root { --u: 16px; } }

*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: var(--c-hero);
  color-scheme: dark;
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
  scrollbar-color: #2b332d var(--c-deep);
}
body {
  margin: 0;
  font-family: var(--f);
  font-size: 1.0625rem;
  line-height: 1.6;
  font-weight: 400;
  color: var(--c-ink-d);
  background: var(--c-hero);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img, picture, video, canvas, svg { display: block; max-width: 100%; }
a { color: inherit; }
button { -webkit-tap-highlight-color: transparent; }
p { margin: 0 0 1em; }
::selection { background: var(--c-lime); color: var(--c-lime-ink); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 6px; }

.skip {
  position: absolute; left: 12px; top: -80px; z-index: 100;
  background: var(--c-lime); color: var(--c-lime-ink);
  padding: 10px 14px; border-radius: 10px; text-decoration: none; font-weight: 500;
}
.skip:focus { top: 12px; }
/* No iPhone a barra do navegador é translúcida: isto tapa o que passaria por trás dela. */
.tampa { position: fixed; left: 0; right: 0; bottom: 100%; height: 100lvh; background: var(--c-hero); z-index: 50; pointer-events: none; }

.so-m { display: none; }
@media (max-width: 760px) {
  .so-m { display: inline; }
  .so-d { display: none; }
}

/* ---------- tipografia: nada de letras finas ---------- */
.h1 {
  font-size: clamp(2.3rem, 4.6vw, 4.2rem);
  line-height: 1.06;
  letter-spacing: -0.03em;
  font-weight: 800;
  margin: 0 0 0.42em;
  max-width: 20ch;
  text-wrap: balance;
}
.h2 {
  font-size: clamp(1.9rem, 3.4vw, 3.1rem);
  line-height: 1.08;
  letter-spacing: -0.028em;
  font-weight: 800;
  margin: 0 0 0.5em;
  max-width: 22ch;
  text-wrap: balance;
}
.h3 {
  font-size: clamp(1.15rem, 1.5vw, 1.4rem);
  line-height: 1.25;
  letter-spacing: -0.015em;
  font-weight: 700;
  margin: 0 0 0.5em;
  text-wrap: balance;
}
.lead {
  font-size: clamp(1.1rem, 1.4vw, 1.32rem);
  line-height: 1.58;
  color: var(--soft);
  max-width: 56ch;
  text-wrap: pretty;
}
.lead--big { font-size: clamp(1.2rem, 1.7vw, 1.56rem); line-height: 1.5; color: var(--c-ink-d); opacity: 0.9; }
.muted { color: var(--soft); }

/* ---------- secções ---------- */
.wrap { width: min(1320px, 100% - 2 * var(--gutter)); margin-inline: auto; position: relative; z-index: 1; }
.wrap--narrow { width: min(860px, 100% - 2 * var(--gutter)); }
.sec { position: relative; padding-block: var(--sec); }
.sec--bone { background: var(--c-panel); color: var(--c-ink-d); }
.muda, .prova, .close, .metodo, .phero { background: var(--c-hero); color: var(--c-ink-d); overflow: hidden; }

/* ---------- luzes: sobre preto, de várias cores; a verde fica só na abertura ---------- */
.glow { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: var(--c-hero); }
.glow i { position: absolute; display: block; border-radius: 50%; will-change: transform; aspect-ratio: 1; }
.glow i:nth-child(1) { width: 92vmax; left: -34vmax; top: -48vmax; background: radial-gradient(circle, rgba(51, 219, 189, 0.13), transparent 66%); animation: qLuzA 13s ease-in-out infinite alternate; }
.glow i:nth-child(2) { width: 84vmax; right: -30vmax; bottom: -46vmax; background: radial-gradient(circle, rgba(211, 222, 138, 0.11), transparent 66%); animation: qLuzB 17s ease-in-out infinite alternate; }
.glow i:nth-child(3) { width: 56vmax; right: 6vmax; top: -30vmax; background: radial-gradient(circle, rgba(139, 92, 246, 0.1), transparent 68%); animation: qLuzC 11s ease-in-out infinite alternate; }
.glow--verde { background: linear-gradient(125deg, #03130c, #0b3323, #16402a, #052019, #03130c); background-size: 320% 320%; animation: qDeriva 16s ease-in-out infinite alternate; }
.glow--verde i:nth-child(1) { background: radial-gradient(circle, rgba(211, 222, 138, 0.62), transparent 66%); }
.glow--verde i:nth-child(2) { background: radial-gradient(circle, rgba(45, 176, 122, 0.68), transparent 66%); }
.glow--verde i:nth-child(3) { background: radial-gradient(circle, rgba(226, 235, 159, 0.34), transparent 68%); }
.glow.is-parado, .glow.is-parado i { animation-play-state: paused; }
.glow:not(.glow--verde)::before, .glow:not(.glow--verde)::after { content: ""; position: absolute; left: 0; right: 0; z-index: 1; height: 24%; }
.glow:not(.glow--verde)::before { top: 0; background: linear-gradient(to bottom, var(--c-hero), transparent); }
.glow:not(.glow--verde)::after { bottom: 0; background: linear-gradient(to top, var(--c-hero), transparent); }

/* ---------- botões e ligações ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5em;
  min-height: 48px; padding: 0 1.4em; border-radius: 999px; border: 0;
  font: inherit; font-weight: 600; font-size: 1rem; letter-spacing: -0.01em; line-height: 1;
  cursor: pointer; text-decoration: none; white-space: nowrap;
  transition: transform 0.14s var(--e), background-color 0.16s var(--e), box-shadow 0.2s var(--e), opacity 0.16s;
}
.btn:active { transform: scale(0.97); }
.btn--lime {
  background: var(--c-lime); color: var(--c-lime-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 34px rgba(211, 222, 138, 0.34);
}
.btn--large { min-height: 58px; padding: 0 1.8em; font-size: 1.08rem; }
.btn[disabled] { opacity: 0.6; cursor: progress; }
@media (hover: hover) and (pointer: fine) {
  .btn--lime:hover { background: var(--c-lime-2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 48px rgba(211, 222, 138, 0.55); }
}
.link { color: var(--accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
.seta { display: inline-flex; align-items: center; gap: 0.5em; font-weight: 500; text-decoration: none; color: var(--accent); }
.seta::after { content: "→"; transition: transform 0.2s var(--e); }
.seta--claro { color: var(--c-ink-d); }
@media (hover: hover) and (pointer: fine) {
  a:hover > .seta::after, a.seta:hover::after { transform: translateX(5px); }
  .link:hover { text-decoration-thickness: 2px; }
}
.icon-btn {
  width: 44px; height: 44px; border-radius: 999px; border: 0; flex: none;
  background: rgba(255, 255, 255, 0.08); color: inherit; font: inherit; font-size: 1.5rem; line-height: 1;
  cursor: pointer; display: inline-grid; place-items: center;
  transition: background-color 0.15s, transform 0.12s var(--e);
}
.icon-btn:active { transform: scale(0.94); }

/* ---------- abertura: logo e frase sobre a cor da logo; o fundo desfaz-se em grão ---------- */
.intro {
  position: fixed; inset: 0; z-index: 60; display: none; place-items: center; overflow: hidden;
  background: #020806; color: var(--c-ink-d);
}
html.intro-on .intro { display: grid; animation: introFora 0.01s linear 8s forwards; }
@keyframes introFora { to { visibility: hidden; } }
.intro__tela { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.intro .glow { z-index: 0; }
/* Só o fundo da abertura fica mais escuro, para a logo se destacar (pedido dele, 31/10); o questionário mantém o verde. */
.intro .glow--verde { background: linear-gradient(125deg, #010403, #020b07, #040f0a, #020806, #010403); background-size: 320% 320%; }
.intro .glow--verde i { opacity: 0.07; }
.intro__dentro { position: relative; z-index: 1; display: grid; justify-items: center; gap: clamp(22px, 4vh, 40px); padding: 0 var(--gutter); text-align: center; }
.intro__vao { display: block; width: clamp(112px, 13vw, 196px); aspect-ratio: 1681 / 1545; }
.intro__frase {
  margin: 0; max-width: 30ch; visibility: hidden; color: #fff;
  font-size: clamp(1.9rem, 4.2vw, 3.75rem); line-height: 1.08; letter-spacing: -0.03em; font-weight: 800; text-wrap: balance;
}
.intro__a, .intro__b { display: block; }
.intro__b { color: var(--c-lime); }
.intro .p { display: inline-block; }
.intro__logo {
  position: fixed; z-index: 61; display: none; opacity: 0; max-width: none;
  filter: drop-shadow(0 0 30px rgba(211, 222, 138, 0.38)); will-change: transform;
}
html.intro-on .intro__logo { display: block; animation: introFora 0.01s linear 8s forwards; }
.intro__estrela { position: fixed; inset: 0; z-index: 62; width: 100%; height: 100%; max-width: none; pointer-events: none; display: none; }
html.intro-on .intro__estrela, .intro__estrela[width] { display: block; }

/* ---------- barra de cima: formato e tamanho iguais aos da referência (31/10) ---------- */
.nav {
  position: fixed; z-index: 40; left: 50%; top: calc(env(safe-area-inset-top, 0px) + var(--u) * 1.25);
  transform: translateX(-50%); width: min(calc(var(--u) * 64), 95%);
  display: flex; align-items: center; justify-content: space-between;
  padding: calc(var(--u) * 0.375) calc(var(--u) * 0.375) calc(var(--u) * 0.375) calc(var(--u) * 1.25);
  border-radius: 9999px; color: #fff; background: rgba(14, 14, 19, 0.8); border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px);
}
/* Se o JavaScript falhar, a barra e a logo aparecem na mesma quando a abertura desiste. */
html.intro-on .nav { opacity: 0; animation: navVolta 0.01s linear 8s forwards; }
@keyframes navVolta { to { opacity: 1; } }
html.intro-on.nav-entra .nav { opacity: 1; animation: none; transition: opacity 0.7s var(--e); }
html.intro-on .nav .mark:not(.is-acesa) { opacity: 0; animation: navVolta 0.01s linear 8s forwards; }
.mark.is-acesa { animation: markAcende 0.9s var(--e); }
@keyframes markAcende { from { transform: scale(1.5); filter: brightness(2.6) drop-shadow(0 0 8px var(--c-lime-2)); } }
.brand { display: inline-flex; align-items: center; gap: calc(var(--u) * 0.5); text-decoration: none; color: inherit; }
.mark {
  display: block; flex: none; height: calc(var(--u) * 1.25); aspect-ratio: 1669 / 1530; background: var(--c-lime);
  -webkit-mask: url("/assets/img/forma-420.png") center / contain no-repeat; mask: url("/assets/img/forma-420.png") center / contain no-repeat;
}
.brand__word { font-weight: 600; font-size: 15px; letter-spacing: -0.375px; line-height: 1.5; }
.nav__links { list-style: none; display: flex; gap: calc(var(--u) * 2); margin: 0; padding: 0; font-size: calc(var(--u) * 0.875); font-weight: 500; line-height: 1.43; color: #d1d5db; }
.nav__links a { text-decoration: none; transition: color 0.15s; }
.nav__acoes { display: flex; align-items: center; gap: calc(var(--u) * 0.375); }
.nav__lingua { position: relative; display: inline-flex; }
.nav__lang { display: grid; place-items: center; width: calc(var(--u) * 2.25); height: calc(var(--u) * 2.25); padding: 0; border: 0; border-radius: 50%; background: none; color: #d1d5db; cursor: pointer; transition: color 0.15s, background-color 0.15s; }
.nav__lang svg { width: 16px; height: 16px; }
.nav__lingua.is-aberta .nav__lang { background: rgba(255, 255, 255, 0.1); color: #fff; }
.lingua {
  position: absolute; right: 0; top: 100%; margin-top: calc(var(--u) * 0.5); width: calc(var(--u) * 11);
  padding: calc(var(--u) * 0.375); border-radius: var(--u); border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(17, 17, 22, 0.95);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  transform-origin: top right; opacity: 0; transform: scale(0.95); visibility: hidden;
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1), visibility 0.2s;
}
.nav__lingua.is-aberta .lingua, html:not(.js) .nav__lingua:focus-within .lingua { opacity: 1; transform: none; visibility: visible; }
.lingua__op {
  display: flex; align-items: center; gap: calc(var(--u) * 0.75); padding: calc(var(--u) * 0.5) calc(var(--u) * 0.75); border-radius: calc(var(--u) * 0.75);
  font-size: calc(var(--u) * 0.875); font-weight: 600; line-height: 1.43; color: #9ca3af; text-decoration: none; transition: color 0.15s, background-color 0.15s;
}
.lingua__op.is-on { background: rgba(255, 255, 255, 0.1); color: #fff; }
.bandeira { display: block; flex: none; width: calc(var(--u) * 1.25); height: calc(var(--u) * 1.25); border-radius: 50%; overflow: hidden; }
.lingua__certo { flex: none; width: 14px; height: 14px; margin-left: auto; color: var(--c-lime); }
.lingua-fila { display: flex; gap: 8px; margin-top: 6px; }
.lingua-fila .lingua__op { flex: 1; font-size: 0.95rem; padding: 10px 12px; }
.lingua-fila .bandeira { width: 20px; height: 20px; }
.nav__cta {
  display: inline-flex; align-items: center; gap: 6px; border: 0; cursor: pointer; white-space: nowrap;
  padding: calc(var(--u) * 0.5) calc(var(--u) * 0.875) calc(var(--u) * 0.5) var(--u); border-radius: 9999px;
  background: var(--c-lime); color: var(--c-lime-ink); font: inherit; font-weight: 600; font-size: 13px; line-height: 19.5px;
  transition: background-color 0.15s, transform 0.14s var(--e);
}
.nav__cta svg { width: 12px; height: 12px; }
.nav__cta:active { transform: scale(0.97); }
.nav__menu { display: none; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 999px; background: none; color: #fff; cursor: pointer; }
.nav__menu svg { width: 20px; height: 20px; }
@media (hover: hover) and (pointer: fine) {
  .nav__links a:hover, .nav__lang:hover { color: #fff; }
  .lingua__op:not(.is-on):hover { background: rgba(255, 255, 255, 0.05); color: #fff; }
  .nav__cta:hover { background: var(--c-lime-2); }
}
@media (max-width: 899px) {
  .nav__links, .nav__lingua, .nav__cta { display: none; }
  .nav__menu { display: grid; }
}
@media (max-width: 767px) {
  .nav { top: calc(env(safe-area-inset-top, 0px) + 20px); padding: 6px 6px 6px 20px; }
}

/* ---------- topo: a logo em partículas, a frase e o que fazemos ---------- */
.hero {
  position: relative; min-height: 100vh; min-height: 100svh; display: grid; justify-items: center; align-items: start; overflow: hidden; isolation: isolate;
  padding: 35.5vh 20px calc(env(safe-area-inset-bottom, 0px) + 88px); padding-top: 35.5svh;
  text-align: center; background: var(--c-hero); color: var(--c-ink-d);
}
.hero__fundo { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; max-width: none; touch-action: pan-y; }
/* Sem JavaScript ou sem partículas: a mesma logo, parada. */
.hero::before {
  content: ""; display: none; position: absolute; z-index: 0; left: 50%; top: 51%; transform: translate(-50%, -50%);
  width: min(88vw, 75vh); aspect-ratio: 1 / 0.923; opacity: 0.5; background: linear-gradient(135deg, var(--c-lime), var(--c-teal));
  -webkit-mask: url("/assets/img/forma-grossa-420.png") center / contain no-repeat; mask: url("/assets/img/forma-grossa-420.png") center / contain no-repeat;
}
html:not(.js) .hero::before, html.sem-gl .hero::before { display: block; }
.hero__texto { position: relative; z-index: 2; max-width: 1100px; pointer-events: none; }
.hero__title {
  margin: 0; font-size: clamp(27px, min(3.1vw, 5.4vh), 50px); line-height: 1.1; letter-spacing: -0.025em; font-weight: 800; color: #fff;
  text-shadow: 0 2px 28px rgba(0, 0, 0, 0.75); text-wrap: balance;
}
.hero__title em { display: block; font-style: normal; color: var(--c-lime); }
/* A linha vai numa cápsula, com as medidas da referência (31/10). */
.hero__lead {
  display: inline-flex; align-items: center; gap: calc(var(--u) * 0.5); margin: calc(var(--u) * 2.25) 0 0; padding: calc(var(--u) * 0.375) var(--u);
  border-radius: 9999px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.06); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  font-size: calc(var(--u) * 0.75); font-weight: 600; line-height: 1.33; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.9);
}
.hero__lead svg { flex: none; width: calc(var(--u) * 1.25); height: calc(var(--u) * 1.25); }
.hero__lead span { text-wrap: balance; }
/* Telemóvel com as medidas da referência: texto ao centro do ecrã e o Descobrir logo acima da barra do navegador. */
@media (max-width: 767px) {
  .hero { min-height: 100vh; min-height: 100lvh; align-items: center; padding: 88px 16px; }
  .hero__title { font-size: 30px; }
  .hero__lead { margin-top: 40px; padding: 7px 14px; font-size: 11px; line-height: 1.5; text-align: center; }
  .hero__lead svg { width: 16px; height: 16px; }
}
.hero__descer {
  position: absolute; z-index: 2; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 20px); transform: translateX(-50%);
  display: grid; justify-items: center; gap: 8px; color: rgba(255, 255, 255, 0.55); text-decoration: none;
  font-size: 10px; font-weight: 600; letter-spacing: 0.3em; line-height: 1.5; text-transform: uppercase; transition: color 0.2s;
}
.hero__descer svg { width: 16px; height: 16px; }
@media (max-width: 767px) { .hero__descer { bottom: max(12px, calc(100vh - 100svh - 2px)); bottom: max(12px, calc(100lvh - 100svh - 2px)); } }
@media (hover: hover) and (pointer: fine) { .hero__descer:hover { color: #fff; } }
.lima { color: var(--c-lime); }
/* O texto espera pelas partículas e entra como na referência: de baixo para cima, sem foco a focado, palavra a palavra. */
html.topo-espera .hero__title, html.topo-espera .hero__lead, html.topo-espera .hero__descer { opacity: 0; animation: navVolta 0.01s linear 9s forwards; }
.palavra { display: inline-block; opacity: 0; transform: translateY(30px) scale(0.9); filter: blur(12px); animation: textoSobe 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: calc(var(--i) * 0.1s); }
@keyframes textoSobe { to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } }
html.topo-entra .hero__lead { opacity: 0; transform: translateY(24px) scale(0.96); filter: blur(10px); animation: textoSobe 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation-delay: calc(var(--palavras, 8) * 0.1s); }
html.topo-entra .hero__descer { opacity: 0; animation: descerEntra 1s ease-out forwards; animation-delay: 2s; }
@keyframes descerEntra { to { opacity: 1; } }

/* ---------- carrossel de clientes: formato e velocidade medidos na referência ---------- */
.logos { --ul: var(--u); position: relative; margin-top: -1px; padding-block: calc(var(--u) * 3.5); overflow: hidden; background: var(--c-hero); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.logos__t {
  margin: 0 0 calc(var(--u) * 2); padding-inline: calc(var(--u) * 1.5); text-align: center; white-space: nowrap;
  font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.logos__janela {
  display: flex; overflow: hidden; width: 100%; min-height: calc(var(--ul) * 6); align-items: center;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent);
}
.logos__faixa { display: flex; flex-shrink: 0; width: max-content; will-change: transform; animation: logosAnda 30s linear infinite; }
@keyframes logosAnda { to { transform: translateX(-50%); } }
.logos__grupo { list-style: none; display: flex; flex-shrink: 0; align-items: center; gap: calc(var(--ul) * 5); margin: 0; padding: 0 calc(var(--ul) * 5) 0 0; }
.logos__item { display: flex; flex-shrink: 0; align-items: center; gap: calc(var(--ul) * 0.625); opacity: 0.9; transition: opacity 0.3s; }
.logos__img { display: block; width: auto; max-width: none; height: calc(var(--ul) * var(--a)); user-select: none; }
.logos__txt { font-size: calc(var(--ul) * 1.25); font-weight: 500; line-height: 1.4; letter-spacing: 0.025em; color: rgba(255, 255, 255, 0.82); white-space: nowrap; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); transition: color 0.3s; }
@media (hover: hover) and (pointer: fine) {
  .logos__janela:hover .logos__faixa { animation-play-state: paused; }
  .logos__item:hover { opacity: 1; }
  .logos__item:hover .logos__txt { color: #fff; }
}
@media (max-width: 767px) { .logos { --ul: 14px; } .logos__grupo { gap: 56px; padding-right: 56px; } .logos__txt { font-size: 18px; } }

/* ---------- o que muda ---------- */
.muda__t { max-width: 24ch; }
.muda__cab, .muda__linha { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(28px, 6vw, 112px); }
.muda__cab {
  margin-top: clamp(36px, 5vw, 72px); padding-bottom: 14px; border-bottom: 1px solid var(--line);
  font-size: 0.82rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--soft);
}
.muda__cab span:last-child { color: var(--c-teal); }
.muda__lista { list-style: none; margin: 0; padding: 0; }
.muda__linha { align-items: baseline; padding-block: clamp(28px, 3.8vw, 58px); border-bottom: 1px solid var(--line); }
.muda__antes { margin: 0; font-size: clamp(1.05rem, 1.45vw, 1.34rem); line-height: 1.4; color: var(--soft); }
.muda__texto {
  background: linear-gradient(var(--c-violeta), var(--c-violeta)) 0 56% / 0% 1px no-repeat;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  transition: background-size 0.9s var(--e);
}
.muda__linha.is-on .muda__texto { background-size: 100% 1px; }
.muda__depois {
  margin: 0; font-size: clamp(1.35rem, 2.3vw, 2.1rem); line-height: 1.18; letter-spacing: -0.022em; font-weight: 700; color: #fff; text-wrap: balance;
  transition: opacity 0.9s var(--e) 0.3s, transform 0.9s var(--e) 0.3s;
}
html.js .muda__linha:not(.is-on) .muda__depois { opacity: 0; transform: translateY(22px); }
.muda__rot { display: none; }
@media (max-width: 760px) {
  .muda__cab { display: none; }
  .muda__lista { border-top: 1px solid var(--line); margin-top: 28px; }
  .muda__linha { grid-template-columns: 1fr; gap: 16px; }
  .muda__rot { display: block; font-family: var(--f); font-size: 0.74rem; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 6px; color: var(--soft); }
  .muda__depois .muda__rot { color: var(--c-teal); letter-spacing: 0.14em; line-height: 1.6; }
}

/* ---------- para quem: duas portas, sem fotos ---------- */
.portas { position: relative; background: var(--c-hero); color: #fff; padding-block: 0 var(--sec); }
.portas__t, .portas__par { width: min(1320px, 100% - 2 * var(--gutter)); margin-inline: auto; }
.portas__t { max-width: none; }
.portas__par { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.porta {
  position: relative; display: flex; color: inherit; text-decoration: none; overflow: hidden; border-radius: var(--r);
  border: 1px solid var(--c-line-d); background: linear-gradient(155deg, rgba(51, 219, 189, 0.1), rgba(255, 255, 255, 0.02) 52%, rgba(139, 92, 246, 0.09));
  transition: border-color 0.25s, transform 0.3s var(--e);
}
.porta__txt { padding: clamp(24px, 3.4vw, 48px); }
.porta__nome { margin: 0 0 0.3em; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.05; letter-spacing: -0.028em; font-weight: 800; }
.porta__frase { margin: 0 0 1.1em; font-size: clamp(1.05rem, 1.3vw, 1.2rem); line-height: 1.4; color: var(--c-ink-d); text-wrap: pretty; }
.porta__lista { list-style: none; margin: 0 0 1.5em; padding: 0; border-top: 1px solid var(--c-line-d); }
.porta__lista li { padding: 0.62em 0; border-bottom: 1px solid var(--c-line-d); color: var(--c-soft-d); line-height: 1.38; }
.porta .seta { color: var(--c-lime); }
@media (hover: hover) and (pointer: fine) {
  .porta:hover { border-color: rgba(211, 222, 138, 0.55); transform: translateY(-3px); }
  .porta:hover .seta::after { transform: translateX(5px); }
}
@media (max-width: 900px) { .portas__par { grid-template-columns: 1fr; } }

/* ---------- a VSL a seguir ao carrossel: o vídeo ao centro, halo com as cores dele e cápsulas que acendem com a voz ---------- */
.filme { --lv: min(56vw, calc((100vh - var(--u) * 26) * 16 / 9)); position: relative; overflow: hidden; isolation: isolate; padding: calc(var(--u) * 5) calc(var(--u) * 1.5) calc(var(--u) * 4.5); background: var(--c-hero); color: #fff; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.filme__cab { position: relative; z-index: 2; }
.filme__t { margin: 0; font-size: clamp(30px, min(3.1vw, 5.4vh), 50px); line-height: 1.1; letter-spacing: -0.025em; font-weight: 800; text-wrap: balance; }
.filme__t em { display: block; font-style: normal; color: var(--c-lime); }
.filme__sub { margin: calc(var(--u) * 0.875) 0 0; font-size: calc(var(--u) * 1.125); line-height: 1.5; color: #9ca3af; }
.filme__palco { display: grid; grid-template-columns: minmax(0, 1fr) var(--lv) minmax(0, 1fr); gap: calc(var(--u) * 2.5); align-items: center; margin-top: calc(var(--u) * 3); }
.filme__fichas { list-style: none; display: grid; gap: calc(var(--u) * 4.5); margin: 0; padding: 0; position: relative; z-index: 2; }
.filme__fichas--e { justify-items: end; }
.filme__fichas--d { justify-items: start; }
.filme__ficha { position: relative; z-index: 2; transition: opacity 0.9s ease, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1); }
.filme__fichas--e .filme__ficha:nth-child(2) { margin-right: calc(var(--u) * 2.25); }
.filme__fichas--d .filme__ficha:nth-child(2) { margin-left: calc(var(--u) * 2.25); }
.filme__ficha span {
  display: inline-flex; align-items: center; gap: calc(var(--u) * 0.5); padding: calc(var(--u) * 0.625) var(--u); border-radius: 9999px;
  font-size: calc(var(--u) * 0.875); font-weight: 600; line-height: 1.3; text-align: left; color: rgba(255, 255, 255, 0.86);
  background: rgba(20, 22, 20, 0.78); border: 1px solid rgba(255, 255, 255, 0.13); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
  transition: color 0.35s, background-color 0.35s, border-color 0.35s, box-shadow 0.35s, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  animation: fichaBoia 7s ease-in-out infinite alternate;
}
.filme__ficha:nth-child(2) span { animation-delay: -2.4s; animation-duration: 8s; }
.filme__ficha:nth-child(3) span { animation-delay: -4.6s; animation-duration: 6.4s; }
@keyframes fichaBoia { from { translate: 0 -5px; } to { translate: 0 5px; } }
.filme__ficha svg { flex: none; width: calc(var(--u) * 1.125); height: calc(var(--u) * 1.125); color: var(--c-lime); }
.filme__ficha.is-viva span { color: #0d1208; background: var(--c-lime); border-color: var(--c-lime); box-shadow: 0 0 44px rgba(211, 222, 138, 0.6); transform: scale(1.08); }
.filme__ficha.is-viva svg { color: #0d1208; }
.filme__moldura { position: relative; isolation: isolate; min-width: 0; }
.filme__moldura::before { content: ""; position: absolute; z-index: -2; inset: -16% -12%; border-radius: 50%; background: radial-gradient(closest-side, rgba(51, 219, 189, 0.5), rgba(211, 222, 138, 0.2) 60%, transparent); filter: blur(30px); animation: auraRespira 6s ease-in-out infinite alternate; }
@keyframes auraRespira { from { opacity: 0.55; } to { opacity: 1; } }
.filme__aura { position: absolute; z-index: -1; inset: -11% -8%; width: 116%; height: 122%; max-width: none; border-radius: 12%; opacity: 0.9; filter: blur(44px) saturate(1.6); mix-blend-mode: screen; pointer-events: none; }
.filme__ecra { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: calc(var(--u) * 1.25); background: #000; border: 1px solid rgba(226, 235, 159, 0.28); box-shadow: 0 30px 90px rgba(0, 0, 0, 0.75), 0 0 70px rgba(51, 219, 189, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.08); }
.filme__ecra video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; cursor: pointer; }
.filme__ecra:fullscreen { border: 0; border-radius: 0; aspect-ratio: auto; }
html:not(.js) .filme__som, html:not(.js) .filme__barra, html:not(.js) .filme__fim { display: none; }
.filme__som {
  position: absolute; right: calc(var(--u) * 1.25); bottom: calc(var(--u) * 1.25); display: inline-flex; align-items: center; gap: calc(var(--u) * 0.5); border: 0; cursor: pointer; white-space: nowrap;
  padding: calc(var(--u) * 0.75) calc(var(--u) * 1.375); border-radius: 9999px; background: var(--c-lime); color: var(--c-lime-ink); font: inherit; font-size: calc(var(--u) * 0.9375); font-weight: 700; line-height: 1.2;
  box-shadow: 0 0 0 0 rgba(211, 222, 138, 0.55), 0 10px 34px rgba(0, 0, 0, 0.55); animation: somPulsa 2.4s ease-out infinite; transition: background-color 0.15s, scale 0.25s var(--e);
}
.filme__som svg { width: calc(var(--u) * 1.25); height: calc(var(--u) * 1.25); }
@keyframes somPulsa { to { box-shadow: 0 0 0 18px rgba(211, 222, 138, 0), 0 10px 34px rgba(0, 0, 0, 0.55); } }
.filme[data-estado="som"] .filme__som, .filme[data-estado="pausa"] .filme__som, .filme[data-estado="fim"] .filme__som { display: none; }
.filme__fim { position: absolute; left: 0; right: 0; bottom: 0; display: none; align-items: center; justify-content: center; gap: var(--u); padding: calc(var(--u) * 1.25); }
.filme[data-estado="fim"] .filme__fim { display: flex; }
.filme__cta { border: 0; cursor: pointer; padding: calc(var(--u) * 0.875) calc(var(--u) * 1.625); border-radius: 9999px; background: var(--c-lime); color: var(--c-lime-ink); font: inherit; font-size: var(--u); font-weight: 700; box-shadow: 0 0 44px rgba(211, 222, 138, 0.45); }
.filme__repete { border: 0; background: none; cursor: pointer; padding: calc(var(--u) * 0.5); color: rgba(255, 255, 255, 0.82); font: inherit; font-size: calc(var(--u) * 0.875); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.filme__barra {
  position: absolute; left: calc(var(--u) * 0.75); right: calc(var(--u) * 0.75); bottom: calc(var(--u) * 0.75); display: none; align-items: center; gap: calc(var(--u) * 0.375); padding: calc(var(--u) * 0.25) calc(var(--u) * 0.625) calc(var(--u) * 0.25) calc(var(--u) * 0.25);
  border-radius: 9999px; background: rgba(14, 14, 19, 0.86); border: 1px solid rgba(255, 255, 255, 0.12); opacity: 0; translate: 0 8px; pointer-events: none; transition: opacity 0.25s, translate 0.3s var(--e);
}
.filme[data-estado="som"] .filme__barra, .filme[data-estado="pausa"] .filme__barra { display: flex; }
.filme.is-ativa .filme__barra { opacity: 1; translate: 0 0; pointer-events: auto; }
.filme__barra button { display: grid; place-items: center; flex: none; width: calc(var(--u) * 2.5); height: calc(var(--u) * 2.5); padding: 0; border: 0; border-radius: 50%; background: none; color: #fff; cursor: pointer; transition: background-color 0.15s; }
.filme__barra svg { width: calc(var(--u) * 1.25); height: calc(var(--u) * 1.25); }
.filme .se-toca, .filme.a-tocar .se-parado, .filme .se-mudo, .filme.sem-som .se-som { display: none; }
.filme.a-tocar .se-toca, .filme.sem-som .se-mudo { display: block; }
.filme__relogio { flex: none; min-width: 2.6em; font-size: calc(var(--u) * 0.8125); font-weight: 600; font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, 0.8); }
.filme__barra input[type="range"] { --p: 0%; flex: 1; min-width: 0; height: calc(var(--u) * 2); margin: 0; background: none; cursor: pointer; -webkit-appearance: none; appearance: none; }
.filme__barra input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: linear-gradient(to right, var(--c-lime) var(--p), rgba(255, 255, 255, 0.25) var(--p)); }
.filme__barra input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border-radius: 50%; background: #fff; border: 0; }
.filme__barra input[type="range"]::-moz-range-track { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.25); }
.filme__barra input[type="range"]::-moz-range-progress { height: 4px; border-radius: 4px; background: var(--c-lime); }
.filme__barra input[type="range"]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 0; }
.filme__acao { position: relative; z-index: 2; margin-top: calc(var(--u) * 2.5); }
/* Entrada: o ecrã cresce a partir do preto e as cápsulas saem de trás dele. */
html.js .filme:not(.is-dentro) .filme__moldura { opacity: 0; transform: scale(0.9) translateY(24px); }
html.js .filme:not(.is-dentro) .filme__fichas--e .filme__ficha { opacity: 0; transform: translateX(70px) scale(0.9); }
html.js .filme:not(.is-dentro) .filme__fichas--d .filme__ficha { opacity: 0; transform: translateX(-70px) scale(0.9); }
.filme__moldura { transition: opacity 1s ease, transform 1.3s cubic-bezier(0.16, 1, 0.3, 1); }
.filme__ficha:nth-child(1) { transition-delay: 0.25s; }
.filme__ficha:nth-child(2) { transition-delay: 0.4s; }
.filme__ficha:nth-child(3) { transition-delay: 0.55s; }
@media (hover: hover) and (pointer: fine) {
  .filme__som:hover, .filme__cta:hover { background: var(--c-lime-2); scale: 1.04; }
  .filme__barra button:hover { background: rgba(255, 255, 255, 0.12); }
  .filme__repete:hover { color: #fff; }
}
/* Sem espaço aos lados: o vídeo em largura total e as cápsulas por baixo. */
@media (max-width: 1179px) {
  .filme { --lv: 100%; }
  .filme__palco { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--u) * 0.75); max-width: 900px; margin-inline: auto; }
  .filme__moldura { grid-column: 1 / -1; order: -1; margin-bottom: calc(var(--u) * 1.5); }
  .filme__fichas { display: contents; }
  .filme__ficha, .filme__fichas--e .filme__ficha:nth-child(2), .filme__fichas--d .filme__ficha:nth-child(2) { margin: 0; display: grid; transition-delay: 0s; }
  .filme__ficha span { animation: none; border-radius: calc(var(--u) * 0.875); }
}
@media (max-width: 767px) {
  .filme { padding: 72px 16px 64px; }
  .filme__t { font-size: 30px; }
  .filme__sub { margin-top: 12px; font-size: 16px; }
  .filme__palco { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
  .filme__moldura { margin: 0 -4px 22px; }
  .filme__ecra { border-radius: 16px; }
  .filme__aura { inset: -22% -10%; width: 120%; height: 144%; filter: blur(30px) saturate(1.6); }
  .filme__ficha span { padding: 11px 12px; font-size: 13px; gap: 8px; }
  .filme__ficha svg { width: 18px; height: 18px; }
  .filme__som { right: 10px; bottom: 10px; padding: 8px 13px; font-size: 13px; gap: 6px; }
  .filme__som svg { width: 16px; height: 16px; }
  .filme__barra { left: 8px; right: 8px; bottom: 8px; padding: 2px 10px 2px 2px; gap: 2px; }
  .filme__barra button { width: 38px; height: 38px; }
  .filme__barra svg { width: 18px; height: 18px; }
  .filme__relogio { font-size: 12px; }
  .filme__acao { margin-top: 28px; }
  .filme__fim { padding: 8px; gap: 12px; }
  .filme__cta { padding: 9px 16px; font-size: 13px; }
  .filme__repete { font-size: 12px; padding: 4px; }
}
@media (prefers-reduced-motion: reduce) { .filme__ficha span, .filme__som, .filme__moldura::before { animation: none; } .filme__moldura, .filme__ficha { transition: none; } }

/* ---------- como fazemos ---------- */
.como__cab { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(20px, 6vw, 112px); align-items: end; margin-bottom: clamp(36px, 5vw, 76px); }
.como__cab .h2, .como__cab .lead { margin-bottom: 0; }
.como__grupos { border-top: 1px solid var(--line); }
.grupo { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(20px, 6vw, 112px); padding-block: clamp(28px, 3.6vw, 56px); border-bottom: 1px solid var(--line); }
.grupo__nome { margin: 0 0 0.2em; font-size: clamp(1.8rem, 3.2vw, 3rem); line-height: 1.04; letter-spacing: -0.03em; font-weight: 800; }
.grupo__linha { margin: 0; color: var(--soft); font-size: clamp(1.05rem, 1.3vw, 1.2rem); }
.grupo__lista { list-style: none; margin: 0; padding: 0; }
.grupo__item {
  display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) auto; gap: 8px 24px; align-items: baseline;
  padding: 15px 0; text-decoration: none; color: inherit; border-bottom: 1px solid var(--line);
}
.grupo__lista li:last-child .grupo__item { border-bottom: 0; }
.grupo__n { font-weight: 600; font-size: 1.06rem; letter-spacing: -0.01em; }
.grupo__d { color: var(--soft); line-height: 1.4; }
.grupo__s { color: var(--accent); transition: transform 0.2s var(--e); }
@media (hover: hover) and (pointer: fine) { .grupo__item:hover .grupo__s { transform: translateX(5px); } .grupo__item:hover .grupo__n { color: var(--accent); } }
@media (max-width: 760px) {
  .como__cab, .grupo { grid-template-columns: 1fr; }
  .grupo__item { grid-template-columns: 1fr auto; }
  .grupo__d { grid-column: 1 / -1; grid-row: 2; }
}

/* ---------- um caso real ---------- */
.prova__t { margin-bottom: 0.55em; }
.prova__numero { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 20px clamp(28px, 4vw, 64px); margin-bottom: clamp(18px, 2.4vw, 32px); }
.prova__n { margin: 0; line-height: 0.9; letter-spacing: -0.04em; font-weight: 800; }
.prova__n strong { font-weight: 800; font-size: clamp(7rem, 15vw, 13rem); color: var(--c-lime); text-shadow: 0 0 60px rgba(211, 222, 138, 0.35); }
.prova__n span { font-size: clamp(1.9rem, 3.6vw, 3.4rem); color: #fff; }
.janelas { display: grid; grid-template-columns: repeat(5, 1fr); gap: clamp(5px, 0.7vw, 9px); width: clamp(136px, 15vw, 214px); margin-bottom: 0.6em; }
.janelas i { display: block; aspect-ratio: 3 / 4; border-radius: 3px; background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.janelas i.on { transition: background-color 0.5s var(--e), box-shadow 0.5s var(--e); transition-delay: calc(0.25s + var(--i) * 0.28s); }
.janelas.is-on i.on { background: var(--c-lime); box-shadow: 0 0 16px rgba(211, 222, 138, 0.8); }
html:not(.js) .janelas i.on { background: var(--c-lime); }
.prova__texto { margin: 0 0 0.7em; max-width: 32ch; font-size: clamp(1.3rem, 2.2vw, 2rem); line-height: 1.18; letter-spacing: -0.022em; font-weight: 700; text-wrap: balance; }
.prova__nota { margin: 0; max-width: 62ch; color: var(--soft); }

/* ---------- perguntas ---------- */
.faq__list { border-bottom: 1px solid var(--line); }
.faq__item { border-top: 1px solid var(--line); }
.faq__item summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 24px 48px 24px 0; font-size: clamp(1.05rem, 1.3vw, 1.2rem); font-weight: 600; letter-spacing: -0.015em;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  font-size: 1.6rem; font-weight: 400; line-height: 1; transition: transform 0.22s var(--e);
}
.faq__item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq__item p { margin: 0 0 26px; color: var(--soft); max-width: 62ch; }

/* ---------- fecho e questionário ---------- */
.close__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
.close__copy { position: sticky; top: 96px; }
.close .h2 { max-width: 16ch; }
.contact { padding-top: calc(var(--sec) + 40px); }
.contact .h1 { font-size: clamp(2.2rem, 4.4vw, 3.8rem); }
/* Questionário: palco com gradiente animado e focos de luz, cartão de vidro por cima, respostas em cartões. */
.qform {
  position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r); padding: clamp(10px, 2.4vw, 32px);
  background: var(--c-hero); color: var(--c-ink-d);
  --soft: #b4c2ae; --line: var(--c-line-d); --accent: var(--c-lime);
}
.qform__fundo {
  position: absolute; inset: 0; z-index: -1; overflow: hidden;
  background: linear-gradient(125deg, #03130c, #0b3323, #16402a, #052019, #03130c); background-size: 320% 320%;
  animation: qDeriva 16s ease-in-out infinite alternate;
}
.qform__fundo i { position: absolute; display: block; border-radius: 50%; will-change: transform; }
.qform__fundo i:nth-child(1) { width: 110%; aspect-ratio: 1; left: -32%; top: -46%; background: radial-gradient(circle, rgba(211, 222, 138, 0.62), transparent 66%); animation: qLuzA 13s ease-in-out infinite alternate; }
.qform__fundo i:nth-child(2) { width: 100%; aspect-ratio: 1; right: -30%; bottom: -44%; background: radial-gradient(circle, rgba(45, 176, 122, 0.68), transparent 66%); animation: qLuzB 17s ease-in-out infinite alternate; }
.qform__fundo i:nth-child(3) { width: 66%; aspect-ratio: 1; right: 8%; top: -26%; background: radial-gradient(circle, rgba(226, 235, 159, 0.34), transparent 68%); animation: qLuzC 11s ease-in-out infinite alternate; }
.qform.is-parado .qform__fundo, .qform.is-parado .qform__fundo i { animation-play-state: paused; }
@keyframes qDeriva { from { background-position: 0% 20%; } to { background-position: 100% 80%; } }
@keyframes qLuzA { to { transform: translate(34%, 30%) scale(1.15); } }
@keyframes qLuzB { to { transform: translate(-38%, -28%) scale(1.2); } }
@keyframes qLuzC { to { transform: translate(-44%, 52%) scale(0.85); } }
.qform__cartao {
  width: min(680px, 100%); margin-inline: auto; padding: clamp(18px, 3.2vw, 38px); border-radius: 24px;
  background: rgba(5, 24, 16, 0.68); border: 1px solid rgba(226, 235, 159, 0.26);
  box-shadow: 0 0 70px rgba(211, 222, 138, 0.2), 0 30px 80px rgba(0, 0, 0, 0.45);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
}
.qform.is-fim .qform__cartao { width: min(960px, 100%); }
.qform__passos { display: flex; gap: 6px; margin-bottom: 12px; }
.qform__passos i { flex: 1; height: 6px; border-radius: 6px; background: rgba(255, 255, 255, 0.13); }
.qform__passos i.on { background: var(--c-lime); box-shadow: 0 0 12px rgba(211, 222, 138, 0.75); }
.qform__top { display: flex; justify-content: space-between; align-items: center; min-height: 40px; margin-bottom: 8px; font-size: 0.95rem; color: var(--soft); }
.qform__back { background: none; border: 0; color: var(--soft); font: inherit; cursor: pointer; padding: 10px 2px 10px 12px; }
.qform__back:hover { color: var(--c-ink-d); }
.qform__q { font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 6px; outline: none; }
.qform__hint { color: var(--soft); margin: 0 0 18px; font-size: 1rem; }
.opcoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 10px; margin: 0 0 8px; padding: 0; border: 0; min-width: 0; }
.opcao {
  position: relative; display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 12px 14px; border-radius: 16px;
  background: rgba(255, 255, 255, 0.06); border: 1.5px solid rgba(255, 255, 255, 0.17); cursor: pointer; font-size: 1.03rem; line-height: 1.22;
  transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.opcao input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.opcao__marca { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border: 2px solid rgba(255, 255, 255, 0.5); color: var(--c-lime-ink); transition: background-color 0.18s, border-color 0.18s; }
.opcao__marca--varias { border-radius: 8px; }
.opcao__marca--uma { border-radius: 50%; }
.opcao__marca svg { width: 15px; height: 15px; opacity: 0; transform: scale(0.5); transition: opacity 0.18s, transform 0.18s; }
.opcao:has(input:checked) { background: rgba(211, 222, 138, 0.17); border-color: var(--c-lime); box-shadow: 0 0 24px rgba(211, 222, 138, 0.34); }
.opcao:has(input:checked) .opcao__marca { background: var(--c-lime); border-color: var(--c-lime); }
.opcao:has(input:checked) .opcao__marca svg { opacity: 1; transform: none; }
.opcao:has(input:focus-visible) { outline: 2px solid var(--c-lime-2); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .opcao:hover { border-color: rgba(211, 222, 138, 0.7); background: rgba(255, 255, 255, 0.1); transform: translateY(-1px); } }
.qform [hidden] { display: none !important; }
.opcoes__outro { grid-column: 1 / -1; margin: 2px 0 0; }
.opcoes__outro:not([hidden]) { animation: qAbre 0.22s ease-out; }
@keyframes qAbre { from { opacity: 0; transform: translateY(-6px); } }
.qform .field input { background: rgba(255, 255, 255, 0.08); border: 1.5px solid rgba(255, 255, 255, 0.24); }
.qform .field input:focus { border-color: var(--c-lime); box-shadow: 0 0 18px rgba(211, 222, 138, 0.3); }
.qform .field.has-error input { border-color: var(--c-err); }
.qform__nav .btn { width: 100%; min-height: 58px; border-radius: 16px; box-shadow: 0 0 30px rgba(211, 222, 138, 0.42); }
@media (hover: hover) and (pointer: fine) { .qform__nav .btn:hover { box-shadow: 0 0 44px rgba(211, 222, 138, 0.62); } }
@media (max-width: 560px) {
  .opcoes { gap: 8px; }
  .opcao { min-height: 54px; padding: 9px 12px; }
  .qform__cartao { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(5, 24, 16, 0.76); }
}
@media (prefers-reduced-motion: reduce) { .qform__fundo, .qform__fundo i, .opcoes__outro:not([hidden]) { animation: none; } }
.field { display: grid; gap: 6px; margin-bottom: 14px; }
.field label { font-size: 0.93rem; color: var(--soft); }
.field input {
  min-height: 52px; border-radius: 14px; border: 1px solid rgba(211, 222, 138, 0.22);
  background: rgba(4, 23, 15, 0.55); color: var(--c-ink-d); font: inherit; font-size: 1rem; padding: 0 16px; width: 100%;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.field input:focus { border-color: var(--c-lime); outline: none; box-shadow: 0 0 0 3px rgba(211, 222, 138, 0.2); }
.field.has-error input { border-color: var(--c-err); }
.field__err, .qform__err { color: var(--c-err); font-size: 0.9rem; margin: 0; }
.fields2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.check { display: flex; gap: 12px; align-items: flex-start; font-size: 0.95rem; color: var(--soft); margin: 8px 0 6px; cursor: pointer; }
.check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--c-lime); flex: none; }
.check a { color: var(--c-ink-d); }
.qform__nav { display: flex; gap: 12px; align-items: center; justify-content: flex-start; margin-top: 18px; }
.qform__msg { margin: 14px 0 0; color: var(--c-err); }
.hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.qform__cal { margin-top: 18px; min-height: 560px; border-radius: 16px; overflow: hidden; background: rgba(4, 23, 15, 0.4); }
.qform__alt { margin-top: 14px; background: none; border: 0; color: var(--soft); font: inherit; text-decoration: underline; text-underline-offset: 0.22em; cursor: pointer; padding: 8px 0; }
.qform__done-alt { margin-top: 10px; color: var(--c-ink-d); }

@media (max-width: 900px) { .close__grid { grid-template-columns: 1fr; } .close__copy { position: static; } }
@media (max-width: 560px) { .fields2 { grid-template-columns: 1fr; } }

/* ---------- janelas (questionário e menu) ---------- */
dialog { border: 0; padding: 0; color: var(--c-ink-d); background: transparent; max-width: none; max-height: none; }
dialog::backdrop { background: rgba(2, 10, 6, 0.66); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.sheet {
  position: fixed; inset: auto 0 0 0; margin: 0 auto; width: min(760px, 100%);
  max-height: min(92vh, 940px); max-height: min(92dvh, 940px); overflow: auto; overscroll-behavior: contain;
  background: var(--c-forest); border-radius: 26px 26px 0 0;
  padding: 0 clamp(18px, 3vw, 34px) calc(env(safe-area-inset-bottom, 0px) + 26px);
  box-shadow: 0 -20px 60px -20px rgba(0, 0, 0, 0.6);
}
.sheet[open] { animation: sheetIn 0.34s var(--e); }
@keyframes sheetIn { from { opacity: 0; transform: translateY(28px); } }
.sheet__bar { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 18px 0 12px; background: var(--c-forest); }
.sheet__title { margin: 0; font-weight: 500; }
.sheet--form { inset: 0; width: 100%; height: 100vh; height: 100dvh; max-height: none; padding: 0; border-radius: 0; background: var(--c-hero); }
.sheet--form[open] { display: block; }
.sheet--form .sheet__bar { position: absolute; top: 8px; right: 12px; z-index: 3; padding: 0; background: none; }
.sheet--form .sheet__title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.sheet--form .qform { display: grid; align-items: center; min-height: 100%; padding: 56px 12px calc(env(safe-area-inset-bottom, 0px) + 14px); border-radius: 0; }
.menu-list { list-style: none; margin: 0 0 18px; padding: 0; }
.menu-list a { display: block; padding: 14px 0; font-size: clamp(1.4rem, 4vw, 1.8rem); font-weight: 700; letter-spacing: -0.025em; text-decoration: none; border-bottom: 1px solid var(--c-line-d); }
.menu-cta { width: 100%; margin-bottom: 18px; }
.menu-list--small a { font-size: 1.05rem; font-weight: 400; letter-spacing: 0; color: var(--c-soft-d); padding: 11px 0; }

/* ---------- topo das outras páginas ---------- */
.phero { position: relative; padding-top: calc(var(--sec) + 56px); padding-bottom: clamp(56px, 8vw, 112px); }
.phero .lead--big { margin-bottom: 1.6em; }
.crumbs { display: flex; flex-wrap: wrap; gap: 10px; font-size: 0.92rem; color: var(--soft); margin-bottom: 28px; }
.crumbs a { color: inherit; }

/* ---------- o que muda para si ---------- */
.resultados__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(32px, 6vw, 112px); margin-top: clamp(20px, 3vw, 44px); }
.resultado { border-top: 1px solid var(--line); padding: clamp(22px, 2.6vw, 36px) 0 clamp(30px, 3.4vw, 52px); }
.resultado__t { margin: 0 0 0.4em; font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.12; letter-spacing: -0.024em; font-weight: 700; text-wrap: balance; }
.resultado p { margin: 0; color: var(--soft); max-width: 52ch; }
@media (max-width: 760px) { .resultados__grid { grid-template-columns: 1fr; } }

/* ---------- passos ---------- */
.steps { list-style: none; margin: clamp(20px, 3vw, 44px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 64px); }
.steps__item { border-top: 1px solid var(--line); padding-top: 24px; }
.steps__n { display: block; font-size: clamp(2.4rem, 3.6vw, 3.4rem); font-weight: 800; letter-spacing: -0.04em; color: var(--c-teal); line-height: 1; margin-bottom: 18px; }
.steps__item p { color: var(--soft); margin: 0; }
.who { margin-top: clamp(48px, 7vw, 96px); max-width: 760px; border-top: 1px solid var(--line); padding-top: 24px; }
.metodo__outra { margin: clamp(40px, 6vw, 80px) 0 0; }
@media (max-width: 760px) { .steps { grid-template-columns: 1fr; } }

/* ---------- lista de produtos (também da Nuvieo) ---------- */
.plist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.plist__item { border-bottom: 1px solid var(--line); }
.plist__link { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) auto; gap: 28px; align-items: baseline; padding: 26px 0; text-decoration: none; color: inherit; }
.plist__name { font-size: clamp(1.25rem, 2vw, 1.8rem); letter-spacing: -0.024em; font-weight: 700; line-height: 1.12; transition: color 0.16s; }
.plist__short { color: var(--soft); max-width: 46ch; }
.plist__arrow { font-size: 1.3rem; color: var(--accent); transition: transform 0.18s var(--e); }
@media (hover: hover) and (pointer: fine) {
  .plist__link:hover .plist__name { color: var(--accent); }
  .plist__link:hover .plist__arrow { transform: translateX(5px); }
}
@media (max-width: 760px) {
  .plist__link { grid-template-columns: 1fr auto; gap: 6px 16px; padding: 22px 0; }
  .plist__short { grid-column: 1 / -1; grid-row: 2; }
  .plist__arrow { grid-column: 2; grid-row: 1; }
}

/* ---------- o que inclui ---------- */
.includes__grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 112px); align-items: start; }
.ticks { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--line); }
.ticks li { position: relative; padding: 17px 0 17px 36px; border-top: 1px solid var(--line); font-size: 1.1rem; }
.ticks li::before {
  content: ""; position: absolute; left: 3px; top: 25px; width: 14px; height: 8px;
  border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);
}
@media (max-width: 760px) { .includes__grid { grid-template-columns: 1fr; } }

/* ---------- sobre ---------- */
.principles__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(32px, 5vw, 80px); margin-top: clamp(20px, 3vw, 44px); }
.principle { border-top: 1px solid var(--line); padding: 24px 0 30px; }
.principle p { color: var(--soft); margin: 0; }
.facts__list { margin: 0; }
.facts__list > div { display: grid; grid-template-columns: 12em 1fr; gap: 16px; padding: 15px 0; border-top: 1px solid var(--line); }
.facts__list dt { color: var(--soft); }
.facts__list dd { margin: 0; }
@media (max-width: 760px) {
  .principles__grid { grid-template-columns: 1fr; }
  .facts__list > div { grid-template-columns: 1fr; gap: 2px; }
}

/* ---------- textos legais ---------- */
.legal { padding-top: calc(var(--sec) + 48px); }
.legal .h1 { font-size: clamp(2.2rem, 4.4vw, 3.8rem); }
.legal h2 { margin-top: 2em; }
.legal p { max-width: 66ch; }
.nf { min-height: 80vh; }

/* ---------- rodapé: formato, tamanhos e efeitos medidos na referência, nas cores da Nuvieo ---------- */
.footer { position: relative; overflow: hidden; background: var(--c-hero); color: #9ca3af; border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: var(--u); line-height: 1.5; --mark-a: 2.5; }
.footer__luzes { position: absolute; left: 0; right: 0; bottom: 0; height: 450px; overflow: hidden; pointer-events: none; mix-blend-mode: screen; }
.footer__luz { position: absolute; bottom: calc(var(--u) * -4); width: 40%; height: 80%; transform-origin: bottom; animation: luzPulsa 4s ease-in-out infinite; }
.footer__luz--e { left: -15%; }
.footer__luz--d { right: -15%; animation-delay: 1s; }
.footer__luz i { position: absolute; inset: 0; display: block; }
.footer__luz i:nth-child(1) { background: radial-gradient(circle at bottom, rgba(51, 219, 189, 0.62) 0%, rgba(51, 219, 189, 0.2) 30%, transparent 55%); filter: blur(32px); }
.footer__luz i:nth-child(2) { background: radial-gradient(circle at bottom, rgba(18, 120, 98, 0.32) 0%, transparent 65%); filter: blur(80px); }
@keyframes luzPulsa { 50% { opacity: 0.5; } }
.footer__centro { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 60% 80% at center, rgba(51, 219, 189, 0.05), transparent 70%); }
.footer__faiscas { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; pointer-events: none; opacity: 0.9; }
.footer__dentro { position: relative; z-index: 1; width: 100%; max-width: calc(var(--u) * 72); margin-inline: auto; padding: clamp(calc(var(--u) * 4), 7vh, calc(var(--u) * 6)) calc(var(--u) * 2.5); }
.footer__grelha { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: calc(var(--u) * 2.5); }
.footer__col { grid-column: span 2; display: flex; flex-direction: column; align-items: flex-start; gap: var(--u); min-width: 0; }
.footer__col--marca, .footer__col--larga { grid-column: span 4; }
.footer__marca { display: inline-flex; align-items: center; gap: calc(var(--u) * 0.75); color: #fff; text-decoration: none; font-size: calc(var(--u) * 1.25); font-weight: 700; letter-spacing: -0.025em; line-height: 1.4; }
.footer__marca .mark { height: calc(var(--u) * 2.5); transition: transform 0.3s; }
.footer__frase { margin: 0; max-width: calc(var(--u) * 20); font-size: calc(var(--u) * 0.875); line-height: 1.625; color: #6b7280; }
.footer__redes { display: flex; align-items: center; gap: calc(var(--u) * 0.75); padding-top: calc(var(--u) * 0.25); }
.footer__rede {
  display: flex; align-items: center; justify-content: center; width: calc(var(--u) * 2.5); height: calc(var(--u) * 2.5); border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: #9ca3af;
  transition: transform 0.3s, border-color 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s;
}
.footer__rede svg { width: calc(var(--u) * 1.125); height: calc(var(--u) * 1.125); transition: transform 0.3s; }
.footer__contactos { display: flex; flex-direction: column; gap: calc(var(--u) * 0.375); padding-top: calc(var(--u) * 0.75); font-style: normal; font-size: calc(var(--u) * 0.875); line-height: 1.43; color: #6b7280; }
.footer__contactos a { color: inherit; text-decoration: none; transition: color 0.15s; }
.footer__onde { max-width: calc(var(--u) * 20); line-height: 1.625; color: #5f6875; }
.footer__h { font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 0.1em; text-transform: uppercase; color: #5f6875; }
.footer nav { display: flex; flex-direction: column; gap: calc(var(--u) * 0.75); font-size: calc(var(--u) * 0.875); font-weight: 500; line-height: 1.43; }
.footer nav a { color: #9ca3af; text-decoration: none; transition: color 0.15s; }
.footer__fim { display: flex; align-items: center; justify-content: space-between; gap: var(--u); margin-top: calc(var(--u) * 4); padding-top: calc(var(--u) * 2); border-top: 1px solid rgba(255, 255, 255, 0.05); font-size: calc(var(--u) * 0.75); line-height: 1.33; color: #5f6875; }
.footer__fim p { margin: 0; }
.footer__feito { display: inline-flex; align-items: center; gap: 5px; }
.footer__feito .bandeira { width: 11px; height: 11px; }
@media (hover: hover) and (pointer: fine) {
  .footer nav a:hover, .footer__contactos a:hover { color: #fff; }
  .footer__marca:hover .mark { transform: scale(1.05); }
  .footer__rede:hover { transform: translateY(-2px); border-color: rgba(51, 219, 189, 0.4); background: rgba(51, 219, 189, 0.1); color: #fff; box-shadow: 0 0 24px rgba(51, 219, 189, 0.18); }
  .footer__rede:hover svg { transform: scale(1.1); }
}
@media (max-width: 767px) {
  .footer__dentro { padding: 64px 24px; }
  .footer__grelha { grid-template-columns: 1fr; gap: 48px; }
  .footer__col, .footer__col--marca, .footer__col--larga { grid-column: auto; align-items: center; text-align: center; }
  .footer__contactos { align-items: center; }
  .footer nav { align-items: center; }
  .footer__fim { flex-direction: column; margin-top: 64px; text-align: center; }
}

/* ---------- entradas ---------- */
[data-rv].rv-wait { opacity: 0; transform: translateY(20px); }
[data-rv].rv-go { transition: opacity 0.8s var(--e), transform 0.8s var(--e); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; }
  .glow, .glow i:nth-child(n) { animation: none; }
  .footer__luz { animation: none; }
  .logos__faixa { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; }
  .logos__grupo { flex-wrap: wrap; justify-content: center; padding: 0; }
  .logos__grupo[aria-hidden], .logos__grupo .logos__item:nth-child(n + 7) { display: none; }
  .mark.is-acesa { animation: none; }
  [data-rv].rv-wait { transform: none; }
  [data-rv].rv-go { transition: opacity 0.4s linear; }
  .sheet[open] { animation: none; }
  .muda__texto, .muda__depois, .janelas i.on, .porta { transition: none; }
}

/* ---------- O que fazemos: secção clara a seguir à VSL, cartões que passam (como a da Clara na referência) ---------- */
.faz { --faz-t: #0c100e; --faz-s: #5d675e; --faz-l: #dde2d4; --faz-o: #6d7d24; --gap: 24px; position: relative; overflow: hidden; padding: calc(var(--u) * 6) 0 calc(var(--u) * 4.5); background: #f4f6ef; color: var(--faz-t); color-scheme: light; }
.faz__cab { padding-inline: var(--gutter); text-align: center; }
.faz__capsula { display: inline-flex; align-items: center; gap: 0.6em; margin: 0; padding: calc(var(--u) * 0.5) calc(var(--u) * 0.95); border-radius: 9999px; background: #fff; border: 1px solid rgba(12, 16, 14, 0.1); box-shadow: 0 8px 24px rgba(20, 38, 30, 0.06); font-size: calc(var(--u) * 0.75); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #14261e; }
.faz__capsula b { width: 7px; height: 7px; border-radius: 50%; background: #a9bb45; box-shadow: 0 0 0 4px rgba(211, 222, 138, 0.5); }
.faz__t { margin: calc(var(--u) * 1.25) 0 0; font-size: clamp(30px, min(3.1vw, 5.4vh), 50px); line-height: 1.1; letter-spacing: -0.025em; font-weight: 800; text-wrap: balance; }
.faz__sub { max-width: 44em; margin: calc(var(--u) * 0.875) auto 0; font-size: calc(var(--u) * 1.125); line-height: 1.5; color: var(--faz-s); text-wrap: balance; }
.faz__carrossel { width: min(1320px, 100% - 2 * var(--gutter)); margin: calc(var(--u) * 2.75) auto 0; }
.faz__faixa { list-style: none; display: flex; gap: var(--gap); margin: 0 -16px; padding: 24px 16px 40px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; scrollbar-width: none; }
.faz__faixa::-webkit-scrollbar { display: none; }
.faz__cartao { flex: 0 0 calc((100% - 32px - 2 * var(--gap)) / 3); display: flex; flex-direction: column; padding: 14px 14px 26px; border-radius: 24px; background: #fff; scroll-snap-align: start; box-shadow: 0 1px 0 rgba(12, 16, 14, 0.04), 0 18px 46px rgba(20, 38, 30, 0.08); }
.faz__cartao--largo { flex-basis: calc((100% - 32px - 2 * var(--gap)) / 3 * 2 + var(--gap)); }
.faz__vis { position: relative; isolation: isolate; height: clamp(300px, 24vw, 360px); overflow: hidden; border-radius: 16px; background: #eef1e8; }
.faz__h { margin: 20px 6px 0; font-size: calc(var(--u) * 1.3); line-height: 1.22; letter-spacing: -0.012em; font-weight: 800; color: var(--faz-t); text-wrap: balance; }
.faz__p { margin: 8px 6px 0; font-size: calc(var(--u) * 0.95); line-height: 1.55; color: var(--faz-s); }
.faz__setas { display: flex; justify-content: flex-end; gap: 12px; }
.faz__setas button { display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--faz-t); cursor: pointer; box-shadow: 0 8px 22px rgba(20, 38, 30, 0.1); transition: opacity 0.2s, transform 0.2s var(--e); }
.faz__setas button:disabled { opacity: 0.35; cursor: default; }
.faz__setas button:active:not(:disabled) { transform: scale(0.94); }
.faz__setas svg { width: 20px; height: 20px; }
html:not(.js) .faz__setas { display: none; }
.faz__dica { position: absolute; z-index: 3; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 9999px; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 12px; font-weight: 600; color: #2c352e; pointer-events: none; box-shadow: 0 6px 16px rgba(20, 38, 30, 0.12); }
.faz__dica svg { width: 14px; height: 14px; color: var(--faz-o); }

/* 1. Assistente ligada aos canais */
.faz-voz { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 18px 22px; background: radial-gradient(circle at 50% 42%, #fff 0, #eef1e8 62%); }
.faz-voz__fios { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.faz-voz__fios path { fill: none; stroke: #cfd5c4; stroke-width: 1.4; transition: stroke 0.35s, stroke-width 0.35s; }
.faz-voz__fios path.is-on { stroke: #9fb03f; stroke-width: 2.4; }
.faz-voz__ponto { fill: var(--faz-o); opacity: 0; filter: drop-shadow(0 0 6px rgba(159, 176, 63, 0.9)); }
.faz-voz__canais, .faz-voz__saidas { position: relative; z-index: 1; display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.faz-voz__canais { gap: 8px; }
.faz-voz__canal { display: flex; align-items: center; gap: 8px; width: max-content; height: 32px; padding: 0 12px; border-radius: 9999px; background: #fff; border: 1px solid var(--faz-l); font-size: 12.5px; font-weight: 600; color: #2c352e; white-space: nowrap; transition: background 0.35s, border-color 0.35s, box-shadow 0.35s, transform 0.35s var(--e); }
.faz-voz__canal svg { flex: none; width: 15px; height: 15px; color: var(--faz-o); }
.faz-voz__canal.is-on { background: var(--c-lime); border-color: #b9c95a; color: var(--c-lime-ink); box-shadow: 0 0 0 4px rgba(211, 222, 138, 0.4); transform: translateX(4px); }
.faz-voz__canal--mais { border-style: dashed; background: transparent; color: #6f7a6e; }
.faz-voz__centro { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-self: center; }
.faz-voz__orbe { display: grid; place-items: center; width: 124px; height: 124px; border-radius: 50%; background: radial-gradient(circle at 50% 36%, #24402f, #14261e 68%); box-shadow: 0 0 0 10px rgba(211, 222, 138, 0.25), 0 0 0 22px rgba(211, 222, 138, 0.1), 0 18px 40px rgba(20, 38, 30, 0.3); transition: box-shadow 0.45s, transform 0.45s var(--e); }
.faz-voz__orbe img { width: 62px; height: auto; }
.faz-voz__orbe.is-on, .faz-voz.a-tocar .faz-voz__orbe { transform: scale(1.04); box-shadow: 0 0 0 10px rgba(211, 222, 138, 0.45), 0 0 0 24px rgba(211, 222, 138, 0.18), 0 0 60px rgba(211, 222, 138, 0.55), 0 18px 40px rgba(20, 38, 30, 0.3); }
.faz-voz__onda { display: flex; align-items: center; gap: 3px; height: 34px; margin-top: 20px; }
.faz-voz__onda i { width: 4px; height: 32px; border-radius: 3px; background: var(--faz-o); transform: scaleY(calc(var(--h, 0.5) * 0.45)); transition: transform 0.09s linear; }
html.js .faz-voz:not(.a-tocar) .faz-voz__onda i { animation: fazOnda 2.6s ease-in-out infinite; }
.faz-voz__onda i:nth-child(3n) { animation-delay: -0.9s; }
.faz-voz__onda i:nth-child(3n + 1) { animation-delay: -1.7s; animation-duration: 3.1s; }
.faz-voz__onda i:nth-child(4n + 2) { animation-delay: -0.4s; animation-duration: 2.2s; }
@keyframes fazOnda { 0%, 100% { transform: scaleY(calc(var(--h, 0.5) * 0.32)); } 50% { transform: scaleY(calc(var(--h, 0.5) * 0.8)); } }
.faz-voz__ouvir { display: inline-flex; align-items: center; gap: 10px; height: 42px; margin-top: 12px; padding: 0 16px 0 6px; border: 0; border-radius: 9999px; background: #14261e; color: #fff; font: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; box-shadow: 0 10px 24px rgba(20, 38, 30, 0.25); transition: transform 0.2s var(--e), background 0.2s; }
.faz-voz__ouvir:active { transform: scale(0.97); }
.faz-voz__bola { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--c-lime); color: var(--c-lime-ink); }
.faz-voz__bola svg { width: 14px; height: 14px; }
.faz-voz .se-toca, .faz-voz.a-tocar .se-parado { display: none; }
.faz-voz.a-tocar .se-toca { display: block; }
.faz-voz__tempo { font-weight: 500; color: rgba(255, 255, 255, 0.6); font-variant-numeric: tabular-nums; }
html:not(.js) .faz-voz__ouvir { display: none; }
.faz-voz__saidas { gap: 14px; }
.faz-voz__saida { display: flex; align-items: flex-start; gap: 10px; width: 222px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--faz-l); box-shadow: 0 8px 22px rgba(20, 38, 30, 0.06); transition: border-color 0.35s, box-shadow 0.35s; }
.faz-voz__saida svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--faz-o); }
.faz-voz__saida strong { display: block; font-size: 13.5px; line-height: 1.3; }
.faz-voz__saida small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.4; color: var(--faz-s); }
.faz-voz__saida.is-on { border-color: #b9c95a; box-shadow: 0 0 0 4px rgba(211, 222, 138, 0.45), 0 8px 22px rgba(20, 38, 30, 0.06); }

/* 2. Experiência 3D (vídeo da experiência publicada) */
.faz-3d { background: #cfd6c8; }
.faz-3d__video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.faz-3d__hora { position: absolute; z-index: 2; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px 7px 9px; border-radius: 9999px; background: rgba(12, 16, 14, 0.72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 12.5px; font-weight: 700; }
.faz-3d__hora svg { width: 17px; height: 17px; color: #f6d365; transition: color 0.6s, transform 0.6s var(--e); }
.faz-3d__hora.is-tarde svg { color: #f59e5b; transform: rotate(40deg); }
.faz-3d__vivo { position: absolute; z-index: 2; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 9999px; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 12px; font-weight: 600; color: #2c352e; box-shadow: 0 6px 16px rgba(20, 38, 30, 0.12); }
.faz-3d__vivo svg { width: 14px; height: 14px; color: var(--faz-o); }
.faz-3d__credito { position: absolute; z-index: 2; right: 10px; bottom: 6px; font-size: 9.5px; color: rgba(255, 255, 255, 0.88); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); }

/* Volta ao edifício, dentro do cartão do site */
.faz-volta { position: absolute; top: 26px; left: 0; right: 0; bottom: 0; overflow: hidden; container-type: size; background: #d9dccf; }
.faz-volta__palco { position: absolute; left: 50%; top: 50%; width: max(100cqw, 177.78cqh); aspect-ratio: 16 / 9; transform: translate(-50%, -50%); }
@supports not (width: 1cqw) { .faz-volta__palco { inset: 0; left: 0; top: 0; width: 100%; height: 100%; aspect-ratio: auto; transform: none; } }
.faz-volta__img, .faz-volta__tela { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.faz-volta picture { display: contents; }
.faz-volta__tela { opacity: 0; cursor: grab; touch-action: pan-y; transition: opacity 0.4s; }
.faz-volta.is-viva .faz-volta__tela { opacity: 1; }
.faz-volta.a-puxar .faz-volta__tela { cursor: grabbing; }
.faz-volta__pinos { position: absolute; inset: 0; pointer-events: none; }
.faz-volta__pinos[data-forma="m"] { display: none; }
.faz-pino { position: absolute; left: var(--x); top: var(--y); display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 7px; border-radius: 9999px; background: rgba(12, 16, 14, 0.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; font-size: 11.5px; font-weight: 700; opacity: 0; transform: translate(-50%, -50%) scale(0.8); transition: opacity 0.3s, transform 0.5s var(--e); }
.faz-pino i { width: 8px; height: 8px; border-radius: 50%; background: var(--c-lime); box-shadow: 0 0 0 3px rgba(211, 222, 138, 0.35); }
.faz-volta.is-pinos .faz-pino, html:not(.js) .faz-pino { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.faz-volta.is-pinos .faz-pino:nth-child(2) { transition-delay: 0.08s; }
.faz-volta.is-pinos .faz-pino:nth-child(3) { transition-delay: 0.16s; }
.faz-volta.is-pinos .faz-pino:nth-child(4) { transition-delay: 0.24s; }
.faz-volta.is-pinos .faz-pino:nth-child(5) { transition-delay: 0.32s; }
.faz-volta .faz__dica { transition: opacity 0.4s; }
.faz-volta.is-inicio .faz__dica { opacity: 0; }
.faz-volta__barra { position: absolute; z-index: 3; right: 14px; bottom: 16px; width: 38%; height: 18px; margin: 0; background: none; cursor: pointer; -webkit-appearance: none; appearance: none; }
.faz-volta__barra::-webkit-slider-runnable-track { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.75); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25); }
.faz-volta__barra::-webkit-slider-thumb { width: 18px; height: 18px; margin-top: -7px; border-radius: 50%; background: #fff; border: 3px solid #a9bb45; -webkit-appearance: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
.faz-volta__barra::-moz-range-track { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, 0.75); }
.faz-volta__barra::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid #a9bb45; }
html:not(.js) .faz-volta__barra { display: none; }

/* 3. Tour com e sem mobília */
.faz-tour__capa, .faz-tour__tela { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.faz-tour__tela { opacity: 0; outline: none; cursor: grab; touch-action: pan-y; transition: opacity 0.5s; }
.faz-tour__tela:active { cursor: grabbing; }
.faz-tour__tela:focus-visible { box-shadow: inset 0 0 0 3px var(--c-lime); }
.faz-tour.is-viva .faz-tour__tela { opacity: 1; }
.faz-tour__modos { position: absolute; z-index: 3; top: 12px; left: 50%; display: flex; padding: 4px; border-radius: 9999px; background: rgba(12, 16, 14, 0.62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transform: translateX(-50%); }
.faz-tour__modos button { padding: 7px 14px; border: 0; border-radius: 9999px; background: transparent; color: rgba(255, 255, 255, 0.82); font: inherit; font-size: 12.5px; font-weight: 700; white-space: nowrap; cursor: pointer; transition: background 0.25s, color 0.25s; }
.faz-tour__modos button[aria-pressed="true"] { background: var(--c-lime); color: var(--c-lime-ink); }
.faz-tour:not(.is-viva) .faz-tour__modos, .faz-tour:not(.is-viva) .faz__dica { display: none; }

/* 4. Site do empreendimento: a janela do navegador com o site das Palmeiras, sem a marca de quem o vende */
.faz-site { background: linear-gradient(160deg, #e6eadf, #d6dbcc); }
.faz-site__janela { position: absolute; top: 16px; left: 16px; right: 16px; bottom: 0; overflow: hidden; border-radius: 12px 12px 0 0; background: #fff; box-shadow: 0 14px 34px rgba(20, 38, 30, 0.18); }
.faz-site__barra { display: flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; background: #eceee8; }
.faz-site__barra > i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #cfd3c8; }
.faz-site__aba { display: inline-flex; align-items: center; gap: 6px; min-width: 0; margin-left: 8px; padding: 3px 10px; border-radius: 6px; background: #fff; font-size: 10.5px; font-weight: 600; color: #4c564d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.faz-site__aba b { flex: none; width: 7px; height: 7px; border-radius: 2px; background: #c9a227; }
.faz-site__topo { position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px 18px; background: linear-gradient(180deg, rgba(10, 10, 9, 0.55), transparent); color: #fff; font-size: 9.5px; pointer-events: none; }
.faz-site__topo b { font-size: 9.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; }
.faz-site__topo span { margin-left: 10px; opacity: 0.85; white-space: nowrap; }
.faz-site__heroi { position: absolute; z-index: 2; left: 14px; bottom: 44px; max-width: 74%; color: #fff; opacity: 0; transform: translateY(8px); text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45); pointer-events: none; transition: opacity 0.5s, transform 0.6s var(--e); }
.faz-volta.is-inicio .faz-site__heroi { opacity: 1; transform: none; }
.faz-site__heroi strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: clamp(22px, 8cqw, 34px); font-weight: 400; line-height: 1.02; letter-spacing: -0.01em; }
.faz-site__heroi small { display: block; margin-top: 6px; font-size: 10.5px; line-height: 1.4; opacity: 0.92; }
.faz-site__heroi em { display: inline-block; margin-top: 9px; padding: 5px 10px; border-radius: 9999px; background: #f2c518; color: #1a1a17; font-style: normal; font-size: 9px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; text-shadow: none; }
.faz-tel { position: absolute; margin: 0; padding: 5px; border-radius: 22px; background: #0c100e; box-shadow: 0 16px 34px rgba(12, 16, 14, 0.35); }
.faz-tel img, .faz-tel video { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 17px; }
@container (max-width: 460px) { .faz-site__topo span:not(:last-child) { display: none; } }

/* 5. Imagens e vídeos para publicar */
.faz-media { background: linear-gradient(160deg, #e9ecdf, #dce1d1); }
.faz-media figure { margin: 0; }
.faz-media figcaption { position: absolute; z-index: 2; top: 8px; left: 8px; padding: 4px 9px; border-radius: 9999px; background: rgba(12, 16, 14, 0.7); color: #fff; font-size: 11px; font-weight: 700; }
.faz-media__reel { left: 4.5%; top: 7%; width: 33%; aspect-ratio: 1 / 2; }
.faz-media__reel figcaption { top: 13px; left: 13px; }
.faz-media__post, .faz-media__anuncio { position: absolute; overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 12px 28px rgba(20, 38, 30, 0.16); }
.faz-media__post { left: 42%; top: 6%; width: 36%; aspect-ratio: 1; transform: rotate(-2.5deg); }
.faz-media__anuncio { right: 4%; bottom: 7%; width: 48%; aspect-ratio: 3 / 2; transform: rotate(2deg); }
.faz-media__post img, .faz-media__anuncio img { display: block; width: 100%; height: 100%; object-fit: cover; }
html.js .faz-media__post { animation: fazFlutua 7s ease-in-out infinite; }
html.js .faz-media__anuncio { animation: fazFlutua 8s ease-in-out -3s infinite; }
@keyframes fazFlutua { 0%, 100% { translate: 0 0; } 50% { translate: 0 -6px; } }

/* 6. Google e IAs: dois painéis, cada um com a sua animação, um de cada vez */
.faz-procura { display: flex; flex-direction: column; gap: 10px; padding: 12px; background: linear-gradient(160deg, #eef1e8, #e1e5d8); }
.faz-procura p { margin: 0; }
.faz-procura__painel { position: relative; padding: 10px 12px 12px; border-radius: 14px; transition: opacity 0.45s, transform 0.5s var(--e), box-shadow 0.45s; }
.faz-procura__painel--g { background: #fff; box-shadow: 0 8px 22px rgba(20, 38, 30, 0.08); }
.faz-procura__painel--ia { flex: 1; background: #14261e; color: #fff; box-shadow: 0 10px 24px rgba(20, 38, 30, 0.22); }
.faz-procura__rotulo { display: flex; align-items: center; gap: 6px; margin-bottom: 8px !important; font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--faz-o); }
.faz-procura__rotulo svg { width: 14px; height: 14px; }
.faz-procura__painel--ia .faz-procura__rotulo { color: var(--c-lime); }
.faz-procura__caixa { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; border: 1px solid var(--faz-l); border-radius: 9999px; font-size: 12.5px; color: #2c352e; }
.faz-procura__caixa svg { flex: none; width: 14px; height: 14px; color: var(--faz-o); }
.faz-procura__res { margin-top: 8px !important; padding: 6px 9px; border: 1.5px solid #c9d670; border-radius: 10px; background: #f8faee; }
.faz-procura__res small { display: block; font-size: 10.5px; color: #6f7a6e; }
.faz-procura__res strong { display: block; margin-top: 1px; font-size: 13px; line-height: 1.3; color: #1d4d3a; }
.faz-procura__res span { display: none; }
.faz-procura__outros i { display: block; height: 6px; margin: 7px 9px 0; border-radius: 3px; background: #e6e9df; }
.faz-procura__outros i:first-child { width: 78%; }
.faz-procura__outros i:last-child { width: 52%; }
.faz-procura__eu { width: max-content; max-width: 88%; min-height: 31px; margin: 0 0 8px auto !important; padding: 7px 11px; border-radius: 12px 12px 4px 12px; background: rgba(255, 255, 255, 0.13); font-size: 12px; line-height: 1.4; }
.faz-procura__resposta { position: relative; }
.faz-procura__pensa { position: absolute; top: 0; left: 0; display: flex; gap: 4px; padding: 11px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.1); opacity: 0; transition: opacity 0.3s; }
.faz-procura__pensa i { width: 6px; height: 6px; border-radius: 50%; background: var(--c-lime); animation: fazPensa 1s ease-in-out infinite; }
.faz-procura__pensa i:nth-child(2) { animation-delay: 0.15s; }
.faz-procura__pensa i:nth-child(3) { animation-delay: 0.3s; }
@keyframes fazPensa { 0%, 100% { opacity: 0.3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }
.faz-procura__ia { display: flex; gap: 8px; padding: 9px 11px; border-radius: 12px 12px 12px 4px; background: #fff; color: #2c352e; font-size: 12px; line-height: 1.45; }
.faz-procura__ia svg { flex: none; width: 15px; height: 15px; margin-top: 1px; color: var(--faz-o); }
.faz-procura__ia b { color: #1d4d3a; }
.faz-procura__ia em { display: block; width: max-content; margin-top: 6px; padding: 3px 8px; border-radius: 9999px; background: var(--c-lime); font-style: normal; font-size: 10.5px; font-weight: 700; color: var(--c-lime-ink); }
.faz-procura__res, .faz-procura__outros, .faz-procura__eu, .faz-procura__ia { transition: opacity 0.45s, transform 0.55s var(--e); }
.faz-procura.is-anima:is([data-passo="i0"], [data-passo="i1"], [data-passo="i2"]) .faz-procura__painel--g,
.faz-procura.is-anima:is([data-passo="g0"], [data-passo="g1"]) .faz-procura__painel--ia { opacity: 0.38; transform: scale(0.985); }
.faz-procura.is-anima:is([data-passo="g0"], [data-passo="g1"]) .faz-procura__painel--g { box-shadow: 0 0 0 3px rgba(211, 222, 138, 0.8), 0 8px 22px rgba(20, 38, 30, 0.08); }
.faz-procura.is-anima[data-passo="g0"] :is(.faz-procura__res, .faz-procura__outros),
.faz-procura.is-anima:is([data-passo="g0"], [data-passo="g1"]) .faz-procura__eu,
.faz-procura.is-anima:not([data-passo="i2"]) .faz-procura__ia { opacity: 0; transform: translateY(6px); }
.faz-procura.is-anima[data-passo="i1"] .faz-procura__pensa { opacity: 1; }
.faz-procura.is-anima[data-passo="g0"] [data-procura-escreve]::after,
.faz-procura.is-anima[data-passo="i0"] [data-procura-pergunta]::after { content: ""; display: inline-block; width: 1.5px; height: 1.05em; margin-left: 1px; vertical-align: -0.15em; background: currentColor; animation: fazCursor 0.9s steps(1) infinite; }
@keyframes fazCursor { 50% { opacity: 0; } }

@media (hover: hover) and (pointer: fine) {
  .faz__setas button:hover:not(:disabled) { transform: scale(1.06); }
  .faz-voz__ouvir:hover { background: #1d3527; }
}
/* Tablet: dois cartões à vista; o da assistente fica inteiro. */
@media (max-width: 1099px) {
  .faz__cartao { flex-basis: calc((100% - 32px - var(--gap)) / 2); }
  .faz__cartao--largo { flex-basis: calc(100% - 32px); }
}
/* Assistente em coluna: canais por cima, assistente ao meio, equipa e CRM por baixo. */
@media (max-width: 899px) {
  .faz-voz { grid-template-columns: 1fr; justify-items: center; gap: 16px; height: auto; min-height: 400px; padding: 18px 14px 20px; }
  .faz-voz__canais { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 520px; }
  .faz-voz__canal { height: 28px; padding: 0 10px; font-size: 11.5px; }
  .faz-voz__canal.is-on { transform: translateY(-2px); }
  .faz-voz__orbe { width: 96px; height: 96px; }
  .faz-voz__orbe img { width: 48px; }
  .faz-voz__onda { margin-top: 14px; height: 28px; }
  .faz-voz__saidas { flex-direction: row; gap: 8px; width: 100%; max-width: 520px; }
  .faz-voz__saida { flex: 1; width: auto; padding: 10px 11px; }
}
@media (max-width: 767px) {
  .faz { padding: 72px 0 56px; }
  .faz__t { font-size: 30px; }
  .faz__sub { margin-top: 12px; font-size: 16px; }
  .faz__carrossel { width: 100%; margin-top: 28px; }
  .faz__faixa { --gap: 12px; margin: 0; padding: 20px 16px 28px; }
  .faz__cartao, .faz__cartao--largo { flex-basis: min(84vw, 380px); padding: 10px 10px 20px; border-radius: 20px; }
  .faz__faixa { -webkit-mask-image: none; mask-image: none; }
  .faz__vis { height: 404px; border-radius: 14px; }
  .faz-voz { height: 404px; min-height: 0; gap: 12px; padding: 14px 10px 14px; }
  .faz-site__heroi { bottom: 46px; }
  .faz-volta__palco { width: max(100cqw, 56.25cqh); aspect-ratio: 9 / 16; }
  .faz-volta__pinos[data-forma="h"] { display: none; }
  .faz-volta__pinos[data-forma="m"] { display: block; }
  .faz-volta__barra { left: 16px; right: 16px; bottom: 16px; width: auto; }
  .faz-voz__orbe { width: 84px; height: 84px; }
  .faz-voz__orbe img { width: 42px; }
  .faz-voz__onda { margin-top: 10px; height: 24px; }
  .faz-voz__ouvir { height: 38px; margin-top: 8px; font-size: 13px; }
  .faz-voz__bola { width: 27px; height: 27px; }
  .faz-voz__saida { align-items: center; padding: 9px 10px; }
  .faz-voz__saida small { display: none; }
  .faz-voz__saida strong { font-size: 12.5px; }
  .faz-procura { gap: 8px; padding: 10px; }
  .faz__h { margin: 16px 4px 0; font-size: 19px; }
  .faz__p { margin: 6px 4px 0; font-size: 14.5px; }
  .faz__setas { padding-inline: 16px; }
  .faz__setas button { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .faz *, .faz *::before, .faz *::after { animation: none !important; }
}