/* Las fuentes se cargan desde index.html (se eliminó el @import duplicado que bloqueaba el render) */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; overflow: hidden; }
main { display: flex; flex-direction: column; }
#canvas-container { flex: 1; position: relative; min-height: 0; }
#chart-container-wrapper { height: 200px; flex-shrink: 0; }
canvas { display: block; outline: none; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}