:root { --lime:#C6FF00; --glacier:#BFE3F5; --snow:#F6F7F8; --black:#0A0A0A; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Sora', system-ui, sans-serif; background: var(--black); color: var(--snow); -webkit-font-smoothing: antialiased; }
.font-anton { font-family: 'Anton', Impact, sans-serif; }

@keyframes sk { 0%,100%{opacity:.25} 50%{opacity:.5} }
.skeleton { background: #1c1c1c; animation: sk 1.4s infinite; }

@keyframes pulse-dot { 0%,100%{opacity:1} 50%{opacity:.4} }
.live-dot { animation: pulse-dot 2s infinite; }

/* ── Chips selector de cerros ───────────────────────────────────────────── */
.chip-resort {
  border: 1px solid transparent;
  white-space: nowrap;
}
.chip-selected {
  background: #C6FF00;
  color: #0A0A0A;
}
.chip-selected:hover {
  filter: brightness(0.92);
}
.chip-unselected {
  background: transparent;
  border-color: rgba(255,255,255,0.12);
  color: rgba(246,247,248,0.55);
}
.chip-unselected:hover {
  border-color: rgba(198,255,0,0.5);
  color: #F6F7F8;
}

@keyframes dash-march { to { background-position: 12px 0; } }
.nav-comparar {
  position: relative;
  padding-bottom: 3px;
}
.nav-comparar::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background-image: repeating-linear-gradient(
    90deg,
    #c8ff00 0px, #c8ff00 4px,
    transparent 4px, transparent 8px
  );
  background-size: 12px 2px;
  animation: dash-march 0.5s linear infinite;
}