/* NestPortal v475 · cabecera institucional premium, sin aumentar su altura */
.topbar{
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(120% 190% at 86% -58%,rgba(255,244,190,.32) 0%,rgba(255,244,190,.10) 22%,transparent 49%),
    radial-gradient(95% 150% at 12% 150%,rgba(34,211,168,.24) 0%,transparent 52%),
    linear-gradient(118deg,#053f39 0%,#076b61 41%,#087f72 67%,#064f48 100%)!important;
  border-bottom:1px solid rgba(211,255,244,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -18px 36px rgba(1,42,37,.18),
    0 9px 28px rgba(3,53,47,.22)!important;
}
.topbar::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-38% -8% -58%;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 9%,rgba(255,248,204,.28) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 18%,rgba(224,255,245,.16) 0 1.5px,transparent 2.5px),
    linear-gradient(168deg,transparent 0 43%,rgba(217,255,246,.11) 44%,transparent 46%),
    linear-gradient(173deg,transparent 0 52%,rgba(0,43,39,.18) 53%,transparent 57%);
  opacity:.95;
  transform:rotate(-1.2deg);
}
.topbar::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-8%;
  right:-8%;
  bottom:-45px;
  height:78px;
  pointer-events:none;
  border-radius:50% 50% 0 0/70% 70% 0 0;
  border-top:1px solid rgba(205,255,243,.18);
  background:linear-gradient(180deg,rgba(68,213,181,.12),rgba(0,52,46,.12));
  transform:rotate(-1.8deg);
}
.topbar>.brand,.topbar>.topActions{position:relative;z-index:2}
.topbar .logoHeaderV474{
  filter:drop-shadow(0 5px 8px rgba(0,24,20,.24)) drop-shadow(0 0 1px rgba(255,255,255,.20))!important;
}
.topbar .privacyPill,
.topbar .iconBtn{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.07))!important;
  border:1px solid rgba(218,255,247,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 7px 17px rgba(0,41,36,.16)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.topbar .rolePill{
  background:linear-gradient(145deg,#ffffff,#eef8f5)!important;
  color:#075e54!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(0,42,36,.19)!important;
}
.topbar .privacyPill:active,
.topbar .rolePill:active,
.topbar .iconBtn:active{transform:translateY(1px) scale(.985)}
@media(max-width:760px){
  .topbar{
    /* Conserva exactamente la altura móvil existente. */
    min-height:calc(var(--top) + var(--safe-top))!important;
    height:calc(var(--top) + var(--safe-top))!important;
    background:
      radial-gradient(120% 175% at 87% -62%,rgba(255,244,190,.28) 0%,rgba(255,244,190,.08) 24%,transparent 49%),
      radial-gradient(110% 170% at 8% 160%,rgba(34,211,168,.22) 0%,transparent 50%),
      linear-gradient(118deg,#06443d 0%,#087267 53%,#07584f 100%)!important;
  }
  .topbar::before{inset:-52% -12% -70%;opacity:.82}
  .topbar::after{bottom:-53px;height:86px}
  .topbar .privacyPill,.topbar .rolePill,.topbar .iconBtn{border-radius:16px!important}
}
@media(prefers-reduced-motion:reduce){
  .topbar .privacyPill,.topbar .rolePill,.topbar .iconBtn{transition:none!important}
}