/* Comtexto Criativo — sistema visual
   Laranja e grafite vêm do logotipo oficial; verde-sálvia, areia, dourado, degradê quente,
   círculos, moldura fina e aspas vêm da identidade usada no Instagram (@comtextocriativo). */
:root {
  --laranja: #EE4D1C;
  --laranja-texto: #C2400F;   /* laranja para textos pequenos sobre fundo claro (contraste AA) */
  --verde: #4C7A5B;           /* verde-sálvia do feed; texto branco passa AA */
  --verde-escuro: #3E6649;
  --verde-circulo: #5A8868;
  --verde-claro: #E4F1E9;
  --areia: #E8D3B8;
  --dourado: #D4BC86;
  --grafite: #2B2C2A;
  --grafite-suave: #4A4C48;
  --fundo: #F5FBF7;
  --branco: #FFFFFF;
  --linha: rgba(43, 44, 42, 0.14);
  --degrade: linear-gradient(155deg, #EC6A3C 0%, #F0915A 38%, #F2B86E 72%, #EFCB82 100%);
  --grao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");

  --fonte-titulo: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fonte-texto: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;

  --t-h1: clamp(2.4rem, 1.3rem + 4vw, 4.9rem);
  --t-h2: clamp(2rem, 1.3rem + 2.6vw, 3.6rem);
  --t-display: clamp(1.6rem, 1.1rem + 2vw, 2.75rem);
  --t-lead: clamp(1.2rem, 1.06rem + 0.55vw, 1.5rem);
  --t-corpo: 1.125rem;

  --raio: 28px;
  --raio-pequeno: 14px;
  --secao: clamp(72px, 5rem + 4vw, 152px);
  --gutter: clamp(16px, 4vw, 40px);
  --topo: 84px;
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--topo) + 12px);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--fundo);
  color: var(--grafite);
  font-family: var(--fonte-texto);
  font-size: var(--t-corpo);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, h4 { margin: 0; font-family: var(--fonte-titulo); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: inherit; }
strong { font-weight: 500; }

:focus-visible {
  outline: 3px solid var(--laranja);
  outline-offset: 3px;
  border-radius: 6px;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1240px;
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.secao { position: relative; padding-block: var(--secao); }

.visualmente-oculto {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

.pular {
  position: absolute; left: 16px; top: -60px; z-index: 100;
  background: var(--grafite); color: var(--fundo);
  padding: 10px 16px; border-radius: 10px; text-decoration: none; font-weight: 500;
}
.pular:focus { top: 12px; }

.titulo-secao { font-size: var(--t-h2); }

.sobretitulo {
  font-family: var(--fonte-titulo);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--laranja-texto);
  margin-bottom: 18px;
}
.sobretitulo--claro { color: var(--branco); }

/* ---------- Elementos de marca (vindos do feed) ---------- */

/* Aspas do logotipo, recoloríveis por `color`. */
.aspas {
  display: inline-block;
  width: 64px;
  aspect-ratio: 40 / 26;
  background: currentColor;
  -webkit-mask: url("aspas.svg") no-repeat center / contain;
  mask: url("aspas.svg") no-repeat center / contain;
  flex-shrink: 0;
}

/* Moldura de linha fina, vazada por dentro do bloco de cor. */
.moldura { position: relative; isolation: isolate; }
.moldura::before {
  content: "";
  position: absolute;
  inset: clamp(14px, 2vw, 26px);
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  border-radius: clamp(18px, 2.4vw, 30px);
  pointer-events: none;
  z-index: 0;
}

/* Marca-texto verde sob palavras-chave em blocos laranja. */
.marcador {
  background: linear-gradient(transparent 58%, rgba(76, 122, 91, 0.9) 58%, rgba(76, 122, 91, 0.9) 94%, transparent 94%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.destaque-areia { color: var(--areia); }

/* Pendências de conteúdo: destacadas para preenchimento */
.pendente {
  background: rgba(238, 77, 28, 0.12);
  color: var(--laranja-texto);
  border-bottom: 2px dashed var(--laranja);
  padding: 0 4px;
  border-radius: 4px;
  font-weight: 500;
}

/* ---------- Botões ---------- */
.botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 28px;
  border-radius: 999px;
  border: 2px solid transparent;
  font-family: var(--fonte-titulo);
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.botao__seta { transition: transform .2s ease; }
.botao:hover .botao__seta { transform: translateX(4px); }
.botao--verde { background: var(--verde); color: var(--branco); }
.botao--verde:hover { background: var(--verde-escuro); }
.botao--pequeno { min-height: 44px; padding: 0 22px; font-size: 0.975rem; }
.botao[disabled] { opacity: .65; cursor: progress; }

/* ---------- Cabeçalho ---------- */
.topo {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(245, 251, 247, 0.88);
  -webkit-backdrop-filter: saturate(150%) blur(12px);
  backdrop-filter: saturate(150%) blur(12px);
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease;
}
.topo.is-rolado { border-bottom-color: var(--linha); }
.topo__linha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--topo);
  gap: 24px;
}
.topo__logo { display: block; width: clamp(128px, 10vw + 40px, 172px); flex-shrink: 0; }
.topo__logo img { width: 100%; }

.menu__lista { display: flex; align-items: center; gap: clamp(20px, 2.4vw, 40px); }
.menu__link {
  position: relative;
  text-decoration: none;
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 0.98rem;
  padding-block: 8px;
}
.menu__link::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 2px;
  height: 2px; background: var(--laranja);
  transform: scaleX(0); transform-origin: left;
  transition: transform .25s ease;
}
.menu__link:hover::after,
.menu__link[aria-current="true"]::after { transform: scaleX(1); }

