/* Vitorinni Imports · preview 29/09/2026
   Conceito: a garagem do subsolo sob o cobogó de luz, com o escritório no 13º.
   Evidência: as 3 fotos e os 2 reels são no mesmo subsolo, com a parede vazada
   iluminada ao fundo e a faixa verde e laranja na parede. A logo é cromo
   champanhe sobre preto, serifada de capitular: daí a Cinzel.
   Tokens tirados das fotos, não inventados. */

:root{
  --bg:#0a0a0b;
  --bg-2:#111113;
  --bg-3:#18181b;
  --tx:#ede8e1;
  --tx-2:rgba(237,232,225,.66);
  --tx-3:rgba(237,232,225,.4);
  --linha:rgba(237,232,225,.1);
  --champ:#dcb57e;              /* o cromo da logo, puxado pro dourado da luz do cobogó */
  --verde:#1d6b66;              /* faixa da parede do subsolo */
  --laranja:#e0702e;            /* filete laranja sob a faixa */
  --wa:#25d366;
  --ac-2:29,107,102;            /* luz-01: rim frio = verde da parede */
  --ac-3:238,186,112;           /* luz quente = o dourado do cobogó aceso */
  --ouro:linear-gradient(180deg,#fff3dc 0%,#f2c886 40%,#c48a45 62%,#f6d49c 100%);
  --cromo:linear-gradient(180deg,#faf5ee 0%,#dccab5 36%,#8c7663 52%,#eadfd0 70%,#b49d86 100%);
  --ease:cubic-bezier(.22,1,.36,1);
  --pad:clamp(20px,5vw,72px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:500}
p{margin:0}

.display{font-family:Cinzel,"Times New Roman",serif;font-weight:500;letter-spacing:.01em;line-height:1.08}
.cromo{background:var(--cromo);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--champ);margin-bottom:14px}

/* ---------- botões (Lei 5: nunca display em botão) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:600 14px/1 Inter,sans-serif;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .25s}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--champ);outline-offset:3px}
.btn-cromo{background:var(--ouro);color:#1a120a;box-shadow:0 10px 30px -12px rgba(var(--ac-3),.6)}
.btn-linha{border-color:rgba(205,184,159,.45);color:var(--tx)}
.btn-linha:hover{border-color:var(--champ)}
.btn-wa{background:var(--wa);color:#06140b}

/* ---------- ELEVADOR (assinatura) ---------- */
.elevador{position:fixed;inset:0;z-index:100;pointer-events:none;display:none}
.js .elevador{display:block;pointer-events:auto}
.el-porta{position:absolute;top:0;bottom:0;width:50.2%;overflow:hidden;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),
    linear-gradient(90deg,#1d1d20 0%,#3a3a3f 38%,#56565c 52%,#2c2c30 100%);
  transition:transform 1.5s cubic-bezier(.7,0,.2,1)}
.el-esq{left:0;box-shadow:inset -1px 0 0 rgba(0,0,0,.8)}
.el-dir{right:0;box-shadow:inset 1px 0 0 rgba(255,255,255,.12)}
/* a logo gravada na porta, dividida no vão: metade em cada folha */
.el-porta img{position:absolute;top:50%;width:min(56vmin,380px);max-width:none;opacity:.92;transform:translateY(-50%)}
.el-esq img{right:0;transform:translate(50%,-50%)}
.el-dir img{left:0;transform:translate(-50%,-50%)}
.el-visor{position:absolute;z-index:2;top:clamp(20px,6vh,56px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 18px;border-radius:6px;background:#050506;border:1px solid #2c2c30;color:var(--laranja);font:600 28px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(224,112,46,.7);transition:opacity .4s}
.el-seta{font-size:14px}
.el-num{min-width:1.3em;text-align:center}
.el-pular{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);background:none;border:1px solid rgba(237,232,225,.25);color:var(--tx-2);font:500 12px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:10px 18px;border-radius:999px;cursor:pointer}
.elevador.ding .el-visor{box-shadow:0 0 0 1px var(--laranja),0 0 30px rgba(224,112,46,.4)}
.elevador.abre .el-esq{transform:translateX(-101%)}
.elevador.abre .el-dir{transform:translateX(101%)}
.elevador.abre .el-visor,.elevador.abre .el-pular{opacity:0}
.elevador.abre{pointer-events:none}
.elevador.fim{display:none}

/* ---------- topo e indicador de andar (tempero 1) ---------- */
.topo{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:calc(12px + env(safe-area-inset-top,0px)) var(--pad) 12px;background:linear-gradient(180deg,rgba(10,10,11,.92),rgba(10,10,11,0));}
.topo-logo img{height:26px;width:auto}
.andar{margin-left:auto;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border-radius:6px;background:#050506;border:1px solid #26262a}
.andar-seta{color:var(--laranja);font-size:11px;transition:transform .35s var(--ease)}
.andar.sobe .andar-seta{transform:rotate(180deg)}
.andar-num{display:inline-block;overflow:hidden;height:1.2em;min-width:1.6em;color:var(--laranja);font:600 20px/1.2 Inter,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(224,112,46,.6);text-align:center}
.andar-num span{display:block}
.andar-num span.troca{animation:andarTroca .45s var(--ease)}
@keyframes andarTroca{from{transform:translateY(var(--de,100%));opacity:0}to{transform:none;opacity:1}}
.andar-nome{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-2)}
.topo-wa{min-height:40px;padding:0 18px}

/* ---------- cobogó: a parede vazada iluminada ---------- */
.cobogo{position:absolute;pointer-events:none;
  background:
    linear-gradient(var(--bg) 3px,transparent 3px) 0 0/15px 15px,
    linear-gradient(90deg,var(--bg) 3px,transparent 3px) 0 0/15px 15px,
    radial-gradient(60% 60% at 45% 45%,rgba(var(--ac-3),.95),rgba(var(--ac-3),.35) 55%,rgba(var(--ac-3),0) 80%);
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 45%,transparent 100%);
  mask-image:radial-gradient(70% 70% at 50% 50%,#000 45%,transparent 100%);
  opacity:.06}
/* tempero 2: o fluorescente do subsolo acende quando a seção entra. 1 vez. */
.cobogo.aceso{animation:fluor 1.4s steps(1,end) forwards}
@keyframes fluor{0%{opacity:.06}8%{opacity:.5}12%{opacity:.1}22%{opacity:.6}26%{opacity:.15}40%{opacity:.7}100%{opacity:.7}}
.cobogo-hero.aceso{animation-delay:.9s}

/* ---------- HERO v2 · cena inteira, cor dominante dourada ---------- */
.hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:130px var(--pad) 170px;overflow:hidden;background:var(--bg)}
.hero-cena{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-cena img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.1);transition:transform 3.2s cubic-bezier(.16,1,.3,1)}
.pronto .hero-cena img{transform:scale(1)}
.hero-veu{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,rgba(7,6,5,.95) 0%,rgba(7,6,5,.82) 32%,rgba(7,6,5,.3) 52%,transparent 66%),
  linear-gradient(0deg,var(--bg) 0%,rgba(10,10,11,.6) 16%,transparent 36%),
  linear-gradient(180deg,rgba(10,10,11,.7) 0%,transparent 18%)}
