.tour-virtual {
  margin-top: 2rem;
}
.tour-virtual .nav-map .nav-item {
  font-size: 1.5rem;
  font-family: "Work Sans" !important;
  font-weight: 800;
  border: none;
}
.tour-virtual .nav-map .nav-item:focus {
  outline: none;
  box-shadow: none;
}
.tour-virtual .nav-map .nav-item.active {
  color: var(--wp--preset--color--white);
}
.tour-virtual .map-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;

  @media (max-width: 768px) {
    padding-bottom: 123.4%;
  }

  margin-bottom: 1.5rem;
}
.tour-virtual .map-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 16px;
}
.tour-virtual .button-hide {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.tour-virtual .popup {
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  padding: 20px 20px;
  color: var(--wp--preset--color--white);
  text-align: center;
}
.tour-virtual .popup .button-close {
  color: var(--wp--preset--color--white);
  position: absolute;
  right: 10px;
  top: 10px;
}
.tour-virtual .popup .button-close:hover {
  color: var(--wp--preset--color--white);
}
.tour-virtual .popup #maptext-container1 .popup-title,
.tour-virtual .popup #maptext-container1 .popup-text,
.tour-virtual .popup #maptext-container1 .popup-text2,
.tour-virtual .popup #maptext-container2 .popup-title,
.tour-virtual .popup #maptext-container2 .popup-text,
.tour-virtual .popup #maptext-container2 .popup-text2 {
  line-height: 19px;
  font-size: 15px;
}
.tour-virtual .btn-tour {
  /* outline: none;
  box-shadow: none;
  padding: 0.3rem 1rem;
  margin-bottom: 1rem;
  width: 100%;
  position: relative;
  cursor: pointer;
  font-weight: normal;
  font-size: 15.5px; */
}

.tour-virtual .btn-tour, .tour-virtual .nav-map .wp-block-button__link {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--contrast);
}

.tour-virtual .btn-tour.active, .tour-virtual .nav-map .wp-block-button__link.active {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--white);
}

/* Estado activo del botón */
.tour-virtual .btn-tour-red {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--white);
}

/* Contenedor de los paneles */
.tour-virtual .tab-content > .tab-pane {
  display: none;
}

/* Panel activo */
.tour-virtual .tab-content > .tab-pane.active {
  display: block;
}

.tour-virtual h4 {
  margin-top: 0;
}