.topo__menu {
  display: none;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 16px;
  border: 1.5px solid var(--grafite);
  border-radius: 999px;
  background: transparent;
  color: var(--grafite);
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
}
.topo__menu-icone,
.topo__menu-icone::before,
.topo__menu-icone::after {
  display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px;
  transition: transform .2s ease;
}
.topo__menu-icone { position: relative; }
.topo__menu-icone::before,
.topo__menu-icone::after { content: ""; position: absolute; left: 0; }
.topo__menu-icone::before { top: -6px; }
.topo__menu-icone::after { top: 6px; }
.topo__menu[aria-expanded="true"] .topo__menu-icone { background: transparent; }
.topo__menu[aria-expanded="true"] .topo__menu-icone::before { transform: translateY(6px) rotate(45deg); }
.topo__menu[aria-expanded="true"] .topo__menu-icone::after { transform: translateY(-6px) rotate(-45deg); }

/* ---------- Hero ---------- */
.hero { padding-block: clamp(48px, 2rem + 6vw, 140px) clamp(64px, 3rem + 6vw, 150px); }
.hero__grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: center;
}
.hero__titulo {
  font-size: var(--t-h1);
  letter-spacing: -0.04em;
  line-height: 1.03;
  max-width: 19ch;
}
.hero__titulo em { font-style: normal; color: var(--laranja); }
.hero__lead {
  margin-top: clamp(24px, 3vw, 36px);
  font-size: var(--t-lead);
  line-height: 1.5;
  color: var(--grafite-suave);
  max-width: 42ch;
}
.hero__acao { margin-top: clamp(32px, 4vw, 48px); display: grid; gap: 14px; justify-items: start; }
.hero__nota { font-size: 1rem; color: var(--grafite-suave); max-width: 46ch; }

/* Painel no formato de post: degradê quente com grão, círculo verde e aspas */
.hero__marca {
  position: relative;
  aspect-ratio: 4 / 5;
  border-radius: 36px;
  background: var(--grao), var(--degrade);
  overflow: hidden;
  isolation: isolate;
}
.hero__circulo {
  position: absolute;
  top: -22%;
  left: -30%;
  width: 112%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--verde);
}
.hero__aspas {
  position: absolute;
  left: 12%;
  bottom: 12%;
  width: 34%;
  color: var(--laranja);
  z-index: 1;
}
.hero__marca::after {
  content: "";
  position: absolute;
  inset: 16px;
  border: 1.5px solid rgba(255, 255, 255, 0.45);
  border-radius: 26px;
  z-index: 2;
}

