/* Página de vendas (vendas.html, body.lv): sistema visual próprio sobre lp.css.
   Princípios: hierarquia por tipografia e espaço, superfícies em camadas com borda fina, uma escala de raio,
   sombras curtas, movimento só em entrada e resposta ao cursor (sem animação contínua). As páginas das empresas
   (index.html) não carregam este arquivo. */

.lv{
  --ease:cubic-bezier(.2,.7,.2,1);
  --sec:clamp(96px,11vw,148px);
  --r-sm:10px; --r-md:14px; --r-lg:20px;
  --hair:rgba(20,20,19,.08); --hair-2:rgba(20,20,19,.14);
  --sombra-1:0 1px 1px rgba(20,20,19,.03),0 2px 6px -2px rgba(20,20,19,.06);
  --sombra-2:0 1px 2px rgba(20,20,19,.04),0 18px 44px -24px rgba(20,20,19,.24);
  --tinta:color-mix(in srgb,var(--acento) 6%,#fff);
  --tinta-2:color-mix(in srgb,var(--acento) 12%,#fff);
  font-feature-settings:'cv11','ss01','ss03';
}
.lv ::selection{background:color-mix(in srgb,var(--acento) 22%,transparent)}
.lv .l-dentro{max-width:1240px}

/* ----------------------------------------------------------------- Botões */
.lv .btn{height:44px;padding:0 18px;border-radius:var(--r-sm);font:500 14.5px/1 var(--sans);letter-spacing:-.005em}
.lv .btn-pequeno{height:34px;padding:0 13px;font-size:13.5px;border-radius:8px}
.lv .btn-verde{background:var(--ink);color:#FAF9F5;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(20,20,19,.2)}
.lv .btn-verde:hover:not(:disabled){background:#252421}
.lv .btn-linha{background:var(--paper);border-color:var(--hair-2);color:var(--ink);box-shadow:var(--sombra-1)}
.lv .btn-linha:hover:not(:disabled){background:var(--paper);border-color:rgba(20,20,19,.26)}
.lv .btn-grande{height:48px;padding:0 22px;font-size:15px}

/* ----------------------------------------------------------------- Topo */
.lv .l-topo{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.lv .l-topo.rolou{border-bottom-color:var(--hair)}
.lv .l-topo .l-dentro{min-height:60px}
.lv .l-nav{gap:4px}
.lv .l-nav a{padding:7px 11px;border-radius:8px;font:450 13.5px/1 var(--sans);color:var(--muted);transition:color .2s var(--ease),background .2s var(--ease)}
.lv .l-nav a:hover{color:var(--ink);background:rgba(20,20,19,.045)}

/* ----------------------------------------------------------------- Hero */
.lv .l-hero{padding-top:56px}
.lv .l-pill{gap:10px;margin-bottom:32px;padding:4px 5px 4px 12px;border-color:var(--hair-2);box-shadow:var(--sombra-1);font:500 12.5px/1 var(--sans);transition:border-color .2s var(--ease)}
.lv .l-pill:hover{border-color:rgba(20,20,19,.26)}
.lv .l-pill .seta{padding:5px 10px;background:var(--bg-2);color:var(--ink-2)}
.lv .l-hero h1{font:400 clamp(42px,8.4vw,64px)/1.02 var(--serif);letter-spacing:-.032em;max-width:16ch;margin:0 0 24px}
.lv .l-lead{font:400 clamp(17.5px,2vw,20px)/1.55 var(--sans);color:var(--ink-2);max-width:56ch;margin-bottom:12px}
.lv .l-simples{font:400 15.5px/1.6 var(--sans);color:var(--muted);max-width:56ch;margin:0 0 32px}
.lv .l-fatos{margin-top:36px;padding-top:24px;border-top:1px solid var(--hair);gap:10px}
.lv .l-fatos li{font-size:13.5px}
.lv .l-hero-foto{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hair)}
.lv .l-palco{margin-top:80px}
.lv .l-legenda{font-size:12px}

/* ----------------------------------------------------------------- Ritmo das seções */
.lv main>section:not(.l-hero){padding-top:var(--sec)}
.lv .l-secao,.lv .l-bloco{padding-top:0}
.lv .l-contato{padding:0 0 var(--sec)}

/* Cabeçalho de seção: número e nome sobre uma linha fina; título com presença; descrição em largura de leitura */
.lv .l-rotulo{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 28px;font:500 12.5px/1 var(--sans);letter-spacing:.01em;color:var(--muted)}
.lv .l-rotulo .n{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:6px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair-2);font:500 11.5px/1 var(--sans);color:var(--acento);font-variant-numeric:tabular-nums;letter-spacing:0}
.lv .l-rotulo::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--hair-2),transparent)}
.lv .l-h2,.lv .l-bloco .l-h2{font:400 clamp(34px,5.4vw,52px)/1.04 var(--serif);letter-spacing:-.028em;max-width:18ch;margin:0 0 20px}
.lv .l-sub{font:400 clamp(16.5px,1.6vw,18px)/1.6 var(--sans);color:var(--muted);max-width:58ch}
.lv .l-cab{display:grid;gap:0;margin-bottom:56px}
.lv .l-cab .l-h2{margin-bottom:20px;max-width:21ch}

