/* ODIM: composição da página pública aprovada pelo dono.
   Layout local; cor, tipo, controle, luz e sombra vêm de marca/odim.css.
   A arte é separada do conteúdo para o anel se mover sem mover a leitura. */

html { scroll-behavior: smooth; scroll-padding-top: 104px; }
body.odim-landing { background: var(--landing-papel); }
.odim-landing ::selection { background: var(--odim-energia-suave); }
.largura { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 clamp(var(--e-6), 4.2vw, var(--e-16)); }
.pular { position: fixed; left: var(--e-4); top: -64px; z-index: var(--z-modal); padding: var(--e-3) var(--e-4); background: var(--fundo-elevado); border-radius: var(--raio-p); box-shadow: var(--sombra-2); }
.pular:focus { top: var(--e-4); }

/* A camada de vidro só aparece quando há conteúdo rolando atrás do topo.
   Só a opacidade dela muda; o topo não pisca nem muda a geometria. */
.topo { position: sticky; top: 0; z-index: var(--z-topo); isolation: isolate; }
.topo::before { content: ''; position: absolute; z-index: -1; inset: 0; background: var(--vidro); -webkit-backdrop-filter: var(--vidro-filtro); backdrop-filter: var(--vidro-filtro); border-bottom: 1px solid var(--vidro-contorno); opacity: 1; transition: opacity var(--dur-3) var(--curva-suave); }
.odim-js .topo:not([data-rolou])::before { opacity: 0; }
.topo-linha { height: 80px; display: flex; align-items: center; gap: var(--e-8); }
.topo .odim-logo img { width: 36px; height: 36px; }
.topo .odim-logo b { font-size: 24px; }
.menu { display: flex; gap: var(--e-8); margin: 0 auto; }
.menu a { display: inline-flex; align-items: center; min-height: 44px; color: var(--texto); text-decoration: none; font-weight: 500; font-size: 15px; }
.topo-acoes { display: flex; align-items: center; gap: var(--e-3); }
.topo-acoes .odim-btn { min-height: 44px; font-weight: 500; }
.comecar { border-color: var(--acao); color: var(--link); background: transparent; padding-inline: var(--e-6); }
.menu-celular { display: none; position: relative; }
.menu-celular summary { list-style: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--raio-p); cursor: pointer; color: var(--texto); }
.menu-celular summary::-webkit-details-marker { display: none; }
.menu-celular summary svg { width: 22px; height: 22px; }
.menu-celular[open] summary { background: var(--fundo-hover); }
.menu-celular-painel { position: absolute; right: 0; top: 52px; width: min(280px, calc(100vw - 32px)); padding: var(--e-2); background: var(--vidro-janela); -webkit-backdrop-filter: var(--vidro-filtro); backdrop-filter: var(--vidro-filtro); border: 1px solid var(--borda); border-radius: var(--raio); box-shadow: var(--sombra-3); display: flex; flex-direction: column; }
.menu-celular-painel a:not(.odim-btn) { display: flex; align-items: center; min-height: 44px; padding: 0 var(--e-3); border-radius: var(--raio-p); color: var(--texto); text-decoration: none; font-weight: 500; }
.menu-celular-painel .odim-btn { margin-top: var(--e-2); min-height: 44px; }