/* ---------- O problema: blocos no formato dos posts ---------- */
.problema__cabeca {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(20px, 6vw, 96px);
  align-items: end;
}
.problema__fecho { font-size: var(--t-lead); line-height: 1.5; color: var(--grafite-suave); max-width: 36ch; }
.posts {
  margin-top: clamp(40px, 5vw, 64px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.6vw, 20px);
}
.post {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 4 / 5;
  border-radius: var(--raio);
  padding: clamp(24px, 2.4vw, 36px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.post p {
  font-family: var(--fonte-titulo);
  font-size: clamp(1.3rem, 0.9rem + 1vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.18;
  position: relative;
  z-index: 1;
}
.post .aspas { width: 56px; position: relative; z-index: 1; }
.post--laranja { background: var(--laranja); color: var(--branco); }
.post--laranja .aspas { color: var(--verde); }
.post--verde { background: var(--verde); color: var(--branco); }
.post--verde .aspas { color: var(--dourado); }
.post--areia { background: var(--areia); color: var(--grafite); }
.post--areia .aspas { color: var(--laranja); }
.post--claro { background: var(--branco); color: var(--verde-escuro); border: 1px solid var(--linha); }
.post--claro .aspas { color: var(--laranja); }
.post__circulo {
  position: absolute;
  left: 50%;
  bottom: -38%;
  width: 70%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--verde);
  transform: translateX(-50%);
  z-index: 0;
}
.post--claro p { margin-bottom: 26%; }

/* ---------- Manifesto ---------- */
.manifesto__bloco {
  position: relative;
  overflow: hidden;
  background: var(--laranja);
  color: var(--branco);
  border-radius: clamp(24px, 3vw, 40px);
  padding: clamp(56px, 7vw, 112px) clamp(32px, 7vw, 112px);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: clamp(24px, 4vw, 72px);
  align-items: end;
}
.manifesto__bloco > * { position: relative; z-index: 1; }
.manifesto__circulo {
  position: absolute !important;
  top: -80px;
  right: -70px;
  width: clamp(160px, 18vw, 250px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--verde);
  display: grid;
  place-items: center;
  z-index: 0 !important;
}
.manifesto__circulo .aspas { width: 30%; color: var(--areia); transform: translate(-14%, 14%); }
.manifesto__titulo { font-size: var(--t-h2); letter-spacing: -0.035em; }
.manifesto__texto { font-size: 1.5rem; line-height: 1.45; }

/* ---------- Para quem (fundo areia) ---------- */
.publico { background: var(--areia); overflow: hidden; }
.publico .container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 6vw, 96px);
  align-items: start;
}
.publico__aspas {
  position: absolute;
  top: clamp(36px, 5vw, 72px);
  right: var(--gutter);
  width: clamp(64px, 7vw, 110px);
  color: var(--laranja);
}
.selos { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.selos li {
  padding: 10px 18px;
  border: 1.5px solid var(--grafite);
  border-radius: 999px;
  font-family: var(--fonte-titulo);
  font-weight: 600;
  font-size: 0.95rem;
}
.publico__texto { display: grid; gap: 20px; font-size: var(--t-lead); line-height: 1.55; }
.publico__texto p:last-child { color: var(--grafite-suave); }

/* ---------- Serviços / abas ---------- */
.servicos { background: var(--branco); border-radius: clamp(28px, 4vw, 56px) clamp(28px, 4vw, 56px) 0 0; margin-top: calc(-1 * clamp(28px, 4vw, 56px)); }
.servicos__cabeca { max-width: 720px; }
.servicos__intro { margin-top: 20px; font-size: var(--t-lead); color: var(--grafite-suave); }
.abas { margin-top: clamp(40px, 5vw, 64px); }
.abas__lista {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border-radius: 999px;
  background: var(--fundo);
  border: 1px solid var(--linha);
}
.abas__aba {
  min-height: 52px;
  padding: 8px 16px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--grafite);
  font-family: var(--fonte-titulo);
  font-weight: 700;
  font-size: 0.975rem;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.abas__aba:hover { background: var(--verde-claro); }
.abas__aba[aria-selected="true"] { background: var(--verde); color: var(--branco); }
.abas__painel {
  margin-top: 24px;
  padding: clamp(28px, 4vw, 64px);
  border-radius: var(--raio);
  background: var(--fundo);
  border: 1px solid var(--linha);
}
.painel__titulo { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem); max-width: 24ch; }
.painel__colunas {
  margin-top: clamp(20px, 3vw, 36px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 4vw, 56px);
  color: var(--grafite-suave);
}
.painel__colunas > div { display: grid; gap: 16px; align-content: start; }
.lista-marcada { display: grid; gap: 14px; color: var(--grafite); }
.lista-marcada li { position: relative; padding-left: 28px; }
.lista-marcada li::before {
  content: "";
  position: absolute; left: 0; top: 0.6em;
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--laranja);
}

