@charset "UTF-8";

/* Botão "voltar ao topo" (criado por mobile.js). Arquivo próprio para ser usado também em páginas
   que não carregam o mobile.css inteiro (ex.: documentação). */

.botao-topo {
	display: none;
}

@media (max-width: 768px) {
	.botao-topo {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 16px;
		bottom: calc(48px + env(safe-area-inset-bottom, 0px));
		width: 42px;
		height: 42px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: #0c5483;
		color: #fff;
		font-size: 1rem;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
		z-index: 1020;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
	}

	.botao-topo.visivel {
		opacity: 0.92;
		visibility: visible;
		transform: translateY(0);
	}

	/* com o menu aberto ele fica escondido */
	body:has(.wrapper.active) .botao-topo {
		display: none;
	}
}