/* Ajustes responsive adicionales (mobile-first refinements) */

@media (max-width: 680px) {
  .hero { padding: 80px 0 60px; }
  .hero p { font-size: 16px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .nav-links .btn span.hide-mobile { display: none; }
  .features { padding: 40px 0 80px; }

  .topbar { padding: 14px 16px; }
  .search-box { max-width: none; }
  .content-header { align-items: flex-start; }
  .grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
  .auth-card { padding: 30px 22px; }
  .toast-wrap { left: 16px; right: 16px; bottom: 16px; }
  .toast { min-width: 0; width: 100%; }
}

@media (max-width: 900px) {
  .menu-toggle { display: inline-flex !important; }
}
@media (min-width: 901px) {
  .menu-toggle { display: none !important; }
}