/**
 * Save Game - Footer
 *
 * Estilos do rodapé principal do Save Game.
 */


/* =========================================================
   FOOTER
   ========================================================= */

body .savegame-footer {
	box-sizing: border-box;

	width: 100%;
	max-width: 100%;

	margin: 0;
	padding: 0;

	overflow: hidden;

	background: #111111;
	color: #ffffff;
}


/* =========================================================
   CONTAINER
   ========================================================= */

body .savegame-footer .savegame-footer-container {
	box-sizing: border-box;

	width: 100%;
	max-width: 1200px;

	margin: 0 auto;
	padding: 44px 20px 22px;
}


/* =========================================================
   ÁREA PRINCIPAL
   ========================================================= */

body .savegame-footer .savegame-footer-main {
	box-sizing: border-box;

	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, 520px);

	align-items: start;

	width: 100%;

	margin: 0;
	padding: 0 0 32px;

	gap: 80px;
}


/* =========================================================
   MARCA
   ========================================================= */

body .savegame-footer .savegame-footer-brand {
	box-sizing: border-box;

	min-width: 0;

	margin: 0;
	padding: 0;
}


/* =========================================================
   LOGO
   ========================================================= */

body .savegame-footer .savegame-footer-logo {
	display: inline-flex;
	align-items: center;

	max-width: 100%;

	margin: 0 0 16px;
	padding: 0;

	text-decoration: none;
}


body .savegame-footer .savegame-footer-logo-image {
	display: block;

	width: auto !important;
	height: auto !important;

	max-width: 200px !important;
	max-height: 56px !important;

	margin: 0 !important;
	padding: 0 !important;

	object-fit: contain;
}


body .savegame-footer .savegame-footer-logo-text {
	display: block;

	color: #ffffff;

	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}


/* =========================================================
   DESCRIÇÃO
   ========================================================= */

body .savegame-footer .savegame-footer-description {
	max-width: 360px;

	margin: 0 !important;
	padding: 0 !important;

	color: #b8b8b8;

	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;

	overflow-wrap: break-word;
}


/* =========================================================
   NAVEGAÇÃO
   ========================================================= */

body .savegame-footer .savegame-footer-navigation {
	box-sizing: border-box;

	width: 100%;
	min-width: 0;

	margin: 0;
	padding: 4px 0 0;
}


body .savegame-footer ul.savegame-footer-menu {
	display: grid;

	grid-template-columns: repeat(2, max-content);

	justify-content: end;

	width: 100%;
	max-width: 520px;

	margin: 0 0 0 auto !important;
	padding: 0 !important;

	list-style: none;

	column-gap: 56px;
	row-gap: 14px;
}


/* =========================================================
   ITENS DO MENU
   ========================================================= */

body .savegame-footer ul.savegame-footer-menu > li {
	display: block;

	min-width: 0;

	margin: 0 !important;
	padding: 0 !important;

	list-style: none;
}


body .savegame-footer ul.savegame-footer-menu > li > a {
	display: inline-flex;
	align-items: center;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	color: #d6d6d6 !important;

	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;

	text-decoration: none !important;
	text-transform: none;

	transition: color 0.2s ease;
}


body .savegame-footer ul.savegame-footer-menu > li > a:hover,
body .savegame-footer ul.savegame-footer-menu > li > a:focus {
	color: var(--savegame-purple) !important;
}


body .savegame-footer ul.savegame-footer-menu > li > a:focus-visible {
	outline: 2px solid var(--savegame-purple);
	outline-offset: 4px;
}


/* =========================================================
   ÁREA INFERIOR
   ========================================================= */

body .savegame-footer .savegame-footer-bottom {
	box-sizing: border-box;

	width: 100%;

	margin: 0;
	padding: 18px 0 0;

	border-top: 1px solid #2b2b2b;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

body .savegame-footer .savegame-footer-copyright {
	width: 100%;

	margin: 0 !important;
	padding: 0 !important;

	color: #888888;

	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;

	text-align: center;

	overflow-wrap: break-word;
}


/* =========================================================
   REMOVE MARCADORES
   ========================================================= */

body .savegame-footer ul,
body .savegame-footer li {
	list-style: none !important;
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 767px) {

	/* -----------------------------------------------------
	   CONTAINER
	   ----------------------------------------------------- */

	body .savegame-footer .savegame-footer-container {
		padding: 30px 16px 22px;
	}


	/* -----------------------------------------------------
	   ÁREA PRINCIPAL
	   ----------------------------------------------------- */

	body .savegame-footer .savegame-footer-main {
		display: flex;
		flex-direction: column;

		padding-bottom: 20px;

		gap: 20px;
	}


	/* -----------------------------------------------------
	   MARCA
	   ----------------------------------------------------- */

	body .savegame-footer .savegame-footer-brand {
		width: 100%;
	}


	/* -----------------------------------------------------
	   LOGO
	   ----------------------------------------------------- */

	body .savegame-footer .savegame-footer-logo {
		margin-bottom: 14px;
	}


	body .savegame-footer .savegame-footer-logo-image {
		max-width: 165px !important;
		max-height: 46px !important;
	}


	/* -----------------------------------------------------
	   DESCRIÇÃO
	   ----------------------------------------------------- */

	body .savegame-footer .savegame-footer-description {
		max-width: 340px;

		color: #b8b8b8;

		font-size: 14px;
		font-weight: 400;
		line-height: 1.6;
	}


	/* -----------------------------------------------------
	   NAVEGAÇÃO
	   ----------------------------------------------------- */

	body .savegame-footer .savegame-footer-navigation {
		width: 100%;

		padding-top: 0;
	}


	body .savegame-footer ul.savegame-footer-menu {
		display: grid;

		grid-template-columns: repeat(2, minmax(0, 1fr));

		justify-content: initial;

		width: 100%;
		max-width: none;

		margin: 0 !important;

		column-gap: 24px;
		row-gap: 12px;
	}


	/* -----------------------------------------------------
	   ITENS DO MENU
	   ----------------------------------------------------- */

	body .savegame-footer ul.savegame-footer-menu > li {
		min-width: 0;

		margin: 0 !important;
		padding: 0 !important;

		border: 0;
	}


	body .savegame-footer ul.savegame-footer-menu > li > a {
		width: auto;

		padding: 0 !important;

		color: