body {
	font-family: Cairo;
	background-image: url("/layout/website/background.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* Esconde o widget de seleção de idioma e o texto "Powered by Google" */
.goog-te-gadget,
.goog-te-gadget .goog-te-combo,
.goog-te-gadget .goog-logo-link,
.goog-te-gadget .goog-te-gadget-simple,
.goog-te-gadget .goog-te-banner-frame,
.goog-te-gadget .goog-te-balloon-frame {
    display: none !important;
}

/* Adicional: Esconde a div que pode conter o seletor de idioma */
#google_translate_element {
    display: none !important;
}

.header {
	position: relative;
	width: 941px;
	height: 150px;
	margin: auto;
	overflow: visible;
}

.header .logo {
	position: absolute;
	width: 300px;
	height: 108px;
	background-image: url("/layout/website/logo-otpokemon-xy.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	left: 50%;
	top: 8%;
	transform: translateX(-50%);
	z-index: 2;
}

.header .pokeday {
	position: absolute;
	width: 205px;
	height: 52px;
	background-image: url("/layout/website/pokeoftheday.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 205px 51px;
	left: 0;
	top: 1%;
	overflow: visible;
	z-index: 3;
}

.header .pokeday .pokemon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 110px;
	margin: auto;
	top: 82%;
	overflow: visible;
	z-index: 3;
}

.header .pokeday .pokemon img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	flex: 0 0 auto;
}

.header .socialContainer {
	position: absolute;
	display: flex;
	/* background-color: red; */
	width: 276px;
	height: 48px;
	top: -2%;
	right: -4%;
}

.header .socialContainer .button {
	position: relative;
	font-size: 21px;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background-color: #8989896e;
	color: #fce501;
	top: 20%;
	left: -2%;
	margin-left: 1.2%;
}

.header .socialContainer .button i {
	position: relative;
	top: -10%;
	left: 25%;
}

.header .socialContainer .button a {
	position: relative;
	text-decoration: none;
	color: white;
}

.header .socialContainer .button i:hover::after {
	font-family: Cairo;
	content: attr(data-title);
    background-color: #2a2a2a;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
	border-bottom: 3px solid #f71169;
    font-size: 19px;
    line-height: 14px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
	transition-property: opacity, left, top, height;
}

.liveActivities {
	position: absolute;
	width: 360px;
	height: 66px;
	left: calc(62% + 16px);
	top: 63%;
	overflow: hidden;
	color: #fff;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
	text-align: right;
	text-shadow: 1px 1px 2px #000, -1px -1px 1px rgba(0, 0, 0, .9);
	z-index: 4;
	pointer-events: auto;
}

.liveActivity {
	height: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: var(--activity-opacity, 1);
}

.liveActivities.isUpdating .liveActivity {
	animation: liveActivityRise .45s cubic-bezier(.22, .75, .28, 1) both;
}

.liveActivityUserIcon {
	display: inline-block;
	width: 17px;
	color: #d6e0ff;
	text-align: center;
}

.liveActivityDot {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 5px 0 1px;
	border: 1px solid rgba(0, 0, 0, .65);
	border-radius: 50%;
	vertical-align: -2px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .65);
}

.liveActivityPlayer {
	color: #ffd54f;
	font-weight: 700;
	text-decoration: none;
}

.liveActivityPlayer:hover {
	color: #fff176;
}

.liveActivityAction {
	color: #f5f5f5;
}

@keyframes liveActivityRise {
	from {
		opacity: 0;
		transform: translateY(22px);
	}
	to {
		opacity: var(--activity-opacity, 1);
		transform: translateY(0);
	}
}

.menu {
	position: relative;
	width: 737px;
	height: 70px;
	background-image: url("/layout/website/accbox_bg.png");
	background-repeat: no-repeat;
	background-position: right;
	background-color: #243478;
	border-radius: 10px;
	top: 108%;
	left: calc(22% + 16px);
}

.menu .container {
	position: absolute;
	width: 467px;
	height: 30px;
	top: 29%;
	left: 1%;
}

.menu .container .subContainer {
	position: relative;
	display: flex;
	left: -5%;
}

.menu .container .content {
	color: white;
	margin-left: 5.1%;
	cursor: pointer;
}

.menu .container .content a {
	text-decoration: none;
	color: white;
}

.menu .container .content i {
	position: absolute;
	margin-left: 1%;
	margin-top: 1.5%;
	cursor: default;
}

.menu .divisor {
	position: relative;
	width: 36%;
	height: 1px;
	background-color: #3697e1;
	top: 79%;
	left: 1%;
}

.menu2 {
	position: relative;
	display: flex;
	width: 737px;
	height: 70px;
	top: 107%;
}

.menu2 .torneioMensal {
	width: 200px;
	height: 56px;
	background-image: url("/layout/website/miniatura-torneio-mensal.png");
	background-repeat: no-repeat;
	border-radius: 10px;
}

.menu2 .casteloRanking {
	position: relative;
	width: 528px;
	height: 56px;
	background-image: url("/layout/website/mewtwoBar.png");
	background-repeat: no-repeat;
	background-position: right;
	background-color: #5d4362;
	border-radius: 10px;
	left: 1%;
}

.menu2 .casteloRanking .clanContainer {
	position: relative;
	display: flex;
	width: 296px;
	height: 43px;
	top: 12%;
	left: 1%;
}

.menu2 .casteloRanking .clanContainer .clan {
	position: relative;
	border-radius: 50px;
	border: 1px solid red;
	width: 37px;
	height: 37px;
	top: 6%;
	left: 0%;
	margin-left: 2%;
	cursor: pointer;
}

.menu2 .casteloRanking .clanContainer .clan img {
	border-radius: 50px;
	width: 37px;
	height: 37px;
}

.newscont {
	position: absolute;
	width: 733px;
	min-height: 100px auto;
	background-color: rgb(255 255 255);
	border-radius: 10px;
	top: 199%;
	left: calc(22% + 16px);
	line-break: anywhere;
}

.newscont .createTitle {
	position: relative;
	left: 3%;
}

.newscont .createBanner {
	position: absolute;
	width: 492px;
	height: 71px;
	background: url("/layout/website/register/characters_background.png");
	background-repeat: no-repeat;
	background-position: 72%;
	border-radius: 10px;
	top: 1%;
	left: 31.5%;
}

.newscont .loginTitle {
	position: relative;
	left: 3%;
}

.newscont .loginBanner {
	position: absolute;
	width: 492px;
	height: 71px;
	background: url("/layout/website/register/characters_background.png");
	background-repeat: no-repeat;
	background-position: 72%;
	border-radius: 10px;
	top: 1%;
	left: 28.5%;
}

.newscont .globalTitle {
	position: relative;
	left: 3%;
}

