main {
  height: 100vh;
}

.hero {
	position: relative;
	padding: 4rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80vh;
	max-height: 664px;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
}

.hero__video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	pointer-events: none;
}

.hero__mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 30, 40, 0.096);
	z-index: 2;
	pointer-events: none;
}

.hero__content {
	position: relative;
	z-index: 3;
	text-align: center;
	max-width: 340px;
	margin: auto;
}



.contact {
  background-image: url('../../assets/img/casa-sonora1.jpg');
  padding: 3rem 1rem;
  display: flex;
  justify-content: center;
}

.contact__container {
  max-width: 400px;
  width: 100%;
  margin: auto;
  background: transparent;
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(44,88,121,0.07);
  padding: 2rem;
  background-color: rgba(0, 0, 0, 0.329);
}

.contact__title {
  font-family: var(--font-playfair);
  color: var(--pearl);
  font-size: var(--font-size-2xl);
  margin-bottom: 2rem;
  text-align: center;
  font-weight: 700;
}

.contact__form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contact__input,
.contact__textarea {
  font-family: var(--font-montserrat);
  font-size: var(--font-size-base);
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0.5rem;
  background: #fff;
  color: var(--light-gray);
  resize: vertical;
  box-sizing: border-box;
}

.contact__input:focus,
.contact__textarea:focus {
  outline: 2px solid var(--dunes);
}

.contact__button {
  background: var(--dunes);
  color: var(--pearl);
  font-family: var(--font-montserrat);
  font-size: var(--font-size-base);
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  transition: background 0.2s;
}

.contact__button:hover {
  background: var(--dunes-hover);
}


@media (min-width: 992px) {

	.hero {
		border-radius: 0.5rem;
		margin: 1.5rem auto;
	}
}