/* PREVENTA STYLES */
.preventa-section {
  padding: 0;
  margin: 100px 0 0 0;
  background: #fff;
}
.preventa-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.preventa-bg {
  width: 100%;
  display: block;
  height: auto;
}

/* HOTSPOTS FOR BUTTONS BAKED INTO IMAGE */
.hotspot {
  position: absolute;
  cursor: pointer;
  z-index: 10;
  /* background: rgba(255, 0, 0, 0.3); /* Uncomment for debugging */
}

/* Reserva Ahora Button Hotspot (approximate based on image) */
#hotspot-reserva {
  top: 42.5%;
  left: 25.5%;
  width: 12.3%;
  height: 5%;
  border-radius: 30px;
}

/* Conoce la Colección Button Hotspot */
#hotspot-coleccion {
  top: 86.5%;
  left: 59.5%;
  width: 9.5%;
  height: 3.5%;
  border-radius: 30px;
}

@media (max-width: 768px) {
  .preventa-container {
    width: 280%;
    margin-left: 0%;
    min-width: unset;
  }
  .preventa-section {
    margin-top: 90px;
  }
  #hotspot-reserva {
    display: block;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
  }
  #hotspot-coleccion {
    display: none;
  }
}