/* Scrollbars Personalizados (Estilo Mac/Premium) */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(231, 216, 190, 0.3); /* Color secundario con transparencia */
    border-radius: 20px;
}

.custom-scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: rgba(231, 216, 190, 0.8);
}

/* Soporte Firefox */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(231, 216, 190, 0.5) transparent;
}

/* Animaciones utilitarias */
.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}