.heroi { position: relative; isolation: isolate; overflow: clip; margin-top: -80px; }
.heroi-ambiente { position: absolute; z-index: -2; inset: 0; background: var(--landing-papel) url('/marca/landing/hero-ambiente.webp') center / cover no-repeat; }
.heroi::after { content: ''; position: absolute; z-index: -1; inset: auto 0 0; height: 96px; background: linear-gradient(transparent, var(--landing-papel)); pointer-events: none; }
.heroi-grade { position: relative; min-height: 800px; padding-top: 292px; padding-bottom: 136px; }
.heroi-texto { position: relative; z-index: 2; max-width: 820px; margin: 0 auto; text-align: center; }
.heroi .odim-display { font-size: var(--landing-titulo-tamanho); text-wrap: balance; }
.heroi .odim-subtitulo { font-size: var(--landing-apoio-tamanho); color: var(--texto-3); margin: var(--e-3) 0 0; line-height: 1.5; }
.heroi-ideia { margin-top: var(--e-8); padding: var(--e-5) var(--e-5) var(--e-4); background: var(--fundo-elevado); border: 1px solid var(--borda-campo); box-shadow: var(--landing-sombra-composer); text-align: left; }
.heroi-ideia:focus-within { outline: 2px solid var(--foco-cor); outline-offset: 3px; }
.odim .heroi-ideia textarea:focus-visible { outline: none; }
.heroi-ideia textarea { display: block; min-height: 64px; max-height: 240px; font-size: 17px; padding: 0; }
.heroi-ideia textarea::placeholder { color: var(--texto-3); opacity: 1; }
.heroi-ideia .odim-ideia-rodape { gap: var(--e-3); margin-top: var(--e-2); }
.heroi-ideia .odim-btn { font-weight: 500; padding-inline: var(--e-5); }
.anexar-editor { display: inline-flex; align-items: center; gap: var(--e-2); min-height: 44px; color: var(--texto-3); text-decoration: none; font-size: 14px; border-radius: var(--raio-p); }
.anexar-editor svg { width: 21px; height: 21px; }
.exemplos { margin-top: var(--e-5); }
.exemplos ul { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: var(--e-3); margin: 0; padding: 0; }
.exemplos li + li { border-left: 1px solid var(--borda-forte); padding-left: var(--e-3); }
.exemplos .odim-sugestao { min-height: 44px; height: auto; gap: var(--e-2); padding: 0 var(--e-2); border: 0; background: transparent; color: var(--texto-2); border-radius: var(--raio-p); font-weight: 400; font-size: 14px; text-decoration: none; }
.exemplos svg { width: 20px; height: 20px; flex: none; }

/* O corpo é fixo, inclusive na entrada. Só o reflexo atravessa o metal e
   as fendas; mouse e rolagem não alteram posição, escala ou perspectiva. */
.heroi-anel { position: absolute; z-index: 1; width: 590px; right: -68px; top: 132px; margin: 0; pointer-events: none; }
.anel-profundidade { transform: none; translate: none; }
.heroi-anel img { display: block; width: 100%; height: auto; }
.ancora-secao { display: block; scroll-margin-top: 104px; }

.destaque { padding: var(--e-16) 0 96px; }
.secao-cabeca { display: flex; align-items: center; justify-content: space-between; gap: var(--e-6); margin-bottom: var(--e-8); }
.odim-landing h2 { font-size: var(--landing-secao-tamanho); font-weight: var(--landing-peso-secao); letter-spacing: -.035em; line-height: 1.2; margin: 0; text-wrap: balance; }
.secao-cabeca p, .produto-cabeca p, .duvidas-grade > div > p { color: var(--texto-3); margin: var(--e-2) 0 0; font-size: 17px; line-height: 1.5; }
.ver-todos { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--e-2); min-height: 44px; flex: none; font-size: 14px; font-weight: 500; text-decoration: none; }
.ver-todos svg { width: 20px; height: 20px; }
.vitrine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-8) var(--e-6); margin: 0; padding: 0; list-style: none; }
.projeto-exemplo { margin: 0; min-width: 0; }
.tela { aspect-ratio: 1.61; overflow: hidden; border-radius: var(--raio-p); border: 1px solid var(--borda); background: var(--fundo-elevado); }
.tela img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-5) var(--curva-suave); }
.projeto-exemplo figcaption { margin-top: var(--e-2); font-size: 14px; color: var(--texto-3); }
.vitrine-nome { color: var(--texto-2); }

