/* 🧭 26/08 — menu lateral padrão (par do lateral.js). Mesmo desenho do Início. */
body.com-lateral{ margin:0; padding:0; }
.app-lat{ display:flex; min-height:100vh; }
.lateral-lat{ width:225px; flex:0 0 auto; background:linear-gradient(180deg,#101921,#16222e); color:#fff;
  display:flex; flex-direction:column; padding:18px 14px; position:sticky; top:0; height:100vh; box-sizing:border-box; }
.lateral-lat .marca{ display:flex; align-items:center; gap:10px; font-weight:800; font-size:15.5px; padding:4px 8px 18px; color:#fff; }
.lateral-lat .marca img{ height:24px; }
/* 🌿 a marca do Studio em texto (31/08/2026). Poppins ExtraBold, a mesma da familia;
   o x na lima e o resto em branco — hous(x)pert e studio(x)pert lado a lado se reconhecem. */
.lateral-lat .marca .marca-txt{ font-weight:800; font-size:19px; letter-spacing:-.045em; white-space:nowrap; }
.lateral-lat .marca .marca-leve{ font-weight:600; opacity:.95; }
.lateral-lat .marca .marca-x{ color:var(--lime,#AFD100); }
.lateral-lat nav{ display:flex; flex-direction:column; gap:4px; }
.lateral-lat nav a{ color:#c3ccd8; text-decoration:none; font-size:13.5px; font-weight:600;
  padding:10px 12px; border-radius:10px; white-space:nowrap; margin:0; border-bottom:none; }
.lateral-lat nav a:hover{ background:rgba(255,255,255,.035); color:#fff; box-shadow:inset 3px 0 0 rgba(255,255,255,.32); }
.lateral-lat nav a.ativo{ background:var(--orange,#FC5412); color:#fff; border-bottom:none; padding-bottom:10px; }
.lateral-lat .sair{ margin-top:auto; color:#93a1b1; text-decoration:none; font-size:12.5px; padding:14px 12px 2px; }
.lateral-lat .sair:hover{ color:#fff; }
.miolo-lat{ flex:1; min-width:0; }
@media(max-width:960px){
  .app-lat{ flex-direction:column; }
  .lateral-lat{ width:100%; height:auto; position:static; flex-direction:row; align-items:center; gap:6px; padding:10px 12px; overflow-x:auto; }
  .lateral-lat nav{ flex-direction:row; }
  .lateral-lat .marca{ padding:0 8px 0 0; }
  .lateral-lat .sair{ margin:0 0 0 auto; padding:0 4px; }
}