/* Cabecera: respiro entre marca, enlaces y botones; "Tipos de organización" con el mismo estilo que el resto de enlaces. */
.nav-dropdown-trigger { color: var(--ink-soft); font-weight: 700; font-size: 0.95rem; white-space: nowrap; transition: color 0.15s ease; }
.nav-dropdown:hover .nav-dropdown-trigger, .nav-dropdown:focus-within .nav-dropdown-trigger { color: var(--org-accent); }
.nav-links a { white-space: nowrap; }
.nav .brand { white-space: nowrap; }
.nav .btn { white-space: nowrap; }
@media (min-width: 761px) {
  .nav .wrap { max-width: 1280px; gap: 24px; }
  .nav-links { gap: 22px; margin: 0 auto; }
}
/* Entre 761 y 1140 px los enlaces ya no caben junto a los botones: menú de hamburguesa (mismo comportamiento que en móvil). */
@media (min-width: 761px) and (max-width: 1140px) {
  .nav-burger { display: inline-flex; }
  .nav-links {
    display: none; position: absolute; top: 100%; left: 0; right: 0; margin: 0;
    flex-direction: column; align-items: stretch; gap: 2px;
    background: var(--cream); padding: 10px 24px 16px;
    border-bottom: 1px solid rgba(46, 42, 34, 0.08); box-shadow: 0 16px 28px -16px rgba(46, 42, 34, 0.25);
  }
  .nav.is-open .nav-links { display: flex; }
  .nav-links a, .nav-dropdown-trigger { padding: 12px 10px; border-radius: 10px; }
  .nav-links a:hover, .nav-links a:active { background: var(--org-accent-tint); color: var(--org-accent); }
  .nav-dropdown { position: static; }
  .nav-dropdown-menu { position: static; transform: none; padding-top: 0; opacity: 1; visibility: visible; display: none; }
  .nav-dropdown.is-open .nav-dropdown-menu { display: block; }
  .nav-dropdown-menu-inner { box-shadow: none; padding: 2px 0 2px 14px; min-width: 0; gap: 0; }
}
@media (max-width: 560px) {
  .nav .wrap { padding: 0 14px; gap: 10px; }
  .nav .brand { font-size: 1.1rem; }
  .nav-auth .btn-primary { padding: 9px 14px; font-size: 0.8rem; }
}