/* Cierre editorial de ASPROCOAN. */
#contacto.contact-real {
  position: relative; border: 0; color: #153b2c;
  background: linear-gradient(#e4e8da 0, #f4efdc 130px);
  padding-block: 150px 120px;
}
#contacto .contact-real-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(60px, 7vw, 110px); align-items: start;
}
#contacto .contact-real-intro { max-width: 530px; padding-top: 0; }
#contacto .contact-real-intro > .eyebrow {
  color: #59664c; font: 600 10px/1.6 var(--body); letter-spacing: .16em;
}
#contacto h2 {
  color: #153b2c; font: 400 clamp(46px, 4.5vw, 70px)/1.07 var(--story-font);
  letter-spacing: -.045em; margin: 27px 0 0;
}
#contacto h2 em { display: block; font-style: italic; color: #526a43; }
#contacto .contact-real-intro > p {
  max-width: 390px; margin-top: 30px; color: #52614c;
  font: 400 15px/1.9 var(--body);
}
#contacto .contact-direct {
  border: 0; margin-top: 40px; padding-top: 0;
  font: 500 12px/1.8 var(--body); gap: 18px;
  text-decoration-color: #6e7c5f; text-underline-offset: 6px;
}
#contacto .contact-direct:hover { color: #526a43; }
#contacto .contact-real-card {
  border: 0; border-left: 1px solid #cbd0b6; border-radius: 0;
  box-shadow: none; background: transparent; padding: 0 0 0 clamp(35px, 4vw, 60px);
}
#contacto .contact-real-card > h3 {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
}
#contacto .interest-options { display: flex; gap: 16px; margin: 0 0 34px; }
#contacto .interest-options legend {
  font: 600 11px/1.6 var(--body); letter-spacing: .025em; margin-bottom: 18px;
}
#contacto .interest-options label { min-width: 0; }
#contacto .interest-options label > span {
  padding: 17px 16px; border: 1px solid #bfc8af; border-radius: 3px;
  min-height: 88px; text-align: left; color: #153b2c; background: transparent;
  transition: background-color .2s, border-color .2s, color .2s;
}
#contacto .interest-options strong { display: block; font: 600 14px/1.5 var(--body); }
#contacto .interest-options small { display: block; font: 400 10px/1.6 var(--body); margin-top: 5px; opacity: .8; }
#contacto .interest-options input:checked + span { background: #153b2c; border-color: #153b2c; color: #f4efdc; }
#contacto .interest-options input:hover + span { border-color: #153b2c; }
#contacto .interest-options input:focus-visible + span { outline: 2px solid #6e7c5f; outline-offset: 4px; }
#contacto .field { gap: 9px; margin-bottom: 28px; font: 500 12px/1.6 var(--body); }
#contacto .field input, #contacto .field textarea {
  background: transparent; border: 0; border-bottom: 1px solid #aab99c;
  border-radius: 0; padding: 12px 0; font: 400 14px/1.65 var(--body); color: #153b2c;
  min-height: 48px;
}
#contacto .field textarea { min-height: 112px; max-height: 250px; resize: vertical; }
#contacto .field input::placeholder, #contacto .field textarea::placeholder { color: #68735c; opacity: 1; }
#contacto .field input:focus-visible, #contacto .field textarea:focus-visible {
  outline: 2px solid #687b55; outline-offset: 5px; border-color: #153b2c;
}
#contacto .form-submit.button.gold {
  width: 100%; min-height: 56px; padding: 17px 21px; border-radius: 3px;
  background: #153b2c; border: 1px solid #153b2c; color: #f4efdc; box-shadow: none;
  font: 600 13px/1.5 var(--body); justify-content: space-between;
}
#contacto .form-submit.button.gold:hover { background: #285541; }
#contacto .form-note { margin: 16px 0 0; text-align: left; max-width: none; color: #5d6a52; font: 400 10px/1.7 var(--body); }
#contacto #form-status { margin-top: 20px; font: 400 13px/1.7 var(--body); }
#contacto #form-status a { text-decoration: underline; text-underline-offset: 4px; }
body > .footer { background: #f4efdc; border-top-color: #cbd0b6; }
@media (max-width: 1050px) {
  #contacto .contact-real-layout { gap: 45px; }
  #contacto .contact-real-card { padding-left: 35px; }
  #contacto .interest-options { gap: 10px; }
  #contacto .interest-options label > span { padding-inline: 12px; }
}
@media (max-width: 760px) {
  #contacto.contact-real { padding-block: 100px 80px; }
  #contacto .contact-real-layout { grid-template-columns: 1fr; gap: 52px; }
  #contacto h2 { font-size: clamp(43px, 8.8vw, 60px); max-width: 560px; }
  #contacto .contact-real-intro > p { font-size: 14px; margin-top: 25px; }
  #contacto .contact-direct { margin-top: 27px; }
  #contacto .contact-real-card { border-left: 0; border-top: 1px solid #cbd0b6; padding: 33px 0 0; }
  #contacto .field input, #contacto .field textarea { font-size: 16px; }
  #contacto .interest-options strong { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  #contacto .interest-options label > span { transition: none; }
}