.newscont .globalBanner {
	position: absolute;
	width: 492px;
	height: 71px;
	background: url("/layout/website/register/characters_background.png");
	background-repeat: no-repeat;
	background-position: 72%;
	border-radius: 10px;
	top: -12%;
	left: 28.5%;
}

/* .newscont .globalBanner i {
	z-index: 10;
} */

.newscont .globalTitle i:hover::after {
	font-family: Cairo;
	content: attr(data-title);
    background-color: #2a2a2a;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
	border-bottom: 3px solid #f71169;
	font-size: 19px;
    line-height: 14px;
    display: block;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
	transition-property: opacity, left, top, height;
}

.newscont .subtitle {
	position: relative;
	font-size: 13px;
	text-align: center;
	margin-top: -3.2%;
}

.newscont .formTab {
	position: relative;
	width: 716px;
	height: 52px;
	border-radius: 5px;
	background-color: rgba(128, 128, 128, .09);
	margin: auto;
}

.newscont .formTab .name {
	position: relative;
	top: 25%;
	left: 0%;
}

.newscont .formTab img {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: 1%;
}

.newscont .formTab .name .title {
	position: absolute;
	font-weight: 700;
	left: 5%;
	top: 0%;
	z-index: 2;
}

.newscont .accountCamp {
	position: relative;
	width: 733px;
	height: 298px auto;
	/* background-color: blue; */
}

.newscont .accountCamp .field {
	position: relative;
	width: 715px;
	height: 66px;
	margin: auto;
	border-radius: 10px;
	/* background-color: red; */
}

.newscont .accountCamp .field .title {
	position: relative;
	color: #333333;
	top: 25%;
	left: 4%;
}

.newscont .accountCamp .field .title button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 88px;
	height: 35px;
	cursor: pointer;
}

.newscont .accountCamp .field .title button:hover {
	background-color: #0f1a4e;
}

.newscont .accountCamp .field .button {
	position: relative;
	width: 185px;
	height: 37px;
	/* background-color: red; */
	margin: auto;
	margin-top: -5%;
	left: 35%;
}

.newscont .accountCamp .field .button button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 88px;
	height: 35px;
	cursor: pointer;
}

.newscont .accountCamp .field .button button:hover {
	background-color: #0f1a4e;
}

.newscont .accountCamp .field .info {
	position: relative;
	left: 30%;
	top: -20%;
}

.newscont .accountCamp .field .info a {
	text-decoration: none;
	color: color(srgb 0.1263 0.302 0.4139);
}

.newscont .accountCamp .field .info a:hover {
	color: #607d8b;
}

