:root {
  --paiva-logo-horizontal-dark: url("../brand/logo-horizontal-dark.png?v=20261013-transparent-v3");
  --paiva-logo-stacked-light: url("../brand/logo-stacked-light.png?v=20261013-transparent-v3");
  --paiva-logo-icon: url("../brand/logo-icon.png?v=20261013-transparent-v3");
}

/* Símbolo compacto: navegação móvel, plataforma, menus e cartões. */
.ip-brand-mark,
.auth-brand-mark,
.member-brand-mark,
.academy-brand-mark,
.admin-brand-mark,
.course-brand-mark,
.brand-mark,
.cohort-signup-brand > span:first-child {
  background: var(--paiva-logo-icon) center / contain no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  overflow: hidden;
}

.ip-brand-mark,
.member-brand-mark,
.academy-brand-mark,
.admin-brand-mark,
.course-brand-mark,
.brand-mark {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
}

/* Assinatura completa onde há espaço para leitura da marca. */
.auth-brand {
  display: block !important;
  width: min(250px, 72vw) !important;
  height: 88px !important;
  background: var(--paiva-logo-horizontal-dark) left center / contain no-repeat !important;
}
.auth-brand > * { display: none !important; }

.admin-brand {
  min-height: 62px;
  padding-left: 154px !important;
  background: var(--paiva-logo-horizontal-dark) left center / 144px auto no-repeat !important;
}

/* Melhor enquadramento do símbolo em telas estreitas. */
@media (max-width: 640px) {
  .ip-brand-mark,
  .member-brand-mark,
  .academy-brand-mark,
  .admin-brand-mark,
  .course-brand-mark,
  .brand-mark {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
  }
  .auth-brand {
    width: 210px !important;
    height: 76px !important;
  }
}