.produto { padding: 0 0 104px; }
.produto-cabeca { text-align: center; margin-bottom: var(--e-10); }
.editor-apresentacao { margin: 0; border: 1px solid var(--borda); border-radius: var(--raio); overflow: hidden; box-shadow: var(--sombra-3); }
.editor-demonstracao { display: grid; grid-template-columns: 15% 25% minmax(0, 1fr); min-height: 500px; background: var(--fundo-elevado); font-size: clamp(10px, 1vw, 13px); }
.demo-sidebar { padding: var(--e-5) var(--e-3); background: var(--odim-noite); color: var(--texto-no-escuro-2); }
.demo-sidebar .odim-logo { gap: var(--e-2); }
.demo-sidebar .odim-logo img { width: 24px; height: 24px; }
.demo-sidebar .odim-logo b { font-size: 18px; }
.demo-projeto { display: block; margin: var(--e-8) var(--e-2) var(--e-4); color: var(--texto-no-escuro); }
.demo-nav { display: flex; align-items: center; gap: var(--e-2); min-height: 42px; padding: 0 var(--e-2); margin-bottom: var(--e-1); border-radius: var(--raio-p); }
.demo-nav svg { width: 16px; height: 16px; flex: none; }
.demo-nav.ativo { color: var(--texto-no-escuro); background: var(--odim-noite-3); }
.demo-conversa { display: flex; flex-direction: column; min-width: 0; padding: var(--e-5) var(--e-4); border-right: 1px solid var(--borda); }
.demo-conversa > b { font-size: 16px; font-weight: 600; }
.demo-abas { display: flex; gap: var(--e-4); margin-top: var(--e-4); border-bottom: 1px solid var(--borda); color: var(--texto-3); }
.demo-abas span { padding-bottom: var(--e-2); }
.demo-abas span:first-child { color: var(--link); border-bottom: 2px solid var(--acao); }
.demo-mensagem { display: flex; align-items: flex-start; gap: var(--e-2); margin-top: var(--e-6); }
.demo-avatar { width: 28px; height: 28px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--fundo-ativo); color: var(--texto-2); font-size: 10px; }
.demo-avatar.marca { background: var(--fundo-elevado); }
.demo-mensagem p { margin: 0; padding: var(--e-3); background: var(--fundo-sutil); border-radius: var(--raio-p); color: var(--texto-2); line-height: 1.5; }
.demo-mensagem.usuario p { background: var(--odim-energia-suave); }
.demo-composer { display: flex; flex-direction: column; align-items: flex-start; gap: var(--e-6); margin-top: auto; padding: var(--e-3); border: 1px solid var(--borda-campo); border-radius: var(--raio-p); color: var(--texto-3); }
.demo-enviar { margin-left: auto; display: grid; place-items: center; width: 30px; height: 30px; background: var(--acao); color: var(--acao-texto); border-radius: var(--raio-p); }
.demo-enviar svg { width: 18px; height: 18px; }
.demo-resultado { display: flex; flex-direction: column; min-width: 0; }
.demo-barra { display: flex; align-items: center; gap: var(--e-3); min-height: 58px; padding: 0 var(--e-4); border-bottom: 1px solid var(--borda); }
.demo-dispositivos { display: flex; gap: var(--e-2); margin-left: auto; color: var(--texto-3); }
.demo-dispositivos svg { width: 20px; height: 20px; }
.demo-publicar { padding: var(--e-2) var(--e-3); border-radius: var(--raio-p); background: var(--acao); color: var(--acao-texto); }
.demo-site { flex: 1; display: flex; flex-direction: column; }
.demo-site-nav { display: flex; align-items: center; gap: var(--e-4); min-height: 72px; padding: 0 var(--e-6); }
.demo-site-nav b { font: 400 25px/1 var(--landing-fonte-previa); letter-spacing: .2em; margin-right: auto; }
.demo-site-nav span { font-size: 11px; color: var(--texto-2); }
.demo-site-capa { position: relative; flex: 1; min-height: 340px; background: var(--landing-papel) url('/marca/landing/alba-cena.webp') center right / cover no-repeat; }
.demo-site-capa::before { content: ''; position: absolute; inset: 0; background: var(--landing-previa-veu); }
.demo-site-texto { position: relative; width: 55%; padding: var(--e-8) var(--e-6); }
.demo-site-texto small { display: block; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; margin-bottom: var(--e-5); color: var(--texto-2); }
.demo-site-texto > b { display: block; font: 400 clamp(28px, 3.2vw, 45px)/1.04 var(--landing-fonte-previa); letter-spacing: -.025em; }
.demo-site-texto p { font-size: 12px; line-height: 1.5; color: var(--texto-2); margin: var(--e-4) 0 var(--e-5); }
.demo-site-acao { display: inline-block; padding: var(--e-2) var(--e-3); color: var(--texto-no-escuro); background: var(--odim-noite); border-radius: 999px; font-size: 10px; }
.etapas { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--e-6); padding: 0; margin: var(--e-8) 0 0; list-style: none; color: var(--texto-3); font-size: 16px; }
.etapas svg { display: block; width: 28px; height: 28px; color: var(--decor); }