/* ---------- Branding (bloco verde, como no feed) ---------- */
.branding { background: var(--verde); color: var(--branco); overflow: hidden; }
.branding__circulo {
  position: absolute;
  right: -12vw;
  top: -14vw;
  width: clamp(280px, 38vw, 560px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--verde-circulo);
}
.branding__cabeca {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(28px, 6vw, 96px);
  align-items: start;
}
.branding__pergunta { font-family: var(--fonte-titulo); font-size: var(--t-display); font-weight: 800; letter-spacing: -0.025em; line-height: 1.2; }
.branding__intro { margin-top: 20px; font-size: var(--t-lead); }
.branding__lista {
  margin-top: clamp(48px, 6vw, 88px);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 56px);
  counter-reset: item;
}
.branding__lista li {
  counter-increment: item;
  border-top: 1.5px solid rgba(255, 255, 255, 0.4);
  padding-top: 28px;
}
.branding__lista li::before {
  content: counter(item, decimal-leading-zero);
  display: block;
  font-family: var(--fonte-titulo);
  font-size: clamp(2.5rem, 2rem + 2vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--areia);
  margin-bottom: 24px;
}
.branding__lista h3 { font-size: clamp(1.3rem, 1.1rem + 0.6vw, 1.6rem); }
.branding__lista p { margin-top: 12px; }

/* ---------- Sobre ---------- */
.sobre__grade {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(32px, 6vw, 96px);
  align-items: start;
}
.sobre__blocos { display: grid; border-top: 1px solid var(--linha); }
.sobre__bloco { padding-block: clamp(24px, 3vw, 40px); border-bottom: 1px solid var(--linha); }
.sobre__bloco h3 { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); }
.sobre__bloco p { margin-top: 12px; font-size: 1.1875rem; color: var(--grafite-suave); }

