/* ========== Slider de Rango de Fechas - Contenidos de Entrenamiento ========== */

/* Contenedor del slider */
.custom-range-slider {
    margin: 20px 0;
}

/* Track del slider - línea base */
.custom-range-slider .rc-slider-track {
    background: linear-gradient(90deg, #1e3d59 0%, #f05a28 100%) !important;
    height: 6px !important;
    border-radius: 3px !important;
}

/* Rail del slider - línea completa */
.custom-range-slider .rc-slider-rail {
    background-color: #e0e0e0 !important;
    height: 6px !important;
    border-radius: 3px !important;
}

/* Handles del slider - los círculos que se arrastran */
.custom-range-slider .rc-slider-handle {
    width: 20px !important;
    height: 20px !important;
    border: 3px solid #1e3d59 !important;
    background-color: white !important;
    box-shadow: 0 2px 8px rgba(30, 61, 89, 0.3) !important;
    margin-top: -7px !important;
    cursor: grab !important;
}

.custom-range-slider .rc-slider-handle:active {
    cursor: grabbing !important;
    box-shadow: 0 3px 12px rgba(30, 61, 89, 0.5) !important;
    border-color: #f05a28 !important;
}

.custom-range-slider .rc-slider-handle:hover {
    border-color: #f05a28 !important;
    box-shadow: 0 3px 10px rgba(240, 90, 40, 0.4) !important;
}

.custom-range-slider .rc-slider-handle:focus {
    border-color: #f05a28 !important;
    box-shadow: 0 0 0 3px rgba(240, 90, 40, 0.2) !important;
}

/* Marcas del slider */
.custom-range-slider .rc-slider-mark-text {
    font-family: 'Commissioner', sans-serif !important;
    font-size: 10px !important;
    color: #6c757d !important;
    font-weight: 500 !important;
}

.custom-range-slider .rc-slider-mark-text-active {
    color: #1e3d59 !important;
    font-weight: 600 !important;
}

/* Dots en las marcas */
.custom-range-slider .rc-slider-dot {
    background-color: #d0d0d0 !important;
    border: 2px solid #e0e0e0 !important;
    width: 8px !important;
    height: 8px !important;
    bottom: -2px !important;
}

.custom-range-slider .rc-slider-dot-active {
    background-color: #1e3d59 !important;
    border-color: #1e3d59 !important;
}

/* Tooltip del slider */
.custom-range-slider .rc-slider-tooltip {
    z-index: 1050 !important;
}

.custom-range-slider .rc-slider-tooltip-inner {
    background-color: #1e3d59 !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    font-family: 'Commissioner', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
}

.custom-range-slider .rc-slider-tooltip-arrow {
    border-top-color: #1e3d59 !important;
}

/* Animaciones suaves */
.custom-range-slider .rc-slider-handle,
.custom-range-slider .rc-slider-track {
    transition: all 0.2s ease-in-out !important;
}

/* Estilo cuando está deshabilitado */
.custom-range-slider .rc-slider-disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.custom-range-slider .rc-slider-disabled .rc-slider-handle {
    cursor: not-allowed !important;
}