/* Componentes das fases 2 a 5 (inquilinos, contratos, financeiro, área do inquilino, hóspedes) */

/* ---------- passos do cadastro (público) ---------- */
.passos{display:flex;gap:8px;margin:18px 0 24px}
.etapa{flex:1;display:grid;gap:6px;font:700 12px var(--by-font);color:var(--by-tinta-2)}
.etapa i{display:block;height:6px;border-radius:3px;background:var(--by-linha)}
.etapa.on,.etapa.ok{color:var(--by-azul)}
.etapa.on i,.etapa.ok i{background:var(--by-azul)}
.passo{display:none}
body[data-estado="normal"] .passo-1,body[data-estado="passo2"] .passo-2,body[data-estado="revisao"] .passo-3,
body[data-estado="enviado"] .passo-4,body[data-estado="expirado"] .passo-x{display:block}
.etapa-pos{display:none}
body[data-estado="normal"] .e1{color:var(--by-azul)}
body[data-estado="passo2"] .e1,body[data-estado="revisao"] .e1,body[data-estado="enviado"] .e1{color:var(--by-azul)}
body[data-estado="passo2"] .e2,body[data-estado="revisao"] .e2,body[data-estado="enviado"] .e2{color:var(--by-azul)}
body[data-estado="revisao"] .e3,body[data-estado="enviado"] .e3{color:var(--by-azul)}
body[data-estado="normal"] .e1 i,body[data-estado="passo2"] .e1 i,body[data-estado="revisao"] .e1 i,body[data-estado="enviado"] .e1 i,
body[data-estado="passo2"] .e2 i,body[data-estado="revisao"] .e2 i,body[data-estado="enviado"] .e2 i,
body[data-estado="revisao"] .e3 i,body[data-estado="enviado"] .e3 i{background:var(--by-azul)}
.envio{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--by-linha);border-radius:12px;padding:12px 14px;background:#fff;margin-bottom:10px;flex-wrap:wrap}
.envio b{display:block}
.envio .by-btn{flex:none}

/* ---------- linha do tempo ---------- */
.tempo{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--by-linha)}
.tempo li{position:relative;padding:0 0 16px 18px;font:500 15px/1.45 var(--by-font)}
.tempo li::before{content:"";position:absolute;left:-27px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--by-azul)}
.tempo li.ok::before{background:var(--by-disponivel);border-color:var(--by-disponivel)}
.tempo li.espera::before{border-color:var(--by-ouro)}
.tempo li.erro::before{border-color:var(--by-erro);background:var(--by-erro)}
.tempo small{display:block;color:var(--by-tinta-2);font:500 13px var(--by-font)}

