/* ============================================================
   NAV · barra de navegación (beta · doc 09)
   Materialidad de la casa: navy profundo SÓLIDO (jamás translúcido
   tipo web) + hairline de oro como filo de luz superior.
   CSS clásico (sin `inset`) · táctil ≥44px · safe-area respetada.
   ============================================================ */
.somanav{
  position:fixed; bottom:0; left:0; width:100%; z-index:80;
  display:flex; align-items:stretch;
  background:linear-gradient(180deg, #081321 0%, #050B14 100%);
  border-top:1px solid rgba(var(--ent-gold-rgb),.2);
  box-shadow:
    0 -1px 0 rgba(var(--ent-gold-rgb),.05),
    0 -18px 44px rgba(0,0,0,.5);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom));
}
.somanav a{
  flex:1; min-height:48px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; padding:5px 2px; text-decoration:none;
  color:rgba(var(--ent-ink-rgb),.4);
  transition:color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.somanav svg{
  width:22px; height:22px; display:block;
  fill:none; stroke:currentColor; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round;
}
.somanav span{
  font-family:var(--font-sans); font-size:9.5px; font-weight:600;
  letter-spacing:.1em; text-transform:uppercase; line-height:1;
}
.somanav-dot{
  width:3px; height:3px; border-radius:50%;
  background:var(--ent-gold-bright); opacity:0;
  transition:opacity .25s ease;
}
.somanav a.act{ color:var(--ent-gold-bright); }
.somanav a.act .somanav-dot{ opacity:1; }
.somanav a:active{ color:rgba(var(--ent-gold-rgb),.95); }

/* las páginas con barra reservan el aire inferior (cuidado del scroll) */
body.con-nav{ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }

/* CANDADO del index: la barra jamás sobre splash/login/acuerdo —
   solo cuando el home está en pantalla (login.js pone .soma-home) */
body[data-nav="inicio"] .somanav{ display:none; }
body[data-nav="inicio"].soma-home .somanav{ display:flex; }