/* Bottom Nav — deLiébana */
:root{
  --bn-bg: var(--dl-cream-soft, rgba(255,255,255,.86));
  --bn-ink: var(--dl-ink, #1a1a1a);
  --bn-muted: var(--dl-ink-2, #6b6b6b);
  --bn-accent: var(--dl-mustard, #DFAE5A);
  --bn-border: var(--border-soft, #e8e6e3);
}

body{ padding-bottom: calc(74px + env(safe-area-inset-bottom)); }

.bottom-nav{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
  background: var(--bn-bg);
  color: var(--bn-ink);
  border-top: 1px solid var(--bn-border);
  backdrop-filter: saturate(120%) blur(8px);
  -webkit-backdrop-filter: saturate(120%) blur(8px);
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 2px; align-items: stretch;
  box-shadow: 0 -8px 24px rgba(0,0,0,.06);
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
}

.bn-item{ appearance:none; background:none; border:0; margin:0; padding:8px 6px; cursor:pointer; position:relative;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  color: var(--bn-muted); text-decoration:none; border-radius:12px;
}
.bn-item i{ width:22px; height:22px; stroke: currentColor; }
.bn-item span{ font: 700 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.2px; }
.bn-item:hover{ background: rgba(0,0,0,.03); color: var(--bn-ink); }
.bn-item.is-active{ color: var(--bn-ink); background: rgba(223,174,90,.12); outline: 1px solid rgba(223,174,90,.35); }
.bn-item.is-active i{ color: var(--bn-accent); }

@media (min-width: 860px){
  .bottom-nav{ left:50%; transform:translateX(-50%); max-width: 1100px; border-radius: 16px 16px 0 0; }
}

/* Badge de notificación en iconos (por ejemplo, Chat) */
.bn-badge{ position:absolute; top:6px; right:16px; min-width:16px; height:16px; padding:0 4px;
  border-radius:999px; background:#e11d48; color:#fff; font: 700 10px/16px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:none; align-items:center; justify-content:center; box-shadow:0 0 0 2px var(--bn-bg);
}
.bn-badge.is-on{ display:inline-flex; }