/* Planos e preços (auditoria de monetização, I1). O card em si (lista do que
   inclui, plano atual) é o mesmo do app, em marca/odim.css. */
.planos-secao { padding: var(--e-16) 0 96px; border-top: 1px solid var(--borda); }
.planos-vitrine { display: grid; gap: var(--e-4); grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.planos-vitrine .plano { padding: var(--e-6); display: flex; flex-direction: column; gap: var(--e-2); }
.planos-vitrine .plano h3 { font-size: 17px; font-weight: 700; margin: 0; }
.planos-vitrine .preco { font: 800 32px/1.1 var(--fonte-titulo); letter-spacing: -.02em; color: var(--texto); margin: var(--e-2) 0 var(--e-4); font-variant-numeric: tabular-nums; }
.planos-vitrine .preco small { font: 500 14px/1 var(--fonte); color: var(--texto-3); letter-spacing: 0; margin-left: 2px; }
.planos-vitrine .plano .odim-btn { margin-top: auto; width: 100%; }
.planos-aviso { color: var(--texto-3); font-size: 15px; margin: 0; grid-column: 1 / -1; }
.planos-nota { color: var(--texto-3); font-size: 14px; margin: var(--e-5) 0 0; max-width: 72ch; }
.pacotes-vitrine { margin-top: var(--e-8); }
.pacotes-vitrine h3 { font-size: 17px; font-weight: 700; margin: 0 0 var(--e-3); }
.pacotes-vitrine ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-3); }
.pacotes-vitrine li { border: 1px solid var(--borda); border-radius: var(--raio); background: var(--fundo-elevado); padding: var(--e-3) var(--e-4); font-size: 14px; color: var(--texto-2); }
.pacotes-vitrine li b { color: var(--texto); font-variant-numeric: tabular-nums; }

.duvidas { padding: var(--e-16) 0 96px; border-top: 1px solid var(--borda); }
.duvidas-grade { display: grid; grid-template-columns: .85fr 1.3fr; gap: var(--e-16); }
.duvidas-grade > div > p { max-width: 28ch; }
.duvidas-lista details { border-top: 1px solid var(--borda-forte); }
.duvidas-lista details:last-child { border-bottom: 1px solid var(--borda-forte); }
.duvidas-lista summary { list-style: none; min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: var(--e-5); cursor: pointer; font-size: 16px; }
.duvidas-lista summary::-webkit-details-marker { display: none; }
.duvidas-lista summary svg { width: 20px; height: 20px; flex: none; transition: transform var(--dur-3) var(--curva-suave); }
.duvidas-lista details[open] summary svg { transform: rotate(45deg); }
.duvidas-lista details p { margin: 0 0 var(--e-6); padding-right: var(--e-8); color: var(--texto-3); font-size: 15px; line-height: 1.7; }