.newscont .accountCamp .field input[type=text] {
	position: relative;
	width: 227px;
	height: 33px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field input[type=password] {
	position: relative;
	width: 227px;
	height: 33px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field input[type=number] {
	position: relative;
	width: 227px;
	height: 33px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field .checkboxContainer {
	position: relative;
	display: flex;
}

.newscont .accountCamp .field .checkboxContainer input[type=checkbox] {
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -18%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field .titleCheckbox {
	position: relative;
	color: white;
	background-color: #243478;
	border-radius: 5px;
	width: 58px;
	height: 31px;
	left: 30%;
	margin-top: -0.7%;
	text-align: center;
}

.newscont .accountCamp .field select {
	position: relative;
	width: 235px;
	height: 37px;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
	border-radius: 4px;
	border: thin solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .g-recaptcha {
	position: relative;
	left: 30%;
	margin-top: -6%;
}

.newscont .accountCamp .textCenter {
	position: relative;
	left: 33%;
	top: -21%;
}

.newscont .accountCamp .imagesContainer {
	position: relative;
	/* background-color: red; */
	width: 428px;
	height: 38px;
	left: 33%;
	top: -29%;
}

.newscont .accountCamp .imagesContainer img {
	position: relative;
	top: 25%;
	left: 3%;
}

.newscont .accountCamp .content1 {
	position: relative;
	top: 25%;
	left: 5%;
}

.newscont .accountCamp .content2 {
	position: relative;
	text-align: center;
	top: -22%;
	/* left: 3%; */
}

.newscont .accountCamp .content3 {
	position: relative;
	text-align: center;
	top: -66%;
	left: 41%;
}

.newscont .accountCamp .searchContainer {
	position: relative;
	/* background-color: red; */
	width: 94px;
	height: 35px;
	left: 64%;
	margin-top: -3.8%;
}

.newscont .accountCamp .searchContainer button {
	background-color: transparent;
	color: #078cb8;
	font-size: 18px;
	border: 0px;
	cursor: pointer;
}

.newscont .houseContainer {
	position: relative;
	display: flex;
	width: 708px;
	height: 77px;
	border-radius: 10px;
	/* background-color: red; */
	left: 1.5%;
}

.newscont .houseContainer .houseImage {
	position: relative;
	width: 62px;
	height: 62px;
	top: 5%;
	left: 2%;
}

.newscont .houseContainer .houseImage img {
	border: 1px solid #000;
	border-radius: 10px;
	width: 62px;
	height: 62px;
}

.newscont .houseContainer .houseTitle {
	position: relative;
	color: black;
	left: 8%;
	top: 20%;
	text-align: center;
}

.newscont .houseContainer .cityTitle {
	position: relative;
	color: black;
	left: 16%;
	top: 20%;
	text-align: center;
}

.newscont .houseContainer .ownerTitle {
	position: relative;
	color: black;
	left: 32%;
	top: 20%;
	text-align: center;
}

.newscont .houseContainer .priceTitle {
	position: absolute;
	color: black;
	left: 90%;
	top: 20%;
	text-align: center;
}

.newscont .guildContainer {
	position: relative;
	width: 733px;
	height: 108px;
	/* background-color: red; */
	border-radius: 10px;
}

.newscont .guildContainer .guildImage {
	position: relative;
	width: 80px;
	height: 80px;
	top: 10%;
	left: 4%;
}

.newscont .guildContainer .guildImage img {
	/* border: 1px solid #000; */
	border-radius: 10px;
	width: 80px;
	height: 80px;
}

.newscont .guildContainer .guildTitle {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: black;
	left: 27.5%;
	top: -42%;
}

.newscont .guildContainer .guildDescriptionContainer {
	position: relative;
	display: flex;
	flex-flow: column;
	/* background-color: red; */
	width: 254px;
	height: 103px;
	color: black;
	left: 45.5%;
	top: -104%;
	overflow: hidden;
}

.newscont .guildContainer .guildDescriptionContainer .description {
	position: relative;	
	text-align: center;
	top: 34%;
}

.newscont .guildContainer .guildNumber {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: black;
	left: -7%;
	top: -166%;
	text-align: right;
}

.newscont .guildContainer a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.newscont .guildContainer a:hover {
    color: #607d8b;
}

.newscont .videosContainer {
	position: relative;
	width: 733px;
	height: 108px auto;
	/* background-color: red; */
	border-radius: 10px;
	margin-top: -4%;
}

.newscont .videosContainer .image {
	position: relative;
	margin-top: 5%;
	left: 8%;
}

.newscont .videosContainer .image img {
	border: 4px solid color(srgb 0.1263 0.302 0.4139);
	width: 124px;
	height: 94px;
}

.newscont .videosContainer img:hover {
	border: 4px solid color(srgb 0.1263 0.392 0.4115);
}

.newscont .videosContainer .title {
	position: relative;
	font-size: 1.2em;
	font-weight: 700;
	color: color(srgb 0.1263 0.302 0.4139);
	left: 30%;
	margin-top: -14%;
}

.newscont .videosContainer .description {
	position: relative;
	color: color(srgb 0.1263 0.302 0.4139);
	top: -85%;
	left: 30%;
}

.newscont .videosContainer a {
	text-decoration: none;
    color: color(srgb 0.1263 0.302 0.4139);
}

.newscont .videosContainer .title:hover {
	color: color(srgb 0.1263 0.392 0.4115);
}

.newscont .videosContainer .description:hover {
	color: color(srgb 0.1263 0.392 0.4115);
}

.newscont .accountCamp .shopContainer {
	position: relative;
	/* background-color: red; */
	width: 715px;
	height: 256px auto;
	margin: auto;
	border-radius: 10px;
	margin-top: 0%;

	/* background-color: red; */
}

.newscont .accountCamp .shopContainer .shopImage {
	position: absolute;
	width: 52px;
	left: 1%;
	margin-top: 5%;
}

.newscont .accountCamp .shopContainer .shopImage img {
	width: 52px;
	height: 52px;
}

.newscont .accountCamp .shopContainer .shopDescription {
	position: relative;
	width: 532px;
	height: 300px auto;
	left: 10%;
}


.newscont .accountCamp .shopContainer .shopDescription a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.newscont .accountCamp .shopContainer .shopDescription a:hover {
    color: #607d8b;
}

.newscont .accountCamp .shopContainer .shopDescription  .shopTitle {
	position: relative;
	font-weight: 700;
	top: 1%;
}

.newscont .accountCamp .shopContainer .shopBuy {
	position: absolute;
	width: 153px;
	height: 100px;
	/* background-color: red; */
	left: 79%;
	margin-top: -15%;
}

.newscont .accountCamp .shopContainer .shopBuy button {
	position: absolute;
	left: 45%;
	top: 1%;
	background-color: #243478;
    -moz-border-radius: 0 10px 0 10px;
    -webkit-border-radius: 0 10px 0 10px;
    border-radius: 0 10px 0 10px;
    border: 2px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: 35px;
    border-left: 2px solid #2196f3;
    margin-bottom: 10px;
    cursor: pointer;
}

.newscont .accountCamp .shopContainer .shopBuy .title {
	position: relative;
	font-weight: 700;
	top: 45%;
	left: 18%;
	text-align: center;
}

.ButtonContainer {
	position: relative;
	width: 170px;
	height: 38px;
	margin: auto;
	margin-top: 2%;
}

.ButtonContainer button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 170px;
	height: 38px;
	cursor: pointer;
}

.ButtonContainer button:hover {
	background-color: #0f1a4e;
}

.ButtonContainer2 {
	position: relative;
	width: 170px;
	height: 88px;
	margin: auto;
	margin-top: 2%;
	margin-left: 35%;
}

.ButtonContainer2 button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 170px;
	height: 38px;
	cursor: pointer;
}

.ButtonContainer2 button:hover {
	background-color: #0f1a4e;
}

.recoverAccount {
	position: relative;
	width: 220px;
	height: 86px;
	left: 39%;
	margin-top: 2%;
}

.createAccountContainer {
	position: relative;
	width: 446px;
	height: 129px;
	/* background-color: red; */
	margin: auto;
	margin-top: 2%;
	text-align: center;
}

.registerTerm {
	text-align: center;
	line-break: anywhere;
}

/* 738x298 */

.navigationContainer {
	position: absolute;
	width: 205px;
	height: 1809px;
	/* background-color: red; */
	top: 108%;
	left: -14px;
	z-index: 1;
}

.navigationContainer .box {
	position: relative;
	font-size: 15px;
	width: 205px;
	height: 105px auto;
	background-color: rgb(255 255 255);
	border-radius: 10px;
	border-top: 35px solid #204667;
	border-bottom: 5px solid #021a58;
	line-break: anywhere;
	margin-top: 6%;
	top: -0.6%;
}

.navigationContainer .box .title {
	position: absolute;
	font-weight: 700;
	font-size: 14px;
	color: white;
	margin-top: -14%;
	margin-left: 6%;
}

.navigationContainer .box .icon {
	position: absolute;
	width: 43px;
	height: 38px;
	left: 80%;
	margin-top: -20%;
}

.navigationContainer .box .icon img {
	width: 41px;
	height: 43px;
}

.navigationContainer .contentPanelPos {
	position: relative;
	margin-top: -9%;
}

.navigationContainer .contentPanelPos .contentPanel {
	position: relative;
	/* background-color: red; */
	font-size: 16px;
	width: 100%;
	height: 37px auto;
	margin-top: 12%;
}

.navigationContainer .contentPanelPos .contentPanel a {
	text-decoration: none;
}

.navigationContainer .contentPanelPos .contentPanel .option {
	position: relative;
	left: 3.5%;
	margin-top: -5%;
}

.navigationContainer .contentPanelPos .contentPanel .button {
	position: relative;
	width: 171px;
	height: 44px;
	margin: auto;
}

.navigationContainer .contentPanelPos .contentPanel .button button {
	position: relative;
	font-size: 19px;
	color: white;
	width: 171px;
	height: 44px;
	border: 0px;
	background-color: #204667;
	border-radius: 10px;
	cursor: pointer;
}

.navigationContainer .contentPanelPos .contentPanel .button button:hover {
	background-color: #243478;
}

.navigationContainer .contentPanelPos .contentPanel .ranking {
	position: relative;
	font-size: 10px;
	color: gray;
	left: 0%;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName {
	position: absolute;
	height: 3px;
	font-size: 10px;
	color: gray;
	left: 4%;
	margin-top: 2%;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName a:hover {
    color: #607d8b;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName i {
    color: grey;
}

.navigationContainer .searchContent {
	position: relative;
	width: 184px;
	height: 42px;
	left: 5%;
	margin-top: 3%;
}

.navigationContainer .searchContent input[type=text] {
	position: relative;
	font-size: 18px;
	color: #0055a7;
	width: 155px;
	height: 35px;
	text-align: center;
	border: 2px solid #243478;
	border-radius: 10px;
	top: 15%;
}

.navigationContainer .box .search {
	position: absolute;
	top: 34%;
	left: 82%;
}

.navigationContainer .box .search button {
	background-color: transparent;
	border: 0px;
	color: #078cb8;
	font-size: 18px;
	cursor: pointer;
}

/* .navigationContainer .box .search i {
	text-decoration: none;
	color: #078cb8;
} */

footer {
	position: relative;
	box-sizing: border-box;
	width: 707px;
	min-height: 132px;
	height: auto;
	margin: 18px auto 0;
	padding: 23px 28px 22px 90px;
	overflow: hidden;
	color: #303b58;
	background: linear-gradient(115deg, #fff 0%, #fff 62%, #f4f6fb 100%);
	border: 1px solid #d9deea;
	border-top: 3px solid #243478;
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(23, 35, 75, .13);
}

footer::before {
	content: "";
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	left: 20px;
	top: 22px;
	background: #fff url("/layout/website/favicon.png") center / 42px 42px no-repeat;
	border: 2px solid #e0e4ee;
	border-radius: 50%;
	box-shadow: 0 5px 13px rgba(23, 40, 91, .14);
}

footer::after {
	content: "";
	position: absolute;
	width: 118px;
	height: 118px;
	right: -72px;
	bottom: -78px;
	background: rgba(36, 52, 120, .035);
	border: 14px solid rgba(36, 52, 120, .025);
	border-radius: 50%;
}

footer .title {
	position: relative;
	z-index: 2;
	top: auto;
	left: auto;
	color: #53607b;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .15px;
}

footer .title .footerBrand {
	color: #243478;
	font-size: 17px;
	font-weight: 800;
}

footer .title .footerDivider {
	display: inline-block;
	margin: 0 7px;
	color: #e43a33;
}

footer .text {
	position: relative;
	z-index: 2;
	width: auto;
	margin-top: 10px;
	color: #59657d;
	font-size: 13px;
	line-height: 1.55;
	top: auto;
	left: auto;
}

footer .logoF {
	display: none;
}

footer .logoF img {
	display: block;
	width: 94px;
	height: 64px;
	object-fit: contain;
}

h4 {
    font-size: 90%;
    padding: 0;
    margin: 0;
    border-left: 4px solid #243478;
    padding-left: 5px;
    margin-bottom: 5px;
	margin-left: 12px;
	margin-top: 15px;
}

.topicH4 {
	position: relative;
	width: 99%;
	left: 2%;
}

.topicH4 a {
    color: color(srgb 0.1263 0.302 0.4139);
}

.topicH4 a:hover {
    text-decoration: none;
    color: #607d8b;
}

.downloadThanks {
	position: relative;
	color: #80808087;
	font-size: 13px;
	left: 2%;
}

.downloadThanks i {
	color: #ff000069;
}

.divisorContent {
	position: relative;
	width: 85%;
	height: 60px;
    border-top: 1px solid #9E9E9E;
	top: 5%;
	left: 3%;
}

.divisorContent .title {
	position: relative;
	font-size: 18px;
	top: 25%;
}

.downloadSystemsContainer {
	position: relative;
	display: flex;
	width: 581px;
	height: 149px;
	/* background-color: red; */
	margin: auto;
	margin-top: -9.8%;
	justify-content: center;
}

.downloadSystemsContainer .item {
	position: relative;
	width: 71px;
	height: 71px;
	color: black;
	border: 1px solid black;
	top: 18%;
	left: -5%;
	margin-left: 5%;
	cursor: pointer;
}

.downloadSystemsContainer .item i {
	position: relative;
	display: flex;
	font-size: 32px;
	top: 26%;
	justify-content: center;
}

.downloadSystemsContainer .item .title {
	position: relative;
	color: black;
	top: 51%;
	text-align: center;
}

.downloadButton {
	position: relative;
	width: 360px;
	height: 70px;
	/* background-color: red; */
	margin: auto;
}

.downloadButton button {
	width: 360px;
	height: 70px;
	background: #2196F3;
	border-radius: 10px;
	border: 0px;
	color: white;
	cursor: pointer;
}

.downloadButton button:hover {
	background-color: #03A9F4;
}

.downloadInformations {
	color: grey;
	text-align: center;
}

.downloadInformations a {
    color: color(srgb 0.1263 0.302 0.4139);
}

.downloadInformations a:hover {
    text-decoration: none;
    color: #607d8b;
}

.driversTitle {
	position: relative;
	color: grey;
	left: 3%;
}

.driversTitle i {
	color: #FF5722;
}

.writeProblemsTitle {
	position: relative;
	color: grey;
	left: 3%;
}

.writeProblemsTitle i {
	color: #FF5722;
}

.map {
	position: relative;
	margin-top: 1%;
	left: 2%;
}

.newTable {
	position: relative;
	display: flex;
	width: 715px;
	height: 47px;
	background: #243478;
	border-radius: 10px;
	margin: auto;
}

.newTable .button {
	position: relative;
	font-weight: 700;
	font-size: 14px;
	color: white;
	width: 103px;
	height: 36px;
	top: 24%;
	left: 3%;
}

.rulesContainer {
	position: relative;
	width: 715px;
	height: 390px auto;
	/* background-color: red; */
	margin: auto;
	overflow: hidden;
}

.rulesContainer .info {
	position: relative;
	left: 2%;
}

.pt-br {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 10%;
	cursor: pointer;
}

.en {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 26%;
	cursor: pointer;
}

.es {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 26%;
	cursor: pointer;
}

.en {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 42%;
	cursor: pointer;
}

.german {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 58%;
	cursor: pointer;
}

.swedish {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 74%;
	cursor: pointer;
}

.statusAccountContainer {
	position: relative;
	width: 725px;
	height: 110px;
	/* background-color: red; */
	margin: auto;
}

.statusAccountContainer .status {
	position: relative;
	top: 15%;
	left: 2%;
}

.statusAccountContainer .title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	left: 17%;
	top: -43%;
}

.statusAccountContainer .subtitle {
	position: relative;
	left: -9%;
	top: -23%;
}

.statusAccountContainer .subtitle a {
    color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.statusAccountContainer .subtitle a:hover {
    color: #607d8b;
}

.shareContainer {
	position: relative;
	width: 725px;
	height: 110px;
	/* background-color: red; */
	margin: auto;
}

.shareContainer .status {
	position: relative;
	top: 15%;
	left: 2%;
}

.shareContainer .title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	left: 17%;
	top: -43%;
}

.shareContainer .subtitle {
	position: relative;
	font-size: 12px;
	left: -6%;
	top: -23%;
}

.shareContainer .subtitle a {
    color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.shareContainer .subtitle a:hover {
    color: #607d8b;
}

.operationsContainer {
	position: relative;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
	gap: 10px;
	width: 100%;
	min-height: 0;
	box-sizing: border-box;
	margin: 18px 0 28px;
}

.operationsContainer .button {
	min-width: 0;
}

.operationsContainer .button button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 100%;
	min-height: 38px;
	padding: 8px 10px;
	cursor: pointer;
}

.operationsContainer .button a {
	display: block;
}

@media (max-width: 700px) {
	.operationsContainer {
		grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr));
	}
}

.operationsContainer .button button:hover {
	background-color: #0f1a4e;
}

.backAccount {
	position: relative;
	left: 2%;
}

.backAccount a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.backAccount a:hover {
    color: #607d8b;
}

.error-box {
    margin: 10px 5;
    line-height: 2.2em;
    color: #ff6a72;
    background-color: #ffd2d236;
    border: 1px solid red;
    border-radius: 10px;
    text-align: center;
}

.questsContainer {
	position: relative;
	width: 700px;
	height: 172px auto;
	margin: auto;
	text-align: center;
	top: 2%;
}

.questsContainer div {
	display: inline-block;
}

.badgesContainer {
	position: relative;
	width: 700px;
	height: 172px auto;
	margin: auto;
	text-align: center;
	top: 2%;
}

.badgesContainer div {
	display: inline-block;
}

/* Character profile */
.characterPage {
	padding-top: 1px;
	color: #1d2944;
}

.characterHero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 116px;
	margin: 10px;
	padding: 12px 22px;
	box-sizing: border-box;
	overflow: hidden;
	background: linear-gradient(105deg, #f8fbff 0%, #eef3ff 48%, rgba(238, 243, 255, .3) 100%);
	border: 1px solid #dbe3f3;
	border-radius: 14px;
	box-shadow: 0 7px 18px rgba(25, 48, 92, .08);
}

.characterHeroBanner {
	position: absolute;
	top: 0;
	right: 0;
	width: 58%;
	height: 100%;
	background: linear-gradient(90deg, rgba(238, 243, 255, 1), rgba(238, 243, 255, .08)), url("/layout/website/register/characters_background.png") center right / cover no-repeat;
	opacity: .9;
}

.characterOutfit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 86px;
	width: 86px;
	height: 86px;
	margin-right: 17px;
	background: radial-gradient(circle at 50% 38%, #fff 0%, #e1e9ff 68%, #c9d5f3 100%);
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 3px #243478, 0 8px 16px rgba(20, 38, 82, .2);
	z-index: 2;
}

.characterOutfit img {
	max-width: 82px;
	max-height: 82px;
	object-fit: contain;
	image-rendering: pixelated;
	filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .24));
}

.characterIdentity {
	position: relative;
	min-width: 290px;
	z-index: 2;
}

.characterEyebrow {
	display: block;
	margin-bottom: -3px;
	color: #54719a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.3px;
	text-transform: uppercase;
}

.characterIdentity h1 {
	margin: 0;
	color: #142449;
	font-size: 31px;
	line-height: 39px;
	text-shadow: 0 1px #fff;
}

.characterIdentityMeta {
	display: flex;
	gap: 7px;
}

.characterIdentityMeta span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 9px;
	color: #fff;
	background: #243478;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 700;
	box-shadow: 0 2px 5px rgba(36, 52, 120, .2);
}

