#main-container {
	background: url('/assets/img/worlds/img_background_desktop.png') no-repeat;
	background-size: cover;
	width: 100%;
	background-color: #2a2365;
}

body {
	background: transparent !important;
	margin: 0px !important;
	padding: 0px !important;
}

.acc-text {
	opacity: 0;
	height: 0;
}

.cont-mundos {
	position: relative;
	background: url('/assets/img/worlds/img_map_desktop.png') no-repeat;
	background-size: 100% 100% !important;
	background-position: center;
	height: 476px;
	width: 100%;
}

.mundo_content {
	width: 180px;
	height: 180px;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	background-color: #384359;
}

.mundo_content:hover {
	background-color: white !important;
}

.mundo_content:hover p {
	color: red !important;
}

.mundo_1 {
	top: 26%;
	left: 12%;
}

.mundo_2 {
	bottom: 10%;
	left: 36%;
}

.mundo_3 {
	top: 12%;
	left: 49%;
}

.mundo_4 {
	bottom: 25%;
	right: 14%;
}

.mundo_content .boton_mundo {
	position: relative;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
}

p.text-center.text-white.assi {
	font-size: 20px;
}

.btn-world {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.mundo_content {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {
	#main-container {
		background: url('/assets/img/worlds/img_background_mobile.png') cover
			no-repeat;
		background-position: center;
		/* background-size: contain !important; */
		height: auto;
	}

	.cont-mundos {
		background: url('/assets/img/worlds/img_map_mobile.png') no-repeat;
		height: 865px !important;
	}

	.mundo_1 {
		top: 9%;
		right: 10%;
		left: unset;
	}

	.mundo_2 {
		top: 32%;
		left: 7%;
		bottom: unset;
	}

	.mundo_3 {
		top: 50%;
		right: 7%;
		left: unset;
	}

	.mundo_4 {
		top: 73%;
		left: 20%;
		bottom: unset;
		right: unset;
	}

	.h1,
	h1 {
		font-size: 2.5rem;
	}

	.h4,
	h4 {
		font-size: calc(1rem + 0.3vw);
	}
}