/* * ============================================================ * Mi Favorito — assets/css/main.css * Hoja de estilos principal del sistema * * Organización: * 1. Variables CSS (tokens de diseño personalizables) * 2. Reset y base * 3. Tipografía * 4. Layout principal (estructura de página) * 5. Header * 6. Barra de navegación inferior * 7. Botones * 8. Formularios e inputs * 9. Tarjetas (card) — estilos flat / glass / neo * 10. Banner de campaña activa * 11. Buscador * 12. Componentes de ranking (posición, medallas, elemento) * 13. Grid de categorías * 14. Splash screen / portada * 15. Perfil de usuario * 16. Badges y etiquetas * 17. Utilidades y helpers * 18. Animaciones * 19. Responsive (tablet y escritorio) * ============================================================ */ /* ============================================================ 1. VARIABLES CSS — Tokens de diseño Todas las variables se sobreescriben desde PHP via el apartado de apariencia del admin. El script PHP inyecta los valores de la BD como un bloque