/* ==========================================================================
   0. GERAL
   ========================================================================== */

.l02 {
	--background-palette-primary: #8A4B68;
	--background-palette-tertiary: #8A4B68;
	--status-hover: #6E334F;
	--status-selected: #622D46;
}
.l02-contadores {
	background-color: #8a4b68b3;
}

/* ==========================================================================
   1. HEADER E NAVEGAÇÃO
   ========================================================================== */
/* Transições */
header.l02-header-bar,
div.l02-header-bar {
  transition: all 0.3s ease;
}

/* Alteração de cor de fundo apoós o scroll */
header.l02-header-bar.l02-scrolled,
div.l02-header-bar.l02-scrolled {
    background-color: var(--background-palette-tertiary);
	border-bottom: 2px solid var(--background-neutral-primary);
}

.l02-menu-lateral-mobile {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: hidden;
}

.l02-menu-lateral-mobile::-webkit-scrollbar {
  display: none;
}

/* ==========================================================================
   2. LIMITAR TEXTO
   ========================================================================== */
/* Limita o texto a duas linhas */
.u-limit-lines-2 {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}