.navbar {
  position: relative;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem max(1.25rem, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid var(--td-border);
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(14px);
}
.public-brand { display: flex; align-items: center; gap: .65rem; color: var(--td-ink); font-size: 1.05rem; font-weight: 750; letter-spacing: -.02em; }
.public-brand-mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: linear-gradient(145deg, #a7f3d0, #10b981); color: #064e3b; font-weight: 800; box-shadow: 0 5px 14px rgba(16,185,129,.25); }
.navbar a { color: var(--td-ink); font-weight: 650; text-decoration: none; }
.navbar__links { display: flex; align-items: center; gap: 1.7rem; }
.navbar__links a { font-size: .88rem; }
.navbar__actions { display: flex; align-items: center; gap: 1rem; }
.navbar__cta { display: inline-flex; align-items: center; border-radius: 7px; padding: .55rem .9rem; background: var(--td-green-500); color: #fff !important; font-size: .84rem; font-weight: 750 !important; }
.navbar .btn-primario { margin-left: 1rem; }
.navbar__user { color: var(--td-muted); font-size: .9rem; }
.navbar__logout { padding: 0; border: 0; background: none; color: var(--td-green-950); font-weight: 650; cursor: pointer; }
.container { max-width: 1200px; margin: 2rem auto; padding: 0 1rem; }
.container [style*="background: white"], .container [style*="background: #fff"] { border-color: var(--td-border) !important; border-radius: 16px !important; box-shadow: var(--td-shadow-md) !important; }
@media (max-width: 640px) {
  .navbar { padding-inline: 1rem; }
  .navbar > div { display: flex; align-items: center; gap: .45rem; font-size: .82rem; }
  .container { margin-top: 1.25rem; }
  .navbar__links { display: none; }
}