.hero-txt{position:relative;max-width:660px}
.hero h1{font-size:clamp(44px,5.6vw,92px);line-height:1.02;margin-bottom:28px;text-shadow:0 2px 40px rgba(0,0,0,.4)}
.ouro{background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(var(--ac-3),.35))}
.placa-hero{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;padding:6px 16px 6px 6px;border:1px solid rgba(var(--ac-3),.45);border-radius:6px;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#f3e6d2}
.placa-v{display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:var(--ouro);color:#1a120a;font:600 17px/1 Cinzel,serif;letter-spacing:0}
.lead{font-size:clamp(16px,1.3vw,19px);color:rgba(237,232,225,.8);max-width:33em}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn-ouro{background:var(--ouro);color:#1a120a;box-shadow:0 12px 40px -10px rgba(var(--ac-3),.7)}
.hero-base{position:absolute;left:var(--pad);right:var(--pad);bottom:34px;list-style:none;margin:0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:clamp(24px,5vw,72px);border-top:1px solid rgba(var(--ac-3),.28)}
.hero-base li{display:flex;flex-direction:column;gap:2px}
.hero-base strong{font:600 22px/1.1 Cinzel,serif;color:#f5e3c6}
.hero-base span{font-size:13px;color:var(--tx-2)}
.hero-base .hero-leg{justify-self:end;align-self:end;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-3)}
/* luz-01 · variante B (recorte). A luz corre só na lataria. */
.lz-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;
  -webkit-mask-image:var(--cut);mask-image:var(--cut);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  background:
    linear-gradient(104deg,transparent calc(16% + var(--mx,.5)*28%),rgba(255,255,255,.16) calc(27% + var(--mx,.5)*28%),transparent calc(40% + var(--mx,.5)*28%)),
    linear-gradient(90deg,rgba(var(--ac-2),.28) 0,transparent 26%),
    radial-gradient(70% 45% at 60% 2%,rgba(var(--ac-3),.2),transparent 60%)}

/* ---------- faixa da parede ---------- */
.faixa{position:relative;background:var(--verde);border-bottom:4px solid var(--laranja);overflow-x:auto;scrollbar-width:none}
.faixa::-webkit-scrollbar{display:none}
.faixa ul{list-style:none;margin:0;padding:16px var(--pad);display:flex;gap:34px;justify-content:space-between;white-space:nowrap;width:max-content;min-width:100%}
.faixa li{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#eef5f3}

/* ---------- seções ---------- */
.secao{position:relative;padding:clamp(80px,11vw,150px) var(--pad);overflow:hidden}
.secao h2{font-size:clamp(30px,3.6vw,54px)}
.cab{display:flex;align-items:flex-start;gap:20px;max-width:900px}
.sub{color:var(--tx-2);max-width:36em;margin:22px 0 0 76px;font-size:17px}
/* o índice de seção é o botão do elevador */
.botao-el{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#4a4a50,#1b1b1e 70%);border:2px solid #5a5a60;
  box-shadow:0 0 0 3px var(--bg),0 0 0 4px rgba(224,112,46,.8),0 0 22px rgba(224,112,46,.35);
  color:var(--laranja);font:600 16px Inter,sans-serif;font-variant-numeric:tabular-nums}

/* ---------- PÁTIO: vagas ---------- */
.patio{background:radial-gradient(50% 45% at 90% 0%,rgba(var(--ac-3),.12),transparent 70%),linear-gradient(180deg,var(--bg) 0%,#0e0e10 100%)}
.cobogo-patio{top:-40px;right:-60px;width:min(560px,70vw);height:420px}
.vagas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:56px}
.vaga{position:relative;display:block;text-decoration:none;border-radius:14px;background:var(--bg-2);border:1px solid var(--linha);overflow:hidden;transition:transform .18s ease-out,border-color .25s var(--ease),box-shadow .25s var(--ease),opacity .25s,filter .25s}
/* o chão da vaga: concreto com as duas faixas pintadas */
.vaga-chao{position:relative;aspect-ratio:4/3;display:grid;place-items:end center;padding:0 6% 8%;
  background:
    linear-gradient(90deg,transparent 5%,rgba(237,232,225,.4) 5% calc(5% + 3px),transparent calc(5% + 3px) calc(95% - 3px),rgba(237,232,225,.4) calc(95% - 3px) 95%,transparent 95%) bottom/100% 45% no-repeat,
    linear-gradient(180deg,#141416 0%,#1c1c1f 55%,#26262a 100%)}
.vaga-num{position:absolute;left:50%;bottom:4%;transform:translateX(-50%) perspective(200px) rotateX(38deg);font:600 44px/1 Cinzel,serif;color:rgba(237,232,225,.1);letter-spacing:.1em}
.vaga-carro{position:relative;z-index:1;width:100%;display:block;transition:transform .5s var(--ease)}
.vaga-carro img{width:100%;height:auto}
.lz-contact{position:absolute;left:50%;bottom:4%;width:76%;height:30px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(var(--ac-2),.5),rgba(var(--ac-2),.12) 58%,transparent 80%);filter:blur(10px);opacity:0;transition:opacity .3s var(--ease)}
.vaga-corpo{padding:20px 22px 22px;border-top:1px solid var(--linha)}
.vaga-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--champ)}
.vaga h3{font:600 21px/1.3 Inter,sans-serif;margin-top:8px}
.vaga-meta{color:var(--tx-3);font-size:14px;margin-top:2px}
.vaga-pe{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.preco{font:600 15px Inter,sans-serif}
.quero{font-size:13px;font-weight:600;color:var(--champ);border-bottom:1px solid rgba(205,184,159,.4);padding-bottom:2px}
.nota{margin-top:34px;color:var(--tx-2)}
.nota a{color:var(--champ);font-weight:600}
@media(hover:hover) and (pointer:fine){
  .vaga:hover{border-color:rgba(var(--ac-2),.7);box-shadow:0 26px 60px -24px rgba(var(--ac-2),.55)}
  .vaga:hover .lz-contact{opacity:1}
  .vaga:hover .vaga-carro{transform:scale(1.035)}
  .vagas:has(.vaga:hover) .vaga:not(:hover){opacity:.72;filter:saturate(.8)}
}

/* ---------- CÂMERA ---------- */
.camera{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center;background:#0e0e10}
.cams{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cams .cam:nth-child(2){margin-top:70px}
.cam{position:relative;margin:0;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--linha)}
.cam video{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05)}
.cam::before,.cam::after{content:"";position:absolute;z-index:2;width:22px;height:22px;border:2px solid rgba(237,232,225,.7)}
.cam::before{top:12px;left:12px;border-right:0;border-bottom:0}
.cam::after{bottom:12px;right:12px;border-left:0;border-top:0}
.cam-hud{position:absolute;inset:0;z-index:1;padding:18px 20px;font:500 11px/1.3 Inter,sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 22%,transparent 72%,rgba(0,0,0,.6))}
.rec{position:absolute;top:18px;left:40px;display:flex;align-items:center;gap:6px}
.rec i{width:8px;height:8px;border-radius:50%;background:#e33;animation:rec 1.2s steps(2,start) infinite}
@keyframes rec{50%{opacity:0}}
.cam-ch{position:absolute;top:36px;left:40px;color:rgba(255,255,255,.75)}
.cam-hora{position:absolute;top:18px;right:40px}
.cam-nome{position:absolute;left:20px;bottom:22px;font:600 16px Inter,sans-serif;letter-spacing:.02em}

/* ---------- CONSIGNADO: tickets ---------- */
.tickets{list-style:none;margin:56px 0 44px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ticket{position:relative;padding:22px 22px 70px;background:#e9e3d8;color:#1a1714;border-radius:6px;
  /* os dentes do picote em cima e embaixo */
  -webkit-mask:radial-gradient(circle 6px at 50% 0,transparent 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 6px at 50% 100%,transparent 98%,#000) 0 100%/18px 51% repeat-x;
  mask:radial-gradient(circle 6px at 50% 0,transparent 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 6px at 50% 100%,transparent 98%,#000) 0 100%/18px 51% repeat-x}
.tk-topo{display:block;font-size:10px;font-weight:600;letter-spacing:.22em;color:#6d6358;padding-bottom:12px;border-bottom:1px dashed #b3a999}
.tk-n{display:block;font:600 52px/1 Cinzel,serif;margin:18px 0 8px;color:#1a1714}
.ticket h3{font:600 18px Inter,sans-serif;margin-bottom:6px}
.ticket p{font-size:14px;line-height:1.5;color:#4a433c}
.tk-barra{position:absolute;left:22px;right:22px;bottom:22px;height:28px;
  background:repeating-linear-gradient(90deg,#1a1714 0 2px,transparent 2px 4px,#1a1714 4px 5px,transparent 5px 8px,#1a1714 8px 11px,transparent 11px 12px)}
.ticket:nth-child(even){transform:rotate(1.2deg)}
.ticket:nth-child(odd){transform:rotate(-.8deg)}
.ticket.rv.in:nth-child(even){transform:rotate(1.2deg)}
.ticket.rv.in:nth-child(odd){transform:rotate(-.8deg)}

/* ---------- CRÉDITO ---------- */
.credito{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(30px,5vw,80px);align-items:center;background:#0e0e10}
.painel{display:grid;gap:16px;padding:30px;border-radius:16px;background:linear-gradient(160deg,#17171a,#0d0d0f);border:1px solid var(--linha);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(var(--ac-2),.25),0 30px 70px -40px rgba(var(--ac-2),.7)}
.painel-tit{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--champ)}
.painel label{display:grid;gap:6px;font-size:13px;color:var(--tx-2)}
.painel input,.painel select{height:48px;padding:0 14px;border-radius:10px;border:1px solid rgba(237,232,225,.16);background:#0a0a0b;color:var(--tx);font:16px Inter,sans-serif}
.painel input:focus,.painel select:focus{border-color:rgba(var(--ac-2),1)}
.painel .btn{margin-top:6px}

/* ---------- CONTATO ---------- */
.contato{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center}
address{font-style:normal;color:var(--tx-2);margin:28px 0 0 76px;line-height:1.8}
.tel{margin:14px 0 0 76px;font:600 22px Inter,sans-serif;font-variant-numeric:tabular-nums}
.contato .hero-cta{margin-left:76px}
.mapa{border-radius:14px;overflow:hidden;border:1px solid var(--linha);aspect-ratio:4/3;background:var(--bg-2)}
.mapa iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9) brightness(.9)}

.rodape{padding:50px var(--pad) calc(50px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.rodape img{width:170px}
.rodape p{font-size:13px;color:var(--tx-3)}

.wa-flut{position:fixed;z-index:40;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--wa);color:#fff;box-shadow:0 12px 30px -8px rgba(37,211,102,.6)}

/* ---------- base: reveal ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* ---------- responsivo ---------- */
@media(max-width:980px){
  .hero,.camera,.credito,.contato{grid-template-columns:1fr}

  .vagas{grid-template-columns:1fr 1fr}
  .tickets{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .topo{gap:10px}
  .topo-logo img{height:20px}
  .topo-wa{display:none}
  .andar-nome{display:none}
  .sub,address,.tel,.contato .hero-cta{margin-left:0}
  .cab{gap:14px}
  .botao-el{width:44px;height:44px;font-size:14px}
  .vagas,.tickets{grid-template-columns:1fr}
  .cams{gap:12px}
  .cams .cam:nth-child(2){margin-top:40px}
  .cam-hud{padding:12px}
  .rec{left:30px;top:14px}.cam-ch{left:30px;top:30px;font-size:9px}.cam-hora{display:none}
  .cam-nome{left:14px;bottom:16px;font-size:14px}
  .ticket,.ticket.rv.in{transform:none!important}
}

@media(max-width:760px){
  .hero{justify-content:flex-end;padding:0 var(--pad) 36px;min-height:100svh}
  .hero-cena{bottom:auto;height:64svh}
  .hero-cena img{object-position:50% 40%}
  .hero-veu{bottom:auto;height:64svh;background:linear-gradient(0deg,var(--bg) 0%,rgba(10,10,11,.6) 14%,transparent 34%),linear-gradient(180deg,rgba(10,10,11,.7) 0%,transparent 16%)}
  .hero-txt{padding-top:56svh}
  .hero h1{font-size:clamp(36px,10.5vw,48px);margin-bottom:18px}
  .placa-hero{margin-bottom:18px}
  .hero-base{position:static;margin-top:30px;grid-template-columns:1fr 1fr 1fr;gap:14px}
  .hero-base strong{font-size:18px}
  .hero-base span{font-size:12px}
  .hero-base .hero-leg{display:none}
}
/* Lei 4 · sem movimento: a porta nem aparece, a luz fica acesa, nada anda */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .elevador{display:none}
  .hero-cena img{transform:none;transition:none}
  .cobogo{opacity:.7;animation:none!important}
  .js .rv{opacity:1;transform:none;transition:none}
  .andar-num span.troca{animation:none}
  .rec i{animation:none}
  .btn,.vaga,.vaga-carro{transition:none}
}