/* ===========================================================================
   c-guianav - barra de secoes do guia
   =========================================================================== */

.c-guianav {
	position: relative;
	border-bottom: 1px solid var(--linha);
	background: var(--bg-alt, rgba(255, 255, 255, 0.015));
}

.c-guianav__envelope {
	display: flex;
	gap: 0.25rem;
	padding: 0.5rem var(--e-3);

	/* Em tela estreita a barra rola na horizontal em vez de quebrar em duas
	   linhas: quatro secoes empilhadas empurrariam o conteudo para baixo da
	   dobra. */
	overflow-x: auto;
	scrollbar-width: none;
}

.c-guianav__envelope::-webkit-scrollbar { display: none; }

.c-guianav__link {
	flex: 0 0 auto;
	padding: 0.4rem 0.8rem;
	border-radius: 999px;
	color: var(--ink-3);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: color var(--transicao), background var(--transicao);
}

.c-guianav__link:hover {
	color: var(--ink);
	background: var(--surface-2);
}

.c-guianav__link.esta-ativo {
	color: var(--ouro);
	background: rgba(217, 180, 90, 0.1);
}