/* ============================================================
   Dartel Solutions — Contacto page
   (contact-card está en site.css)
   ============================================================ */

.contact-layout{display:grid;grid-template-columns:1.25fr .85fr;gap:48px;align-items:start}
.contact-form-wrap .lead{margin:10px 0 26px}

/* ---- Formulario ---- */
.contact-form{display:flex;flex-direction:column;gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--ink-1)}
.contact-form input,.contact-form textarea{
  font-family:var(--font-body);font-size:16px;color:var(--ink-1);
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);
  padding:13px 15px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}
.contact-form textarea{resize:vertical;min-height:120px}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(24,169,87,.15)}
.contact-form button{margin-top:6px;align-self:flex-start}
.form-note{font-size:12.5px;color:var(--ink-3);margin:4px 0 0}
.form-note a{color:var(--green-deep);display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---- Canales directos ---- */
.contact-aside{display:flex;flex-direction:column;gap:14px}
.contact-aside .h3{margin:0 0 4px}
.contact-meta{display:flex;flex-direction:column;gap:10px;margin-top:6px;font-size:13.5px;color:var(--ink-2)}
.contact-meta span{display:inline-flex;align-items:center;gap:9px}
.contact-meta .ic{width:17px;height:17px;color:var(--green);flex:none}

@media (max-width:880px){
  .contact-layout{grid-template-columns:1fr;gap:36px}
}
@media (max-width:480px){
  .field-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .contact-form input,.contact-form textarea{transition:none}
}