/* Barra de navegación secundaria
   (archivo: css/layout/secondary-nav.css) */
/* ============================================================
   SECONDARY NAV ROW
   ============================================================ */
#page-nav-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 0 3px;
}
.page-nav-btn-sec {
  display: flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: 1.5px solid #2a2a2a;
  border-radius: 8px;
  padding: 4px 12px 4px 9px;
  cursor: pointer;
  transition: border-color .18s, background .18s, color .18s;
  font-family: 'Fredoka One', cursive;
}
.page-nav-btn-sec .pns-icon { font-size: 0.9rem; line-height: 1; }
.page-nav-btn-sec .pns-label {
  font-family: 'Fredoka One', cursive;
  font-size: 0.78rem;
  color: #444;
  letter-spacing: 0.5px;
  transition: color .18s;
  white-space: nowrap;
}
.page-nav-btn-sec:hover { border-color: #444; background: #1a1a1a; }
.page-nav-btn-sec:hover .pns-label { color: #888; }
.page-nav-btn-sec.active { border-color: var(--yellow-bright); background: #1e1a00; }
.page-nav-btn-sec.active .pns-label { color: var(--yellow-bright); }
.pns-danger:hover { border-color: #3d0a0a !important; background: #110000 !important; }
.pns-danger:hover .pns-label { color: var(--red-close) !important; }
.pns-divider {
  width: 1px; height: 18px;
  background: #222;
  flex-shrink: 0;
}
/* autosave badge tweak */
#autosave-badge {
  font-family: 'Fredoka', sans-serif;
  font-size: 0.7rem;
  color: #333;
  text-align: center;
  padding: 3px 0 5px;
  letter-spacing: 0.4px;
}