.characterInfoPanel {
	margin: 0 10px 18px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #e0e5ef;
	border-radius: 13px;
	box-shadow: 0 5px 14px rgba(26, 46, 87, .07);
}

.characterSectionHeading,
.achievementHeader {
	display: flex;
	align-items: center;
}

.characterSectionHeading {
	padding: 13px 16px;
	background: linear-gradient(100deg, #204667, #243478);
	color: #fff;
}

.characterSectionIcon,
.achievementHeaderIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-right: 11px;
	border-radius: 10px;
}

.characterSectionIcon {
	background: rgba(255, 255, 255, .14);
	color: #79d9ff;
}

.characterSectionHeading strong,
.achievementHeaderText strong {
	display: block;
	font-size: 16px;
	line-height: 18px;
}

.characterSectionHeading small,
.achievementHeaderText small {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	font-weight: 400;
	opacity: .78;
}

.characterInfoRows {
	padding: 5px 16px 9px;
}

.characterInfoRow {
	display: flex;
	border-bottom: 1px solid #edf0f5;
}

.characterInfoRow:last-child {
	border-bottom: 0;
}

.characterInfoRow > div {
	display: flex;
	align-items: center;
	width: 50%;
	min-height: 53px;
	box-sizing: border-box;
}

.characterInfoRow > div + div {
	padding-left: 22px;
	border-left: 1px solid #edf0f5;
}