.precos { overflow: clip; background: var(--odim-noite); color: var(--texto-no-escuro); }
.precos-grade { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--e-5); min-height: 500px; align-items: center; }
.precos-caixa { padding: var(--e-16) 0; position: relative; z-index: 1; }
.odim-landing .precos h2 { max-width: 14ch; color: var(--texto-no-escuro); font-size: var(--landing-cta-tamanho); font-weight: var(--landing-peso-titulo); line-height: 1.15; }
.precos-caixa p { color: var(--texto-no-escuro-2); font-size: 20px; margin: var(--e-5) 0 0; }
.precos-acoes { display: flex; align-items: center; flex-wrap: wrap; gap: var(--e-6); margin-top: var(--e-8); }
.precos-acoes .odim-btn { font-weight: 500; }
.ver-planos { color: var(--texto-no-escuro); font-size: 14px; min-height: 44px; display: inline-flex; align-items: center; text-decoration: none; }
.precos-arte { margin: 0 -72px 0 -40px; pointer-events: none; }
.precos-arte img { display: block; width: 100%; height: auto; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 92%, transparent); }

.rodape { background: var(--landing-papel); padding: var(--e-12) 0 var(--e-6); font-size: 14px; }
.rodape-grade { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--e-8); }
.rodape nav { display: flex; flex-direction: column; align-items: flex-start; gap: var(--e-1); }
.rodape-titulo { color: var(--texto); font-weight: 600; margin: 0 0 var(--e-2); }
.rodape nav a { color: var(--texto-3); text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
.rodape-fim { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--e-4); border-top: 1px solid var(--borda-forte); margin-top: var(--e-10); padding-top: var(--e-6); color: var(--texto-3); font-size: 12px; }

