/* BOTTOM NAV */
.bnav { position: fixed; bottom: 0; left: 0; right: 0; background: var(--blanco); border-top: 1px solid var(--gris2); display: flex; padding: 10px 0 20px; z-index: 100; box-shadow: 0 -4px 24px rgba(0,0,0,0.07); }
.ni { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 9px; font-weight: 700; color: var(--texto3); cursor: pointer; border: none; background: none; padding: 4px; text-transform: uppercase; letter-spacing: 0.05em; transition: color 0.15s; }
.ni.on { color: var(--verde); }
.ni svg { width: 22px; height: 22px; stroke-width: 2; }
.cbadge { background: var(--naranja); color: white; font-size: 9px; font-weight: 800; border-radius: 10px; padding: 1px 5px; position: absolute; top: -5px; right: -7px; border: 1.5px solid white; }