/* ===============================
   CONTACT PAGE
=============================== */

.contact-hero{
  padding:180px 0 120px;
  text-align:center;
}

.contact-hero h1{
  font-family:"Crimson Text", serif;
  font-size:48px;
  margin:0 0 12px;
}

.contact-hero p{
  max-width:640px;
  margin:0 auto;
  font-size:16px;
  color:var(--muted);
}

/* Grid */
.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:60px;
}

/* Texto */
.contact-text .lead{
  font-family:"Crimson Text", serif;
  font-size:22px;
  line-height:1.6;
  margin-bottom:18px;
}

.contact-text p{
  line-height:1.7;
  color:var(--muted);
}

.contact-list{
  margin-top:28px;
  padding:0;
  list-style:none;
}

.contact-list li{
  margin-bottom:16px;
  font-size:14px;
}

.contact-list a{
  color:var(--ink);
  text-decoration:none;
}

.contact-list a:hover{
  text-decoration:underline;
}

/* Formulario */
.contact-form form{
  display:flex;
  flex-direction:column;
  gap:18px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(0,0,0,.08);
  border-radius:var(--radius);
  padding:28px;
  box-shadow:0 18px 60px rgba(0,0,0,.06);
}

.contact-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  letter-spacing:.04em;
}

.contact-form input,
.contact-form textarea{
  font-family:Inter, sans-serif;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.18);
  font-size:14px;
}

.contact-form input:focus,
.contact-form textarea:focus{
  outline:none;
  border-color:var(--gold);
}

/* Responsive */
@media (max-width:980px){
  .contact-grid{
	grid-template-columns:1fr;
	gap:40px;
  }

  .contact-hero{
	padding:140px 0 80px;
  }

  .contact-hero h1{
	font-size:40px;
  }
}

/* ===============================
   CONTACT ZEN BLOCK
=============================== */

.contact-zen{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.02),
    rgba(0,0,0,.01)
  );
  border:1px solid rgba(0,0,0,.08);
  border-radius:var(--radius);
  padding:36px;
  box-shadow:0 18px 60px rgba(0,0,0,.06);
}

.zen-text{
  font-family:"Crimson Text", serif;
  font-size:20px;
  line-height:1.6;
  margin:0 0 18px;
}

.zen-mail{
  font-size:16px;
  letter-spacing:.08em;
  text-decoration:none;
  color:var(--ink);
  margin-bottom:14px;
  position:relative;
}

.zen-mail::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:1px;
  background:var(--gold);
  opacity:.5;
}

.zen-note{
  font-size:13px;
  color:var(--muted);
  line-height:1.6;
}

/* Responsive */
@media (max-width:980px){
  .contact-zen{
    padding:28px;
  }
}