/* ----------------------------------------------------------------- Listas de itens */
.lv .l-itens{border-top:1px solid var(--hair)}
.lv .l-itens li{grid-template-columns:26px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--hair);font:400 15.5px/1.6 var(--sans);transition:background .25s var(--ease)}
.lv .l-itens li svg{box-sizing:content-box;width:12px;height:12px;padding:5px;margin-top:1px;border-radius:50%;background:var(--tinta-2);color:var(--acento)}
.lv .l-itens b{font-weight:550;letter-spacing:-.005em}

/* Lista compacta (controle): título em uma linha, frase curta embaixo */
.lv .l-itens-curtos li{padding:16px 0}
.lv .l-itens-curtos b{display:block;margin-bottom:3px;font-size:15.5px}
.lv .l-itens-curtos span{font-size:14.5px;line-height:1.55}
.lv .l-nota{margin:24px 0 0;padding:16px 18px;border-radius:var(--r-md);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);font:400 13.5px/1.6 var(--sans);color:var(--muted);max-width:58ch}
.lv .l-nota b{display:block;margin-bottom:4px;color:var(--ink);font-weight:550}
.lv .l-nota a{color:var(--ink);text-underline-offset:3px}

/* ----------------------------------------------------------------- Superfícies de produto */
.lv .l-janela{border-color:var(--hair-2);border-radius:var(--r-md);box-shadow:var(--sombra-2)}
.lv .l-janela-barra{background:#FBFAF7;border-bottom-color:var(--hair)}
.lv .l-janela-barra i{width:9px;height:9px;background:#E6E2D8}

/* Tabela comparativa: cartão com a coluna da GreenIA em destaque */
.lv .l-comp-rolagem{border:1px solid var(--hair-2);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sombra-1)}
.lv .l-comp{font-size:15px}
.lv .l-comp th,.lv .l-comp td{padding:18px 20px;border-bottom:1px solid var(--hair)}
.lv .l-comp tbody tr:last-child>*{border-bottom:0}
.lv .l-comp thead th{padding-top:20px;padding-bottom:16px;font:500 12px/1 var(--sans);letter-spacing:.04em}
.lv .l-comp thead th:last-child,.lv .l-comp td:last-child{background:var(--tinta)}
.lv .l-comp thead th:last-child{border-top-right-radius:calc(var(--r-lg) - 1px)}
.lv .l-comp tbody th{font:400 17.5px/1.35 var(--serif)}
.lv .l-comp tbody tr{transition:background .2s var(--ease)}

/* Implantação: duas colunas como cartões irmãos */
.lv .l-contraste{gap:12px;border:0;border-radius:0;background:none;overflow:visible}
.lv .l-coluna{padding:32px 28px;border:1px solid var(--hair-2);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--sombra-1)}
.lv .l-coluna+.l-coluna{border-top:1px solid var(--hair-2)}
.lv .l-coluna h3{font:400 22px/1.25 var(--serif);letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:0 0 12px}
.lv .l-coluna>p{font:400 15.5px/1.6 var(--sans);color:var(--muted);margin:0 0 18px}
.lv .l-coluna.nova{background:linear-gradient(180deg,var(--tinta) 0%,var(--paper) 70%);border-color:color-mix(in srgb,var(--acento) 26%,var(--hair-2))}
.lv .l-coluna.nova h3{color:var(--ink)}
.lv .l-caminho-nota{margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--hair);font:400 14px/1.6 var(--sans);color:var(--muted)}
.lv .l-link{display:inline-flex;align-items:center;gap:6px;font:500 15px var(--sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair-2);padding-bottom:2px;transition:border-color .2s var(--ease)}
.lv .l-link:hover{border-color:var(--ink)}

