/* contacto-form */
section.contacto-form{
	width:100%;
}
.contacto-form .overlay{
	position: absolute;
	inset: 3rem 18% 3rem 0;
	background: 
		linear-gradient(90deg, rgb(var(--n)/1) 0%, rgb(var(--c1)/1) 100%),
		url("/assets/img/bg.webp");
	background-repeat: repeat, repeat;
	background-size: auto, auto;
	background-position: center, center;
	background-blend-mode: multiply, normal;
	z-index: 0;
}

section.contacto-form article{
	display:grid;
	gap:2rem;
	width:min(100%,680px);
	margin:0 auto;
}

section.contacto-form header{
	display:grid;
	gap:.8rem;
}

section.contacto-form .lead,
section.contacto-form h2,
section.contacto-form h3{
	margin:0;
}

section.contacto-form form{
	display:grid;
	gap:1rem;
}

section.contacto-form label{
	display:grid;
	gap:.45rem;
}

section.contacto-form label span{
	display:block;
}

section.contacto-form input,
section.contacto-form textarea,
section.contacto-form button{
	width:100%;
	color:inherit;
	font:inherit;
}

section.contacto-form input,
section.contacto-form textarea{
	padding:1rem;
	border:1px solid currentColor;
	outline:none;
	background:transparent;
	color:inherit;
}

section.contacto-form textarea{
	min-height:9rem;
	resize:vertical;
}

section.contacto-form input:focus,
section.contacto-form textarea:focus,
section.contacto-form input.is-invalid{
	outline:2px solid currentColor;
	outline-offset:2px;
}

section.contacto-form .hp{
	position:absolute;
	left:-9999px;
	opacity:0;
	pointer-events:none;
}

section.contacto-form .contacto-check{
	display:flex;
	align-items:center;
	gap:.75rem;
	cursor:pointer;
}

section.contacto-form .contacto-check input{
	appearance:auto;
	-webkit-appearance:checkbox;
	display:block;
	width:2rem;
	height:2rem;
	min-width:2rem;
	margin:0;
	cursor:pointer;
}

section.contacto-form .contacto-respuesta{
	display:none;
	margin:0;
	padding:1rem;
	border:1px solid currentColor;
}

section.contacto-form .contacto-respuesta.is-active{
	display:block;
}

section.contacto-form button[type="submit"].is-disabled,
section.contacto-form button[type="submit"]:disabled{
	opacity:.35;
	pointer-events:none;
	cursor:not-allowed;
}

section.contacto-form .contacto-warning{
	display:none;
	margin-top:.35rem;
	opacity:.7;
}

section.contacto-form .contacto-warning.is-active{
	display:block;
}

/* contacto-form mobile */
@media (max-width:767px){
	section.contacto-form{
	}
	.contacto-form .overlay{
		position: absolute;
		inset: 3rem 0 3rem 81%;
		background: 
			linear-gradient(90deg, rgb(var(--n)/1) 0%, rgb(var(--c1)/1) 100%),
			url("/assets/img/bg.webp");
		background-repeat: repeat, repeat;
		background-size: auto, auto;
		background-position: center, center;
		background-blend-mode: multiply, normal;
		z-index: 0;
	}

	section.contacto-form article{
		padding:2rem 1.5rem;
	}

	section.contacto-form .lead,
	section.contacto-form h2,
	section.contacto-form h3{
		color:rgb(var(--c1) / 1);
	}
}