.tarjeta-contacto {
  max-width: 1100px;
  margin: 20px auto 40px;
  padding: 30px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* descripción */
.descripcion {
  margin-bottom: 25px;
  color: #555;
  line-height: 1.6;
}

/* grid */
.contacto-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* tarjetas */
.contacto-card {
  display: flex;
  flex-direction: column;
  gap: 10px;

  padding: 20px;
  border-radius: 14px;

  background: #f9f9f9;
  text-decoration: none;
  color: #333;

  transition: 0.3s;
}

.contacto-card:hover {
  transform: translateY(-5px);
  background: #f1f1f1;
}

/* iconos */
.contacto-card i {
  font-size: 22px;
  color: #2ecc71;
}

/* títulos */
.contacto-card h4 {
  font-size: 16px;
  font-weight: bold;
}

/* texto */
.contacto-card span {
  font-size: 14px;
  color: #666;
}

/* tarjeta sin link */
.no-link {
  cursor: default;
}

.no-link:hover {
  transform: none;
  background: #f9f9f9;
}

/* responsive */
@media (max-width: 1000px) {
  .contacto-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .contacto-grid {
    grid-template-columns: 1fr;
  }
}

#contacto {
  margin-top: 100px;
  padding-top: 20px;
}

#contacto h2 {
  margin-left: 650px;
}