.contacto-banner {
  background: #000;
  padding: 60px 20px;
  text-align: center;
  color: white;
}

.contacto-banner .titulo {
  font-size: 2em;
  margin-bottom: 40px;
  color: #FDB521;
}

.contacto-opciones {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.opcion-contacto {
  background: #111;
  border: 2px solid #FDB521;
  border-radius: 12px;
  padding: 20px;
  width: 150px;
  height: 150px;
  text-decoration: none;
  color: white;
  box-shadow: 0 4px 15px rgba(253, 181, 33, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.opcion-contacto img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  
}

.opcion-contacto span {
  font-size: 1em;
  font-weight: 600;
  color: #FDB521;
}

.opcion-contacto:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 25px rgba(253, 181, 33, 0.4);
}


/*  */