/* Ajustes do layout experimental sobre o CSS da referência: só logotipo, rótulos e mensagens. */

/* Logotipo SSAA no lugar do da referência: a parte escura segue a cor do cabeçalho; o dourado é da marca. */
.ssaa-logo-mono,
.ssaa-logo-script {
	color: var(--icon-color, var(--c-dark-base));
	display: block;
	height: 100%;
	width: 100%;
	transition: color .3s var(--default-ease);
}
#menu .ssaa-logo-mono,
#menu .ssaa-logo-script {
	color: var(--c-light-base);
}

/* Rodapé: o logo SSAA tem outra proporção que o da referência; centraliza sem repetir. */
.footer .logo {
	background-position: center;
	background-repeat: no-repeat;
}

/* Preloader: monograma no lugar da animação Lottie do logo da referência. */
.ssaa-preloader-logo {
	color: var(--c-light-base);
	height: 100%;
	opacity: 0;
	width: 100%;
}

/* Rótulos das bolas (por cima da animação Lottie, que perdeu os números da referência). */
.circle-balls-container2 {
	position: relative;
}
.ssaa-ball-label {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: 0;
	pointer-events: none;
	position: absolute;
	text-align: center;
	top: 0;
	transform-origin: 0 0;
}
.ssaa-ball-label__n {
	font-family: var(--font-instrument);
	font-size: 64px;
	line-height: 1;
}
.ssaa-ball-label__t {
	font-family: var(--font-inter);
	font-size: 15px;
	line-height: 1.2;
	margin-top: 8px;
	max-width: 150px;
}

/* Blocos que a referência renderiza só no desktop (.ssaa-desk) ou só no celular (.ssaa-mob). */
@media (max-width: 1023px) {
	.ssaa-desk {
		display: none !important;
	}
}
@media (min-width: 1024px) {
	.ssaa-mob {
		display: none !important;
	}
}

/* Aviso do formulário (o layout é um teste e não envia dados). */
.ssaa-novo-note {
	color: var(--c-light-40);
	margin-top: 1rem;
}
.ssaa-novo-note a {
	color: var(--c-light-base);
	text-decoration: underline;
}

/* Títulos em Newsreader peso 500, sem a compressão da fonte original: espaçamento entre letras e entrelinha normais. */
.h1,.h1_italic,.h2,.h2_italic,.h3,.h3_italic,.h4,.h4_italic,.h5,.h5_italic{font-weight:500;letter-spacing:0;line-height:1}

/* Lista do credenciamento: reserva espaço para o link "Participar" ao lado do título. */
@media (min-width: 1024px) {
	section.technology .list-item > .h4 {
		display: block;
		padding-right: 6.5rem;
	}
}