/** PÁGINA  gracias.html */
.thank-you {
	background-image: linear-gradient(
			40deg,
			var(--negro),
			transparent,
			var(--primario)
		),
		url(/images/hero3.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.ok {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 50rem;
	margin: 0 auto;
	padding: 10vh 1rem;
	& img {
		width: 50vw;
		max-width: 20rem;
		margin-bottom: 3rem;
	}
	& span {
		background-color: #00000034;
		color: var(--blanco);
		font-size: 1.1rem;
		font-weight: 200;
		padding: 3rem 1rem;
		margin-bottom: 3rem;
		& img {
			width: 2rem;
			margin: 0 0.5rem;
		}
		@media (width<=960px) {
			font-size: 1.1rem;
		}
	}
	& a {
		color: var(--blanco);
		font-size: 1.2rem;
		text-decoration: underline;
		&:hover {
			color: var(--primario);
			transition: var(--transition);
		}
	}
}

/* ************************ */
/* * FORMULARIO DE CONTACTO */
/* ************************ */
#light-form {
	z-index: 4;
}
.container {
	color: var(--blanco);
	background-color: transparent;
	width: 60vw;
	height: 80vh;
	margin: 3rem auto;
	overflow-y: scroll;
	padding: 2rem;
	border-radius: var(--border-radius);
	box-shadow: 1rem 1rem 3rem #111111, -1rem -1rem 3rem #e9e9e9;
	@media screen and (max-width: 875px) {
		width: 95%;
	}
	& img {
		width: 15rem;
		margin: 0 auto 1rem;
	}
	.formulario {
		margin-top: -5rem;
	}
}
input[type="text"],
textarea {
	width: 100%;
	min-width: 100%;
	padding: 6px;
	border-radius: 4px;
	box-sizing: border-box;
	margin-top: 6px;
	margin-bottom: 6px;
	resize: vertical;
}
input[type="email"] {
	width: 100%;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px;
}
input[type="tel"] {
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 6px;
}
.submit_button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem;
	color: var(--blanco);
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: var(--primario);
	border: 1px solid white;
	border-radius: var(--border-radius);
}
.submit_button:hover {
	color: var(--primario);
	background-color: var(--blanco);
	transition: 0.5s;
	border: 1px solid var(--secundario);
}