.characterInfoRow span {
	width: 105px;
	color: #7b879d;
	font-size: 12px;
}

.characterInfoRow strong {
	color: #263653;
	font-size: 13px;
	font-weight: 700;
}

.characterInfoRow strong i {
	width: 18px;
	color: #2186bd;
	text-align: center;
}

.characterAchievements {
	padding: 0 10px 2px;
}

.achievementSection {
	--section-color: #268cbd;
	--section-soft: #e9f7fd;
	margin-bottom: 18px;
	overflow: hidden;
	background: #f8f9fc;
	border: 1px solid #dfe5ef;
	border-radius: 14px;
	box-shadow: 0 6px 16px rgba(25, 45, 87, .07);
}

.achievementSection.badgesTheme {
	--section-color: #d59616;
	--section-soft: #fff6dc;
}

.achievementSection.defeatsTheme {
	--section-color: #c74752;
	--section-soft: #fff0f1;
}

.achievementHeader {
	min-height: 63px;
	padding: 10px 14px;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #e8ebf1;
}

.achievementHeaderIcon {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	color: var(--section-color);
	background: var(--section-soft);
	font-size: 17px;
}

.achievementHeaderText {
	flex: 1;
}

.achievementHeaderText strong {
	color: #1e2c48;
}

.achievementHeaderText small {
	color: #738097;
	opacity: 1;
}

.achievementCounter {
	display: flex;
	align-items: baseline;
	gap: 3px;
	min-width: 54px;
	color: var(--section-color);
	text-align: right;
}

.achievementCounter b {
	font-size: 23px;
	line-height: 25px;
}

.achievementCounter span {
	font-size: 11px;
	font-weight: 700;
}

.achievementProgress {
	position: relative;
	height: 20px;
	margin: 12px 14px 5px;
	overflow: hidden;
	background: #e6e9f0;
	border-radius: 20px;
}