/* ---------- definições e documentos ---------- */
.defs{display:grid;grid-template-columns:1fr;gap:0;margin:0}
.defs div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--by-linha);font:500 15px var(--by-font)}
.defs div:first-child{border-top:0}
.defs dt{color:var(--by-tinta-2)}
.defs dd{margin:0;font-weight:700;text-align:right}
@media(min-width:760px){.defs.dupla{grid-template-columns:1fr 1fr;column-gap:36px}.defs.dupla div:nth-child(2){border-top:0}}
.doc{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--by-linha)}
.doc:first-child{border-top:0}
.doc .acoes{display:flex;gap:8px;flex-wrap:wrap}
.doc small{display:block;color:var(--by-tinta-2);font:500 13px var(--by-font)}
@media(max-width:620px){.doc{grid-template-columns:1fr}}
.previa-doc{aspect-ratio:4/3;border:1px solid var(--by-linha);border-radius:10px;background:var(--by-azul-neblina);display:flex;align-items:center;justify-content:center;color:var(--by-tinta-2);font:700 13px var(--by-font);text-align:center;padding:10px}
.enviar-arq{border:2px dashed var(--by-linha);border-radius:12px;padding:18px;text-align:center;background:#fff;color:var(--by-azul);font:700 14px var(--by-font)}

/* ---------- contrato (prévia em papel) ---------- */
.folha-contrato{background:#fff;border:1px solid var(--by-linha);border-radius:6px;padding:clamp(18px,4vw,34px);box-shadow:var(--by-sombra);font:400 14px/1.6 var(--by-font);color:var(--by-tinta)}
.folha-contrato h3{font:800 16px var(--by-font);text-align:center;margin-bottom:14px;text-transform:uppercase}
.folha-contrato h4{margin:14px 0 4px;font:800 13px var(--by-font);text-transform:uppercase;letter-spacing:.04em;color:var(--by-azul)}
.folha-contrato p{margin:0 0 8px}
.folha-contrato mark{background:var(--by-alerta-fundo);color:var(--by-alerta);padding:0 3px;border-radius:3px;font-weight:700}
.folha-contrato .omitida{background:var(--by-erro-fundo);color:var(--by-erro);padding:6px 10px;border-radius:6px;font:600 12px var(--by-font);margin:8px 0}
.layout-duplo{display:grid;gap:18px}
@media(min-width:1080px){.layout-duplo{grid-template-columns:1fr 1fr;align-items:start}.layout-duplo .gruda{position:sticky;top:12px}}
.colunas{display:grid;gap:18px}
@media(min-width:960px){.colunas{grid-template-columns:1.5fr 1fr;align-items:start}}

/* ---------- financeiro ---------- */
.fin-barra{display:flex;height:26px;border-radius:13px;overflow:hidden;margin:12px 0}
.fin-barra i{display:block}
.valores-mes{display:grid;gap:0}
.valores-mes div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--by-linha);font:600 15px var(--by-font)}
.valores-mes div:first-child{border-top:0}
.valores-mes b{font-variant-numeric:tabular-nums}
.grafico{width:100%;overflow-x:auto}
.grafico svg{display:block;min-width:560px;width:100%;height:auto}
.grafico text{font:600 11px var(--by-font);fill:var(--by-tinta-2)}
.leg-graf{display:flex;gap:16px;flex-wrap:wrap;font:600 13px var(--by-font);margin-bottom:6px}
.leg-graf span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;background:var(--c);vertical-align:-1px}
.mes-nav{display:flex;gap:8px;align-items:center;font:800 18px var(--by-font)}
.mes-nav a{display:inline-flex;width:40px;height:40px;border:1px solid var(--by-linha);border-radius:10px;align-items:center;justify-content:center;text-decoration:none;background:#fff;font-size:20px}
.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.tabela td.num,.tabela th.num{text-align:right}
.total-linha td{font-weight:800;background:var(--by-azul-neblina)}
.boleto-caixa{border:1px solid var(--by-linha);border-radius:12px;background:#fff;padding:16px;display:grid;gap:10px}
.linha-dig{font:600 15px/1.5 Consolas,monospace;word-break:break-all;background:var(--by-azul-neblina);border-radius:8px;padding:10px 12px}
.qr{width:132px;height:132px;border:1px solid var(--by-linha);border-radius:8px;background:
  conic-gradient(#0F1B33 0 25%,#fff 0 50%,#0F1B33 0 75%,#fff 0) 0 0/22px 22px;position:relative}
.qr::after{content:"QR de exemplo";position:absolute;inset:auto 0 4px 0;text-align:center;font:700 10px var(--by-font);color:#fff;background:rgba(7,31,74,.8);padding:2px}
.rolagem-x{overflow-x:auto}

/* ---------- inquilino (área) ---------- */
.ola{font:800 clamp(1.5rem,4vw,2rem)/1.15 var(--by-font);margin-bottom:6px}
.destaque-venc{background:var(--by-azul);color:#fff;border-radius:16px;padding:22px;display:grid;gap:10px}
.destaque-venc .v{font:800 2.2rem/1.05 var(--by-font)}
.destaque-venc .by-btn{background:#fff;color:var(--by-azul);border-color:#fff}
.destaque-venc .by-btn--sec{background:transparent;color:#fff;border-color:#fff}
.destaque-venc small{color:#c9d6ec;font:600 14px var(--by-font)}

/* ---------- menu mais (celular) ---------- */
.grade-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grade-menu a{background:#fff;border:1px solid var(--by-linha);border-radius:14px;padding:18px;display:grid;gap:8px;justify-items:start;text-decoration:none;color:var(--by-tinta);font:800 16px var(--by-font)}
.grade-menu svg{color:var(--by-azul);width:26px;height:26px}
@media(min-width:900px){.grade-menu{grid-template-columns:repeat(4,1fr)}}

/* ---------- banner vivo (vitrine) e banners (painel) ---------- */
.bv{margin:0 0 28px}
.bv-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.bv-cab h2{font:800 1.25rem/1.2 var(--by-font);margin:0}
.bv-ctl{display:flex;gap:8px;align-items:center;font:700 14px var(--by-font);color:var(--by-tinta-2)}
.bv-ctl button{min-width:44px;min-height:44px;border:1px solid var(--by-linha);border-radius:999px;background:#fff;color:var(--by-azul);font:800 16px var(--by-font);cursor:pointer}
.bv-trilho{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.bv-trilho::-webkit-scrollbar{display:none}
.bv-slide{flex:0 0 84%;aspect-ratio:4/5;scroll-snap-align:start;border-radius:16px;overflow:hidden;display:block;background:var(--by-azul-neblina);position:relative}
.bv-slide img{width:100%;height:100%;object-fit:cover;display:block}
.bv-slide:focus-visible{outline:3px solid var(--by-ouro);outline-offset:3px}
.bv-pontos{display:flex;justify-content:center;gap:6px;margin-top:10px}
.bv-pontos i{width:8px;height:8px;border-radius:50%;background:var(--by-linha);display:block}
.bv-pontos i.on{background:var(--by-azul);width:22px;border-radius:999px}
@media(min-width:760px){.bv-slide{flex-basis:100%;aspect-ratio:12/5}.bv-trilho{gap:0}}
.bv-slide picture{display:block;width:100%;height:100%}
.bv-seta{display:none}
@media(min-width:760px){.bv-seta{display:inline-flex;align-items:center;justify-content:center;font-size:24px;line-height:1}}
body[data-estado="sem-banner"] .bv,body[data-estado="vazio"] .bv,body[data-estado="erro"] .bv{display:none}
.miniatura{width:56px;height:70px;object-fit:cover;border-radius:8px;background:var(--by-azul-neblina);flex:none}
.res-banners{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.upload{border:2px dashed var(--by-linha);border-radius:14px;background:#fff;padding:18px;display:grid;gap:10px;justify-items:start}
.upload.com{border-style:solid}
.upload .prev{width:120px;aspect-ratio:4/5;border-radius:10px;object-fit:cover;background:var(--by-azul-neblina)}
.previa-cel{width:240px;max-width:100%;border:8px solid var(--by-azul-noite);border-radius:26px;background:#fff;padding:14px 12px;display:grid;gap:10px}
.previa-cel .slide{aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--by-azul-neblina)}
.previa-cel img{width:100%;height:100%;object-fit:cover;display:block}
.cols-banner{display:grid;gap:20px}
@media(min-width:980px){.cols-banner{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}
.so-erro-datas{display:none}
body[data-estado="erro-datas"] .so-erro-datas{display:block}
body[data-estado="erro-datas"] .campo-data{border-color:var(--by-erro);background:var(--by-erro-fundo)}
.hist{display:grid;gap:8px}
.hist>div{display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--by-linha);padding:8px 0;font:600 14px var(--by-font)}
@media(prefers-reduced-motion:reduce){.bv-trilho{scroll-behavior:auto}}

.intro-curta{padding-bottom:12px}
.cartao-largo{flex-direction:column}
@media(min-width:760px){.cartao-largo{flex-direction:row}.cartao-largo .foto{flex:0 0 46%;aspect-ratio:auto;min-height:280px}.cartao-largo .corpo{padding:28px;align-content:center}}
.como{margin:0 0 36px}
.como h2,.avise h2{font:800 1.3rem/1.2 var(--by-font);margin:0 0 12px}
.passos-res{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media(min-width:760px){.passos-res{grid-template-columns:repeat(3,1fr)}}
.passos-res li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--by-linha);border-radius:14px;padding:16px}
.passos-res b{flex:none;width:32px;height:32px;border-radius:50%;background:var(--by-azul);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 15px var(--by-font)}
.avise{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--by-azul-neblina);border-radius:16px;padding:22px;margin-bottom:56px}
.avise p{margin:0}
.barras-dia{display:flex;gap:6px;align-items:flex-end;height:140px;padding-top:10px}
.barras-dia i{flex:1;background:var(--by-azul);border-radius:4px 4px 0 0;min-height:4px;display:block}
.rot-dias{display:flex;gap:6px;font:600 11px var(--by-font);color:var(--by-tinta-2)}
.rot-dias span{flex:1;text-align:center}
.kpis-b{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
@media(min-width:760px){.kpis-b{grid-template-columns:repeat(4,1fr)}}
.kpis-b>div{background:#fff;border:1px solid var(--by-linha);border-radius:14px;padding:14px}
.kpis-b b{display:block;font:800 1.8rem/1.1 var(--by-font);font-variant-numeric:tabular-nums}
.kpis-b span{font:600 13px var(--by-font);color:var(--by-tinta-2)}

/* ===== site público escuro (lançamento 1) ===== */
.pub-escuro{--e-fundo:#050E24;--e-fundo2:#071F4A;--e-texto2:#C9D6EC;--e-linha:rgba(255,255,255,.14);--e-vidro:rgba(255,255,255,.06);background:var(--e-fundo);color:#fff;flex:1;display:flex;flex-direction:column}
.pub-escuro main{flex:1}
.pub-escuro a{color:#fff}
.pub-escuro .mudo,.pub-escuro .dica{color:var(--e-texto2)}
.pub-escuro h1,.pub-escuro h2,.pub-escuro h3{color:#fff}
.pub-escuro .topo{background:rgba(5,14,36,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--e-linha)}
.pub-escuro .topo nav a{color:#fff}
.pub-escuro .topo nav a.by-btn--ouro{color:var(--by-azul-noite)}
.pub-escuro .by-btn--sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.pub-escuro .by-btn--sec:hover{background:rgba(255,255,255,.1)}
.by-btn--gr{min-height:56px;padding:0 30px;font-size:1.05rem;border-radius:999px}
.by-btn--vidro{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);color:#fff;backdrop-filter:blur(8px)}
.pub-escuro .by-btn--vidro{color:#fff}
.pub-escuro .by-btn--ouro{color:var(--by-azul-noite)}
.tag-ouro{font:800 13px var(--by-font);letter-spacing:.22em;text-transform:uppercase;color:var(--by-ouro);display:flex;align-items:center;gap:12px;margin:0}
.tag-ouro::before{content:"";width:42px;height:2px;background:var(--by-ouro);display:block}

/* hero */
.hero{position:relative;min-height:min(88svh,880px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-fundo{position:absolute;inset:0;z-index:-2;background:#050E24}
.hero-fundo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:hero-troca 21s infinite}
.hero-fundo img:nth-child(1){opacity:1;animation-name:hero-troca-1}
.hero-fundo img:nth-child(2){animation-delay:7s}
.hero-fundo img:nth-child(3){animation-delay:14s}
@keyframes hero-troca{0%{opacity:0;transform:scale(1)}6%{opacity:1}33%{opacity:1}39%{opacity:0;transform:scale(1.12)}100%{opacity:0;transform:scale(1.12)}}
@keyframes hero-troca-1{0%{opacity:1;transform:scale(1)}33%{opacity:1}39%{opacity:0;transform:scale(1.12)}94%{opacity:0;transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}
.hero-vinheta{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,14,36,.6) 0%,rgba(5,14,36,.1) 32%,rgba(5,14,36,.94) 100%),linear-gradient(90deg,rgba(5,14,36,.72),rgba(5,14,36,0) 62%)}
.hero-conteudo{padding-top:120px;padding-bottom:clamp(40px,7vw,84px);display:grid;gap:18px;justify-items:start}
.hero h1{font:800 clamp(3.6rem,13vw,9rem)/.9 var(--by-font);letter-spacing:-.045em;max-width:9ch;margin:0}
.hero-sub{font:500 clamp(1.1rem,2.4vw,1.5rem)/1.4 var(--by-font);max-width:34ch;color:#e5ecf9}
.hero-acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.hero-chips{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:6px 0 0;padding:0}
.hero-chips li{padding:8px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font:700 14px var(--by-font);background:rgba(5,14,36,.35);backdrop-filter:blur(6px)}

/* movimento */
.rev{opacity:0;transform:translateY(26px);animation:sobe .9s var(--by-ease) forwards}
.d1{animation-delay:.12s}.d2{animation-delay:.26s}.d3{animation-delay:.4s}.d4{animation-delay:.54s}
@keyframes sobe{to{opacity:1;transform:none}}
@supports (animation-timeline:view()){.rev-s{opacity:0;transform:translateY(34px);animation:sobe linear forwards;animation-timeline:view();animation-range:entry 0% entry 70%}}
.marquee{border-block:1px solid var(--e-linha);background:var(--e-fundo2);overflow:hidden;white-space:nowrap}
.marquee-faixa{display:inline-flex;animation:corre 40s linear infinite}
.marquee span{display:inline-flex;align-items:center;gap:28px;padding:18px 28px 18px 0;font:800 clamp(1rem,2vw,1.35rem) var(--by-font);letter-spacing:.14em;text-transform:uppercase}
.marquee span::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--by-ouro);display:block}
@keyframes corre{to{transform:translateX(-50%)}}

/* seções */
.secao-esc{padding:clamp(56px,9vw,120px) 0}
.secao-clara{background:linear-gradient(180deg,var(--e-fundo2),var(--e-fundo) 38%)}
.cab-sec{margin-bottom:28px}
.cab-sec h2{font:800 clamp(2.1rem,5.4vw,3.8rem)/1 var(--by-font);letter-spacing:-.035em;max-width:14ch;margin-top:14px}
.filmes-grade{display:grid;gap:14px}
@media(min-width:900px){.filmes-grade{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;min-height:580px}.filme-g{grid-row:1/3}}
.filme{position:relative;border-radius:22px;overflow:hidden;min-height:260px;display:block;text-decoration:none;isolation:isolate;background:var(--e-fundo2);border:1px solid var(--e-linha)}
.filme>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--by-ease)}
.filme:hover>img{transform:scale(1.07)}
.filme::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,14,36,.1) 30%,rgba(5,14,36,.9))}
.filme-leg{position:absolute;left:22px;right:22px;bottom:20px;display:grid;gap:2px}
.filme-leg b{font:800 clamp(1.2rem,2.4vw,1.7rem)/1.1 var(--by-font);color:#fff}
.filme-leg span{font:600 14px var(--by-font);color:var(--e-texto2)}
.play{position:absolute;left:50%;top:46%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--by-ouro);color:var(--by-azul-noite);display:flex;align-items:center;justify-content:center;z-index:2}
.play::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--by-ouro);animation:pulsa 2.4s infinite}
.filme-g .play{width:92px;height:92px;margin:-46px 0 0 -46px}
@keyframes pulsa{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.8);opacity:0}}
.dist{position:absolute;right:16px;top:16px;background:rgba(5,14,36,.72);backdrop-filter:blur(8px);border:1px solid var(--e-linha);border-radius:14px;padding:8px 14px;font:800 1.5rem/1 var(--by-font);display:grid;gap:3px;text-align:right;z-index:2}
.dist small{font:700 11px var(--by-font);letter-spacing:.12em;text-transform:uppercase;color:var(--by-ouro)}
.filme-aero{background:radial-gradient(circle at 80% 15%,rgba(201,150,46,.28),transparent 55%),linear-gradient(135deg,#0B3580,#071F4A)}
.filme-aero::after{background:linear-gradient(180deg,transparent 55%,rgba(5,14,36,.7))}
.rota{position:absolute;inset:8% 6% 30% 6%;width:88%;height:62%;z-index:-1;opacity:.9}
.rota .trilha{stroke-dasharray:6 12;animation:tracejado 3s linear infinite}
@keyframes tracejado{to{stroke-dashoffset:-72}}
.filmes-peq{margin-bottom:12px}
@media(min-width:900px){.filmes-peq{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;min-height:0}.filmes-peq .filme-g{grid-row:auto}.filmes-peq .filme{min-height:230px}.filmes-peq .filme-g .play{width:68px;height:68px;margin:-34px 0 0 -34px}}

/* banner, card, passos, aviso no escuro */
.pub-escuro .bv-cab h2{color:#fff}
.pub-escuro .bv-ctl{color:var(--e-texto2)}
.pub-escuro .bv-ctl button{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.pub-escuro .bv-slide{border-radius:20px;background:var(--e-fundo2)}
.pub-escuro .bv-pontos i{background:rgba(255,255,255,.25)}
.pub-escuro .bv-pontos i.on{background:var(--by-ouro)}
.pub-escuro .cartao{background:var(--e-vidro);border-color:var(--e-linha);color:#fff;border-radius:22px}
.pub-escuro .cartao .meta{color:var(--e-texto2)}
.pub-escuro .cartao h3{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em}
.pub-escuro .cartao:hover{box-shadow:0 18px 50px rgba(0,0,0,.45);border-color:rgba(201,150,46,.6)}
.pub-escuro .como h2,.pub-escuro .avise h2{color:#fff}
.pub-escuro .passos-res li{background:var(--e-vidro);border-color:var(--e-linha);color:#fff}
.pub-escuro .passos-res b{background:var(--by-ouro);color:var(--by-azul-noite)}
.pub-escuro .avise{background:linear-gradient(135deg,#0B3580,#071F4A);border:1px solid var(--e-linha)}
.pub-escuro .vazio{background:var(--e-vidro);border-color:var(--e-linha)}
.pub-escuro .vazio p{color:var(--e-texto2)}
.pub-escuro .esq{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));background-size:200% 100%}
.pub-escuro .rodape-pub{background:#030A1A;border-top:1px solid var(--e-linha)}

/* página do imóvel e formulário no escuro */
.pub-escuro .migalha{color:var(--e-texto2)}
.pub-escuro .migalha a{color:#fff}
.pub-escuro .painel-valor{background:var(--e-vidro);border-color:var(--e-linha);color:#fff}
.pub-escuro .painel-valor .v{color:#fff}
.pub-escuro .painel-valor .lin{border-color:var(--e-linha);color:var(--e-texto2)}
.pub-escuro .painel-valor .lin b{color:#fff}
.pub-escuro .sec{border-top-color:var(--e-linha)}
.pub-escuro .carac{background:var(--e-vidro);border-color:var(--e-linha)}
.pub-escuro .carac div{border-color:var(--e-linha);color:var(--e-texto2)}
.pub-escuro .carac b{color:#fff}
.pub-escuro .cal{background:var(--e-vidro);border-color:var(--e-linha)}
.pub-escuro .cal span{border-color:var(--e-linha);color:#fff}
.pub-escuro .cal .cab{background:rgba(255,255,255,.08);color:var(--e-texto2)}
.pub-escuro .cal .pa{color:#6f7d99}
.pub-escuro .cal .oc{background:rgba(201,150,46,.28);color:var(--e-texto2)}
.pub-escuro .mapa{background:#0d2a5e;border-color:var(--e-linha)}
.pub-escuro .mapa .rua{background:#17397a;border-color:#244a94}
.pub-escuro .mapa small{background:rgba(5,14,36,.85);color:var(--e-texto2)}
.pub-escuro .bloco{background:var(--e-vidro);border-color:var(--e-linha);color:#fff}
.pub-escuro label.cp{color:#fff}
.pub-escuro .campo{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.pub-escuro .campo::placeholder{color:#8e9dbd}
.pub-escuro .aviso--ok{background:rgba(27,122,75,.25);color:#bff0d6}

@media(prefers-reduced-motion:reduce){
  .rev,.rev-s{opacity:1!important;transform:none!important;animation:none!important}
  .hero-fundo img{animation:none!important}
  .hero-fundo img:nth-child(1){opacity:1}
  .marquee-faixa,.play::before,.rota .trilha{animation:none!important}
  .filme>img{transition:none}
}

.pub-escuro .sec p{color:var(--e-texto2)}