/* folha de estilos customizada da pagina seja um parceiro */

/* imports styles*/

@import "./style.css";

/* seções */

main {
	padding: 0% !important;
	margin: 0% !important;
	overflow: hidden;
}

.header-parceiro {
	height: 510px;
}

.parallax-parceiro {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	background-size: cover;
	background-blend-mode: overlay;
	position: absolute;
	top: -5%;
	width: 100%;
	height: 130%;
	object-fit: cover;
	z-index: -1;
	transition: all 0s ease-in;
}

.section-about-parceiro {
	background-color: transparent;
	margin: 0 !important;
	padding: 0 !important;
}

.section-product-parceiro {
	background-color: #fff;
	margin: 0 !important;
	padding: 0 !important;
}

.section-benefit-parceiro {
	background-color: #fff;
	margin: 0 !important;
	padding: 0 !important;
}

.section-how-it-works-parceiro {
	background-color: var(--gray-tone-1);
	margin: 0 !important;
	padding: 0 !important;
}

.section-resgate {
	background-color: var(--gray-tone-1);
	margin: 0 !important;
	padding: 0 !important;
}

.section-engajamento {
	background-color: var(--base-color-quaternary);
	margin: 0 !important;
	padding: 0 !important;
}

/* divisorias - dividers */

.--primeira-divisao-parceiro {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0%;

	background-image: radial-gradient(at top left, transparent 77%, var(--base-color-tertiary) 77.5%),
	linear-gradient(235deg, transparent 0%, transparent 100%);

	/* background: linear-gradient(
		to right bottom,
		transparent 49%,
		var(--base-color-tertiary) 50%
	); */

	z-index: 1;
}

.--segunda-divisao-parceiro {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0%;

	background-image: radial-gradient(at top left, transparent 77%, white 77.5%),
	linear-gradient(235deg, transparent 0%, transparent 100%);

	/* background: linear-gradient(
		to right bottom,
		transparent 49%,
		white 50%
	); */
}

.--terceira-divisao-parceiro {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0%;

	background-image: radial-gradient(at top left, transparent 77%, var(--gray-tone-1) 77.5%),
	linear-gradient(235deg, white 0%, white 100%);

	/* background: linear-gradient(
		to right bottom,
		white 49%,
		var(--gray-tone-1) 50%
	); */

}

.--quarta-divisao-parceiro {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0%;

	background-image: radial-gradient(at top left, transparent 77%, white 77.5%),
	linear-gradient(235deg, var(--gray-tone-1) 0%, var(--gray-tone-1) 100%);

	/* background: linear-gradient(
		to right bottom,
		var(--gray-tone-1) 49%,
		white 50%
	); */

}

.--quinta-divisao-parceiro {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0%;

	background-image: radial-gradient(at top left, transparent 77%, var(--gray-tone-1) 77.5%),
	linear-gradient(235deg, white 0%, white 100%);

	/* background: linear-gradient(
		to right bottom,
		white 49%,
		var(--gray-tone-1) 50%
	); */

}

.--sexta-divisao-parceiro {
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0%;

	background-image: radial-gradient(at top left, transparent 77%, var(--base-color-quaternary) 77.5%),
	linear-gradient(235deg, var(--gray-tone-1) 0%, var(--gray-tone-1) 100%);

	/* background: linear-gradient(
		to right bottom,
		var(--gray-tone-1) 49%,
		var(--base-color-quaternary) 50%
	); */

}

.--setima-divisao-parceiro {
	width: 122%;
	height: 120px;
	position: absolute;
	left: 0px;
	top: -20%;
	
	background-image: radial-gradient(at top left, transparent 77%, transparent 77.5%),
	linear-gradient(235deg, var(--base-color-quaternary) 0%, var(--base-color-quaternary) 100%);

	/* background: linear-gradient(
		to right bottom,
		var(--base-color-quaternary) 49%,
		transparent 50%
	); */
}

.--img-setas {
	position: absolute;
	left: 165px;
}

.--resgate-container {
	border-bottom: 4px solid grey;
}

.icon-benefit {
	background-color: var(--base-color-secondary);
	border-radius: 50%;
	text-align: center;
}

@media screen and (max-width: 700px) {
	.--heading-parceiro {
		font-size: 34px !important;
	}

	.header-parceiro {
		height: 500px;
	}

	.--btn-CTA {
		margin-bottom: 90px;
	}

	.header-parceiro .parallax-parceiro {
		background-color: #4b6fac;
	}

	.parallax-parceiro {
		width: 100%;
		height: 220%;
		object-fit: contain;
	}
}

@media screen and (max-width: 1080px) {
	.--img-setas {
		display: none;
	}
}