/* Portalmar Map Block (scoped styles) */
.wp-block-portalmar-map.portalmar-map{
  --portalmar-ink: #312019;
  --portalmar-ease: cubic-bezier(.2,.9,.2,1);

  /* Sin fondo por diseño (se integra con el fondo del sitio) */
  background: transparent;
  padding: 24px 12px;
  overflow: hidden;
}

.wp-block-portalmar-map.portalmar-map svg{
  width: 100%;
  height: auto;
  display: block;
}

/* Oculta el pin original del SVG: ahora usamos los marcadores circulares en esa ubicación */
.wp-block-portalmar-map.portalmar-map #portalmar-pin{
  opacity: 0;
  pointer-events: none;
}

/* Markers */
.wp-block-portalmar-map.portalmar-map .marker{
  opacity: 0;
  transform: scale(.7);
  transform-box: fill-box;
  transform-origin: center;
  transition: opacity 450ms var(--portalmar-ease), transform 450ms var(--portalmar-ease);
}

.wp-block-portalmar-map.portalmar-map .marker.is-visible{
  opacity: 1;
  transform: scale(1);
}

/* Tocumen "pop" timing */
.wp-block-portalmar-map.portalmar-map .marker--airport{
  transition-timing-function: cubic-bezier(.15, 1.25, .3, 1);
}

/* Panama City halo loop */
.wp-block-portalmar-map.portalmar-map .city-halo{
  stroke: var(--portalmar-ink);
  stroke-width: 2;
  fill: none;
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: none;
}

.wp-block-portalmar-map.portalmar-map .city-halo.is-active{
  opacity: .9;
  animation: portalmarHalo 2800ms ease-out infinite;
}

@keyframes portalmarHalo{
  0%   { transform: scale(1);    opacity: .85; }
  70%  { transform: scale(1.65); opacity: 0; }
  100% { transform: scale(1.65); opacity: 0; }
}