/* Globo (f3): el canvas sustituye a .globe__fallback cuando pinta (el SVG sigue en el árbol de accesibilidad). */
.globe { min-width: 0; max-width: 100%; contain: layout paint; cursor: grab; }
.globe.is-dragging { cursor: grabbing; }
.globe__canvas { z-index: 1; opacity: 0; transition: opacity 0.5s var(--ease-out); }
.globe.is-live .globe__canvas { opacity: 1; }
.globe__fallback { pointer-events: none; transition: opacity 0.5s var(--ease-out); }

@media (prefers-reduced-motion: reduce) {
  .globe__canvas, .globe__fallback { transition: none; }
}