.achievementProgress span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--section-color), #53c8c4);
	border-radius: inherit;
	transition: width .4s ease;
}

.badgesTheme .achievementProgress span {
	background: linear-gradient(90deg, #d59616, #f2c94c);
}

.achievementProgress b {
	position: absolute;
	top: 1px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 5px;
	color: #243478;
	background: rgba(255, 255, 255, .82);
	border-radius: 8px;
	font-size: 11px;
	line-height: 18px;
	text-shadow: 0 1px #fff;
}

.achievementList,
.defeatTimeline {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 9px 14px 14px;
}

.achievementItem,
.defeatEntry {
	display: flex;
	align-items: center;
	min-height: 49px;
	padding: 7px 11px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #e4e8f0;
	border-left: 4px solid #b8c0ce;
	border-radius: 9px;
	box-shadow: 0 2px 5px rgba(22, 40, 75, .04);
}

.achievementItem.isComplete {
	border-left-color: var(--section-color);
}

.achievementStateIcon,
.defeatMarker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 31px;
	width: 31px;
	height: 31px;
	margin-right: 10px;
	color: #98a2b4;
	background: #edf0f5;
	border-radius: 50%;
	font-size: 12px;
}

.achievementItem.isComplete .achievementStateIcon {
	color: #fff;
	background: var(--section-color);
}

.achievementItemText,
.defeatText {
	flex: 1;
}

.achievementItemText strong,
.defeatText strong {
	display: block;
	color: #263653;
	font-size: 13px;
	line-height: 16px;
}

.achievementItemText small,
.defeatText small {
	display: block;
	margin-top: 2px;
	color: #8993a5;
	font-size: 10px;
}