@media (hover: hover) {
  .menu a:hover, .anexar-editor:hover, .exemplos .odim-sugestao:hover { color: var(--link); }
  .comecar:hover { color: var(--acao-texto); background: var(--acao); border-color: var(--acao); }
  .vitrine li:hover .tela img { transform: scale(1.025); }
  .ver-todos:hover, .rodape nav a:hover, .ver-planos:hover { text-decoration: underline; text-underline-offset: 4px; }
}
@media (max-width: 1100px) {
  .heroi-anel { right: -210px; width: 600px; opacity: .94; }
  .heroi-texto { max-width: 720px; }
  .heroi .odim-display { max-width: 20ch; margin-inline: auto; }
  .vitrine { gap: var(--e-6); }
  .demo-sidebar { padding-inline: var(--e-2); }
  .demo-nav { gap: var(--e-1); padding-inline: var(--e-1); }
  .precos-arte { margin-right: -40px; }
}
@media (max-width: 900px) {
  .menu { display: none; }
  .menu-celular { display: block; }
  .topo-linha { justify-content: space-between; }
  .topo-acoes .entrar { display: none; }
  .heroi-grade { padding-top: 384px; min-height: 780px; }
  .heroi-anel { width: 380px; top: 64px; left: 50%; right: auto; margin-left: -190px; opacity: 1; }
  .vitrine { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .demo-sidebar { display: none; }
  .editor-demonstracao { grid-template-columns: 32% minmax(0, 1fr); }
  .duvidas-grade { gap: var(--e-8); }
  .planos-vitrine { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .precos-grade { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  html { scroll-padding-top: 80px; }
  .largura { padding-inline: var(--e-4); }
  .topo-linha { height: 64px; gap: var(--e-3); }
  .topo .odim-logo img { width: 30px; height: 30px; }
  .topo .odim-logo b { font-size: 21px; }
  .topo-acoes { gap: var(--e-1); }
  .topo-acoes .odim-btn { padding-inline: var(--e-3); font-size: 13px; }
  .heroi { margin-top: -64px; }
  .heroi-ambiente { background-position: 36% center; }
  .heroi-grade { min-height: 0; padding-top: 368px; padding-bottom: var(--e-16); }
  .heroi-anel { width: 360px; top: 64px; left: 50%; right: auto; margin-left: -180px; opacity: 1; }
  .heroi .odim-display { font-size: 32px; max-width: 18ch; line-height: 1.16; }
  .heroi .odim-subtitulo { font-size: 17px; max-width: 31ch; margin-inline: auto; }
  .heroi-ideia { margin-top: var(--e-6); padding: var(--e-4); }
  .heroi-ideia textarea { font-size: 16px; min-height: 68px; }
  .heroi-ideia .odim-btn { height: 44px; font-size: 14px; padding-inline: var(--e-3); }
  .anexar-editor { font-size: 13px; gap: var(--e-1); }
  .anexar-editor svg { width: 20px; height: 20px; }
  .exemplos { margin-top: var(--e-3); }
  .exemplos ul { gap: 0; }
  .exemplos li + li { padding-left: var(--e-1); }
  .exemplos .odim-sugestao { font-size: 12px; gap: var(--e-1); padding-inline: var(--e-2); }
  .exemplos svg { width: 17px; height: 17px; }
  .destaque { padding: var(--e-10) 0 var(--e-16); }
  .secao-cabeca { align-items: flex-start; flex-direction: column; gap: var(--e-3); margin-bottom: var(--e-6); }
  .odim-landing h2 { font-size: 26px; }
  .secao-cabeca p, .produto-cabeca p, .duvidas-grade > div > p { font-size: 16px; }
  .ver-todos { justify-content: flex-start; }
  .vitrine { grid-template-columns: 1fr; gap: var(--e-6); }
  .produto { padding-bottom: var(--e-16); }
  .produto-cabeca { margin-bottom: var(--e-6); }
  .editor-demonstracao { grid-template-columns: 1fr; min-height: 0; font-size: 12px; }
  .demo-resultado { order: -1; }
  .demo-barra { min-height: 48px; padding-inline: var(--e-3); }
  .demo-site-nav { min-height: 54px; padding-inline: var(--e-3); gap: var(--e-3); }
  .demo-site-nav b { font-size: 21px; }
  .demo-site-nav span { font-size: 9px; }
  .demo-site-capa { min-height: 260px; }
  .demo-site-texto { width: 66%; padding: var(--e-6) var(--e-3); }
  .demo-site-texto small { font-size: 8px; margin-bottom: var(--e-4); }
  .demo-site-texto > b { font-size: 30px; }
  .demo-site-texto p { font-size: 11px; max-width: 22ch; }
  .demo-conversa { min-height: 245px; padding: var(--e-4); border-right: 0; border-top: 1px solid var(--borda); }
  .demo-abas { margin-top: var(--e-3); }
  .demo-mensagem { margin-top: var(--e-4); }
  .demo-composer { margin-top: var(--e-4); gap: var(--e-3); flex-direction: row; align-items: center; }
  .etapas { font-size: 14px; gap: var(--e-3); margin-top: var(--e-6); }
  .etapas svg { width: 20px; height: 20px; }
  .duvidas { padding: var(--e-10) 0 var(--e-16); }
  .planos-secao { padding: var(--e-10) 0 var(--e-16); }
  .planos-vitrine { grid-template-columns: 1fr; }
  .duvidas-grade { grid-template-columns: 1fr; gap: var(--e-6); }
  .duvidas-grade > div > p { max-width: 33ch; }
  .duvidas-lista summary { font-size: 15px; min-height: 72px; }
  .duvidas-lista details p { padding-right: var(--e-4); }
  .precos-grade { grid-template-columns: 1fr; gap: 0; }
  .precos-caixa { padding: var(--e-12) 0 0; }
  .odim-landing .precos h2 { font-size: 34px; max-width: 18ch; }
  .precos-caixa p { font-size: 17px; }
  .precos-acoes { gap: var(--e-3); margin-top: var(--e-6); }
  .precos-arte { width: 100%; max-width: 370px; margin: var(--e-6) auto 0; }
  .rodape { padding-top: var(--e-8); }
  .rodape-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-8) var(--e-4); }
  .rodape-marca { grid-column: 1 / -1; }
  .rodape nav a { min-height: 44px; font-size: 13px; }
  .rodape-titulo { font-size: 13px; }
  .rodape-fim { margin-top: var(--e-8); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .tela img, .duvidas-lista summary svg { transition: none; transform: none !important; }
  .odim-js [data-revelar] { translate: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .topo::before, .menu-celular-painel { background: var(--fundo-elevado); }
}
@media (prefers-reduced-transparency: reduce) {
  .topo::before, .menu-celular-painel { background: var(--fundo-elevado); -webkit-backdrop-filter: none; backdrop-filter: none; }
}