/* ==========================================================================
   AGRIFERSER · Página /contacto/
   Se carga después de site.css y solo añade lo propio de esta página.
   ========================================================================== */

/* Portada: más baja que en otras páginas para que el formulario quede cerca */
.hero--contact { min-height: clamp(580px, 80svh, 820px); }
@media (min-width: 1024px) {
  .hero--contact { min-height: clamp(660px, 80svh, 820px); }
}
.hero--contact .hero__media img { object-position: 65% 50%; }
.hero--contact .hero__inner { padding-bottom: clamp(56px, 9vh, 104px); }
.hero--contact .hero__title {
  display: block;
  font-size: clamp(2.75rem, 6vw, 6rem);
}
.hero--contact .hero__lead { max-width: 46ch; font-size: clamp(1.0625rem, 0.98rem + 0.4vw, 1.3125rem); }

/* Formulario ------------------------------------------------------------- */
.enquiry {
  padding-block: var(--section-y);
  background: var(--c-ivory);
  color: var(--c-ink);
}
.enquiry__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 48px var(--col-gap);
  align-items: start;
}
.enquiry__aside { grid-column: 1 / span 4; }
@media (min-width: 1024px) {
  .enquiry__aside { position: sticky; top: calc(var(--header-h) + 32px); }
}
.enquiry__label { margin-bottom: 20px; color: var(--c-text-2); }
.enquiry__intro { max-width: 38ch; margin-top: 24px; color: var(--c-text-2); }

.enquiry__notes {
  display: grid;
  gap: 28px;
  margin-top: clamp(40px, 5vw, 64px);
}
.note {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 18px;
  padding-top: 20px;
  border-top: 1px solid var(--c-ink);
}
.note__num {
  grid-row: span 2;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 2.5rem;
  line-height: 0.8;
  color: var(--c-forest);
}
.note__title { font-size: 1.0625rem; font-weight: 600; line-height: 1.3; margin-bottom: 8px; }
.note p { font-size: var(--fs-small); color: var(--c-text-2); max-width: 40ch; }

.enquiry__panel {
  position: relative;
  grid-column: 6 / -1;
  padding: clamp(24px, 3.4vw, 56px);
  border-radius: 6px;
  background: #fffef9;
  box-shadow: 0 0 0 1px var(--c-rule), 0 40px 80px -48px rgb(6 42 34 / 0.35);
}
.enquiry__mark {
  position: absolute;
  top: clamp(-36px, -2.6vw, -24px);
  right: clamp(24px, 3.4vw, 56px);
  width: clamp(56px, 5.4vw, 80px);
}
.enquiry .form { --field-bg: var(--c-ivory); }
.enquiry .form__note { background: var(--c-pale); color: var(--c-ink); }
.enquiry .form__note .icon { font-size: 20px; margin-top: 1px; color: var(--c-forest); }
.enquiry .cta--submit { color: var(--c-ink); }
.enquiry .form__status { color: var(--c-forest); }

@media (max-width: 1023px) {
  .enquiry__aside, .enquiry__panel { grid-column: 1 / -1; }
  .enquiry__panel { margin-top: 24px; }
}
@media (max-width: 559px) {
  .enquiry__panel { margin-inline: calc(var(--gutter) * -0.5); padding: 24px 18px; }
}