/* ====== LOOK (idéntico para ambos sliders) ====== */
.custom-slider .rc-slider-rail,
.custom-slider-mapa .rc-slider-rail {
  background-color: #444; /* fuera del rango */
}

.custom-slider .rc-slider-track,
.custom-slider-mapa .rc-slider-track {
  background-color: #39FF14; /* rango seleccionado */
}

/* Handles redondos con glow */
.custom-slider .rc-slider-handle,
.custom-slider-mapa .rc-slider-handle {
  border-color: #39FF14;
  background-color: #39FF14;
  box-shadow: 0 0 6px #39FF14;
}
.custom-slider .rc-slider-handle:hover,
.custom-slider .rc-slider-handle:active,
.custom-slider-mapa .rc-slider-handle:hover,
.custom-slider-mapa .rc-slider-handle:active {
  border-color: #39FF14;
  background-color: #39FF14;
}

/* Dots */
.custom-slider .rc-slider-dot,
.custom-slider-mapa .rc-slider-dot {
  border: 2px solid #888;       /* fuera del rango */
  background-color: #1e1e1e;    /* base */
}
.custom-slider .rc-slider-dot-active,
.custom-slider-mapa .rc-slider-dot-active {
  border-color: #39FF14;        /* dentro del rango */
  background-color: #39FF14;
}

/* Marks */
.custom-slider .rc-slider-mark,
.custom-slider-mapa .rc-slider-mark {
  font-size: 12px;
  color: #999;                  /* fuera del rango */
}
.custom-slider .rc-slider-mark-text-active,
.custom-slider-mapa .rc-slider-mark-text-active {
  color: #ffffff !important;    /* dentro del rango */
}

/* Tooltip (mismo look; se mostrará solo si lo activas) */
.custom-slider .rc-slider-tooltip,
.custom-slider-mapa .rc-slider-tooltip {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.custom-slider .rc-slider-tooltip-inner,
.custom-slider-mapa .rc-slider-tooltip-inner {
  background-color: #111 !important;
  color: white !important;
  font-weight: bold;
  font-size: 12px;
  border-radius: 8px;
  padding: 6px 10px;
  box-shadow: 0 0 10px #39FF14;
  position: relative;
}
.custom-slider .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow,
.custom-slider-mapa .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  display: none;
}
.custom-slider .rc-slider-tooltip-inner::after,
.custom-slider-mapa .rc-slider-tooltip-inner::after {
  content: ":00";
  margin-left: 2px;
  font-weight: bold;
  font-size: 12px;
  color: white;
}

/* ====== ESTIRADO / ANCHURA (solo para el mapa) ====== */
#hour-slider-wrapper-mapa {            /* wrapper de la col derecha */
  width: 100% !important;
  min-width: 0 !important;
}
.custom-slider-mapa {
  width: 100% !important;
  display: block;
  /* sin padding extra para que sea idéntico al de arriba */
  padding: 0;
}
.custom-slider-mapa .rc-slider,
.custom-slider-mapa .rc-slider-step,
.custom-slider-mapa .rc-slider-mark {
  width: 100% !important;
  display: block;
  box-sizing: border-box;
}

/* Opcional: mismo margen superior que el de arriba si quieres calcado el spacing */
.slider-col-margin-top { margin-top: 12px; }