/* Official artwork lives in FRONTEND/assets; preserve its proportions and colors. */
.noma-logo {
  display: block;
  width: 134px;
  height: auto;
  aspect-ratio: 920 / 331;
  flex-shrink: 0;
}
.noma-isotipo {
  display: block;
  width: 30px;
  height: auto;
  aspect-ratio: 216 / 234;
  flex-shrink: 0;
}
.noma-logo--white, .noma-isotipo--white { display: none; }
.brand--inverse > .noma-logo--green,
.brand--inverse > .noma-isotipo--green { display: none; }
.brand--inverse > .noma-logo--white,
.brand--inverse > .noma-isotipo--white { display: block; }
.sidebar-brand > .noma-logo { width: 153px; }
.sidebar-brand > .noma-isotipo { display: none; }
.phoneTop > .noma-logo { width: 76px; }
@media (min-width: 701px) {
  .sidebar.collapsed:not(.hover-expanded):not(.manual-open):not(:focus-within) .sidebar-brand > .noma-logo { display: none; }
  .sidebar.collapsed:not(.hover-expanded):not(.manual-open):not(:focus-within) .sidebar-brand > .noma-isotipo { display: block; }
}
@media (max-width: 600px) {
  .brand > .noma-logo { width: 112px; }
}
@media (max-width: 420px) {
  header nav > .brand > .noma-logo { width: 92px; }
  header nav > .navactions { gap: 5px; }
  header nav > .navactions .btn { padding-inline: 9px; }
}