/* ============================================================
   CONTACTO
   ============================================================ */
.contact{padding:100px 0;background:var(--mist)}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.contact-left .eyebrow{display:block;margin-bottom:16px}
.contact-left h2{
  font-family:var(--display);font-weight:800;
  font-size:clamp(34px, 4.6vw, 52px);line-height:.96;
  letter-spacing:-.01em;text-transform:uppercase;
  color:var(--navy);margin-bottom:20px;
}
.contact-left p{font-size:16px;color:var(--steel);line-height:1.6;margin-bottom:24px}
.contact-hours{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);
  padding:20px 22px;
}
.contact-hours .label{font-family:var(--display);font-weight:600;font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.16em;margin-bottom:10px}
.contact-hours .row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--graphite)}
.contact-hours .row b{font-weight:600}
.contact-hours .row .b-cerrado{color:var(--steel)}
.contact-hours .row.row--status{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.contact-hours .row .open{color:#0d7d4d;font-weight:600;font-size:12px;display:flex;align-items:center;gap:6px}
.contact-hours .row .open .d{width:6px;height:6px;border-radius:50%;background:#0d7d4d}
/* Nota informativa de fin de semana (Cambio 7) */
.contact-hours .hours-note{
  margin-top:8px;padding-top:10px;
  font-size:12.5px;line-height:1.55;color:var(--steel-l);
  border-top:1px dashed var(--line);
}

.channels{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.channel{
  position:relative;
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:24px 24px 22px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);display:block;overflow:hidden;
}
.channel:hover{border-color:var(--precision);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.channel.wa:hover{border-color:#25D366}
.channel .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.channel .ic{
  width:40px;height:40px;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  color:var(--white);font-family:var(--display);font-weight:800;font-size:12px;
  letter-spacing:.04em;
}
.channel.wa .ic{background:#25D366}
.channel.sales .ic{background:var(--navy)}
.channel.tech .ic{background:var(--precision)}
.channel.email .ic{background:var(--graphite)}
.channel .ic svg{width:18px;height:18px}
.channel .badge{
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--steel);background:var(--mist);padding:4px 8px;border-radius:3px;
}
.channel.wa .badge{color:#0d7d4d;background:rgba(13,125,77,.08)}
.channel .label{font-family:var(--display);font-weight:600;font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.16em;margin-bottom:6px}
.channel .value{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-weight:600;font-size:17px;color:var(--graphite);margin-bottom:8px;letter-spacing:-.01em}
.channel .value.em{font-family:var(--body);font-size:15px}
.channel .desc{font-size:13px;color:var(--steel);line-height:1.5}

@media(max-width:980px){
  .contact-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:540px){
  .contact{padding:64px 0}
  .channels{grid-template-columns:1fr}
}