/* ============================================
   MarketBoost Pro - Estilos compartidos
   ============================================ */
body { font-family: 'Inter', sans-serif; }

.glassmorphism { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.dark .glassmorphism { background: rgba(31, 41, 55, 0.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark ::-webkit-scrollbar-thumb { background: #475569; }

@keyframes slideInUp { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.toast-enter { animation: slideInUp 0.3s ease-out forwards; }
.toast-exit  { animation: fadeOut   0.3s ease-out forwards; }

.modal-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.custom-scrollbar::-webkit-scrollbar { height: 6px; }