/* ---------- Como funciona ---------- */
.conversa { background: var(--verde-claro); }
.passos {
  margin-block: clamp(40px, 5vw, 64px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
  counter-reset: passo;
}
.passo {
  counter-increment: passo;
  background: var(--branco);
  border-radius: var(--raio);
  padding: 28px 26px 32px;
  display: grid;
  gap: 20px;
  align-content: start;
}
.passo::before {
  content: counter(passo);
  display: grid;
  place-items: center;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: var(--laranja);
  color: var(--branco);
  font-family: var(--fonte-titulo);
  font-weight: 800;
  font-size: 1.25rem;
}
.passo p { font-size: 1.125rem; line-height: 1.5; }

/* ---------- Contato ---------- */
.contato {
  position: relative;
  overflow: hidden;
  background: var(--laranja);
  color: var(--branco);
  padding-block: var(--secao);
}
.contato__circulo {
  position: absolute;
  left: -14vw;
  bottom: -18vw;
  width: clamp(320px, 42vw, 620px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--verde);
}
.contato__grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(36px, 6vw, 96px);
  align-items: start;
}
.contato__texto { position: sticky; top: calc(var(--topo) + 32px); }
.contato__aspas { width: 72px; color: var(--verde); margin-bottom: 28px; }
.contato__titulo { font-size: clamp(1.9rem, 1.3rem + 1.9vw, 3rem); letter-spacing: -0.035em; }
.contato__lead { margin-top: 28px; font-size: 1.5rem; line-height: 1.45; max-width: 26ch; }
.cartao-form {
  position: relative;
  background: var(--branco);
  color: var(--grafite);
  border-radius: clamp(24px, 3vw, 36px);
  padding: clamp(28px, 4vw, 52px);
}
.cartao-form__titulo { font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.cartao-form__intro { margin-top: 12px; color: var(--grafite-suave); }

/* ---------- Formulário ---------- */
.form-wix { margin-top: 28px; }
.form-wix__esqueleto { display: grid; gap: 16px; }
.form-wix__esqueleto span {
  display: block; height: 56px; border-radius: var(--raio-pequeno);
  background: linear-gradient(90deg, var(--fundo), var(--verde-claro), var(--fundo));
  background-size: 200% 100%;
  animation: brilho 1.4s ease-in-out infinite;
}
@keyframes brilho { to { background-position: -200% 0; } }
.form-wix form { display: grid; gap: 20px; }
.campo { display: grid; gap: 8px; }
.campo__rotulo { font-family: var(--fonte-titulo); font-weight: 700; font-size: 0.95rem; }
.campo__obrigatorio { color: var(--laranja-texto); margin-left: 2px; }
.campo__opcional { font-weight: 500; color: var(--grafite-suave); }
.campo__controle {
  width: 100%;
  min-height: 54px;
  padding: 14px 16px;
  border: 1.5px solid rgba(43, 44, 42, 0.28);
  border-radius: var(--raio-pequeno);
  background: var(--branco);
  color: var(--grafite);
  font-family: var(--fonte-texto);
  font-size: 1.0625rem;
  line-height: 1.4;
  transition: border-color .15s ease, box-shadow .15s ease;
}
textarea.campo__controle { min-height: 120px; resize: vertical; }
select.campo__controle {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%232B2C2A' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
}
.campo__controle:hover { border-color: rgba(43, 44, 42, 0.5); }
.campo__controle:focus { outline: none; border-color: var(--verde); box-shadow: 0 0 0 4px rgba(76, 122, 91, 0.2); }
.campo__controle[aria-invalid="true"] { border-color: #B42318; }
.campo__erro { color: #B42318; font-size: 0.95rem; font-weight: 500; }
.campo__erro:empty { display: none; }
.campo__ajuda { color: var(--grafite-suave); font-size: 0.95rem; }
.campo__telefone { display: flex; align-items: stretch; }
.campo__ddi {
  display: inline-flex; align-items: center;
  padding: 0 14px;
  border: 1.5px solid rgba(43, 44, 42, 0.28);
  border-right: 0;
  border-radius: var(--raio-pequeno) 0 0 var(--raio-pequeno);
  background: var(--fundo);
  font-family: var(--fonte-titulo);
  font-weight: 700;
}
.campo__telefone .campo__controle { border-radius: 0 var(--raio-pequeno) var(--raio-pequeno) 0; }
.campo__opcoes { display: grid; gap: 10px; }
.campo__opcao { display: flex; gap: 10px; align-items: center; }
.form-wix__erro-geral {
  padding: 14px 16px; border-radius: var(--raio-pequeno);
  background: #FEF3F2; color: #B42318; font-weight: 500;
}
.form-wix__enviar { justify-self: start; margin-top: 4px; }
.form-wix__sucesso {
  display: grid; gap: 12px;
  padding: 28px;
  border-radius: var(--raio);
  background: var(--verde-claro);
}
.form-wix__sucesso h4 { font-size: 1.35rem; letter-spacing: -0.02em; }
.form-wix__aviso { color: var(--grafite-suave); }

/* ---------- Rodapé ---------- */
.rodape { padding-block: clamp(56px, 6vw, 88px) 32px; }
.rodape__grade {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: clamp(28px, 5vw, 80px);
  align-items: start;
}
.rodape__logo { display: block; width: 180px; }
.rodape__menu { display: grid; gap: 10px; font-family: var(--fonte-titulo); font-weight: 600; }
.rodape__menu a { text-decoration: none; }
.rodape__menu a:hover { color: var(--laranja-texto); }
.rodape__contatos { display: grid; gap: 14px; }
.rodape__contatos li { display: grid; gap: 2px; }
.rodape__rotulo {
  font-family: var(--fonte-titulo);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--grafite-suave);
}
.rodape__contatos a { font-weight: 500; text-decoration-color: var(--laranja); text-underline-offset: 3px; }
.rodape__contatos a:hover { color: var(--laranja-texto); }
.rodape__base {
  margin-top: clamp(40px, 5vw, 64px);
  padding-top: 24px;
  border-top: 1px solid var(--linha);
  font-size: 0.95rem;
  color: var(--grafite-suave);
}

/* ---------- Página de documento (Política de Privacidade) ---------- */
.documento { padding-block: clamp(48px, 2rem + 5vw, 120px); }
.documento__grade {
  display: grid;
  grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(28px, 6vw, 96px);
  align-items: start;
}
.documento__cabeca { position: sticky; top: calc(var(--topo) + 32px); }
.documento__data { margin-top: 16px; color: var(--grafite-suave); }
.documento__texto { display: grid; gap: 18px; max-width: 70ch; }
.documento__texto h2 { margin-top: 24px; font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); }
.documento__texto a,
.cartao-form__nota a,
.rodape__base a { color: inherit; text-decoration-color: var(--laranja); text-underline-offset: 3px; }
.documento__texto a:hover,
.cartao-form__nota a:hover,
.rodape__base a:hover { color: var(--laranja-texto); }
.cartao-form__nota { margin-top: 10px; font-size: 0.95rem; color: var(--grafite-suave); }

/* ---------- Responsivo ---------- */
@media (max-width: 1024px) {
  .abas__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 24px; }
  .passos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .post { aspect-ratio: 1 / 1; }
  .manifesto__bloco { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 860px) {
  :root { --topo: 72px; }
  .topo__menu { display: inline-flex; }
  .menu {
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: var(--fundo);
    border-bottom: 1px solid var(--linha);
    padding: 8px var(--gutter) 24px;
    display: none;
  }
  .menu.is-aberto { display: block; }
  .menu__lista { flex-direction: column; align-items: stretch; gap: 4px; }
  .menu__link { display: block; padding: 14px 0; font-size: 1.125rem; border-bottom: 1px solid var(--linha); }
  .menu__link::after { display: none; }
  .menu__lista .botao { margin-top: 16px; width: 100%; min-height: 52px; }

  .hero__grade,
  .problema__cabeca,
  .publico .container,
  .branding__cabeca,
  .sobre__grade,
  .contato__grade { grid-template-columns: 1fr; }
  .hero__marca { display: none; }
  .contato__texto { position: static; }
  .documento__grade { grid-template-columns: 1fr; }
  .documento__cabeca { position: static; }
  .painel__colunas { grid-template-columns: 1fr; }
  .branding__lista { grid-template-columns: 1fr; }
  .rodape__grade { grid-template-columns: 1fr 1fr; }
  .rodape__logo { grid-column: 1 / -1; }
  .manifesto__circulo { width: 150px; top: -50px; right: -50px; }
}

@media (max-width: 560px) {
  .posts { grid-template-columns: 1fr; }
  .post { aspect-ratio: auto; min-height: 220px; }
  .post--claro p { margin-bottom: 96px; }
  .post__circulo { width: 52%; bottom: -30%; }
  .abas__lista { grid-template-columns: 1fr; border-radius: 22px; }
  .botao { width: 100%; }
  .hero__acao { justify-items: stretch; }
  .manifesto__texto,
  .contato__lead { font-size: 1.3rem; font-weight: 500; }
  .manifesto__titulo { padding-right: 56px; }
  .rodape__grade { grid-template-columns: 1fr; }
  .form-wix__enviar { justify-self: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}