/* Custom Scrollbar - Diseño Mejorado */

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #e67e22 #f8f9fa;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f8f9fa;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #e67e22, #f39c12);
    border-radius: 10px;
    border: 2px solid #f8f9fa;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #d35400, #e67e22);
}

::-webkit-scrollbar-thumb:active {
    background: #d35400;
}

/* Scrollbar para elementos específicos */
.scrollable-content::-webkit-scrollbar {
    width: 8px;
}

.scrollable-content::-webkit-scrollbar-track {
    background: transparent;
}

.scrollable-content::-webkit-scrollbar-thumb {
    background: rgba(230, 126, 34, 0.5);
    border-radius: 4px;
}

.scrollable-content::-webkit-scrollbar-thumb:hover {
    background: rgba(230, 126, 34, 0.8);
}