/* =========================================================================
   Contact
   ========================================================================= */
.contact{ text-align: center; }
.contact-lead{
  max-width: 640px;
  margin: 0 auto 36px;
  color: var(--text-muted);
  font-size: var(--fs-lead);
}

.contact-grid{
  margin-top: 72px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  text-align: left;
}

.contact-card{
  width: 100%;
  max-width: 460px;
  padding: 32px;
  border-radius: var(--radius-l);
  background: var(--surface);
  border: 1px solid var(--border);
}
.contact-card.red:hover{ border-color: rgba(255,84,112,.4); }
.contact-card:hover{ border-color: rgba(23,224,138,.4); }

.contact-card-head{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}
.contact-card-head img{
  width: 48px; height: 48px;
  border-radius: 12px;
  object-fit: cover;
  background: #fff;
  padding: 4px;
}
.contact-card-head h3{
  font-size: 1.15rem;
  color: var(--green);
}
.contact-card.red .contact-card-head h3{ color: var(--red); }

.contact-card ul{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-card li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: .95rem;
  color: var(--text-muted);
}
.contact-card li i{
  color: var(--green);
  margin-top: 2px;
}
.contact-card.red li i{ color: var(--red); }
.contact-card a{ text-decoration: none; color: inherit; }
.contact-card a:hover{ color: var(--text); }

.social-media-icons{
  display: flex;
  gap: 12px;
}
.icon-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px; height: 40px;
  border-radius: 10px;
  background: var(--surface-strong);
  border: 1px solid var(--border);
  text-decoration: none;
  transition: transform .3s var(--ease), background .3s var(--ease);
}
.icon-btn:hover{ transform: translateY(-3px) scale(1.05); }
.icon-btn.facebook{ color: #4696ff; }
.icon-btn.whatsapp{ color: var(--green); }
.icon-btn.instagram{ color: #e074c5; }