/*
  MY SDR IMOB: landing de lançamento.
  Lê só tokens.css (marca/tokens.css, v1.2). Sem estilo inline: a CSP do _headers não libera 'unsafe-inline'.
  Página sempre no tema claro (data-tema="claro" no <html>): o mock do WhatsApp tem cores fixas.
*/

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 80px; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--cor-fundo);
  color: var(--cor-texto);
  font-family: var(--texto-corpo);
  font-size: var(--texto-base);
  line-height: var(--entrelinha-corpo);
  -webkit-font-smoothing: antialiased;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--cor-link); }
:focus-visible { outline: 3px solid var(--cor-foco); outline-offset: 2px; }

.ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pular { position: absolute; left: 16px; top: -60px; z-index: 30; background: var(--cor-acao); color: var(--cor-acao-texto); padding: 10px 16px; border-radius: var(--raio-controle); font-weight: 600; text-decoration: none; }
.pular:focus { top: 12px; }

.wrap { width: 100%; max-width: 1248px; margin: 0 auto; padding: 0 var(--espaco-4); }
@media (min-width: 768px) { .wrap { padding: 0 var(--espaco-5); } }

/* ===== Botões (CTA na forma da porta) ===== */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--espaco-2);
  min-height: var(--botao-altura); padding: 0 var(--botao-padding-x);
  font-family: var(--botao-fonte); font-size: var(--botao-tamanho); font-weight: var(--botao-peso); line-height: 1.2;
  text-decoration: none; border: 1px solid transparent; border-radius: var(--raio-porta-marca);
  cursor: pointer; transition: background-color var(--p-duracao), border-color var(--p-duracao);
}
.btn .ico { width: 18px; height: 18px; }
.btn-primario { background: var(--botao-primario-fundo); color: var(--botao-primario-texto); }
.btn-primario:hover { background: var(--botao-primario-fundo-hover); }
.btn-destaque { background: var(--botao-destaque-fundo); color: var(--botao-destaque-texto); }
.btn-destaque:hover { background: var(--p-ambar-200); }
.btn-secundario { background: var(--botao-secundario-fundo); color: var(--botao-secundario-texto); border-color: var(--botao-secundario-borda); }
.btn-secundario:hover { border-color: var(--cor-acao); }
.btn-grande { min-height: 52px; padding: 0 var(--espaco-6); font-size: var(--texto-base); }

/* ===== Topo ===== */
.topo { position: sticky; top: 0; z-index: 20; background: var(--cor-superficie); border-bottom: 1px solid var(--cor-borda); }
.topo .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--espaco-4); height: 64px; }
.marca { display: block; flex: none; }
.marca img { height: 22px; width: auto; }
.nav-desk { display: none; }
.nav-desk a:not(.btn) { color: var(--cor-texto); text-decoration: none; font-size: var(--texto-pequeno); font-weight: 500; }
.nav-desk a:not(.btn):hover { color: var(--cor-acao); text-decoration: underline; text-underline-offset: 4px; }
.menu-mob { position: relative; }
.menu-mob summary {
  list-style: none; display: flex; align-items: center; gap: var(--espaco-2);
  min-height: 44px; padding: 0 var(--espaco-3); border: 1px solid var(--cor-borda-forte); border-radius: var(--raio-controle);
  font-size: var(--texto-pequeno); font-weight: 600; cursor: pointer; user-select: none;
}
.menu-mob summary::-webkit-details-marker { display: none; }
.menu-mob nav {
  position: absolute; right: 0; top: calc(100% + 8px); min-width: 240px; display: grid; gap: 2px; padding: var(--espaco-2);
  background: var(--cor-superficie); border: 1px solid var(--cor-borda); border-radius: var(--raio-card); box-shadow: var(--sombra-flutuante);
}
.menu-mob nav a:not(.btn) { padding: 12px; color: var(--cor-texto); text-decoration: none; font-weight: 500; border-radius: var(--raio-controle); }
.menu-mob nav a:not(.btn):hover { background: var(--cor-superficie-2); }
.menu-mob nav .btn { margin-top: var(--espaco-2); }
@media (min-width: 960px) {
  .nav-desk { display: flex; align-items: center; gap: var(--espaco-5); }
  .menu-mob { display: none; }
}