.achievementStatus {
	padding: 4px 9px;
	color: #788396;
	background: #edf0f5;
	border-radius: 16px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.achievementItem.isComplete .achievementStatus {
	color: var(--section-color);
	background: var(--section-soft);
}

.defeatEntry {
	border-left-color: var(--section-color);
}

.defeatMarker {
	color: #fff;
	background: var(--section-color);
}

.achievementEmpty {
	padding: 18px;
	color: #778299;
	background: #fff;
	border: 1px dashed #cdd4df;
	border-radius: 9px;
	font-size: 12px;
	text-align: center;
}

.successEmpty i {
	margin-right: 6px;
	color: #31a36c;
}

.characterPage footer {
	position: relative;
	width: calc(100% - 20px);
	margin: 18px auto 0;
}

.donateShopLabel a {
	text-decoration: none;
	color: color(srgb 0.1263 0.302 0.4139);
}

.donateShopLabel a:hover {
	color: #607d8b;
}

.shopBar {
	position: fixed;
	width: 715px;
	height: 55px;
	background-color: #243478;
	border-radius: 10px;
	bottom: 0%;
	z-index: 99999;
	opacity: .9;
}

.shopBar .content {
	position: relative;
	display: flex;
	justify-content: center;
}

.shopBar .content .option {
	color: white;
	font-size: 16px;
	font-weight: 700;
	margin-top: 1.5%;
	margin-left: 1%;
	cursor: pointer;
}

.shopBar .content .option:hover {
	color: black;
}

.shopBar .content .option a {
	text-decoration: none;
	color: white;
}

.shopBar .content .option a:hover {
	color: black;
}

.paymentMethodContainer {
	position: relative;
	display: flex;
	justify-content: center;
	width: 672px;
	height: 340px;
	margin: auto;
	/* background-color: red; */
}

.paymentMethodContainer .method {
	position: relative;
	top: 1%;
}

.paymentMethodContainer .method img {
	position: relative;
	top: 4%;
}


.paymentMethodContainer .method .title {
	position: relative;
	top: 1%;
}

.paymentMethodContainer .method .title .option {
	position: relative;
	height: 22px;
}

.copyCode input[type=text] {
	position: relative;
	width: 468px;
	height: 35px;
}

.copyCode .button {
	position: absolute;
	width: 34px;
	height: 35px;
	margin-top: -4.9%;
	left: 81%;
}

.copyCode .button button {
	position: relative;
	font-size: 17px;
	color: white;
	background-color: #243478;
	border: 0px;
	width: 34px;
	height: 36px;
	cursor: pointer;
}

.copyCode .button button:hover {
	background-color: #0f1a4e;
	transition-duration: 1s;
}

.lineNews {
	position: absolute;
	background-color: rgb(179, 179, 179);
	border-top: 35px solid #0f76cb;
	width: 2px;
	height: 90px;
	left: 1.8%;
}

.subtitleNews {
	position: relative;
	font-weight: 700;
	font-size: 14px;
	color: #4f9bb3;
	width: 291px;
	height: 30px;
	left: 3.9%;
	top: 8.7%;
}

.news {
	position: relative;
	width: 691px;
	height: 129px auto;
	margin: auto;
	/* background-color: red; */
	margin-top: 0%;
	left: 1%;
}

.news img {
	width: 600px;
	height: 600px;
}

.commentInstagram {
	position: relative;
	color: color(srgb 0.1263 0.302 0.4139);
	font-weight: 700;
}

.commentInstagram:hover {
	color: #607d8b;
}

.commentInstagram a {
	position: relative;
	text-decoration: none;
	color: color(srgb 0.1263 0.302 0.4139);
	font-weight: 700;
}

.commentInstagram a:hover {
	color: #607d8b;
}

/* Ranking dos treinadores */
.rankingPage {
	padding-bottom: 1px;
}

.rankingPage .rankingSection {
	width: 705px;
	margin: 18px auto 0;
}

.rankingPage .rankingSectionTitle {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 64px;
	margin-bottom: 10px;
	padding: 0 17px;
	color: #fff;
	background: linear-gradient(105deg, #17265f 0%, #263b83 72%, #304b9d 100%);
	border-radius: 12px 12px 6px 6px;
	box-shadow: 0 6px 16px rgba(20, 34, 84, .2);
}

.rankingPage .rankingSectionIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: #ffd34d;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 50%;
	font-size: 17px;
}

.rankingPage .rankingSectionTitle small,
.rankingPage .rankingSectionTitle strong {
	display: block;
}

.rankingPage .rankingSectionTitle small {
	margin-bottom: 1px;
	color: #cdd7ff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.rankingPage .rankingSectionTitle strong {
	font-size: 16px;
	line-height: 20px;
}

.rankingPage .rankingBoard {
	overflow: hidden;
	background: #f3f5fa;
	border: 1px solid #dfe4f0;
	border-radius: 10px;
	box-shadow: 0 8px 22px rgba(24, 38, 84, .1);
}

.rankingPage .rankingHeader,
.rankingPage .rankingRow {
	display: flex;
	align-items: center;
}

.rankingPage .rankingHeader {
	height: 42px;
	padding: 0 17px;
	color: #72809e;
	background: #eef1f8;
	border-bottom: 1px solid #dce2ed;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.rankingPage .rankingHeader span:nth-child(1) {
	width: 96px;
}

.rankingPage .rankingHeader span:nth-child(2) {
	flex: 1;
}

.rankingPage .rankingHeader span:nth-child(3) {
	width: 90px;
	text-align: right;
}

.rankingPage .rankingRow {
	--rank-color: #6e7a97;
	position: relative;
	min-height: 76px;
	padding: 0 17px;
	color: #1e2741;
	background: #fff;
	border-bottom: 1px solid #edf0f5;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.rankingPage .rankingRow:last-child {
	border-bottom: 0;
}

.rankingPage .rankingRow:hover {
	z-index: 2;
	background: #f7f9ff;
	box-shadow: 0 6px 16px rgba(27, 44, 100, .14);
	transform: translateY(-1px);
}

.rankingPage .rankingRow.rankGold {
	--rank-color: #d4a300;
	background: linear-gradient(90deg, #fff9db 0%, #fff 47%);
	border-left: 5px solid #e2b600;
	padding-left: 12px;
}

.rankingPage .rankingRow.rankPlatinum {
	--rank-color: #8999aa;
	background: linear-gradient(90deg, #eff4f8 0%, #fff 47%);
	border-left: 5px solid #aebdcc;
	padding-left: 12px;
}

.rankingPage .rankingRow.rankBronze {
	--rank-color: #b4692b;
	background: linear-gradient(90deg, #fff0e2 0%, #fff 47%);
	border-left: 5px solid #bd7538;
	padding-left: 12px;
}

.rankingPage .rankingPosition {
	display: flex;
	align-items: center;
	width: 96px;
	color: var(--rank-color);
}

.rankingPage .rankingPositionNumber {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 29px;
	height: 29px;
	margin-right: 11px;
	color: #4c5874;
	background: #edf0f6;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 800;
}

.rankingPage .rankGold .rankingPositionNumber,
.rankingPage .rankPlatinum .rankingPositionNumber,
.rankingPage .rankBronze .rankingPositionNumber {
	color: #fff;
	background: var(--rank-color);
	box-shadow: 0 3px 8px color-mix(in srgb, var(--rank-color) 35%, transparent);
}

.rankingPage .rankingPosition i {
	font-size: 17px;
}

.rankingPage .rankingTrainer {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
}

.rankingPage .rankingOutfit {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-right: 14px;
	overflow: hidden;
	background: radial-gradient(circle at 50% 62%, #fff 0%, #edf2fb 68%, #dde4f1 100%);
	border: 1px solid #d9e0ec;
	border-radius: 12px;
	box-shadow: inset 0 -6px 12px rgba(51, 70, 119, .06);
}

.rankingPage .rankingOutfit img {
	width: 72px;
	height: 72px;
	max-width: none;
	object-fit: contain;
	image-rendering: pixelated;
}

.rankingPage .rankingPlayerText {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.rankingPage .rankingPlayerText strong {
	overflow: hidden;
	color: #1f2944;
	font-size: 16px;
	line-height: 21px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rankingPage .rankGold .rankingPlayerText strong,
.rankingPage .rankPlatinum .rankingPlayerText strong,
.rankingPage .rankBronze .rankingPlayerText strong {
	color: var(--rank-color);
	font-weight: 800;
}

.rankingPage .rankingPlayerText small {
	color: #8b95aa;
	font-size: 11px;
	font-weight: 600;
}

.rankingPage .rankingScore {
	width: 90px;
	color: #273a7c;
	font-size: 17px;
	font-weight: 800;
	text-align: right;
}

.rankingPage .rankGold .rankingScore,
.rankingPage .rankPlatinum .rankingScore,
.rankingPage .rankBronze .rankingScore {
	color: var(--rank-color);
}

.rankingPage .rankingEmpty {
	padding: 38px 20px;
	color: #77839b;
	background: #fff;
	text-align: center;
}

.rankingPage footer {
	position: relative;
	width: 733px;
	margin-top: 18px;
}

/* Download */
.downloadPage {
	padding-bottom: 1px;
}

.downloadPage .downloadHero {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 705px;
	min-height: 132px;
	margin: 14px auto 18px;
	padding: 24px 28px;
	overflow: hidden;
	color: #fff;
	background: linear-gradient(115deg, #17265f 0%, #263d88 68%, #3558ad 100%);
	border-radius: 16px;
	box-shadow: 0 12px 26px rgba(25, 42, 98, .24);
}

.downloadPage .downloadHero::after {
	content: "";
	position: absolute;
	width: 210px;
	height: 210px;
	right: -98px;
	top: -108px;
	background: rgba(255, 255, 255, .07);
	border: 28px solid rgba(255, 255, 255, .045);
	border-radius: 50%;
}

.downloadPage .downloadHeroIcon {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 70px;
	height: 70px;
	margin-right: 18px;
	background: rgba(255, 255, 255, .96);
	border-radius: 18px;
	box-shadow: 0 7px 17px rgba(6, 14, 48, .24);
}

.downloadPage .downloadHeroIcon img {
	width: 56px;
	height: 56px;
	object-fit: contain;
}

.downloadPage .downloadHeroCopy {
	z-index: 1;
	min-width: 0;
}

.downloadPage .downloadHeroCopy small {
	color: #a9c9ff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .6px;
	text-transform: uppercase;
}

.downloadPage .downloadHeroCopy h1 {
	margin: 4px 0 3px;
	font-size: 23px;
	line-height: 29px;
}

.downloadPage .downloadHeroCopy p {
	margin: 0;
	color: #d6e0ff;
	font-size: 13px;
}

.downloadPage .downloadHeroStatus {
	position: absolute;
	z-index: 1;
	right: 22px;
	bottom: 16px;
	padding: 5px 9px;
	color: #d9ffe7;
	background: rgba(44, 177, 103, .2);
	border: 1px solid rgba(104, 224, 154, .32);
	border-radius: 20px;
	font-size: 10px;
	font-weight: 700;
}

.downloadPage .downloadContent {
	width: 705px;
	margin: 0 auto;
}

.downloadPage .downloadSectionHeading {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0 4px 12px;
}

.downloadPage .downloadSectionHeading.compact {
	margin: 0 0 9px;
}

.downloadPage .downloadStep {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: #fff;
	background: #243478;
	border-radius: 10px;
	font-size: 11px;
	font-weight: 800;
}

.downloadPage .downloadSectionHeading small,
.downloadPage .downloadSectionHeading strong {
	display: block;
}

.downloadPage .downloadSectionHeading small {
	color: #8a94a9;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.downloadPage .downloadSectionHeading strong {
	color: #202a44;
	font-size: 16px;
}

.downloadPage .downloadPlatformSelector {
	display: flex;
	gap: 12px;
	margin-bottom: 15px;
}

.downloadPage .downloadPlatform {
	position: relative;
	display: flex;
	align-items: center;
	flex: 1;
	min-height: 82px;
	padding: 11px 42px 11px 12px;
	color: #303a54;
	background: #fff;
	border: 2px solid #e1e5ee;
	border-radius: 14px;
	cursor: pointer;
	font-family: inherit;
	text-align: left;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.downloadPage .downloadPlatform:hover {
	border-color: #8da0dc;
	transform: translateY(-1px);
}

.downloadPage .downloadPlatform.isActive {
	background: linear-gradient(110deg, #f7f9ff, #fff);
	border-color: #314b9a;
	box-shadow: 0 7px 16px rgba(37, 57, 127, .13);
}

.downloadPage .downloadPlatformIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-right: 12px;
	color: #fff;
	background: #2775c6;
	border-radius: 12px;
	font-size: 25px;
}

.downloadPage .downloadPlatformIcon.android {
	background: #32a866;
}

.downloadPage .downloadPlatformCopy strong,
.downloadPage .downloadPlatformCopy small {
	display: block;
}

.downloadPage .downloadPlatformCopy strong {
	font-size: 17px;
}

.downloadPage .downloadPlatformCopy small {
	margin-top: 2px;
	color: #8490a7;
	font-size: 11px;
}

.downloadPage .downloadPlatformCheck {
	position: absolute;
	display: none;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	right: 12px;
	top: 50%;
	color: #fff;
	background: #31a66a;
	border-radius: 50%;
	font-size: 10px;
	transform: translateY(-50%);
}

.downloadPage .downloadPlatform.isActive .downloadPlatformCheck {
	display: flex;
}

.downloadPage .downloadRequirements {
	display: flex;
	align-items: stretch;
	min-height: 120px;
	overflow: hidden;
	background: #f4f6fa;
	border: 1px solid #e0e5ef;
	border-radius: 14px;
}

.downloadPage .downloadRequirements[hidden] {
	display: none;
}

.downloadPage .downloadRequirementsIntro {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 185px;
	padding: 18px;
	color: #fff;
	background: linear-gradient(135deg, #1f60ad, #2f86d5);
}

.downloadPage .downloadRequirementsIntro.android {
	background: linear-gradient(135deg, #248c53, #3fbd76);
}

.downloadPage .downloadRequirementsIntro > span:first-child {
	margin-right: 11px;
	font-size: 30px;
}

.downloadPage .downloadRequirementsIntro small,
.downloadPage .downloadRequirementsIntro strong {
	display: block;
}

.downloadPage .downloadRequirementsIntro small {
	color: rgba(255, 255, 255, .78);
	font-size: 9px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
}

.downloadPage .downloadRequirementsIntro strong {
	font-size: 18px;
}

.downloadPage .downloadRequirementList {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	padding: 10px 12px;
}

.downloadPage .downloadRequirementList > span {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	min-height: 49px;
	padding: 7px 8px 7px 37px;
}

.downloadPage .downloadRequirementList i {
	position: absolute;
	left: 8px;
	top: 15px;
	color: #526aa9;
	font-size: 15px;
}

.downloadPage .downloadRequirementList small,
.downloadPage .downloadRequirementList strong {
	display: block;
}

.downloadPage .downloadRequirementList small {
	color: #8792a8;
	font-size: 10px;
}

.downloadPage .downloadRequirementList strong {
	color: #2b354e;
	font-size: 12px;
}

.downloadPage .downloadActionCard {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 15px;
	padding: 17px 18px;
	background: #fff;
	border: 1px solid #dde3ef;
	border-radius: 14px;
	box-shadow: 0 8px 20px rgba(29, 44, 88, .09);
}

.downloadPage .downloadActionText {
	flex: 1;
}

.downloadPage .downloadActionText small,
.downloadPage .downloadActionText strong {
	display: block;
}

.downloadPage .downloadActionText small {
	color: #8791a7;
	font-size: 10px;
	text-transform: uppercase;
}

.downloadPage .downloadActionText strong {
	color: #242f49;
	font-size: 14px;
}

.downloadPage .downloadPrimaryButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 242px;
	height: 48px;
	padding: 0 16px;
	color: #fff;
	background: linear-gradient(100deg, #243478, #3561c1);
	border-radius: 11px;
	box-shadow: 0 6px 14px rgba(36, 52, 120, .24);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

.downloadPage .downloadPrimaryButton:hover {
	color: #fff;
	box-shadow: 0 8px 18px rgba(36, 52, 120, .32);
	transform: translateY(-1px);
}

.downloadPage .downloadLauncherLink {
	width: 100%;
	margin-top: 10px;
	color: #7d879d;
	font-size: 11px;
	text-align: right;
}

.downloadPage .downloadLauncherLink a {
	color: #2c5bb2;
	font-weight: 700;
	text-decoration: none;
}

.downloadPage .downloadSupport {
	margin-top: 18px;
	padding: 18px;
	background: #f7f8fb;
	border: 1px solid #e1e5ed;
	border-radius: 14px;
}

.downloadPage .downloadSupport > p {
	margin: 0 0 13px;
	color: #657088;
	font-size: 12px;
}

.downloadPage .downloadDriverLinks {
	display: flex;
	gap: 8px;
}

.downloadPage .downloadDriverLinks a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 47px;
	padding: 4px 8px;
	color: #3f4a64;
	background: #fff;
	border: 1px solid #dce1eb;
	border-radius: 9px;
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.downloadPage .downloadDriverLinks a:hover {
	border-color: #7f93ce;
}

.downloadPage .downloadDriverLinks img {
	width: 32px;
	height: 23px;
	margin-right: 7px;
	object-fit: contain;
}

.downloadPage .downloadForumHelp {
	display: flex;
	align-items: center;
	margin-top: 12px;
	padding: 10px 12px;
	color: #59657c;
	background: #fff;
	border-left: 4px solid #e43a33;
	border-radius: 7px;
	font-size: 12px;
}

.downloadPage .downloadForumHelp > i {
	margin-right: 9px;
	color: #e43a33;
	font-size: 16px;
}

.downloadPage .downloadForumHelp a {
	color: #2c5bb2;
	font-weight: 700;
	text-decoration: none;
}

.downloadPage footer {
	width: 705px;
}

/* Rodapé integrado ao painel principal */
.newscont footer {
	width: 100%;
	margin: 18px 0 0;
	background: linear-gradient(110deg, #fff 0%, #fff 68%, #f4f6fb 100%);
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	border-radius: 0 0 10px 10px;
	box-shadow: none;
}