═══════════════════════════════════════════════════════════════════
    🎨 GUIA RÁPIDO DE EDIÇÃO - SouMulher Agenda
═══════════════════════════════════════════════════════════════════

📌 PASSO 1: FAÇA LOGIN COMO ADMIN
   - Acesse: http://seu-site.com/dash
   - Entre com seu usuário e senha
   - Depois acesse sua landing page

📌 PASSO 2: VOCÊ VERÁ NA TELA
   ✓ Barra LARANJA/AZUL no topo
   ✓ Painel FLUTUANTE no lado direito
   ✓ Se não ver isso = você não está logado!

═══════════════════════════════════════════════════════════════════
   ✏️ EDITAR TEXTOS - 3 FORMAS FÁCEIS
═══════════════════════════════════════════════════════════════════

FORMA 1: Clique no botão "Editar Textos" do painel → Veja os elementos destacados

FORMA 2: Passe o mouse no texto → Aparece lápis ✏️ → Clique

FORMA 3: Clique DIRETO no texto (funciona em qualquer texto editável)

👉 Edite o texto → Clique no ✓ (checkmark) para SALVAR

═══════════════════════════════════════════════════════════════════
   🎨 MUDAR CORES DE SEÇÕES (Hero, Sobre, Contato)
═══════════════════════════════════════════════════════════════════

PASSO 1: Passe o mouse na SEÇÃO (área grande)

PASSO 2: Aparece ícone 🎨 no canto → CLIQUE

PASSO 3: Na janela que abre:
   1) Escolha: ⬛ COR SÓLIDA  ou  🌈 GRADIENTE
   2) Selecione as cores
   3) Veja o preview em tempo real
   4) Clique "Salvar"

DICA: Gradiente fica mais bonito! Experimente direções diferentes!

═══════════════════════════════════════════════════════════════════
   🌈 CORES GLOBAIS (Todo o Site)
═══════════════════════════════════════════════════════════════════

PASSO 1: Clique "Cores do Site" no painel OU "Cores Globais" na barra

PASSO 2: Escolha cores para:
   - Cor Primária (menus, links)
   - Cor Secundária (destaques)
   - Cor de Botões (TODOS os botões)
   - Cor de Produtos
   - Cor de Serviços
   - E mais...

PASSO 3: Marque "Usar Gradiente" se quiser gradiente

PASSO 4: Salve e pronto!

═══════════════════════════════════════════════════════════════════
   🖼️ TROCAR LOGO
═══════════════════════════════════════════════════════════════════

1. Passe o mouse no logo
2. Aparece ícone de câmera 📷
3. Clique e escolha imagem
4. Aguarde upload
5. Pronto!

═══════════════════════════════════════════════════════════════════
   ⚠️ PROBLEMAS COMUNS
═══════════════════════════════════════════════════════════════════

❌ NÃO VÊ A BARRA/PAINEL?
   → Você NÃO está logado como admin! Faça login primeiro.

❌ CORES NÃO SALVAM?
   → Aguarde a mensagem "Salvo com sucesso!"
   → Recarregue a página (F5)
   → Limpe o cache do navegador

❌ ÍCONES NÃO APARECEM?
   → Passe o mouse DEVAGAR sobre os elementos
   → OU use os botões do painel flutuante

❌ GRADIENTE NÃO APARECE?
   → Certifique-se de clicar no botão "🌈 Gradiente"
   → Preencha AMBAS as cores
   → Escolha uma direção
   → Salve e recarregue

═══════════════════════════════════════════════════════════════════
   💡 DICAS PROFISSIONAIS
═══════════════════════════════════════════════════════════════════

✨ Use gradientes para visual moderno
🌓 Fundo escuro + texto claro = boa leitura
🌞 Fundo claro + texto escuro = boa leitura
🎨 Mantenha consistência de cores no site
📱 Teste em celular também!
💾 Sempre salve depois de editar!

═══════════════════════════════════════════════════════════════════
   🎯 ATALHOS RÁPIDOS
═══════════════════════════════════════════════════════════════════

F5                    = Recarregar página
Ctrl + Shift + Del    = Limpar cache
Clique direto         = Editar texto
Hover + 🎨            = Editar cores seção
Painel direito        = Acesso rápido tudo

═══════════════════════════════════════════════════════════════════
   ✅ ANTES DE SAIR
═══════════════════════════════════════════════════════════════════

[ ] Todos os textos corretos?
[ ] Cores bonitas e legíveis?
[ ] Botões com cores certas?
[ ] Logo aparecendo?
[ ] Tudo foi salvo?

═══════════════════════════════════════════════════════════════════

🎉 PRONTO! Seu site está personalizado!

Para mais detalhes, leia: COMO_EDITAR_SITE.md

═══════════════════════════════════════════════════════════════════