/* ===== Hero ===== */
.hero { background: var(--p-verde-900); color: var(--p-neutro-0); padding: var(--espaco-7) 0 var(--espaco-8); }
.hero .wrap { display: grid; gap: var(--espaco-7); }
.hero .wrap > * { min-width: 0; }
@media (min-width: 960px) {
  .hero { padding: var(--espaco-8) 0 var(--espaco-9); }
  .hero .wrap { grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr); align-items: center; gap: var(--espaco-8); }
}
.h1 {
  margin: 0; font-family: var(--texto-display); font-stretch: 125%; font-weight: 800; text-transform: uppercase;
  line-height: 0.98; letter-spacing: var(--tracking-display); font-size: clamp(2rem, 3.4vw + 1rem, 4.25rem); overflow-wrap: break-word;
}
.h1 span { color: var(--p-ambar-400); display: block; }
.itens-porta { list-style: none; margin: var(--espaco-5) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--espaco-2); }
.itens-porta li {
  display: flex; align-items: center; gap: var(--espaco-2); padding: 10px 14px;
  background: var(--p-verde-700); color: var(--p-neutro-0); border-radius: var(--raio-porta-marca);
  font-weight: 600; font-size: 0.9375rem; line-height: 1.3;
}
.itens-porta .ico { width: 18px; height: 18px; color: var(--p-verde-200); }
.hero-cta { margin-top: var(--espaco-6); display: flex; flex-wrap: wrap; gap: var(--espaco-3); align-items: center; }
.sdr-def { margin-top: var(--espaco-6); padding-top: var(--espaco-5); border-top: 1px solid var(--p-verde-700); max-width: 560px; }
.sdr-def h2 { margin: 0 0 var(--espaco-2); font-size: var(--texto-legenda); font-weight: 700; letter-spacing: var(--tracking-rotulo); text-transform: uppercase; color: var(--p-verde-200); }
.sdr-def p { margin: 0 0 var(--espaco-2); font-size: var(--texto-destaque); font-weight: 600; color: var(--p-neutro-0); }
.sdr-def ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--espaco-2) var(--espaco-5); color: var(--p-verde-100); font-size: var(--texto-pequeno); }
.sdr-def li { display: flex; align-items: center; gap: 6px; }
.sdr-def .ico { width: 16px; height: 16px; color: var(--p-ambar-400); }

