/* ============================================================
   PREMIUM LAB EC — Contacto
   ============================================================ */

.contact{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(24px,3.4vw,var(--s7));
  align-items:start;
  padding-bottom:clamp(56px,7vw,var(--s9));
}

/* ---------- Bloque WhatsApp ---------- */
.cwa{
  display:flex;align-items:center;gap:var(--s4);
  background:var(--ink);color:var(--paper);
  padding:var(--s5);
  border-radius:var(--r-lg);
  margin-bottom:var(--s4);
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-mid) var(--ease);
}
.cwa:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.cwa__ico{
  width:46px;height:46px;flex:none;
  border-radius:var(--r-pill);
  background:rgba(255,255,255,.12);
  display:grid;place-items:center;
}
.cwa__ico svg{width:22px;height:22px}
.cwa__b{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.cwa__k{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.cwa__t{font-family:var(--font-display);font-weight:700;font-size:16.5px;letter-spacing:-0.025em;line-height:1.2}
.cwa__d{font-size:12.5px;color:rgba(255,255,255,.6)}
.cwa__go{
  width:36px;height:36px;flex:none;
  border-radius:var(--r-pill);
  border:1.5px solid rgba(255,255,255,.22);
  display:grid;place-items:center;
  transition:all var(--t-fast) var(--ease);
}
.cwa:hover .cwa__go{background:var(--paper);color:var(--ink);border-color:var(--paper)}

/* ---------- Datos ---------- */
.cbox{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:var(--s5);
  display:flex;flex-direction:column;gap:var(--s5);
  margin-bottom:var(--s4);
}
.crow2{display:flex;gap:14px;align-items:flex-start}
.crow2__ico{
  width:36px;height:36px;flex:none;
  border:1.5px solid var(--line);border-radius:12px;
  display:grid;place-items:center;color:var(--ink-60);
}
.crow2__ico svg{width:17px;height:17px}
.crow2__k{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:5px;
}
.crow2__v{font-size:14px;line-height:1.55}
.crow2__v .off{color:var(--muted-2)}

/* ---------- Accesos rápidos ---------- */
.cquick{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:var(--s5) var(--s5) var(--s3);
}
.cquick__t{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:var(--s3);
}
.cquick__i{
  display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:13px 0;
  border-bottom:1px solid var(--line-soft);
  font-size:14px;font-weight:500;
  transition:padding-left var(--t-fast) var(--ease);
}
.cquick__i:last-child{border-bottom:0}
.cquick__i:hover{padding-left:6px}
.cquick__i svg{opacity:.4;flex:none;transition:opacity var(--t-fast) var(--ease)}
.cquick__i:hover svg{opacity:1}

/* ---------- Formulario ---------- */
.cform__lead{font-size:14.5px;color:var(--muted);line-height:1.6;margin-bottom:var(--s5)}
.cform .fset__n{background:var(--ink);color:var(--paper);width:32px;height:32px}
.cform .fset__n svg{width:15px;height:15px}

.cform__prev{
  background:var(--paper-2);
  border:1px dashed var(--line);
  border-radius:var(--r-md);
  padding:var(--s4);
  margin-bottom:var(--s5);
}
.cform__prev-t{
  font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:10px;
}
.cform__prev pre{
  font-family:var(--font-body);
  font-size:13.5px;line-height:1.6;color:var(--ink-80);
  white-space:pre-wrap;word-break:break-word;
  margin:0;
}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .contact{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cwa{padding:var(--s4);gap:var(--s3)}
  .cwa__ico{width:40px;height:40px}
  .cwa__t{font-size:15px}
  .cwa__go{display:none}
}