/* contact.css — Sección de contacto y formulario */

.contact-section{ padding:5rem 2.5rem; background:var(--g1) }
.contact-inner{
  max-width:1100px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start;
}
.c-num{ font-size:11px; text-transform:uppercase; letter-spacing:2px; color:var(--g4); margin-bottom:.5rem }
.c-h{ font-size:clamp(1.8rem,3vw,2.5rem); font-weight:700; letter-spacing:-1px; color:var(--k); margin-bottom:.75rem }
.c-h .dim{ font-weight:200; color:var(--g3) }
.c-sub{ font-size:14px; color:var(--g4); line-height:1.8; margin-bottom:2rem }

.contact-methods{ display:flex; flex-direction:column; gap:12px }
.cm{
  display:flex; align-items:center; gap:14px; padding:1rem;
  background:white; border-radius:10px; border:1px solid var(--g2);
  cursor:pointer; transition:all .2s; text-decoration:none;
}
.cm:hover{ border-color:var(--g3); transform:translateX(4px) }
.cm-icon{
  width:40px; height:40px; border-radius:8px; background:var(--g1);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.cm-label{ font-size:12px; color:var(--g4); text-transform:uppercase; letter-spacing:.5px }
.cm-val{ font-size:14px; font-weight:600; color:var(--k) }

/* Trust items */
.contact-trust{ display:flex; flex-direction:column; gap:8px; margin-top:1.5rem }
.ct-item{ font-size:13px; color:var(--k2); display:flex; align-items:center; gap:8px }
.ct-check{ color:var(--k); font-weight:700; font-size:14px }

/* Formulario */
.contact-form{ background:white; border-radius:16px; padding:2rem; border:1px solid var(--g2) }
.cf-title{ font-size:16px; font-weight:700; color:var(--k); margin-bottom:.25rem }
.cf-sub{ font-size:13px; color:var(--g4); margin-bottom:1.5rem }
.cf-line{ height:2px; background:var(--k); border-radius:1px; margin-bottom:1.5rem }
.cf-field{ margin-bottom:12px }
.cf-field label{ display:block; font-size:10px; text-transform:uppercase; letter-spacing:1px; color:var(--g4); font-weight:600; margin-bottom:5px }
.cf-field input,.cf-field select,.cf-field textarea{
  width:100%; padding:10px 14px; border:1px solid var(--g2); border-radius:var(--r);
  font-size:13px; color:var(--k); background:white; outline:none; transition:border .2s; font-family:inherit;
}
.cf-field textarea{ resize:vertical; min-height:80px }
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{ border-color:var(--g3) }
.cf-row{ display:grid; grid-template-columns:1fr 1fr; gap:10px }
.cf-submit{
  width:100%; background:var(--k); color:white; border:none; padding:13px;
  border-radius:var(--r); font-size:13px; font-weight:700; cursor:pointer;
  margin-top:8px; font-family:inherit; transition:background .2s;
}
.cf-submit:hover{ background:var(--k2) }