/* ===== Mock de WhatsApp (cores fixas do WhatsApp, não da marca) ===== */
.mock { margin: 0; }
.tel { width: 100%; max-width: 380px; margin: 0 auto; padding: 10px; background: #0A0F0D; border-radius: 32px; box-shadow: 0 24px 48px rgb(0 0 0 / 0.35); }
.zap { background: #EFEAE2; border-radius: 24px; overflow: hidden; color: #111B21; font-family: var(--texto-corpo); }
.zap-topo { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #F0F2F5; border-bottom: 1px solid #E1E4E6; }
.zap-av { width: 38px; height: 38px; border-radius: 50%; background: #DFE5E7; color: #54656F; display: grid; place-items: center; flex: none; }
.zap-av .ico { width: 20px; height: 20px; }
.zap-nome { font-size: 15px; font-weight: 600; line-height: 1.2; }
.zap-sub { font-size: 12px; color: #54656F; }
.zap-msgs { display: flex; flex-direction: column; gap: 6px; padding: 14px 12px 16px; }
.zap-dia { align-self: center; font-size: 12px; color: #54656F; background: #FFFFFF; padding: 3px 10px; border-radius: 7px; margin-bottom: 4px; }
.msg { max-width: 84%; padding: 6px 8px 4px; border-radius: 8px; font-size: 14px; line-height: 1.38; box-shadow: 0 1px 0.5px rgb(11 20 26 / 0.13); }
.msg-lead { align-self: flex-end; background: #D9FDD3; border-top-right-radius: 0; }
.msg-sdr { align-self: flex-start; background: #FFFFFF; border-top-left-radius: 0; }
.msg-hora { display: block; text-align: right; font-size: 11px; color: #54656F; margin-top: 2px; }
.msg-card { padding: 4px; width: 252px; }
.msg-foto { aspect-ratio: 16 / 10; background: var(--p-verde-50); border-radius: 6px; overflow: hidden; }
.msg-foto svg { width: 100%; height: 100%; }
.msg-card .txt { padding: 6px 6px 0; }
.msg-link { color: #027EB5; }
.zap-legenda { margin-top: var(--espaco-4); text-align: center; display: grid; justify-items: center; gap: var(--espaco-2); }
.zap-legenda strong { font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; letter-spacing: var(--tracking-display); font-size: var(--texto-pequeno); color: var(--p-neutro-0); }

/* ===== Limite (bloco [PARCIAL] sempre com o limite junto) ===== */
.limite {
  display: inline-flex; align-items: flex-start; gap: 6px; padding: 6px 10px; border-radius: var(--p-raio-1);
  background: var(--cor-alerta-fundo); color: var(--cor-alerta); font-size: 0.8125rem; font-weight: 600; line-height: 1.35;
}
.limite .ico { width: 15px; height: 15px; margin-top: 1px; }
.limite-escuro { background: var(--p-escuro-alerta-fundo); color: var(--p-ambar-200); }
.limites { margin-top: auto; padding-top: var(--espaco-2); display: flex; flex-wrap: wrap; gap: 6px; }

/* ===== Seções ===== */
.secao { padding: var(--espaco-8) 0; }
@media (min-width: 960px) { .secao { padding: var(--espaco-9) 0; } }
.secao-branca { background: var(--cor-superficie); border-block: 1px solid var(--cor-borda); }
.rotulo { margin: 0 0 var(--espaco-2); font-size: var(--texto-legenda); font-weight: 700; letter-spacing: var(--tracking-rotulo); text-transform: uppercase; color: var(--cor-acao); }
.h2 {
  margin: 0 0 var(--espaco-6); font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase;
  line-height: 1.05; letter-spacing: var(--tracking-display); font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem);
}
.h3 { margin: 0; font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; font-size: 1.125rem; line-height: 1.15; letter-spacing: var(--tracking-display); }

.grade { display: grid; gap: var(--espaco-4); }
@media (min-width: 640px) { .g2, .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1140px) { .g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.card { background: var(--card-fundo); border: 1px solid var(--card-borda); border-radius: var(--card-raio); padding: var(--espaco-5); display: flex; flex-direction: column; gap: var(--espaco-3); min-width: 0; }
.secao-branca .card { background: var(--cor-fundo); }
.card-ico { width: 40px; height: 40px; display: grid; place-items: center; background: var(--cor-acao-suave); color: var(--cor-acao-suave-texto); border-radius: var(--raio-porta-marca); }
.card-ico .ico { width: 20px; height: 20px; }

.lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--espaco-2); }
.lista li { display: flex; gap: var(--espaco-2); align-items: flex-start; }
.lista .ico { width: 18px; height: 18px; margin-top: 3px; color: var(--cor-sucesso); }
.lista-traco li::before { content: ""; flex: none; width: 10px; height: 2px; margin-top: 11px; background: var(--cor-acao); }

/* Para quem e problema */
.quem { display: grid; gap: var(--espaco-5); }
@media (min-width: 960px) { .quem { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: start; gap: var(--espaco-6); } }
.serve { background: var(--p-verde-900); color: var(--p-neutro-0); border-color: var(--p-verde-900); padding: var(--espaco-6); }
.serve .h3 { font-size: 1.5rem; }
.serve .lista .ico { color: var(--p-ambar-400); }
.prob { border-top: 4px solid var(--cor-destaque); }

/* Como funciona */
.passos { list-style: none; margin: 0; padding: 0; counter-reset: passo; display: grid; gap: var(--espaco-3); }
@media (min-width: 640px) { .passos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { .passos { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.passo { counter-increment: passo; position: relative; padding: var(--espaco-5) var(--espaco-5) var(--espaco-5) 72px; background: var(--card-fundo); border: 1px solid var(--card-borda); border-radius: var(--card-raio); display: flex; flex-direction: column; gap: var(--espaco-2); }
.passo::before {
  content: counter(passo); position: absolute; left: var(--espaco-5); top: var(--espaco-5);
  width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--raio-porta-marca);
  background: var(--cor-destaque); color: var(--cor-destaque-texto); font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; font-size: 1rem;
}
.passo .h3 { font-size: 1rem; padding-top: 7px; }
.passo .lista { font-size: var(--texto-pequeno); color: var(--cor-texto-2); gap: 4px; }
.passo .lista-traco li::before { margin-top: 10px; }

.inicio { margin-top: var(--espaco-7); background: var(--p-verde-900); color: var(--p-neutro-0); border-radius: var(--raio-painel); padding: var(--espaco-6) var(--espaco-5); }
@media (min-width: 768px) { .inicio { padding: var(--espaco-7); } }
.inicio .h2 { margin-bottom: var(--espaco-5); color: var(--p-neutro-0); }
.inicio-passos { list-style: none; margin: 0; padding: 0; counter-reset: ini; display: grid; gap: var(--espaco-4); }
@media (min-width: 640px) { .inicio-passos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1140px) { .inicio-passos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.inicio-passos li { counter-increment: ini; display: grid; grid-template-columns: 36px 1fr; gap: var(--espaco-3); align-items: start; }
.inicio-passos li::before {
  content: counter(ini); width: 36px; height: 36px; display: grid; place-items: center; border-radius: var(--raio-porta-marca);
  background: var(--p-ambar-400); color: var(--p-verde-900); font-family: var(--texto-display); font-stretch: 112%; font-weight: 800;
}
.inicio-passos strong { display: block; font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; letter-spacing: var(--tracking-display); }
.inicio-passos span { color: var(--p-verde-100); font-size: var(--texto-pequeno); }
.inicio-cta { margin-top: var(--espaco-6); display: flex; flex-wrap: wrap; gap: var(--espaco-3); align-items: center; }

.secao-cta { margin-top: var(--espaco-6); display: flex; flex-wrap: wrap; gap: var(--espaco-3); align-items: center; }

/* Preço */
.preco-grade { display: grid; gap: var(--espaco-5); }
@media (min-width: 960px) { .preco-grade { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); align-items: start; } }
.tabela-preco { border: 1px solid var(--tabela-borda); border-radius: var(--raio-card); overflow: hidden; background: var(--cor-superficie); }
.tabela-preco .cab { background: var(--tabela-destaque-fundo); color: var(--tabela-destaque-texto); padding: var(--espaco-5); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--espaco-3); }
.tabela-preco .plano { font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; font-size: 1.125rem; letter-spacing: var(--tracking-display); }
.tabela-preco .unid { color: var(--p-verde-200); font-size: var(--texto-pequeno); margin-top: 4px; }
.tabela-preco .valor { font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; font-size: var(--texto-chamada); line-height: 1; color: var(--p-ambar-400); white-space: nowrap; }
.tabela-preco .valor small { font-size: var(--texto-destaque); color: var(--p-verde-200); font-weight: 600; }
.tabela-preco table { width: 100%; border-collapse: collapse; }
.tabela-preco th { text-align: left; font-weight: 500; padding: 14px var(--espaco-5); border-top: 1px solid var(--tabela-borda); }
.tabela-preco th:first-child { width: 42px; padding-right: 0; }
.tabela-preco th .ico { max-width: none; }
.tabela-preco td { padding: 14px var(--espaco-5) 14px var(--espaco-3); border-top: 1px solid var(--tabela-borda); font-weight: 600; }
.tabela-preco tr:first-child th, .tabela-preco tr:first-child td { border-top: 0; }
.tabela-preco .ico { width: 18px; height: 18px; color: var(--cor-sucesso); }
.tabela-preco .rodape-tab { padding: var(--espaco-4) var(--espaco-5); border-top: 1px solid var(--tabela-borda); background: var(--cor-superficie-2); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--espaco-3); }

/* Segurança */
.link-seta { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-underline-offset: 4px; }
.link-seta .ico { width: 18px; height: 18px; }

/* Perguntas */
.faq { max-width: 860px; border-top: 1px solid var(--cor-borda); }
.faq details { border-bottom: 1px solid var(--cor-borda); }
.faq summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--espaco-4);
  padding: 18px 0; font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; letter-spacing: var(--tracking-display); font-size: 1rem; line-height: 1.25;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary .ico { color: var(--cor-acao); transition: transform var(--p-duracao); }
.faq details[open] summary .ico { transform: rotate(180deg); }
.faq .resp { padding: 0 0 18px; color: var(--cor-texto-2); display: grid; gap: var(--espaco-2); justify-items: start; }
.faq .resp p { margin: 0; }

/* CTA final */
.final { background: var(--p-verde-900); color: var(--p-neutro-0); padding: var(--espaco-8) 0; }
.final .wrap { display: grid; gap: var(--espaco-5); justify-items: start; }
@media (min-width: 960px) { .final .wrap { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } }
.final .h2 { margin: 0; color: var(--p-neutro-0); font-stretch: 125%; font-size: clamp(2rem, 2.5vw + 1.25rem, 3.5rem); }
.final .itens-porta { margin-top: var(--espaco-4); }

/* Rodapé */
.rodape { background: var(--p-verde-950); color: var(--p-escuro-texto-2); padding: var(--espaco-7) 0; font-size: var(--texto-pequeno); }
.rodape .wrap { display: grid; gap: var(--espaco-5); }
@media (min-width: 768px) { .rodape .wrap { grid-template-columns: auto 1fr auto; align-items: center; } }
.rodape img { height: 24px; width: auto; }
.rodape nav { display: flex; flex-wrap: wrap; gap: var(--espaco-2) var(--espaco-5); }
@media (min-width: 768px) { .rodape nav { justify-content: center; } }
.rodape a { color: var(--p-neutro-50); text-decoration: none; }
.rodape a:hover { text-decoration: underline; text-underline-offset: 4px; }
.rodape p { margin: 0; }

/* ===== Páginas de texto (privacidade, 404) ===== */
.prosa { max-width: 760px; }
.prosa h1 { margin: 0 0 var(--espaco-3); font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; line-height: 1.05; font-size: clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem); }
.prosa h2 { margin: var(--espaco-7) 0 var(--espaco-3); font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; font-size: 1.25rem; line-height: 1.2; letter-spacing: var(--tracking-display); }
.prosa h3 { margin: var(--espaco-5) 0 var(--espaco-2); font-size: var(--texto-destaque); font-weight: 700; }
.prosa p, .prosa li { color: var(--cor-texto); }
.prosa ul { padding-left: 1.25rem; display: grid; gap: 6px; }
.prosa .meta { color: var(--cor-texto-2); font-size: var(--texto-pequeno); margin: 0; }
.preencher { background: var(--cor-alerta-fundo); color: var(--cor-alerta); font-weight: 700; padding: 1px 6px; border-radius: var(--p-raio-1); border: 1px dashed var(--cor-alerta); }
.tabela-dados { width: 100%; border-collapse: collapse; font-size: var(--texto-pequeno); margin: var(--espaco-3) 0; }
.tabela-dados th, .tabela-dados td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--tabela-borda); }
.tabela-dados thead th { background: var(--tabela-cabecalho-fundo); color: var(--cor-texto-2); font-weight: 600; }
.rolagem { overflow-x: auto; border: 1px solid var(--tabela-borda); border-radius: var(--raio-card); background: var(--cor-superficie); }
.rolagem .tabela-dados { margin: 0; min-width: 560px; }
.erro-404 { min-height: 60vh; display: grid; align-content: center; gap: var(--espaco-4); justify-items: start; }
.erro-404 .num { font-family: var(--texto-display); font-stretch: 125%; font-weight: 800; font-size: clamp(4rem, 8vw, 7rem); line-height: 1; color: var(--cor-acao); margin: 0; }

/* ===== Funil de anúncio (assets/funil.js) ===== */
[hidden] { display: none !important; }
.btn-contorno-escuro { background: transparent; color: var(--p-neutro-0); border-color: var(--p-verde-300); }
.btn-contorno-escuro:hover { border-color: var(--p-ambar-400); }
.final-cta { display: flex; flex-wrap: wrap; gap: var(--espaco-3); align-items: center; }
.rodape-cookies { background: none; border: 0; padding: 0; font: inherit; color: var(--p-neutro-50); cursor: pointer; }
.rodape-cookies:hover { text-decoration: underline; text-underline-offset: 4px; }
.cookies { position: fixed; z-index: 40; left: var(--espaco-4); right: var(--espaco-4); bottom: var(--espaco-4); max-width: 640px; margin: 0 auto; padding: var(--espaco-4) var(--espaco-5); display: grid; gap: var(--espaco-3); background: var(--cor-superficie); color: var(--cor-texto); border: 1px solid var(--cor-borda-forte); border-radius: var(--raio-card); box-shadow: var(--sombra-flutuante); font-size: var(--texto-pequeno); }
.cookies p { margin: 0; }
.cookies strong { display: block; font-family: var(--texto-display); font-stretch: 112%; font-weight: 800; text-transform: uppercase; letter-spacing: var(--tracking-display); font-size: var(--texto-base); margin-bottom: 2px; }
.cookies a { color: var(--cor-acao); }
.cookies-botoes { display: flex; flex-wrap: wrap; gap: var(--espaco-2); justify-content: flex-end; }
@media (min-width: 640px) { .cookies { grid-template-columns: 1fr auto; align-items: center; } }

/* VSL (seção Como funciona) */
.vsl { margin: var(--espaco-6) 0 var(--espaco-7); max-width: 960px; }
.vsl video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: var(--p-verde-900); border: 1px solid var(--cor-borda); border-radius: var(--raio-painel); }