.map-container {
    position: relative;
    /*max-width: 100%;*/
	  background:url("../images/mapa/mapaLA.png");
	background-size:cover;
	  /*height:calc(350px + (530 - 350) * ((100vw - 300px) / (1600 - 300)));*/
	 }
/*@media (min-width: 992px) {
	.map-container {
		min-height:525px;
	}
}*/



  svg {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Pines */
  .pin {
    fill: #FF9900;
    stroke: white;
    stroke-width: 2;
    cursor: pointer;
    transform-origin: center;
    transition: transform 0.3s ease;
	transform-origin: center center;
  transform-box: fill-box;
  }

  /* Animación pulsación al hover */
  .pin:hover,
.pin:focus{
    animation: flash 1.2s infinite!important;
	
  }

  @keyframes flash {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    50% {
      transform: scale(1.5);
      opacity: 0.7;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  /* Popover */
  .popover {
    position: absolute;
    top:0px;
    left: 0px;
    background: white;
    border-radius: 8px;
    padding: 12px 18px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.15);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    max-width: 265px;
    z-index: 100;
  }

  .popover.visible {
    opacity: 1;
    pointer-events: auto;
  }

  .popover::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent white transparent;
  }