/* Contacto de Mi huerto casero: comparte la tipografía y paleta del sitio. */
.mobile-contact-link{display:none}
.site-header .nav-links a[aria-current="page"]{color:#194630;text-decoration:underline;text-underline-offset:7px}
.contact-page-shell{min-height:100vh;display:flex;flex-direction:column}
.contact-main{width:100%;max-width:1360px;margin:0 auto;flex:1}
.contact-grid,.thanks-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);min-height:690px}
.contact-copy{padding:clamp(64px,7vw,108px) clamp(32px,5vw,75px) 92px clamp(24px,7.5vw,110px)}
.contact-copy h1,.thanks-copy h1{font:400 clamp(52px,5.1vw,76px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:24px 0 19px}
.contact-period{color:#3d754c}
.contact-lead{max-width:525px;color:#53685a;font-size:17px;line-height:1.7;margin:0 0 36px}
.contact-copy form{display:grid;gap:19px;max-width:540px}
.contact-copy form>label{display:grid;gap:8px;color:#274533;font-size:14px;font-weight:700}
.contact-copy input:not([type="hidden"]),.contact-copy textarea{appearance:none;width:100%;border:1px solid #aebfae;border-radius:0;background:#fff;color:#1e3028;font:400 16px/1.45 Arial,Helvetica,sans-serif;padding:14px 15px}
.contact-copy textarea{min-height:150px;resize:vertical}
.contact-copy input:focus-visible,.contact-copy textarea:focus-visible{outline:2px solid #3d754c;outline-offset:2px}
.contact-submit,.thanks-return{justify-self:start;display:inline-flex;align-items:center;gap:12px;padding:15px 23px;border:1px solid #194630;background:#194630;color:#fff;font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;cursor:pointer}
.contact-submit:hover,.thanks-return:hover{background:#2f6845}
.contact-status{min-height:1.5em;margin:0;color:#8b3d2c;font-size:14px;line-height:1.5}
.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-art,.thanks-art{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:#eaf1e9;border-left:1px solid #d9e2da;padding:clamp(28px,4vw,65px)}
.contact-art img,.thanks-art img{display:block;object-fit:contain;width:min(100%,570px);height:auto;max-height:590px;filter:drop-shadow(0 22px 25px #183b291c)}
.thanks-grid{min-height:630px;align-items:stretch}
.thanks-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px clamp(32px,5vw,75px) 92px clamp(24px,7.5vw,110px)}
.thanks-copy h1{max-width:620px}
.thanks-copy .contact-lead{margin-bottom:29px}
.thanks-art img{max-height:540px}
@media(max-width:760px){
  .site-header .header-link{display:none}
  .site-header .mobile-contact-link{display:inline-flex;white-space:nowrap;border-bottom:1px solid #1e3028;padding:8px 0;font-size:13px;font-weight:700}
  .contact-page .site-header .header-link{display:inline-flex}
  .contact-grid,.thanks-grid{grid-template-columns:1fr;min-height:0}
  .contact-copy,.thanks-copy{padding:64px 24px 56px}
  .contact-copy h1,.thanks-copy h1{font-size:clamp(48px,11vw,68px)}
  .contact-art,.thanks-art{border-left:0;border-top:1px solid #d9e2da;min-height:280px;padding:24px}
  .contact-art img{width:min(100%,330px);max-height:330px}
  .thanks-art img{width:min(100%,310px);max-height:310px}
}