/* ============ UberMove Font Stack ============ */

/* UberMove (Display) - Headlines, CTAs, claims */
@font-face {
  font-family: 'UberMove';
  src: url('/fonts/UberMove-Light.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMove';
  src: url('/fonts/UberMove-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMove';
  src: url('/fonts/UberMove-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMove';
  src: url('/fonts/UberMove-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* UberMoveText - Body copy, paragraphs */
@font-face {
  font-family: 'UberMoveText';
  src: url('/fonts/UberMoveText-Light.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMoveText';
  src: url('/fonts/UberMoveText-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMoveText';
  src: url('/fonts/UberMoveText-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMoveText';
  src: url('/fonts/UberMoveText-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* UberMoveMono - Data, numbers, balances */
@font-face {
  font-family: 'UberMoveMono';
  src: url('/fonts/UberMoveMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'UberMoveMono';
  src: url('/fonts/UberMoveMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ============ Sliders ============ */
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

input[type="range"]::-webkit-slider-runnable-track {
  background: #d1d5db;
  height: 8px;
  border-radius: 4px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #000000;
  border-radius: 50%;
  margin-top: -8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Móvil: thumbs más grandes para touch */
@media (max-width: 768px) {
  input[type="range"]::-webkit-slider-thumb {
    width: 32px;
    height: 32px;
    margin-top: -12px;
  }

  input[type="range"]::-webkit-slider-runnable-track {
    height: 10px;
  }
}

/* Firefox */
input[type="range"]::-moz-range-track {
  background: #d1d5db;
  height: 8px;
  border-radius: 4px;
}

input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #000000;
  border-radius: 50%;
  border: none;
}

@media (max-width: 768px) {
  input[type="range"]::-moz-range-thumb {
    width: 32px;
    height: 32px;
  }
}