/* ==========================================================================
   Globo de puntos (js/globe.js)
   ========================================================================== */
.globe { position: relative; display: grid; place-items: center; }
.globe__canvas { display: block; width: 100%; max-width: 62rem; aspect-ratio: 1; }

@media (max-width: 1099px) {
  .globe__canvas { max-width: 52rem; }
}
@media (max-width: 699px) {
  .globe__canvas { max-width: 100%; }
}