#principalContent {
	background-image: url(../images/principal-bg.webp);
	background-color: #fff;
	background-position: top right;
	background-size: auto;
	filter: none !important;
}
#principalContent .img-box .mbl {
	display: none;
}
@media only screen and (min-width:1200px) {
	#principalContent {
		min-height: 600px;
	}
	#principalContent .text-box {
		margin-bottom: 30px;
	}
}
@media only screen and (min-width:1500px) {
	#principalContent {
		min-height: 790px;
	}
	#principalContent .container {
		padding-bottom: 0;
		min-height: 670px;
	}
	#principalContent .text-box {
		margin-bottom: 0;
	}
}


/* Modal de descarga */
.download-modal {
	text-align:center;
}
.download-modal h2 {
	color:#000;
	margin-bottom: 15px;
}
.download-modal p {
	font-size: 18px;
	margin-bottom: 25px;
}
.download-modal .ebook {
	margin-bottom:20px;
}
.download-modal .link {
	font-weight: bold;
}

/* Ajuste bg */
@media only screen and (min-width:1401px) and (max-width:1600px) {
	#principalContent {
		background-size: calc(80% - 300px)
	}
	
}

@media only screen and (max-width:1400px) {
	#principalContent {
		background-repeat: no-repeat;
		background-size: calc(80% - 250px)
	}
}

@media only screen and (max-width:1200px) {
	#principalContent {
		background-repeat: no-repeat;
		background-size: calc(80% - 150px)
	}
	#principalContent .text-box {
		margin-bottom: 0;
	}
	#principalContent .container {
		padding-bottom: 70px;
	}
}

#principalContent .our-clients .our-customers img,
#principalContent .our-clients .our-customers .more {
	border: 1px solid var(--principal-buttons-BackgroundColor);
}

#principalContent h1,
#principalContent p,
#principalContent .our-clients .text {
	color: #3e454a;
}

#principalContent h1 {
	font-size: 56px;
}

#principalContent .img-box .mbl {
	display: none;
}

#advantages-01 {
	background-color: white;
}

/* SECTION 2 ADJUST*/

.section-advantages h2,
.section-advantages .subtitle-module {
	color: var(--Grey-darkest, #2A3035) !important;
}

.section-advantages h2 {
	padding-top: 70px;
}

#assets-01 h2,
#assets-01 .subtitle-module,
#advantages-01 h2,
#advantages-01 .subtitle-module {
	color: #fff;
}

.otherModulesBg {
	background-image: linear-gradient(180deg, #163260 0%, #0D2242 55%, rgba(13, 34, 66, 0) 55%) !important;
}

@media (max-width: 992px) {
	#principalContent .img-box .dkt {
		display: none;
	}

	#principalContent .img-box .mbl {
		display: block;
	}

}

.otherModulesBg {
	background-color: #fff !important;
}

@media only screen and (max-width: 629px) {
	.value-box.market .title {
		margin-right: 0px;
	}

	.selector {
		width: 48%;
	}

	.selector select {
		width: 100%;
		text-align: center;
	}
}


/* TABLET */
@media only screen and (max-width:991px) {
	.homeComponents {
		top: -90px;
		position: relative;
	}
	#principalContent {
		background-image: linear-gradient(
				to bottom,
				rgba(255, 255, 255, 1) 30%,
				rgba(255, 255, 255, 0) 75%
		),
		url(../images/charts.webp);

		background-size: cover;
		background-position: bottom;
		background-color: #fff;
	}
	#principalContent .text-box {
		margin-bottom: 40px;
	}
	#principalContent .vmiddle-content {
		padding-bottom: calc(100vw - 80px);
	}
	.profit-calculator {
		padding-top: 25px!important;
	}

	#principalContent::before {
		content: url('../images/shape.svg');
		position: absolute;
		left: 0;
		bottom: calc(32px - 5vw);
		width: 100%;
		overflow: hidden;
	}
	#principalContent .img-box {
		position: absolute;
		width: 96%;
		right: 0;
		left: 0;
		margin: auto;
		bottom: 22vw;
		z-index: 2;
	}
	#principalContent .img-box .mbl {
		display: block;
		height: 70vw;
		width: auto;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 600px) {

	.otherModulesBg {
		background-image: linear-gradient(180deg, #163260 0%, #0D2242 50%, rgba(13, 34, 66, 0) 75%) !important;
		background-size: cover;
	}

	#principalContent::before {
		bottom: calc(-210px - 15vw);
	}
	#principalContent .vmiddle-content {
		padding-bottom: calc(110vw - 140px);
	}
}

@media only screen and (max-width:480px) {

	#principalContent .registerBox .btn {
		width: auto;
		white-space: nowrap;
		padding: 0 15px;
	}
	header {
		padding: 0;
	}
	#principalContent {
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 85%), url(../images/charts.webp);
	}

	#principalContent::before {
		bottom: calc(-60px - 35vw);
	}
	#principalContent h1 {
		font-size: 45px;
	}

	#principalContent .vmiddle-content {
		padding-top: 20px;
		padding-bottom: calc(120vw - 120px);
	}
	#principalContent .row {
		padding-top: 152px !important;
	}
}