/* Refuerzos móviles: mantiene la navegación disponible y evita desbordes. */
@media (max-width: 640px) {
  .nav-container { gap: 12px; }
  .logo { font-size: .8rem; white-space: nowrap; }
  nav { min-width: 0; }
  nav ul {
    display: flex;
    gap: 13px;
    max-width: 205px;
    overflow-x: auto;
    padding: 4px 0;
    scrollbar-width: none;
  }
  nav ul::-webkit-scrollbar { display: none; }
  nav ul li:not(:last-child) { display: list-item; }
  nav a { font-size: .76rem; white-space: nowrap; }
  .btn-nav { padding: 6px 9px; }
}