/* El pin 3D se dibuja en el canvas (moon.js). Este botón es solo su área táctil y la etiqueta. */
.moon-object .moon-destination.city-pin.voxel-hotspot{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:0;background:transparent;transform:translate(-50%,-50%);color:#f1e7dd;filter:none;text-shadow:none;font:8px/1.2 'Courier New',monospace;letter-spacing:.06em;cursor:pointer;touch-action:manipulation;outline-offset:2px;user-select:none;-webkit-user-select:none}
.moon-object .moon-destination.city-pin.voxel-hotspot .destination-label{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);background:#0a0709e8;border:1px solid #81525e;padding:4px 6px;font:8px/1.2 'Courier New',monospace;letter-spacing:.06em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease-out}
.moon-object .moon-destination.city-pin.voxel-hotspot:hover .destination-label,.moon-object .moon-destination.city-pin.voxel-hotspot:focus-visible .destination-label{opacity:1}
.moon-object .moon-destination.city-pin.voxel-hotspot:focus-visible{outline:1px solid #ff8ba4;border-radius:50%}
@media(max-width:760px){.moon-object .moon-destination.city-pin.voxel-hotspot{width:48px;height:48px}.moon-object .moon-destination.city-pin.voxel-hotspot .destination-label{font:7px/1.2 'Courier New',monospace;padding:3px 5px;left:calc(100% + 3px)}}
@media(prefers-reduced-motion:reduce){.moon-object .moon-destination.city-pin.voxel-hotspot .destination-label{transition:none}}

/* Decorative Season/IV layout must not intercept taps on the globe. */
.index-masthead .masthead-side{pointer-events:none}.index-masthead .masthead-side :is(button,a){pointer-events:auto}
