:root {
	--text-color-primary: #FFF;
	--text-color-accent: #af2c37;
}

body {
	margin: 0;
	font-size: 14pt;
	font-family: sans-serif;
	background: #373532;
	color: var(--text-color-primary);

	display: flex;
	flex-direction: column;
	height: calc(100vh);
}

@media screen and (max-width: 1000px) {
	body {
		font-size: 12pt;
	}
}

@media screen and (max-width: 668px) {
	body {
		font-size: 10pt;
	}
}

@media screen and (max-width: 480px) {
	body {
		font-size: 8pt;
	}
}

.text {

	&.bold {
		font-weight: bold;
	}

	&.accent {
		color: var(--text-color-accent);
	}
}

a {
	color: var(--text-color-accent);
	text-decoration: none;
}

/* .logo {
	padding: 15mm 10mm 12mm;
	max-height: 12.5vh;
	text-align: center;

	img {
		height: 100%;
		width: 100%;
		object-fit: contain;
	}
} */

.logo {
	padding: 15mm 0 12mm 0;
	max-height: 12.5vh;
	text-align: center;
	max-width: 501px;
	margin: auto;

	img {
		height: auto;
		width: 400px;
		object-fit: contain;
	}
}


#cuerpoRegistro {
	display: grid;
	flex: 1;
	justify-items: center;
	grid-template-rows: auto 1fr auto;
	grid-template-areas:
		"header"
		"form"
		"footerCombi";

	.header {
		font-size: 2.4em;
		text-align: center;
	}


	form.form {
		display: grid;
		align-content: flex-start;
		gap: 6.5mm;
		padding: 7mm;
		grid-template-columns: 1fr;
		max-width: 12cm;
		/* width: 100%; */

		.input {
			input {
				border: 0;
				border-radius: 100px;
				padding: 13px 25px;
				font-size: 1.4em;
				width: 100%;
			}
		}

		.checkbox {
			max-width: 12cm;
			display: flex;
			align-items: flex-start;

			input[type="checkbox"] {
				width: 18px;
				margin-right: 10px;
				height: 100%;
			}
		}

		button {
			background-color: #af2c37;
			border: 0;
			border-radius: 100px;
			padding: 3mm 8mm;
			color: #FFF;
			text-transform: uppercase;
			font-size: 1.5em;
		}
	}

	/* #region Visualizacion normal */

	.form {
		margin-bottom: -100px;
	}

	@media screen and (max-width: 400px) {
		.form {
			margin-bottom: -50px;
		}
	}

	.footer-combi {
		max-height: 40vh;

		img {
			height: 100%;
			width: 100%;
			object-fit: contain;
		}
	}

	/* #endregion Visualizacion normal */

	.header {
		grid-area: header;
	}

	.form {
		grid-area: form;
	}

	.footer-combi {
		grid-area: footerCombi;
	}
}


#cuerpoPremio {
	display: grid;
	flex: 1;
	justify-items: center;
	grid-template-rows: auto 1fr auto;
	grid-template-areas:
		"header"
		"form"
		"footerCombi";

	.header {
		font-size: 2.8em;
		text-align: center;
	}


	#RocketBook {
		display: flex;
		flex-direction: column;

		h1 {
			font-size: 4em;
			text-align: center;
		}

		div {
			flex: 1;
		}

		img {
			/* height: 100%; */
			max-width: 75%;
		}
	}

	#Consultoria {
		display: flex;
		flex-direction: column;
		margin-top: 10mm;

		h1 {
			font-size: 4em;
			text-align: center;
			margin: 0;
		}

		h3 {
			font-size: 3em;
			text-align: center;
			margin: 0;
			color: #b1b1b1;
		}

		h2 {
			font-size: 4em;
			text-align: center;
			font-weight: lighter;
			margin: 0;
		}

		.action {
			font-size: 2.5em;
			text-align: center;
			margin-top: 20mm;
		}
	}

	.footer {
		font-size: 2.5em;
		padding: 10mm 0 23.0mm;
	}

}