27:["$","div",null,{"className":"prose prose-lg prose-invert max-w-none prose-headings:text-white prose-headings:font-bold prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 prose-p:text-gray-300 prose-p:leading-relaxed prose-p:mb-6 prose-a:text-lime-400 prose-a:no-underline hover:prose-a:text-lime-300 prose-strong:text-white prose-strong:font-semibold prose-code:text-lime-400 prose-code:bg-gray-800 prose-code:px-2 prose-code:py-1 prose-code:rounded prose-pre:bg-gray-900 prose-pre:border prose-pre:border-gray-700 prose-blockquote:border-l-4 prose-blockquote:border-lime-500 prose-blockquote:bg-gray-900/50 prose-blockquote:p-4 prose-blockquote:rounded-r prose-ul:text-gray-300 prose-ol:text-gray-300 prose-li:mb-2 animate-fade-in-up opacity-0 translate-y-8","style":{"animationDelay":"0.5s"},"children":["$","div",null,{"className":"space-y-12","children":[["$","section","0",{"className":"mb-16","children":["$","div",null,{"className":"bg-lime-500/10 border border-lime-500/20 rounded-xl p-6 mb-8","children":[["$","h3",null,{"className":"text-lime-400 font-semibold mb-4 flex items-center gap-2","children":[["$","span",null,{"className":"w-2 h-2 bg-lime-400 rounded-full"}],"Por que buscar alternativas"]}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Tailwind CSS e otimo, mas pode nao ser ideal pra todo projeto. Conhecer alternativas amplia seu repertorio e pode economizar tempo e dinheiro."}]]]}]}],["$","section","1",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"1. UnoCSS"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Atomic CSS engine instantaneo com presets. Compativel com Tailwind."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: Ultrarapido, presets"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Comunidade menor"}]]]}],["$","section","2",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"2. CSS Modules"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"CSS com escopo local por modulo. CSS puro sem framework."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: CSS puro, sem lock-in"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Mais manual"}]]]}],["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"3. Vanilla Extract"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"CSS-in-TS com zero runtime. Type-safe e performatic."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: Type-safe, zero runtime"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Curva TypeScript"}]]]}],["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"4. Open Props"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"CSS custom properties como design tokens. Progressive enhancement."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: CSS puro, design tokens"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Menos produtivo"}]]]}],["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"5. PandaCSS"}],["$L2a","$L2b","$L2c"]]}],"$L2d","$L2e"]}]}]