/* Button used to open the contact form - fixed at the bottom of the page */
.close-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
/* .popup {
  display: block;
  position: fixed;
  bottom: 0;
  right: auto;
  left:auto;
  border: 3px solid #f1f1f1;
  z-index: 9;
  box-shadow: 3px 3px 3px 1;
} */

.popup {
  width: 60vw;
  z-index: 11;
  position: fixed;
  top: 50%;
  left: 50%;
  /* Usa transform para centrar el .popup exactamente en el medio */
  transform: translate(-50%, -70%);
}

.closeBtn {
  background-color: black;
  color: white;
  padding: 1em;
  border-radius: .5em;
  font-weight: 700;
}

@media only screen and (max-width: 992px) {
  .popup {
    width: 95vw;
    transform: translate(0, 0);
  }
}