ted leading-relaxed mb-6","children":"Misture blend-modes e explore combinações! Para dominar, consulte sempre a documentação MDN — tudo que funciona na web, vale aqui."}]]}]]}]]]}] 43:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"id":"como-evitar-os-erros-da-ia-gerando-ui","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Como evitar os erros da IA gerando UI?"}],[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"A maioria dos bots ainda gera código antigo, gambiarras de sombra e recomenda bibliotecas desnecessárias. Aplique esses 5 estilos e envie seus exemplos para seu agente — nunca mais terá código ultrapassado, refatoração desnecessária ou problema visual de plataforma."}],["$","div","1",{"className":"mb-8 rounded-md border p-6 bg-[hsl(var(--danger)/0.08)] border-[hsl(var(--danger)/0.30)]","children":[["$","h3",null,{"className":"mb-3 flex items-center gap-2 font-semibold text-[hsl(0_72%_75%)]","children":[["$","span",null,{"className":"font-mono","aria-hidden":"true","children":"✕"}],"Atenção"]}],["$","div",null,{"className":"leading-relaxed text-fg-muted","children":[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"Nunca dependa apenas do agent: valide seu código visual, pois a IA ainda não domina todos os recursos nativos."}]]}]]}]]]}] 44:["$","section","8",{"className":"mb-16","children":[["$","h2",null,{"id":"quando-e-por-que-usar-estilos-nativos-sempre","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Quando e por que usar estilos nativos sempre?"}],[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"Usar estilo nativo significa menos dependências externas, menos bugs, builds mais rápidos e layout igual no iOS e Android. Além disso, seu app cresce melhor e o onboarding técnico fica fácil para novos desenvolvedores."}]]]}] 45:["$","section","9",{"className":"mb-16","children":[["$","h2",null,{"id":"como-aplicar-cada-propriedade-exemplos-praticos","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Como aplicar cada propriedade: exemplos práticos"}],[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"Teste um por um: escreva linear-gradient(...) em imagens, filter: 'blur(6px)' em views, box-shadow direto no estilo, gap em containers, mixBlendMode em overlays. Veja o resultado. Copie/explore no playground para sentir o efeito real."}]]]}] 46:["$","section","10",{"className":"mb-16","children":[["$","h2",null,{"id":"diferencie-seu-app-no-visual-e-performance","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Diferencie seu app no visual e performance"}],[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"Quem usa propriedades nativas sai na frente, entrega mais, gasta menos tempo refatorando e surpreende pelo visual polido. Seus colegas vão perguntar qual plugin você usou (e a resposta será: nenhum!)."}]]]}] 47:["$","section","11",{"className":"mb-16","children":[["$","h2",null,{"id":"acompanhe-as-novidades-react-native-esta-evoluindo-rapido","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Acompanhe as novidades: React Native está evoluindo rápido"}],[["$","p","0",{"className":"text-fg-muted leading-relaxed mb-6","children":"Recursos visuais mudam a cada release. Use newsletters técnicas, canais de vídeo especialistas e a documentação MDN como base para não ficar para trás. E se inscreva no Dev Doido no YouTube para ver tutoriais visuais dessas propriedades em tempo real."}]]]}] 48:["$","section","12",{"className":"mb-16","children":[["$","h2",null,{"id":"efeitos-avancados-consulte-sempre-a-mdn","className":"scroll-mt-24 text-2xl md:text-3xl font-bold text-foreground mb-6","children":"Efeitos avançados? Consulte sempre a MDN"}],[["$","p","0",{"className":"text-fg-mu