.mw-contact-visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 48px;
  padding: 38px;
}

.mw-contact-visual__card {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: center;
  width: 84%;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 16px;
  color: var(--mw-text);
  background: rgba(255,255,255,.94);
  box-shadow: 0 18px 38px rgba(3,56,81,.22);
}

.mw-contact-visual__card--answer { align-self: flex-end; }
.mw-contact-visual__card > span { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; color:#fff; background:var(--mw-blue); font-weight:900; }
.mw-contact-visual__card--answer > span { background:var(--mw-green); }
.mw-contact-visual__card small,
.mw-contact-visual__card strong { display:block; }
.mw-contact-visual__card small { color:var(--mw-muted); font-size:.68rem; font-weight:900; text-transform:uppercase; }
.mw-contact-visual__card strong { margin-top:3px; }

.mw-contact-visual__path { position:absolute; top:110px; bottom:110px; left:50%; width:2px; border-left:2px dashed rgba(126,221,244,.65); transform:translateX(-50%); }

.mw-contact-visual__chips { position:absolute; right:22px; bottom:20px; display:flex; gap:8px; }
.mw-contact-visual__chips i { padding:7px 9px; border:1px solid rgba(255,255,255,.25); border-radius:8px; color:#fff; background:rgba(4,88,121,.35); font-size:.75rem; font-style:normal; font-weight:800; }

.mw-contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.65fr);
  gap: 24px;
  align-items: start;
}

.mw-contact-form-card { padding: clamp(26px, 4vw, 42px); }
.mw-contact-form { display:grid; gap:18px; }
.mw-contact-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.mw-contact-form label { display:grid; gap:8px; color:var(--mw-text); font-weight:800; }
.mw-contact-form input,
.mw-contact-form textarea,
.mw-contact-form select { width:100%; padding:14px 16px; border:1px solid var(--mw-border); border-radius:12px; color:var(--mw-text); background:#fbfdff; transition:border-color .2s ease,box-shadow .2s ease; }
.mw-contact-form input::placeholder,
.mw-contact-form textarea::placeholder { color:var(--mw-muted); font-weight:400; opacity:1; }
.mw-contact-form textarea { resize:vertical; }
.mw-contact-form input:focus,
.mw-contact-form textarea:focus,
.mw-contact-form select:focus { outline:none; border-color:rgba(11,143,232,.48); box-shadow:0 0 0 4px rgba(11,143,232,.12); }
.mw-contact-form > .mw-button { justify-self:start; min-width:190px; }
.mw-contact-form button.is-loading { opacity:.86; pointer-events:none; }
.mw-contact-form__privacy { margin:0; color:var(--mw-muted); font-size:.88rem; line-height:1.55; }
.mw-contact-form__privacy a { color:var(--mw-blue-dark); font-weight:800; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }

.mw-contact-options { display:grid; gap:24px; }
.mw-contact-option-card h3 { margin-top:18px; font-size:clamp(1.7rem,2.5vw,2.25rem); font-weight:900; }
.mw-contact-option-card .mw-button { margin-top:10px; }
.mw-contact-option-card--whatsapp { color:#fff; background:linear-gradient(145deg,#08749d,#079dd2); }
.mw-contact-option-card--whatsapp h3 { color:#fff; }
.mw-contact-option-card--whatsapp p { color:rgba(255,255,255,.86); }
.mw-contact-option-card__note { font-size:.86rem; }

@media (max-width:900px) {
  .mw-contact-layout { grid-template-columns:1fr; }
}

@media (max-width:640px) {
  .mw-contact-visual { padding:22px; }
  .mw-contact-visual__card { width:100%; }
  .mw-contact-fields { grid-template-columns:1fr; }
  .mw-contact-form > .mw-button { width:100%; }
}