/* Perguntas frequentes: summary em bloco (flex em <summary> falha no Safari do iOS), ícone posicionado no
   canto e alinhado à primeira linha, área de toque inteira, sem hover preso no toque. */
.lv .l-faq{border-top:1px solid var(--hair-2)}
.lv .l-faq details{border-bottom:1px solid var(--hair)}
.lv .l-faq summary{display:block;position:relative;padding:20px 48px 20px 0;font:400 17.5px/1.4 var(--serif);letter-spacing:-.01em;color:var(--ink);cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:color .2s var(--ease)}
.lv .l-faq summary::after{content:'';position:absolute;right:6px;top:18px;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair-2);background-color:transparent;
  background-image:linear-gradient(var(--ink-2),var(--ink-2)),linear-gradient(var(--ink-2),var(--ink-2));background-position:center;background-size:10px 1.5px,1.5px 10px;background-repeat:no-repeat;
  transition:transform .3s var(--ease),background-color .2s var(--ease),box-shadow .2s var(--ease)}
.lv .l-faq details[open] summary::after{transform:rotate(45deg);background-color:var(--paper);box-shadow:inset 0 0 0 1px rgba(20,20,19,.24)}
.lv .l-faq summary:focus{outline:none}
.lv .l-faq summary:focus-visible{outline:2px solid color-mix(in srgb,var(--acento) 60%,transparent);outline-offset:4px;border-radius:6px}
.lv .l-faq p{margin:-4px 0 0;padding:0 0 22px;font-size:15.5px;line-height:1.65;max-width:68ch}
@media (hover:hover) and (pointer:fine){
  .lv .l-faq summary:hover::after{background-color:var(--paper)}
}
@media (min-width:760px){
  .lv .l-faq summary{padding:22px 56px 22px 0;font-size:19px}
  .lv .l-faq summary::after{top:21px}
  .lv .l-faq p{padding-right:52px}
}

/* Contato */
.lv .l-form{border-color:var(--hair-2);border-radius:var(--r-lg);box-shadow:var(--sombra-2)}
.lv .l-form .entrada{border-radius:var(--r-sm);border-color:var(--hair-2);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.lv .l-form .entrada:focus{border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 16%,transparent);outline:none}
.lv .l-contato-lista li{font-size:15px}
.lv .l-contato-lista svg{box-sizing:content-box;width:12px;height:12px;padding:5px;border-radius:50%;background:var(--tinta-2);margin-top:0}
.lv .l-prumo{margin:0;padding:0 0 var(--sec);font:400 14.5px/1.6 var(--sans);color:var(--muted);text-align:center}
.lv .l-prumo a{color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--hair-2)}

/* Rodapé */
.lv .l-rodape{background:var(--bg);border-top-color:var(--hair)}
.lv .l-rodape a{color:var(--muted);transition:color .2s var(--ease)}
.lv .l-rodape a:hover{color:var(--ink)}

/* ----------------------------------------------------------------- Modelos de IA
   Fabricantes convergem para a GreenIA, que organiza o uso em três níveis; a base mostra os critérios.
   Único cartão escuro da página: borda luminosa no topo, brilho que acompanha o cursor, órbitas estáticas
   atrás do núcleo. Movimento só na entrada (uma vez) e na resposta ao cursor. */
