/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #10b981; }

/* Custom Sliders (Inputs Range) */
input[type=range] { -webkit-appearance: none; width: 100%; background: transparent; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 16px; width: 16px; border-radius: 50%; background: #a855f7; cursor: pointer; margin-top: -5px; transition: 0.3s; }
input[type=range]::-webkit-slider-thumb:hover { box-shadow: 0 0 12px #10b981; background: #10b981; }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background: #27272a; border-radius: 4px; border: 1px solid #3f3f46; }

/* Variations for Amber Slider */
.slider-amber::-webkit-slider-thumb { background: #f59e0b; }
.slider-amber::-webkit-slider-thumb:hover { box-shadow: 0 0 12px #f59e0b; background: #fbbf24; }

/* Utility Classes */
.aba-oculta { display: none; }
.custom-scrollbar::-webkit-scrollbar { width: 4px; }

/* Animations */
.loader-pulse div { animation: pulse 1.2s infinite; }
.loader-pulse div:nth-child(2) { animation-delay: 0.2s; }
.loader-pulse div:nth-child(3) { animation-delay: 0.4s; }

@keyframes pulse { 
    0%, 100% { opacity: 0.3; transform: scale(0.8); } 
    50% { opacity: 1; transform: scale(1.2); } 
}