/* ========================================
   CONTACT
   ======================================== */
.contact-wrapper {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px; align-items:start;
}
.contact-info h2 {
  font-size:clamp(1.6rem,3.5vw,2.2rem);
  font-weight:700; margin-bottom:16px;
}
.contact-info > p {
  color:var(--text-secondary); margin-bottom:32px;
  line-height:1.7;
}
.contact-detail {
  display:flex; align-items:center; gap:16px;
  padding:16px 0;
  border-bottom:1px solid var(--border-glass);
}
.contact-detail-icon {
  width:44px; height:44px; border-radius:12px;
  background:var(--accent-dim);
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; flex-shrink:0;
}
.contact-detail-icon img {
  width:24px; height:24px; object-fit:contain;
}
.contact-detail span { font-size:0.85rem; color:var(--text-muted); display:block; }
.contact-detail strong { font-size:0.95rem; color:var(--text-primary); }
.whatsapp-btn {
  margin-top:28px;
  background:#25D366; color:#fff;
  box-shadow:0 0 20px rgba(37,211,102,0.3);
}
.whatsapp-btn:hover {
  box-shadow:0 0 40px rgba(37,211,102,0.4);
  transform:translateY(-2px);
}

/* Contact Form */
.contact-form {
  background:var(--bg-glass);
  border:1px solid var(--border-glass);
  border-radius:var(--radius-lg);
  padding:40px;
  backdrop-filter:blur(12px);
}
.form-group { margin-bottom:20px; }
.form-group label {
  display:block; font-size:0.85rem;
  font-weight:500; color:var(--text-secondary);
  margin-bottom:8px;
}
.form-group input,
.form-group select,
.form-group textarea {
  width:100%; padding:14px 18px;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--border-glass);
  border-radius:var(--radius);
  color:var(--text-primary);
  font-size:0.95rem;
  transition:var(--transition);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-dim);
}
.form-group textarea { resize:vertical; min-height:120px; }
.form-group select option { background:var(--bg-secondary); }
.contact-form .btn { width:100%; }
