.map-marker-group {
  cursor: pointer;
}

/* Styles for the local list */
.local-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 10;
  min-width: 200px;
  max-height: 300px;
  overflow-y: auto;
}

.local-list.active {
  display: block;
}

.local-list-item {
  padding: 8px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.local-list-item:last-child {
  border-bottom: none;
}

.local-list-item:hover {
  background-color: #f5f5f5;
}

.store-name {
  font-weight: bold;
  color: #b18d59;
}

.store-location {
  font-size: 0.9em;
  color: #666;
}

.map-marker {
  transition: all 0.3s ease-in-out;

  /* Azul por defecto */
  stroke: white;
  stroke-width: 1.5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 8px;
  cursor: pointer;
}

.map-marker:hover {
  background-color: white;
}

.navigation-arrow {
  transition: background-color 0.3s ease;
}

.navigation-arrow:disabled {
  background-color: #d1d5db;
  cursor: not-allowed;
}

/* Estilo para el contenedor del slider para asegurar que ocupe altura */
.slider-main-container {
  display: flex;
  flex-direction: column;
  /* min-height: 95vh; */
  /* Ocupa casi toda la altura de la ventana */
}

.slider-content-wrapper {
  /* flex-grow: 1; */
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.map-container {
  position: relative;
  width: 100%;
  /* background-color: lightblue; */
  padding-bottom: 100%;
  height: 0; /* Importante para mantener la proporción */
}

.map-container img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
.mark-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='32' viewBox='0 0 25 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8472 28.6132C14.5244 27.0913 16.0767 25.4371 17.4891 23.6665C20.4641 19.9288 22.2739 16.2436 22.3964 12.9667C22.4448 11.635 22.2244 10.3071 21.7482 9.06246C21.272 7.81781 20.5498 6.6819 19.6248 5.7226C18.6998 4.76329 17.5909 4.00027 16.3644 3.47912C15.1379 2.95796 13.8189 2.68936 12.4863 2.68936C11.1536 2.68936 9.83464 2.95796 8.60813 3.47912C7.38162 4.00027 6.27274 4.76329 5.34772 5.7226C4.42269 6.6819 3.70051 7.81781 3.22432 9.06246C2.74812 10.3071 2.52767 11.635 2.57615 12.9667C2.7001 16.2436 4.51135 19.9288 7.4849 23.6665C8.89724 25.4371 10.4495 27.0913 12.1268 28.6132C12.2882 28.759 12.4082 28.865 12.487 28.9311L12.8472 28.6132ZM11.4107 30.3122C11.4107 30.3122 0.820312 21.393 0.820312 12.6167C0.820312 9.52255 2.04948 6.55509 4.2374 4.36716C6.42532 2.17924 9.39279 0.950073 12.487 0.950073C15.5812 0.950073 18.5486 2.17924 20.7366 4.36716C22.9245 6.55509 24.1536 9.52255 24.1536 12.6167C24.1536 21.393 13.5632 30.3122 13.5632 30.3122C12.9741 30.8547 12.0043 30.8488 11.4107 30.3122ZM12.487 16.7001C13.5699 16.7001 14.6086 16.2699 15.3743 15.5041C16.1401 14.7383 16.5703 13.6997 16.5703 12.6167C16.5703 11.5338 16.1401 10.4952 15.3743 9.72939C14.6086 8.96361 13.5699 8.53341 12.487 8.53341C11.404 8.53341 10.3654 8.96361 9.59963 9.72939C8.83385 10.4952 8.40365 11.5338 8.40365 12.6167C8.40365 13.6997 8.83385 14.7383 9.59963 15.5041C10.3654 16.2699 11.404 16.7001 12.487 16.7001ZM12.487 18.4501C10.9399 18.4501 9.45615 17.8355 8.36219 16.7415C7.26823 15.6476 6.65365 14.1638 6.65365 12.6167C6.65365 11.0696 7.26823 9.58591 8.36219 8.49195C9.45615 7.39799 10.9399 6.78341 12.487 6.78341C14.0341 6.78341 15.5178 7.39799 16.6118 8.49195C17.7057 9.58591 18.3203 11.0696 18.3203 12.6167C18.3203 14.1638 17.7057 15.6476 16.6118 16.7415C15.5178 17.8355 14.0341 18.4501 12.487 18.4501Z' fill='%23FFBD59'/%3E%3Cpath d='M12.5818 29.0128L12.573 29.0055M12.8472 28.6132C14.5244 27.0913 16.0767 25.4371 17.4891 23.6665C20.4641 19.9288 22.2739 16.2436 22.3964 12.9667C22.4448 11.635 22.2244 10.3071 21.7482 9.06246C21.272 7.81781 20.5498 6.6819 19.6248 5.7226C18.6998 4.76329 17.5909 4.00027 16.3644 3.47912C15.1379 2.95796 13.8189 2.68936 12.4863 2.68936C11.1536 2.68936 9.83464 2.95796 8.60813 3.47912C7.38162 4.00027 6.27274 4.76329 5.34772 5.7226C4.42269 6.6819 3.70051 7.81781 3.22432 9.06246C2.74812 10.3071 2.52767 11.635 2.57615 12.9667C2.7001 16.2436 4.51135 19.9288 7.4849 23.6665C8.89724 25.4371 10.4495 27.0913 12.1268 28.6132C12.2882 28.759 12.4082 28.865 12.487 28.9311L12.8472 28.6132ZM11.4107 30.3122C11.4107 30.3122 0.820312 21.393 0.820312 12.6167C0.820312 9.52255 2.04948 6.55509 4.2374 4.36716C6.42532 2.17924 9.39279 0.950073 12.487 0.950073C15.5812 0.950073 18.5486 2.17924 20.7366 4.36716C22.9245 6.55509 24.1536 9.52255 24.1536 12.6167C24.1536 21.393 13.5632 30.3122 13.5632 30.3122C12.9741 30.8547 12.0043 30.8488 11.4107 30.3122ZM12.487 16.7001C13.5699 16.7001 14.6086 16.2699 15.3743 15.5041C16.1401 14.7383 16.5703 13.6997 16.5703 12.6167C16.5703 11.5338 16.1401 10.4952 15.3743 9.72939C14.6086 8.96361 13.5699 8.53341 12.487 8.53341C11.404 8.53341 10.3654 8.96361 9.59963 9.72939C8.83385 10.4952 8.40365 11.5338 8.40365 12.6167C8.40365 13.6997 8.83385 14.7383 9.59963 15.5041C10.3654 16.2699 11.404 16.7001 12.487 16.7001ZM12.487 18.4501C10.9399 18.4501 9.45615 17.8355 8.36219 16.7415C7.26823 15.6476 6.65365 14.1638 6.65365 12.6167C6.65365 11.0696 7.26823 9.58591 8.36219 8.49195C9.45615 7.39799 10.9399 6.78341 12.487 6.78341C14.0341 6.78341 15.5178 7.39799 16.6118 8.49195C17.7057 9.58591 18.3203 11.0696 18.3203 12.6167C18.3203 14.1638 17.7057 15.6476 16.6118 16.7415C15.5178 17.8355 14.0341 18.4501 12.487 18.4501Z' stroke='%23FFBD59'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}
.map-marker:hover .map-marker-title {
  opacity: 1;
  display: block;
}

.map-marker-title {
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease;
  line-height: 0;
}

@media screen and (min-width: 767px) {
  .slider-content-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

/* Make active sliders visible */
.slider {
  display: none;
}

.slider.active {
  display: block;
}

/* Active marker styling */
.map-marker.active .mark-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='32' viewBox='0 0 25 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8472 28.6132C14.5244 27.0913 16.0767 25.4371 17.4891 23.6665C20.4641 19.9288 22.2739 16.2436 22.3964 12.9667C22.4448 11.635 22.2244 10.3071 21.7482 9.06246C21.272 7.81781 20.5498 6.6819 19.6248 5.7226C18.6998 4.76329 17.5909 4.00027 16.3644 3.47912C15.1379 2.95796 13.8189 2.68936 12.4863 2.68936C11.1536 2.68936 9.83464 2.95796 8.60813 3.47912C7.38162 4.00027 6.27274 4.76329 5.34772 5.7226C4.42269 6.6819 3.70051 7.81781 3.22432 9.06246C2.74812 10.3071 2.52767 11.635 2.57615 12.9667C2.7001 16.2436 4.51135 19.9288 7.4849 23.6665C8.89724 25.4371 10.4495 27.0913 12.1268 28.6132C12.2882 28.759 12.4082 28.865 12.487 28.9311L12.8472 28.6132ZM11.4107 30.3122C11.4107 30.3122 0.820312 21.393 0.820312 12.6167C0.820312 9.52255 2.04948 6.55509 4.2374 4.36716C6.42532 2.17924 9.39279 0.950073 12.487 0.950073C15.5812 0.950073 18.5486 2.17924 20.7366 4.36716C22.9245 6.55509 24.1536 9.52255 24.1536 12.6167C24.1536 21.393 13.5632 30.3122 13.5632 30.3122C12.9741 30.8547 12.0043 30.8488 11.4107 30.3122ZM12.487 16.7001C13.5699 16.7001 14.6086 16.2699 15.3743 15.5041C16.1401 14.7383 16.5703 13.6997 16.5703 12.6167C16.5703 11.5338 16.1401 10.4952 15.3743 9.72939C14.6086 8.96361 13.5699 8.53341 12.487 8.53341C11.404 8.53341 10.3654 8.96361 9.59963 9.72939C8.83385 10.4952 8.40365 11.5338 8.40365 12.6167C8.40365 13.6997 8.83385 14.7383 9.59963 15.5041C10.3654 16.2699 11.404 16.7001 12.487 16.7001ZM12.487 18.4501C10.9399 18.4501 9.45615 17.8355 8.36219 16.7415C7.26823 15.6476 6.65365 14.1638 6.65365 12.6167C6.65365 11.0696 7.26823 9.58591 8.36219 8.49195C9.45615 7.39799 10.9399 6.78341 12.487 6.78341C14.0341 6.78341 15.5178 7.39799 16.6118 8.49195C17.7057 9.58591 18.3203 11.0696 18.3203 12.6167C18.3203 14.1638 17.7057 15.6476 16.6118 16.7415C15.5178 17.8355 14.0341 18.4501 12.487 18.4501Z' fill='%23EF4444'/%3E%3Cpath d='M12.5818 29.0128L12.573 29.0055M12.8472 28.6132C14.5244 27.0913 16.0767 25.4371 17.4891 23.6665C20.4641 19.9288 22.2739 16.2436 22.3964 12.9667C22.4448 11.635 22.2244 10.3071 21.7482 9.06246C21.272 7.81781 20.5498 6.6819 19.6248 5.7226C18.6998 4.76329 17.5909 4.00027 16.3644 3.47912C15.1379 2.95796 13.8189 2.68936 12.4863 2.68936C11.1536 2.68936 9.83464 2.95796 8.60813 3.47912C7.38162 4.00027 6.27274 4.76329 5.34772 5.7226C4.42269 6.6819 3.70051 7.81781 3.22432 9.06246C2.74812 10.3071 2.52767 11.635 2.57615 12.9667C2.7001 16.2436 4.51135 19.9288 7.4849 23.6665C8.89724 25.4371 10.4495 27.0913 12.1268 28.6132C12.2882 28.759 12.4082 28.865 12.487 28.9311L12.8472 28.6132ZM11.4107 30.3122C11.4107 30.3122 0.820312 21.393 0.820312 12.6167C0.820312 9.52255 2.04948 6.55509 4.2374 4.36716C6.42532 2.17924 9.39279 0.950073 12.487 0.950073C15.5812 0.950073 18.5486 2.17924 20.7366 4.36716C22.9245 6.55509 24.1536 9.52255 24.1536 12.6167C24.1536 21.393 13.5632 30.3122 13.5632 30.3122C12.9741 30.8547 12.0043 30.8488 11.4107 30.3122ZM12.487 16.7001C13.5699 16.7001 14.6086 16.2699 15.3743 15.5041C16.1401 14.7383 16.5703 13.6997 16.5703 12.6167C16.5703 11.5338 16.1401 10.4952 15.3743 9.72939C14.6086 8.96361 13.5699 8.53341 12.487 8.53341C11.404 8.53341 10.3654 8.96361 9.59963 9.72939C8.83385 10.4952 8.40365 11.5338 8.40365 12.6167C8.40365 13.6997 8.83385 14.7383 9.59963 15.5041C10.3654 16.2699 11.404 16.7001 12.487 16.7001ZM12.487 18.4501C10.9399 18.4501 9.45615 17.8355 8.36219 16.7415C7.26823 15.6476 6.65365 14.1638 6.65365 12.6167C6.65365 11.0696 7.26823 9.58591 8.36219 8.49195C9.45615 7.39799 10.9399 6.78341 12.487 6.78341C14.0341 6.78341 15.5178 7.39799 16.6118 8.49195C17.7057 9.58591 18.3203 11.0696 18.3203 12.6167C18.3203 14.1638 17.7057 15.6476 16.6118 16.7415C15.5178 17.8355 14.0341 18.4501 12.487 18.4501Z' stroke='%23EF4444'/%3E%3C/svg%3E%0A");
}

.map-column {
  max-width: 40vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.info-column .store-city {
  font-weight: 500;
  margin-bottom: 18px;
}
.info-column .other-stores {
  margin-top: 18px;
  font-weight: 500;
}
.info-column .store-title {
  color: white;
  margin-bottom: 0;
}
.info-column .store-info {
  padding: 5% 5% 75px;
  background-color: #9f6330;
  position: relative;
  width: 35vw;
  margin-left: -20%;
  color: white;
}
.info-column img {
  width: 100%;
  object-fit: cover;
  height: 41vw;
  min-height: 250px;
  margin-bottom: -200px;
  position: relative;
}

.info-column .navigation-arrows {
  /* margin-top: -80px; */
  z-index: 7;
  position: absolute;
  bottom: 20px;
  left: 43.5%;
  display: flex;
}

#prev-store,
#next-store {
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  border: 0.1em solid white;
  margin-right: 1em;
}
#prev-store svg,
#next-store svg {
  width: 0.7em;
  height: 0.7em;
}

@media screen and (max-width: 1024px) {
  .info-column .store-info {
    width: 100%;
    margin-left: 0;
    padding: 24px 24px 80px;
  }

  .info-column img {
    height: auto;
    margin-bottom: -10px;
  }
  .info-column .navigation-arrows {
    bottom: 20px;
    left: 54%;
  }
  .map-column {
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .info-column .navigation-arrows {
    bottom: 20px;
    left: 24px;
  }
  .map-container {
    display: none;
  }
}