/**
 * Logo ICONVENTI (CSS) — 112 × 29 px
 * Fundo vermelho com a mesma altura do bloco branco do "I"
 * Tipografia: sans-serif itálico, tudo em maiúsculas
 */
.logo-iconventi {
  --logo-h: 18px; /* altura comum: vermelho e branco */
  --logo-red: #c41212;
  --logo-white: #ffffff;

  display: inline-flex;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 112px;
  height: 29px;
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  user-select: none;
  overflow: hidden;
}

/* Faixa central: vermelho e branco com a MESMA altura */
.logo-iconventi__inner {
  display: inline-flex;
  align-items: stretch;
  height: var(--logo-h);
  margin: auto 0; /* centraliza verticalmente nos 29px */
  max-width: 112px;
}

/* I — fundo branco, mesma altura do vermelho */
.logo-iconventi .logo-iconventi__i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--logo-h);
  min-width: 12px;
  padding: 0 3px;
  background: var(--logo-white);
  color: var(--logo-red);
  font-family: inherit;
  font-style: italic;
  font-size: 13px;
  font-weight: 700;
  line-height: var(--logo-h);
}

/* CONVENTI — fundo vermelho, mesma altura do branco */
.logo-iconventi .logo-iconventi__text {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: var(--logo-h);
  padding: 0 4px 0 2px;
  background: var(--logo-red);
  color: var(--logo-white);
  font-family: inherit;
  font-style: italic;
  font-size: 11px;
  font-weight: 700;
  line-height: var(--logo-h);
  letter-spacing: 0.04em;
}

/* Variante bloco */
.logo-iconventi--block {
  display: flex;
}

/* Encaixe no menu lateral MapOS */
#newlog .logo-iconventi-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
}

#newlog .logo-iconventi-wrap .logo-iconventi {
  flex-shrink: 0;
}

#sidebar.open .logo-iconventi-wrap .logo-iconventi__text {
  display: none;
}

#sidebar.open .logo-iconventi-wrap .logo-iconventi {
  width: auto;
  min-width: 20px;
}

/* Escala 2x (proporção 112:29) */
.logo-iconventi--lg {
  width: 224px;
  height: 58px;
  --logo-h: 36px;
}

.logo-iconventi--lg .logo-iconventi__i {
  min-width: 24px;
  padding: 0 6px;
  font-size: 26px;
}

.logo-iconventi--lg .logo-iconventi__text {
  padding: 0 8px 0 4px;
  font-size: 22px;
}