ajuste de css

IA.md

@@ -61,6 +61,9 @@ createApp(App)
   .mount("#app");
 ```
 
+> **IMPORTANTE**: O import do CSS (`import "eli-vue/dist/eli-vue.css";`) é **obrigatório**. 
+> O pacote utiliza **namespacing estático (BEM)** e não estilos scoped, portanto o arquivo CSS contém toda a estilização necessária.
+
 ### 2) Importação direta (quando não quiser plugin)
 
 ```ts
@@ -75,11 +78,8 @@ import {
   EliEntradaParagrafo,
   EliEntradaSelecao,
 } from "eli-vue";
-```
 
-> Observação: ainda pode ser necessário importar o CSS do pacote:
-
-```ts
+// OBRIGATÓRIO: Importar o CSS global
 import "eli-vue/dist/eli-vue.css";
 ```
 
@@ -532,11 +532,19 @@ Provável causa: componente não foi registrado.
 - Se estiver usando plugin: confirme `app.use(EliVue)`
 - Se estiver importando direto: registre localmente no componente
 
-### 2) Estilos não aplicam
+### 2) Estilos não aplicam ou componentes "quebrados"
 
-Confirme que o projeto importou:
-- `vuetify/styles`
-- `eli-vue/dist/eli-vue.css`
+**Causa provável**: O CSS do pacote não foi importado.
+
+O `eli-vue` removeu o uso de `<style scoped>` para evitar problemas de hidratação e compatibilidade entre builds.
+Todo o estilo reside em arquivos CSS estáticos que precisam ser carregados.
+
+**Solução**:
+Adicione no seu `main.ts` ou componente raiz:
+
+```ts
+import "eli-vue/dist/eli-vue.css";
+```
 
 ### 3) Erro de tipo em `celulaTabela`