.l-modelos{display:grid;gap:40px;align-items:center}
.l-modelos-texto .l-sub{margin-bottom:14px}
.l-modelos-texto .l-sub:last-child{margin-bottom:0}
.l-ecos{--mx:50%;--my:0%;position:relative;isolation:isolate;padding:28px 16px 22px;border-radius:24px;color:#EDEAE2;overflow:hidden;
  background:radial-gradient(120% 70% at 50% -10%,color-mix(in srgb,var(--acento) 26%,#161614) 0%,#121210 55%,#0E0E0C 100%);
  box-shadow:0 0 0 1px #0B0B0A,0 2px 4px rgba(20,20,19,.12),0 28px 56px -28px rgba(20,20,19,.55)}
/* Borda de 1px que acende em cima e some embaixo */
.l-ecos::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06) 35%,rgba(255,255,255,.03));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* Textura de pontos + brilho do cursor */
.l-ecos::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.07),transparent 60%),
    radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px) 0 0/16px 16px;
  -webkit-mask-image:linear-gradient(180deg,#000 10%,rgba(0,0,0,.35) 80%);mask-image:linear-gradient(180deg,#000 10%,rgba(0,0,0,.35) 80%)}

.l-ecos-fontes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.l-ecos-fontes li{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;transition:transform .4s var(--ease),opacity .4s var(--ease)}
.l-ecos-fontes .f2{transform:translateY(-10px)}
.l-ecos-logo{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;color:#F4F2EC;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.08),0 1px 0 rgba(0,0,0,.4),0 14px 28px -14px rgba(0,0,0,.9);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:box-shadow .4s var(--ease),transform .4s var(--ease),background .4s var(--ease)}
.l-ecos-logo svg{width:26px;height:26px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.l-ecos-nome{font:500 12px/1 var(--sans);letter-spacing:.02em;color:#9E9A8F;transition:color .4s var(--ease)}

.l-ecos-linhas{display:block;width:calc(100% * 2 / 3);height:72px;margin:4px auto -2px;overflow:visible}
.l-ecos-linhas .ln{fill:none;stroke:url(#ecos-g);stroke-width:1.25;vector-effect:non-scaling-stroke;transition:stroke .4s var(--ease),opacity .4s var(--ease)}
.l-ecos-linhas .luz{fill:none;stroke:color-mix(in srgb,var(--acento) 45%,#fff);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:.12 1;stroke-dashoffset:1.12;opacity:0;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--acento) 70%,transparent))}

.l-ecos-nucleo{position:relative;display:grid;justify-items:center;gap:18px}
.l-ecos-orbita{position:absolute;left:50%;top:22px;width:0;height:0;pointer-events:none;z-index:-1}
.l-ecos-orbita i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.06)}
.l-ecos-orbita i:first-child{width:150px;height:150px;background:radial-gradient(closest-side,color-mix(in srgb,var(--acento) 22%,transparent),transparent)}
.l-ecos-orbita i:last-child{width:260px;height:260px;border-style:dashed;border-color:rgba(255,255,255,.05)}
.l-ecos-hub{display:inline-flex;align-items:center;gap:10px;padding:7px 18px 7px 7px;border-radius:999px;background:linear-gradient(180deg,#FFFFFF,#EFEDE6);color:#141413;font:600 15px/1 var(--sans);letter-spacing:-.01em;
  box-shadow:inset 0 -1px 0 rgba(20,20,19,.08),0 0 0 1px rgba(255,255,255,.5),0 0 0 7px color-mix(in srgb,var(--acento) 16%,transparent),0 18px 36px -16px rgba(0,0,0,.9);transition:box-shadow .5s var(--ease)}
.l-ecos-hub-marca{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#141413;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.l-ecos-hub-marca img{width:18px;height:18px}
.l-ecos-hub .ia{color:#1F8A5B}

.l-ecos-niveis{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:420px;padding:5px;border-radius:14px;
  background:rgba(0,0,0,.28);box-shadow:inset 0 1px 2px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.05)}
.l-ecos-niveis span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:11px 2px 10px;font:400 clamp(14.5px,3.8vw,17px)/1 var(--serif);color:#9E9A8F;cursor:default;white-space:nowrap;transition:color .3s var(--ease)}
.l-ecos-niveis .sinal{display:flex;align-items:flex-end;gap:2px;height:10px}
.l-ecos-niveis .sinal i{display:block;width:3px;border-radius:1px;background:currentColor;opacity:.28;transition:opacity .3s var(--ease),background .3s var(--ease)}
.l-ecos-niveis .sinal i:nth-child(1){height:4px}.l-ecos-niveis .sinal i:nth-child(2){height:7px}.l-ecos-niveis .sinal i:nth-child(3){height:10px}
.l-ecos-niveis .n1 .sinal i:nth-child(1),.l-ecos-niveis .n2 .sinal i:nth-child(-n+2),.l-ecos-niveis .n3 .sinal i{opacity:1;background:color-mix(in srgb,var(--acento) 55%,#fff)}
.l-ecos-niveis .marcador{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / 3);border-radius:10px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 6px 14px -8px rgba(0,0,0,.9);
  transform:translateX(100%);transition:transform .5s var(--ease)}
.l-ecos-niveis .n2{color:#FAF9F5}

.l-ecos-criterios{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 4px;margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font:500 12.5px/1 var(--sans);letter-spacing:.02em;color:#C9C5BA}
.l-ecos-criterios span{display:inline-flex;align-items:center;gap:7px}
.l-ecos-criterios svg{color:color-mix(in srgb,var(--acento) 55%,#fff);opacity:.9}
.l-ecos-criterios i{font-style:normal;color:#4E4B44;margin:0 .35em}

@media (hover:hover){
  .l-ecos-fontes li:hover .l-ecos-logo{transform:translateY(-4px);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.04));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px color-mix(in srgb,var(--acento) 55%,rgba(255,255,255,.3)),0 0 24px -6px color-mix(in srgb,var(--acento) 55%,transparent),0 18px 30px -14px rgba(0,0,0,.95)}
  .l-ecos-fontes li:hover .l-ecos-nome{color:#FAF9F5}
  .l-ecos-fontes:hover li:not(:hover){opacity:.5}
  .l-ecos:has(.l-ecos-fontes li:hover) .ln{opacity:.35}
  .l-ecos:has(.f1:hover) .ln.ln1,.l-ecos:has(.f2:hover) .ln.ln2,.l-ecos:has(.f3:hover) .ln.ln3{opacity:1;stroke:color-mix(in srgb,var(--acento) 60%,#fff)}
  .l-ecos:has(.l-ecos-fontes li:hover) .l-ecos-hub{box-shadow:inset 0 -1px 0 rgba(20,20,19,.08),0 0 0 1px rgba(255,255,255,.6),0 0 0 9px color-mix(in srgb,var(--acento) 26%,transparent),0 18px 36px -16px rgba(0,0,0,.9)}
  .l-ecos-niveis:has(.n1:hover) .marcador{transform:translateX(0)}
  .l-ecos-niveis:has(.n3:hover) .marcador{transform:translateX(200%)}
  .l-ecos-niveis:has(span:hover) span{color:#9E9A8F}
  .l-ecos-niveis span:hover{color:#FAF9F5!important}
}

@keyframes ecos-traco{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ecos-luz{0%{stroke-dashoffset:1.12;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes ecos-hub{40%{box-shadow:inset 0 -1px 0 rgba(20,20,19,.08),0 0 0 1px rgba(255,255,255,.7),0 0 0 14px color-mix(in srgb,var(--acento) 28%,transparent),0 18px 36px -16px rgba(0,0,0,.9)}}
@keyframes ecos-orbita{from{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:no-preference){
  .l-ecos.l-surge.espera{opacity:1;transform:none}
  .l-ecos-fontes li,.l-ecos-hub,.l-ecos-niveis,.l-ecos-criterios{transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .5s var(--ease)}
  .l-ecos.espera .l-ecos-fontes li,.l-ecos.espera .l-ecos-hub,.l-ecos.espera .l-ecos-niveis,.l-ecos.espera .l-ecos-criterios{opacity:0;transform:translateY(12px)}
  .l-ecos.espera .l-ecos-fontes .f2{transform:translateY(2px)}
  .l-ecos .f2{transition-delay:.07s}.l-ecos .f3{transition-delay:.14s}
  .l-ecos .l-ecos-hub{transition-delay:.6s}.l-ecos .l-ecos-niveis{transition-delay:.72s}.l-ecos .l-ecos-criterios{transition-delay:.84s}
  .l-ecos.espera .ln{stroke-dasharray:1;stroke-dashoffset:1}
  .l-ecos:not(.espera) .ln{stroke-dasharray:1;animation:ecos-traco .9s var(--ease) .25s both}
  .l-ecos:not(.espera) .luz{animation:ecos-luz 1.2s var(--ease) .55s both}
  .l-ecos:not(.espera) .luz.ln2{animation-delay:.65s}
  .l-ecos:not(.espera) .luz.ln3{animation-delay:.75s}
  .l-ecos:not(.espera) .l-ecos-hub{animation:ecos-hub 1.1s var(--ease) 1.45s both}
  .l-ecos:not(.espera) .l-ecos-orbita i{animation:ecos-orbita 1.2s var(--ease) .9s both}
  .l-ecos.espera .l-ecos-orbita i{opacity:0}
}
@media (min-width:400px){.l-ecos{padding:32px 22px 24px}.l-ecos-fontes{gap:12px}}
@media (min-width:640px){
  .l-ecos{padding:44px 40px 30px;border-radius:28px}
  .l-ecos-logo{width:70px;height:70px;border-radius:20px}
  .l-ecos-logo svg{width:30px;height:30px}
  .l-ecos-linhas{height:84px}
  .l-ecos-orbita i:first-child{width:180px;height:180px}.l-ecos-orbita i:last-child{width:320px;height:320px}
}

/* ----------------------------------------------------------------- Movimento comum */
@media (prefers-reduced-motion:no-preference) and (hover:hover){
  .lv .l-janela:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(20,20,19,.05),0 26px 54px -26px rgba(20,20,19,.3)}
  .lv .l-coluna{transition:border-color .3s var(--ease),box-shadow .3s var(--ease),transform .3s var(--ease)}
  .lv .l-coluna:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
  .lv .l-comp tbody tr:hover>*{background:color-mix(in srgb,var(--bg) 70%,var(--paper))}
  .lv .l-comp tbody tr:hover>td:last-child{background:var(--tinta-2)}
  .lv .btn-verde:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px -10px rgba(20,20,19,.6)}
}

/* ----------------------------------------------------------------- Larguras */
@media (min-width:760px){
  .lv .l-coluna{padding:36px 34px}
  .lv .l-contraste{grid-template-columns:1fr 1fr}
  .lv .l-coluna+.l-coluna{border-left:1px solid var(--hair-2)}
}
@media (min-width:1000px){
  .lv .l-hero{padding-top:80px}
  .lv .l-hero-grade{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:80px}
  .lv .l-hero-grade h1{font-size:clamp(56px,5vw,72px)}
  .lv .l-hero-foto{max-height:620px}
  /* Cabeçalho em duas colunas: título à esquerda, descrição alinhada à base, à direita */
  .lv .l-cab{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:end;margin-bottom:64px}
  .lv .l-cab .l-rotulo{grid-column:1/-1}
  .lv .l-cab .l-h2{margin:0}
  .lv .l-cab .l-sub{margin:0;padding-bottom:8px}
  .lv .l-bloco{gap:88px}
  .l-modelos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:88px}
  /* Perguntas: título fixo à esquerda, respostas à direita */
  .lv #perguntas .l-dentro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:80px;align-items:start}
  .lv #perguntas .l-cab{display:block;position:sticky;top:96px;margin:0}
  .lv #perguntas .l-faq{border-top:0}
  .lv #perguntas .l-faq details:first-child summary{padding-top:6px}
  .lv #perguntas .l-faq details:first-child summary::after{top:4px}
}

/* ----------------------------------------------------------------- Mobile primeiro: toque e telas estreitas */
@media (pointer:coarse),(max-width:760px){
  .lv .l-pill{min-height:44px}
  .lv .l-link{padding:14px 0 6px}
  /* Links em texto corrido: área de toque de 44px sem mudar a linha */
  .lv .l-nota a,.lv .l-rodape-legal a,.lv .l-prumo a{display:inline-block;padding:13px 0;margin:-13px 0}
}
@media (max-width:359px){
  .lv .l-dentro{padding:0 16px}
  .lv .l-hero h1{font-size:36px}
  .lv .m-barra{grid-template-columns:62px 1fr 34px}
  .l-ecos{padding:26px 12px 20px}
  .l-ecos-logo{width:54px;height:54px;border-radius:16px}
  .l-ecos-niveis span{font-size:14px}
}
.lv #quick-wins>.l-dentro>.l-sub{max-width:760px;margin-bottom:16px}
.lv main>section[id],.lv #implantacao,.lv #conhecimento{scroll-margin-top:84px}
.lv #quick-wins .qw-demo{margin-top:32px}
.lv #integracoes .l-sub,.lv #como .l-sub{max-width:820px;margin-bottom:18px}
.lv #integracoes .l-nota,.lv #como .l-nota{max-width:820px}
.lv .l-tela-real{margin:40px 0 0}
.lv .l-tela-real img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sombra-1)}
.lv .l-tela-real .l-legenda{margin-top:12px}