/* =========================================================================
   NOVA v3skin — veste as páginas internas (catálogo/imóvel) com a
   identidade do v3: nav camaleã + cards vivos. Carregar DEPOIS do style.css.
   ========================================================================= */

/* ---- NAV CAMALEÃ: transparente sobre o cabeçalho escuro ---- */
.page-inner .nav,
.page-inner .nav.scrolled{
  background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none;
  box-shadow:none; padding-block:22px;
}
.page-inner .nav .nav__links a{ color:#fff; }
.page-inner .nav .logo__wm{ opacity:1; transform:none; }
.page-inner .nav .logo__wm b{ color:#fff; }
.page-inner .nav .logo__wm small{ color:rgba(255,255,255,.72); }
.page-inner .nav .nav__burger span{ background:#fff; }
.page-inner .nav .nav__cta{ background:#fff; color:var(--indigo); }

/* ---- ...e vidro índigo sobre as áreas claras (JS marca body.nav-on-light) ---- */
body.nav-on-light .nav,
body.nav-on-light .nav.scrolled{
  background:rgba(10,11,38,.82); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(255,255,255,.08); padding-block:14px;
}
body.nav-on-light .nav .nav__links a{ color:#fff; }
body.nav-on-light .nav .logo__wm b{ color:#fff; }
body.nav-on-light .nav .logo__wm small{ color:rgba(255,255,255,.72); }
body.nav-on-light .nav .nav__cta{ background:var(--grad-brand); color:#fff; }

/* ---- CARDS VIVOS: borda-gradiente + preparo pro tilt 3D ---- */
.card{ transform-style:preserve-3d; will-change:transform; }
.card::before{ content:""; position:absolute; inset:0; z-index:4; border-radius:var(--radius-lg); padding:1.6px;
  background:linear-gradient(120deg,#2b2c86,#00a6e8);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .45s var(--ease); pointer-events:none; }
.card:hover::before{ opacity:1; }
.card__media{ transform:translateZ(24px); }