xxx

app/auth.py

@@ -0,0 +1,54 @@
+"""
+Autenticação simples do painel administrativo.
+
+Não é um sistema de usuários completo (não há cadastro, nem papéis) — é uma
+única senha de acesso, guardada em variável de ambiente, validada contra uma
+sessão assinada em cookie (via SessionMiddleware do Starlette). O objetivo é
+apenas fechar a porta que antes estava totalmente aberta em /admin.html e nas
+rotas de escrita da API de anúncios.
+
+Definir em produção:
+    ADMIN_PASSWORD  -> senha de acesso ao painel
+    SECRET_KEY      -> chave usada para assinar o cookie de sessão
+
+Se não forem definidas, caem em valores padrão de demonstração (a senha é
+avisada no log de startup) — não use os padrões em produção.
+"""
+import hmac
+import os
+
+from fastapi import HTTPException, Request
+
+SESSION_KEY = "admin_autenticado"
+SESSION_COOKIE = "sk_admin_sessao"
+
+ADMIN_PASSWORD = os.environ.get("ADMIN_PASSWORD", "sk-imobiliaria-2026")
+SECRET_KEY = os.environ.get("SECRET_KEY") or os.environ.get("SESSION_SECRET_KEY") or os.urandom(32).hex()
+
+USANDO_SENHA_PADRAO = "ADMIN_PASSWORD" not in os.environ
+
+
+def senha_correta(senha: str) -> bool:
+    """Compara em tempo constante para não vazar a senha por timing."""
+    return hmac.compare_digest((senha or "").strip(), ADMIN_PASSWORD)
+
+
+def esta_autenticado(request: Request) -> bool:
+    return bool(request.session.get(SESSION_KEY))
+
+
+def autenticar(request: Request) -> None:
+    request.session[SESSION_KEY] = True
+
+
+def deslogar(request: Request) -> None:
+    request.session.clear()
+
+
+def exigir_admin_api(request: Request) -> None:
+    """Dependência para proteger rotas de escrita da API usadas pelo painel admin."""
+    if not esta_autenticado(request):
+        raise HTTPException(
+            status_code=401,
+            detail="Não autenticado. Faça login em /admin/login para gerenciar anúncios.",
+        )

app/backup_service.py

@@ -0,0 +1,210 @@
+"""
+Backup e restauração completa dos dados do site.
+
+Reúne num único arquivo .zip tudo que o painel admin é capaz de alterar:
+  - a planilha de anúncios (data/imoveis.xlsx)
+  - as configurações do site (data/config_site.json)
+  - as mídias (fotos/vídeos/áudios) enviadas para os anúncios (data/midia/)
+  - o HTML das páginas institucionais editáveis pelo painel (templates/*.html)
+
+A restauração faz o caminho inverso: recebe um .zip gerado por este mesmo
+módulo e sobrescreve esses arquivos. Antes de sobrescrever qualquer coisa,
+é tirado automaticamente um backup de segurança do estado atual (guardado
+em data/backups/), para permitir desfazer uma restauração malfeita.
+"""
+import io
+import json
+import os
+import shutil
+import zipfile
+from datetime import datetime
+
+from fastapi import HTTPException
+
+from app.config import DATA_DIR, EXCEL_PATH
+from app import paginas_html, site_config
+
+MIDIA_DIR = os.path.join(DATA_DIR, "midia")
+BACKUPS_DIR = os.path.join(DATA_DIR, "backups")
+
+MANIFEST_APP_ID = "skimobiliaria"
+MANIFEST_VERSAO = 1
+
+MAX_BACKUPS_AUTOMATICOS = 8
+
+
+def _agora_str() -> str:
+    return datetime.now().strftime("%Y%m%d_%H%M%S")
+
+
+def _montar_zip(destino: io.BytesIO, motivo: str) -> dict:
+    """Escreve o backup completo dentro de `destino` (um buffer ou arquivo aberto em
+    modo binário) e devolve um pequeno resumo do que foi incluído."""
+    resumo = {"planilha": False, "config_site": False, "midias": 0, "paginas": 0}
+
+    with zipfile.ZipFile(destino, "w", zipfile.ZIP_DEFLATED) as zf:
+        manifest = {
+            "app": MANIFEST_APP_ID,
+            "versao": MANIFEST_VERSAO,
+            "gerado_em": datetime.now().isoformat(),
+            "motivo": motivo,
+        }
+        zf.writestr("manifest.json", json.dumps(manifest, ensure_ascii=False, indent=2))
+
+        if os.path.exists(EXCEL_PATH):
+            zf.write(EXCEL_PATH, "data/imoveis.xlsx")
+            resumo["planilha"] = True
+
+        if os.path.exists(site_config.CONFIG_PATH):
+            zf.write(site_config.CONFIG_PATH, "data/config_site.json")
+            resumo["config_site"] = True
+
+        if os.path.isdir(MIDIA_DIR):
+            for raiz, _dirs, arquivos in os.walk(MIDIA_DIR):
+                for nome in arquivos:
+                    caminho_absoluto = os.path.join(raiz, nome)
+                    caminho_relativo = os.path.relpath(caminho_absoluto, DATA_DIR)
+                    zf.write(caminho_absoluto, os.path.join("data", caminho_relativo))
+                    resumo["midias"] += 1
+
+        for _pid, (arquivo, _nome, _desc) in paginas_html.PAGINAS_EDITAVEIS.items():
+            caminho = os.path.join(paginas_html.TEMPLATES_DIR, arquivo)
+            if os.path.exists(caminho):
+                zf.write(caminho, os.path.join("paginas", arquivo))
+                resumo["paginas"] += 1
+
+    return resumo
+
+
+def gerar_backup_zip(motivo: str = "manual") -> tuple[bytes, str, dict]:
+    """Gera o backup completo em memória. Devolve (bytes_do_zip, nome_do_arquivo, resumo)."""
+    buffer = io.BytesIO()
+    resumo = _montar_zip(buffer, motivo)
+    nome_arquivo = f"backup_skimobiliaria_{_agora_str()}.zip"
+    return buffer.getvalue(), nome_arquivo, resumo
+
+
+def _salvar_backup_automatico(motivo: str) -> str:
+    """Salva uma cópia de segurança em data/backups/ antes de uma restauração,
+    e descarta as mais antigas para não deixar a pasta crescer sem limite."""
+    os.makedirs(BACKUPS_DIR, exist_ok=True)
+    nome = f"auto_{_agora_str()}_{motivo}.zip"
+    caminho = os.path.join(BACKUPS_DIR, nome)
+    with open(caminho, "wb") as f:
+        _montar_zip(f, motivo=f"automático (antes de {motivo})")
+
+    backups = sorted(
+        (n for n in os.listdir(BACKUPS_DIR) if n.startswith("auto_") and n.endswith(".zip")),
+    )
+    excedentes = backups[:-MAX_BACKUPS_AUTOMATICOS] if len(backups) > MAX_BACKUPS_AUTOMATICOS else []
+    for antigo in excedentes:
+        try:
+            os.remove(os.path.join(BACKUPS_DIR, antigo))
+        except OSError:
+            pass
+
+    return nome
+
+
+def listar_backups_automaticos() -> list:
+    if not os.path.isdir(BACKUPS_DIR):
+        return []
+    itens = []
+    for nome in sorted(os.listdir(BACKUPS_DIR), reverse=True):
+        if nome.endswith(".zip"):
+            caminho = os.path.join(BACKUPS_DIR, nome)
+            itens.append({
+                "nome": nome,
+                "tamanho_bytes": os.path.getsize(caminho),
+                "criado_em": datetime.fromtimestamp(os.path.getmtime(caminho)).isoformat(),
+            })
+    return itens
+
+
+def caminho_backup_automatico(nome: str) -> str:
+    """Resolve o caminho de um backup automático pelo nome, com trava contra path traversal."""
+    nome_seguro = os.path.basename(nome)
+    caminho = os.path.normpath(os.path.join(BACKUPS_DIR, nome_seguro))
+    if not caminho.startswith(os.path.normpath(BACKUPS_DIR)) or not os.path.isfile(caminho):
+        raise HTTPException(status_code=404, detail="Backup não encontrado.")
+    return caminho
+
+
+def _validar_zip(zf: zipfile.ZipFile) -> dict:
+    nomes = zf.namelist()
+    if "manifest.json" not in nomes:
+        raise HTTPException(
+            status_code=400,
+            detail="Arquivo .zip inválido: não parece ser um backup gerado por este site (falta manifest.json).",
+        )
+    try:
+        manifest = json.loads(zf.read("manifest.json").decode("utf-8"))
+    except (json.JSONDecodeError, UnicodeDecodeError):
+        raise HTTPException(status_code=400, detail="manifest.json do backup está corrompido.")
+    if manifest.get("app") != MANIFEST_APP_ID:
+        raise HTTPException(status_code=400, detail="Este .zip não é um backup da SK Imobiliária.")
+    return manifest
+
+
+def _extrair_seguro(zf: zipfile.ZipFile, nome_no_zip: str, destino: str) -> None:
+    """Extrai um único membro do zip para `destino`, validando que o caminho final
+    não escapa do diretório esperado (proteção contra 'zip slip')."""
+    destino_normalizado = os.path.normpath(destino)
+    diretorio_pai = os.path.dirname(destino_normalizado)
+    os.makedirs(diretorio_pai, exist_ok=True)
+    with zf.open(nome_no_zip) as origem, open(destino_normalizado, "wb") as saida:
+        shutil.copyfileobj(origem, saida)
+
+
+def restaurar_backup_zip(conteudo_zip: bytes) -> dict:
+    """Restaura um backup completo a partir dos bytes de um .zip.
+    Sempre tira um backup de segurança do estado atual antes de sobrescrever nada."""
+    try:
+        zf = zipfile.ZipFile(io.BytesIO(conteudo_zip))
+    except zipfile.BadZipFile:
+        raise HTTPException(status_code=400, detail="O arquivo enviado não é um .zip válido.")
+
+    with zf:
+        _validar_zip(zf)
+        nomes = set(zf.namelist())
+
+        backup_seguranca = _salvar_backup_automatico("restauracao")
+
+        resumo = {"planilha": False, "config_site": False, "midias": 0, "paginas": 0, "backup_seguranca": backup_seguranca}
+
+        if "data/imoveis.xlsx" in nomes:
+            _extrair_seguro(zf, "data/imoveis.xlsx", EXCEL_PATH)
+            resumo["planilha"] = True
+
+        if "data/config_site.json" in nomes:
+            _extrair_seguro(zf, "data/config_site.json", site_config.CONFIG_PATH)
+            resumo["config_site"] = True
+
+        nomes_midia = [n for n in nomes if n.startswith("data/midia/") and not n.endswith("/")]
+        if nomes_midia:
+            # Restauração completa: a pasta de mídias atual é substituída pelo
+            # conteúdo do backup, para o site ficar exatamente como estava
+            # no momento em que o backup foi gerado.
+            if os.path.isdir(MIDIA_DIR):
+                shutil.rmtree(MIDIA_DIR)
+            os.makedirs(MIDIA_DIR, exist_ok=True)
+            for nome_no_zip in nomes_midia:
+                caminho_relativo = os.path.relpath(nome_no_zip, "data")
+                destino = os.path.normpath(os.path.join(DATA_DIR, caminho_relativo))
+                if not destino.startswith(os.path.normpath(MIDIA_DIR)):
+                    continue  # trava de segurança contra path traversal
+                _extrair_seguro(zf, nome_no_zip, destino)
+                resumo["midias"] += 1
+
+        arquivos_paginas_validos = {arquivo for arquivo, _n, _d in paginas_html.PAGINAS_EDITAVEIS.values()}
+        for nome_no_zip in nomes:
+            if not nome_no_zip.startswith("paginas/"):
+                continue
+            nome_arquivo = os.path.basename(nome_no_zip)
+            if nome_arquivo not in arquivos_paginas_validos:
+                continue  # ignora qualquer coisa que não seja uma página institucional conhecida
+            destino = os.path.join(paginas_html.TEMPLATES_DIR, nome_arquivo)
+            _extrair_seguro(zf, nome_no_zip, destino)
+            resumo["paginas"] += 1
+
+    return resumo

app/main.py

@@ -16,21 +16,24 @@ Executar com:
 Documentação interativa da API em:
     http://127.0.0.1:8000/api/docs
 """
+import io
 import json
 import os
 import re
 from typing import Optional
 from urllib.parse import quote, urlencode
 
-from fastapi import FastAPI, Request
+from fastapi import Body, Depends, FastAPI, File, HTTPException, Request, UploadFile
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
-from fastapi.responses import FileResponse, HTMLResponse, PlainTextResponse, RedirectResponse, Response
+from fastapi.responses import HTMLResponse, PlainTextResponse, RedirectResponse, Response, StreamingResponse
+from starlette.middleware.sessions import SessionMiddleware
 
-from app import excel_service, seo
+from app import auth, backup_service, excel_service, seo, site_config
 from app.config import DATA_DIR
 from app.routers import anuncios
+from app import paginas_html
 
 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 STATIC_DIR = os.path.join(BASE_DIR, "static")
@@ -62,10 +65,22 @@ app.add_middleware(
     allow_headers=["*"],
 )
 
+# Sessão assinada em cookie, usada pelo login simples do painel admin (ver app/auth.py).
+app.add_middleware(
+    SessionMiddleware,
+    secret_key=auth.SECRET_KEY,
+    session_cookie=auth.SESSION_COOKIE,
+    same_site="lax",
+    max_age=60 * 60 * 8,  # 8h
+)
+
 app.include_router(anuncios.router)
 
 templates = Jinja2Templates(directory=TEMPLATES_DIR) if os.path.isdir(TEMPLATES_DIR) else None
-NAO_ENCONTRADO = os.path.join(STATIC_DIR, "404.html")
+if templates is not None:
+    # Disponibiliza site_config() em qualquer template (inclusive nos includes
+    # _header.html/_footer.html), sem precisar passar no contexto de cada rota.
+    templates.env.globals["site_config"] = site_config.get_config
 
 
 @app.on_event("startup")
@@ -73,6 +88,12 @@ def startup_event():
     """Cria a planilha (com a carteira de demonstração) e a pasta de mídias, se ainda não existirem."""
     excel_service.init_excel(with_demo_data=True)
     os.makedirs(MIDIA_DIR, exist_ok=True)
+    if auth.USANDO_SENHA_PADRAO:
+        print(
+            "[aviso] ADMIN_PASSWORD não definida — usando senha de demonstração "
+            f"'{auth.ADMIN_PASSWORD}' para /admin.html. Defina ADMIN_PASSWORD (e SECRET_KEY) "
+            "em produção."
+        )
 
 
 @app.get("/api/status", tags=["Status"], summary="Verifica se a API está no ar")
@@ -83,20 +104,142 @@ def status():
     }
 
 
+# --------------------------------------------------------------------------
+# Configurações do site — dados de contato usados em todo o site (header,
+# footer, página de contato, links de WhatsApp) e editáveis pelo painel admin.
+# --------------------------------------------------------------------------
+
+@app.get("/api/config", tags=["Configurações"], summary="Configurações públicas do site (contato, WhatsApp, etc.)")
+def obter_config_site():
+    return site_config.get_config()
+
+
+@app.put(
+    "/api/config",
+    tags=["Configurações"],
+    summary="Atualiza as configurações do site (somente admin)",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def atualizar_config_site(dados: dict = Body(...)):
+    return site_config.salvar_config(dados)
+
+
+# --------------------------------------------------------------------------
+# Editor de páginas HTML — permite editar o HTML das páginas institucionais
+# (início, sobre, serviços, contato, 404, cabeçalho e rodapé) pelo painel admin,
+# sem precisar mexer no código. Ver app/paginas_html.py para a lista de páginas
+# liberadas (as páginas com lógica dinâmica pesada — busca, imóvel, admin — não
+# entram, para não correr o risco de quebrar o site).
+# --------------------------------------------------------------------------
+
+@app.get(
+    "/api/paginas",
+    tags=["Editor de páginas"],
+    summary="Lista as páginas HTML que podem ser editadas pelo painel",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def listar_paginas_editaveis():
+    return paginas_html.listar_paginas()
+
+
+@app.get(
+    "/api/paginas/{pagina_id}",
+    tags=["Editor de páginas"],
+    summary="Retorna o HTML atual de uma página editável",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def obter_pagina_html(pagina_id: str):
+    return {"id": pagina_id, "conteudo": paginas_html.ler_pagina(pagina_id)}
+
+
+@app.put(
+    "/api/paginas/{pagina_id}",
+    tags=["Editor de páginas"],
+    summary="Salva o HTML de uma página editável (somente admin)",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def salvar_pagina_html(pagina_id: str, dados: dict = Body(...)):
+    paginas_html.salvar_pagina(pagina_id, dados.get("conteudo", ""), jinja_env=templates.env)
+    return {"ok": True}
+
+
+# --------------------------------------------------------------------------
+# Backup e restauração — cópia completa de tudo que o painel admin controla:
+# a planilha de anúncios, as configurações do site, as mídias enviadas para
+# os anúncios e o HTML das páginas institucionais editáveis. Ver
+# app/backup_service.py para os detalhes de como o .zip é montado/lido.
+# --------------------------------------------------------------------------
+
+@app.get(
+    "/api/backup/exportar",
+    tags=["Backup"],
+    summary="Baixa um backup .zip com todos os dados do site (planilha, configurações, mídias e páginas)",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def exportar_backup():
+    conteudo, nome_arquivo, _resumo = backup_service.gerar_backup_zip(motivo="download manual")
+    return StreamingResponse(
+        io.BytesIO(conteudo),
+        media_type="application/zip",
+        headers={"Content-Disposition": f'attachment; filename="{nome_arquivo}"'},
+    )
+
+
+@app.get(
+    "/api/backup/automaticos",
+    tags=["Backup"],
+    summary="Lista os backups de segurança tirados automaticamente antes de cada restauração",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def listar_backups_automaticos():
+    return backup_service.listar_backups_automaticos()
+
+
+@app.get(
+    "/api/backup/automaticos/{nome}",
+    tags=["Backup"],
+    summary="Baixa um backup automático específico",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+def baixar_backup_automatico(nome: str):
+    caminho = backup_service.caminho_backup_automatico(nome)
+    return StreamingResponse(
+        open(caminho, "rb"),
+        media_type="application/zip",
+        headers={"Content-Disposition": f'attachment; filename="{os.path.basename(caminho)}"'},
+    )
+
+
+@app.post(
+    "/api/backup/restaurar",
+    tags=["Backup"],
+    summary="Restaura o site a partir de um backup .zip (sobrescreve os dados atuais)",
+    dependencies=[Depends(auth.exigir_admin_api)],
+)
+async def restaurar_backup(arquivo: UploadFile = File(...)):
+    if not (arquivo.filename or "").lower().endswith(".zip"):
+        raise HTTPException(status_code=400, detail="Envie um arquivo .zip de backup.")
+    conteudo = await arquivo.read()
+    if not conteudo:
+        raise HTTPException(status_code=400, detail="Arquivo vazio.")
+    resumo = backup_service.restaurar_backup_zip(conteudo)
+    return {"ok": True, "resumo": resumo}
+
+
 # --------------------------------------------------------------------------
 # Página do anúncio — /imovel/{id}/{slug-com-palavras-chave}
 # --------------------------------------------------------------------------
 
-def _pagina_nao_encontrada():
-    return FileResponse(NAO_ENCONTRADO, status_code=404)
+def _pagina_nao_encontrada(request: Request):
+    return templates.TemplateResponse("404.html", {"request": request}, status_code=404)
 
 
 @app.get("/imovel/{anuncio_id}", include_in_schema=False)
-def imovel_sem_slug(anuncio_id: int):
+def imovel_sem_slug(request: Request, anuncio_id: int):
     """Sem slug na URL -> redireciona (301) para a URL canônica com palavra-chave."""
     a = excel_service.buscar_anuncio(anuncio_id)
     if not a:
-        return _pagina_nao_encontrada()
+        return _pagina_nao_encontrada(request)
     return RedirectResponse(f"/imovel/{anuncio_id}/{seo.slug_anuncio(a)}", status_code=301)
 
 
@@ -104,7 +247,7 @@ def imovel_sem_slug(anuncio_id: int):
 def imovel_pagina(request: Request, anuncio_id: int, slug: str):
     a = excel_service.buscar_anuncio(anuncio_id)
     if not a:
-        return _pagina_nao_encontrada()
+        return _pagina_nao_encontrada(request)
 
     slug_canonico = seo.slug_anuncio(a)
     if slug != slug_canonico:
@@ -165,7 +308,7 @@ def imovel_pagina(request: Request, anuncio_id: int, slug: str):
         "anuncio_json": json.dumps(a, ensure_ascii=False, default=str),
         "preco_exibicao": seo.preco_exibicao(a),
         "status_class": seo.status_classe(a["status"]),
-        "whatsapp_link": f"https://wa.me/5541998112201?text={quote(mensagem_whats)}",
+        "whatsapp_link": site_config.get_whatsapp_link(mensagem_whats),
         "tel_link": re.sub(r"\D", "", a.get("telefone_contato") or ""),
         "iniciais_corretor": iniciais,
         "cidade_slug": seo.cidade_slug(a["cidade"]),
@@ -250,7 +393,7 @@ def busca_geral(request: Request):
 def busca_por_cidade(request: Request, cidade_slug: str):
     cidade = seo.CIDADES_SLUG_PARA_NOME.get(cidade_slug)
     if not cidade:
-        return _pagina_nao_encontrada()
+        return _pagina_nao_encontrada(request)
     return _renderizar_busca(request, cidade=cidade)
 
 
@@ -263,7 +406,7 @@ def comprar(request: Request):
 def comprar_cidade(request: Request, cidade_slug: str):
     cidade = seo.CIDADES_SLUG_PARA_NOME.get(cidade_slug)
     if not cidade:
-        return _pagina_nao_encontrada()
+        return _pagina_nao_encontrada(request)
     return _renderizar_busca(request, cidade=cidade, tipo_negocio="Venda")
 
 
@@ -276,7 +419,7 @@ def alugar(request: Request):
 def alugar_cidade(request: Request, cidade_slug: str):
     cidade = seo.CIDADES_SLUG_PARA_NOME.get(cidade_slug)
     if not cidade:
-        return _pagina_nao_encontrada()
+        return _pagina_nao_encontrada(request)
     return _renderizar_busca(request, cidade=cidade, tipo_negocio="Locação")
 
 
@@ -292,6 +435,67 @@ def busca_html_legado(request: Request):
     return RedirectResponse(destino, status_code=301)
 
 
+# --------------------------------------------------------------------------
+# Painel admin — /admin.html (protegido) e login simples em /admin/login
+# --------------------------------------------------------------------------
+
+@app.get("/admin/login", response_class=HTMLResponse, include_in_schema=False)
+def admin_login_form(request: Request):
+    if auth.esta_autenticado(request):
+        return RedirectResponse("/admin.html", status_code=302)
+    return templates.TemplateResponse(
+        "admin_login.html",
+        {
+            "request": request,
+            "erro": request.query_params.get("erro") == "1",
+            "expirado": request.query_params.get("expirado") == "1",
+        },
+    )
+
+
+@app.post("/admin/login", include_in_schema=False)
+async def admin_login_submit(request: Request):
+    form = await request.form()
+    if auth.senha_correta(form.get("senha", "")):
+        auth.autenticar(request)
+        return RedirectResponse("/admin.html", status_code=302)
+    return RedirectResponse("/admin/login?erro=1", status_code=302)
+
+
+@app.get("/admin/logout", include_in_schema=False)
+def admin_logout(request: Request):
+    auth.deslogar(request)
+    return RedirectResponse("/admin/login", status_code=302)
+
+
+@app.get("/admin.html", response_class=HTMLResponse, include_in_schema=False)
+def admin_painel(request: Request):
+    """Rota explícita (tem prioridade sobre o catch-all /{page_name}.html abaixo) —
+    é aqui que a autenticação do painel é exigida."""
+    if not auth.esta_autenticado(request):
+        return RedirectResponse("/admin/login", status_code=302)
+    return templates.TemplateResponse("admin.html", {"request": request})
+
+
+@app.get("/admin", include_in_schema=False)
+@app.get("/admin/", include_in_schema=False)
+def admin_atalho():
+    """Atalho de conveniência: /admin e /admin/ -> /admin.html (que já cuida do login)."""
+    return RedirectResponse("/admin.html", status_code=302)
+
+
+@app.get("/admin/midias/{anuncio_id}", response_class=HTMLResponse, include_in_schema=False)
+def admin_midias_pagina(request: Request, anuncio_id: int):
+    """Página própria (não é pop-up) só para enviar/remover as fotos, vídeos
+    e áudios de UM anúncio específico, sem carregar o resto do painel admin."""
+    if not auth.esta_autenticado(request):
+        return RedirectResponse("/admin/login", status_code=302)
+    a = excel_service.buscar_anuncio(anuncio_id)
+    if not a:
+        return _pagina_nao_encontrada(request)
+    return templates.TemplateResponse("admin_midias.html", {"request": request, "a": a})
+
+
 # --------------------------------------------------------------------------
 # sitemap.xml e robots.txt
 # --------------------------------------------------------------------------
@@ -324,6 +528,7 @@ def robots(request: Request):
         "User-agent: *\n"
         "Allow: /\n"
         "Disallow: /admin.html\n"
+        "Disallow: /admin/\n"
         "Disallow: /api/\n"
         f"Sitemap: {base_url}/sitemap.xml\n"
     )
@@ -341,13 +546,28 @@ if os.path.isdir(STATIC_DIR):
     app.mount("/js", StaticFiles(directory=os.path.join(STATIC_DIR, "js")), name="js")
     app.mount("/img", StaticFiles(directory=os.path.join(STATIC_DIR, "img")), name="img")
 
-    @app.get("/", include_in_schema=False)
-    def home():
-        return FileResponse(os.path.join(STATIC_DIR, "index.html"))
-
-    @app.get("/{page_name}.html", include_in_schema=False)
-    def paginas(page_name: str):
-        caminho = os.path.join(STATIC_DIR, f"{page_name}.html")
+    @app.get("/", response_class=HTMLResponse, include_in_schema=False)
+    def home(request: Request):
+        # Destaques renderizados no servidor (ver app/seo.py:render_showcase_ssr):
+        # antes eram desenhados só pelo JS depois do carregamento, então um
+        # crawler que não executa JS via a página inicial "vazia". Agora o
+        # HTML já chega com o carrossel pronto; home.js só liga a interação.
+        base_url = str(request.base_url).rstrip("/")
+        destaques = excel_service.listar_destaques(8)
+        return templates.TemplateResponse(
+            "index.html",
+            {
+                "request": request,
+                "showcase_html": seo.render_showcase_ssr(destaques, base_url),
+                "destaques_json": json.dumps(destaques, ensure_ascii=False, default=str),
+            },
+        )
+
+    # Páginas institucionais (sobre, servicos, contato, admin, ...) — todas
+    # são templates Jinja2 que reaproveitam o mesmo _header.html/_footer.html.
+    @app.get("/{page_name}.html", response_class=HTMLResponse, include_in_schema=False)
+    def paginas(request: Request, page_name: str):
+        caminho = os.path.join(TEMPLATES_DIR, f"{page_name}.html")
         if os.path.exists(caminho):
-            return FileResponse(caminho)
-        return FileResponse(NAO_ENCONTRADO, status_code=404)
+            return templates.TemplateResponse(f"{page_name}.html", {"request": request})
+        return _pagina_nao_encontrada(request)

app/paginas_html.py

@@ -0,0 +1,79 @@
+"""
+Edição das páginas HTML (institucionais) direto pelo painel admin.
+
+Só as páginas "seguras" de editar entram na lista abaixo — ou seja, as que
+não dependem de variáveis dinâmicas complexas passadas pelo backend (busca,
+imóvel, admin*) para funcionar. Editar essas por aqui, sem cuidado com as
+tags {% %} e {{ }}, quebraria a busca/anúncios/login para todo mundo.
+
+Cada página tem um identificador curto (usado na API e no seletor do painel)
+mapeado para o arquivo real em /templates.
+"""
+import os
+
+from fastapi import HTTPException
+
+from app.config import BASE_DIR
+
+TEMPLATES_DIR = os.path.join(BASE_DIR, "templates")
+
+# id -> (arquivo em /templates, nome amigável, descrição curta)
+PAGINAS_EDITAVEIS = {
+    "inicio": ("index.html", "Página inicial", "A home do site (/)"),
+    "sobre": ("sobre.html", "Sobre", "/sobre.html"),
+    "servicos": ("servicos.html", "Serviços", "/servicos.html"),
+    "contato": ("contato.html", "Contato", "/contato.html"),
+    "404": ("404.html", "Página não encontrada (404)", "Exibida quando a URL não existe"),
+    "header": ("_header.html", "Cabeçalho", "Aparece no topo de todas as páginas do site"),
+    "footer": ("_footer.html", "Rodapé", "Aparece no rodapé de todas as páginas do site"),
+}
+
+
+def listar_paginas() -> list:
+    return [
+        {"id": pid, "nome": nome, "descricao": desc}
+        for pid, (_, nome, desc) in PAGINAS_EDITAVEIS.items()
+    ]
+
+
+def _caminho(pagina_id: str) -> str:
+    entrada = PAGINAS_EDITAVEIS.get(pagina_id)
+    if not entrada:
+        raise HTTPException(status_code=404, detail="Página não encontrada ou não editável por aqui.")
+    return os.path.join(TEMPLATES_DIR, entrada[0])
+
+
+def ler_pagina(pagina_id: str) -> str:
+    caminho = _caminho(pagina_id)
+    if not os.path.exists(caminho):
+        raise HTTPException(status_code=404, detail="Arquivo da página não existe no servidor.")
+    with open(caminho, "r", encoding="utf-8") as f:
+        return f.read()
+
+
+def salvar_pagina(pagina_id: str, conteudo: str, jinja_env=None) -> None:
+    caminho = _caminho(pagina_id)
+
+    if not conteudo or not conteudo.strip():
+        raise HTTPException(status_code=400, detail="O conteúdo da página não pode ficar vazio.")
+
+    # Valida a sintaxe Jinja (tags {% %} / {{ }}) antes de gravar, para não
+    # derrubar a página pro público com um erro de digitação no template.
+    if jinja_env is not None:
+        try:
+            jinja_env.parse(conteudo)
+        except Exception as e:
+            raise HTTPException(status_code=400, detail=f"HTML/Jinja inválido — nada foi salvo: {e}")
+
+    # Guarda uma cópia da versão anterior (um nível de backup) antes de sobrescrever.
+    if os.path.exists(caminho):
+        try:
+            with open(caminho, "r", encoding="utf-8") as f:
+                anterior = f.read()
+            with open(caminho + ".bak", "w", encoding="utf-8") as f:
+                f.write(anterior)
+        except OSError:
+            pass  # backup é best-effort, não deve impedir o salvamento
+
+    with open(caminho, "w", encoding="utf-8") as f:
+        f.write(conteudo)

app/routers/anuncios.py

@@ -7,10 +7,11 @@ import time
 import uuid
 from typing import Optional
 
-from fastapi import APIRouter, File, HTTPException, Query, UploadFile
+from fastapi import APIRouter, Depends, File, HTTPException, Query, UploadFile
 from fastapi.responses import FileResponse
 
 from app import excel_service
+from app.auth import exigir_admin_api
 from app.config import DATA_DIR, EXCEL_PATH
 from app.schemas import (
     AnuncioCreate,
@@ -161,7 +162,11 @@ def estatisticas():
     return excel_service.calcular_estatisticas()
 
 
-@router.get("/export/planilha", summary="Baixa a planilha Excel atual (o banco de dados)")
+@router.get(
+    "/export/planilha",
+    summary="Baixa a planilha Excel atual (o banco de dados)",
+    dependencies=[Depends(exigir_admin_api)],
+)
 def exportar_planilha():
     return FileResponse(
         EXCEL_PATH,
@@ -189,14 +194,25 @@ def similares(anuncio_id: int, limite: int = Query(4, ge=1, le=20)):
     return excel_service.anuncios_similares(anuncio_id, limite)
 
 
-@router.post("/", response_model=AnuncioResponse, status_code=201, summary="Cria um novo anúncio")
+@router.post(
+    "/",
+    response_model=AnuncioResponse,
+    status_code=201,
+    summary="Cria um novo anúncio",
+    dependencies=[Depends(exigir_admin_api)],
+)
 def criar(anuncio: AnuncioCreate):
     dados = anuncio.model_dump(mode="json")
     criado = excel_service.criar_anuncio(dados)
     return criado
 
 
-@router.put("/{anuncio_id}", response_model=AnuncioResponse, summary="Substitui todos os dados de um anúncio")
+@router.put(
+    "/{anuncio_id}",
+    response_model=AnuncioResponse,
+    summary="Substitui todos os dados de um anúncio",
+    dependencies=[Depends(exigir_admin_api)],
+)
 def atualizar_completo(anuncio_id: int, anuncio: AnuncioCreate):
     dados = anuncio.model_dump(mode="json")
     atualizado = excel_service.atualizar_anuncio(anuncio_id, dados)
@@ -205,7 +221,12 @@ def atualizar_completo(anuncio_id: int, anuncio: AnuncioCreate):
     return atualizado
 
 
-@router.patch("/{anuncio_id}", response_model=AnuncioResponse, summary="Atualiza parcialmente um anúncio")
+@router.patch(
+    "/{anuncio_id}",
+    response_model=AnuncioResponse,
+    summary="Atualiza parcialmente um anúncio",
+    dependencies=[Depends(exigir_admin_api)],
+)
 def atualizar_parcial(anuncio_id: int, anuncio: AnuncioUpdate):
     dados = anuncio.model_dump(mode="json", exclude_unset=True)
     atualizado = excel_service.atualizar_anuncio(anuncio_id, dados)
@@ -214,7 +235,12 @@ def atualizar_parcial(anuncio_id: int, anuncio: AnuncioUpdate):
     return atualizado
 
 
-@router.delete("/{anuncio_id}", status_code=204, summary="Remove um anúncio")
+@router.delete(
+    "/{anuncio_id}",
+    status_code=204,
+    summary="Remove um anúncio",
+    dependencies=[Depends(exigir_admin_api)],
+)
 def deletar(anuncio_id: int):
     sucesso = excel_service.deletar_anuncio(anuncio_id)
     if not sucesso:
@@ -225,6 +251,7 @@ def deletar(anuncio_id: int):
     "/{anuncio_id}/midias/upload",
     response_model=AnuncioResponse,
     summary="Envia uma ou mais fotos/vídeos/áudios para o anúncio",
+    dependencies=[Depends(exigir_admin_api)],
 )
 def upload_midias(anuncio_id: int, arquivos: list[UploadFile] = File(...)):
     """
@@ -270,6 +297,7 @@ def upload_midias(anuncio_id: int, arquivos: list[UploadFile] = File(...)):
     "/{anuncio_id}/midias/url",
     response_model=AnuncioResponse,
     summary="Adiciona uma mídia (foto/vídeo/áudio) por URL, sem precisar fazer upload do arquivo",
+    dependencies=[Depends(exigir_admin_api)],
 )
 def adicionar_midia_por_url(anuncio_id: int, url: str = Query(..., description="URL completa da mídia (imagem, vídeo ou áudio)")):
     """
@@ -290,6 +318,7 @@ def adicionar_midia_por_url(anuncio_id: int, url: str = Query(..., description="
     "/{anuncio_id}/midias",
     response_model=AnuncioResponse,
     summary="Remove uma mídia específica (foto/vídeo) do anúncio",
+    dependencies=[Depends(exigir_admin_api)],
 )
 def remover_midia_endpoint(anuncio_id: int, url: str = Query(..., description="URL exata da mídia a remover")):
     """

app/schemas.py

@@ -28,6 +28,7 @@ class TipoImovel(str, Enum):
 
 class StatusAnuncio(str, Enum):
     disponivel = "Disponível"
+    lancamento = "Lançamento"
     vendido = "Vendido"
     alugado = "Alugado"
     reservado = "Reservado"

app/seo.py

@@ -65,6 +65,10 @@ def preco_formatado(valor: float) -> str:
 
 
 def preco_exibicao(a: dict) -> str:
+    """Texto do valor pronto para exibição. Retorna "" quando o preço não foi
+    informado (0/vazio) — nesses casos o valor não deve aparecer no site."""
+    if not a.get("preco"):
+        return ""
     valor = preco_formatado(a["preco"])
     return f"{valor}/mês" if a["tipo_negocio"] == "Locação" else valor
 
@@ -139,6 +143,7 @@ def render_card_ssr(a: dict, base_url: str = "") -> str:
 
     url = url_anuncio(a, base_url)
     status_cls = status_classe(a["status"])
+    preco_html = f'<div class="card-price">{preco_exibicao(a)}</div>' if a.get("preco") else ""
 
     return (
         f'<a class="card" href="{url}">'
@@ -147,7 +152,7 @@ def render_card_ssr(a: dict, base_url: str = "") -> str:
         f'</div>'
         f'<div class="card-body">'
         f'<span class="status-pill {status_cls}">{escape(a["status"])}</span>'
-        f'<div class="card-price">{preco_exibicao(a)}</div>'
+        f'{preco_html}'
         f'<h3 class="card-title">{escape(a["titulo"])}</h3>'
         f'<div class="card-loc">📍 {escape(a["bairro"])}, {escape(a["cidade"])}</div>'
         f'<div class="card-specs"><span>{specs_html}</span></div>'
@@ -201,6 +206,54 @@ def render_galeria_ssr(midias: list[str], titulo: str) -> str:
     )
 
 
+def render_showcase_ssr(destaques: list[dict], base_url: str = "") -> str:
+    """Carrossel de destaques da página inicial, renderizado no servidor —
+    mesma marcação (classes/atributos) que static/js/home.js gera em
+    montarShowcase(), para que o JS só precise "ligar" a interatividade
+    (troca de slide/dots) em cima do HTML que já chegou pronto, sem precisar
+    buscar e desenhar os destaques via API antes de aparecerem para o
+    usuário (ou para o Google)."""
+    from html import escape
+
+    if not destaques:
+        return '<p class="empty-state">Nenhum imóvel em destaque no momento.</p>'
+
+    def _slide(a: dict) -> str:
+        midias_raw = a.get("midias")
+        try:
+            midias = json.loads(midias_raw) if isinstance(midias_raw, str) else (midias_raw or [])
+        except (json.JSONDecodeError, TypeError):
+            midias = []
+        foto = next((str(m) for m in midias if m), "") if midias else ""
+        tag_cls = "tag-venda" if a["tipo_negocio"] == "Venda" else "tag-locacao"
+        url = url_anuncio(a, base_url)
+        img_html = f'<img src="{escape(foto)}" alt="{escape(a.get("titulo") or "")}" loading="lazy">' if foto else ""
+        estilo = "" if foto else ' style="background:var(--midia-placeholder-2)"'
+        return (
+            f'<a class="showcase-slide" href="{url}"{estilo}>'
+            f'{img_html}'
+            f'<span class="tag showcase-tag {tag_cls}">{escape(a["tipo_negocio"])}</span>'
+            f'<div class="showcase-info"><h2>{escape(a.get("titulo") or "")}</h2></div>'
+            f'</a>'
+        )
+
+    dots_html = ""
+    arrows_html = ""
+    if len(destaques) > 1:
+        dots_html = '<div class="showcase-dots">' + "".join(
+            f'<button type="button" class="showcase-dot{" active" if i == 0 else ""}" data-idx="{i}" '
+            f'aria-label="Ir para o imóvel {i + 1}"></button>'
+            for i in range(len(destaques))
+        ) + "</div>"
+        arrows_html = (
+            '<button type="button" class="showcase-arrow prev" aria-label="Imóvel anterior">‹</button>'
+            '<button type="button" class="showcase-arrow next" aria-label="Próximo imóvel">›</button>'
+        )
+
+    slides_html = "".join(_slide(a) for a in destaques)
+    return f'<div class="showcase-track">{slides_html}</div>{dots_html}{arrows_html}'
+
+
 # --------------------------------------------------------------------------
 # Página do anúncio
 # --------------------------------------------------------------------------
@@ -213,7 +266,10 @@ def titulo_anuncio(a: dict) -> str:
 def descricao_anuncio(a: dict) -> str:
     acao = "à venda" if a["tipo_negocio"] == "Venda" else "para locação"
     area = a.get("area_util") or a.get("area_total")
-    partes = [f"{a['tipo_imovel']} {acao} em {a['bairro']}, {a['cidade']} (PR) por {preco_formatado(a['preco'])}"]
+    base = f"{a['tipo_imovel']} {acao} em {a['bairro']}, {a['cidade']} (PR)"
+    if a.get("preco"):
+        base += f" por {preco_formatado(a['preco'])}"
+    partes = [base]
     if a.get("quartos"):
         partes.append(f"{a['quartos']} quarto(s)")
     if area:
@@ -244,15 +300,18 @@ def jsonld_anuncio(a: dict, url: str, midias: list[str]) -> str:
             "postalCode": a.get("cep") or None,
             "addressCountry": "BR",
         },
-        "offers": {
+    }
+    # Só inclui a oferta de preço quando o valor foi de fato informado (evita
+    # declarar "price": 0 no schema.org, o que confundiria buscadores/agregadores).
+    if a.get("preco"):
+        dados["offers"] = {
             "@type": "Offer",
             "price": a["preco"],
             "priceCurrency": "BRL",
             "availability": disponibilidade,
             "businessFunction": funcao,
             "url": url,
-        },
-    }
+        }
     imagens = [
         m for m in midias
         if not re.search(r"\.(mp4|webm|mov|ogg|mp3|wav|m4a|aac|oga|opus|weba)(\?|#|$)", m, re.I)

app/site_config.py

@@ -0,0 +1,81 @@
+"""
+Configurações gerais do site (dados de contato, WhatsApp, endereço, CRECI etc.)
+
+Antes esses dados ficavam "hardcoded" espalhados pelos templates
+(_header.html, _footer.html, contato.html) e pelo main.py. Agora eles moram
+em um único arquivo JSON (data/config_site.json) editável pelo painel admin
+em /admin.html, aba "Configurações do site".
+"""
+import json
+import os
+import re
+import threading
+
+from app.config import DATA_DIR
+
+CONFIG_PATH = os.path.join(DATA_DIR, "config_site.json")
+
+_lock = threading.Lock()
+
+# Valores padrão — os mesmos que já existiam hardcoded no site.
+PADRAO = {
+    "nome_empresa": "SK Imobiliária",
+    "whatsapp_numero": "5541998112201",
+    "whatsapp_texto_padrao": "Olá! Vim pelo site da SK Imobiliária e gostaria de falar com um corretor.",
+    "telefone_exibicao": "(41) 99811-2201",
+    "email": "contato@skimobiliaria.com.br",
+    "endereco": "Av. Beira Mar, 1120 — Caiobá, Matinhos/PR",
+    "horario_atendimento": "Seg–sáb, 9h às 18h",
+    "creci": "CRECI-PR 00000-J",
+    "responsavel": "Salete Kuhnert",
+}
+
+# Campos que podem ser editados via API/painel — mesma lista de PADRAO.
+CAMPOS_EDITAVEIS = list(PADRAO.keys())
+
+
+def _ler_arquivo() -> dict:
+    if not os.path.exists(CONFIG_PATH):
+        return {}
+    try:
+        with open(CONFIG_PATH, "r", encoding="utf-8") as f:
+            return json.load(f)
+    except (json.JSONDecodeError, OSError):
+        return {}
+
+
+def get_config() -> dict:
+    """Retorna a configuração atual, preenchendo com os padrões quaisquer campos ausentes."""
+    salvo = _ler_arquivo()
+    config = dict(PADRAO)
+    config.update({k: v for k, v in salvo.items() if k in PADRAO})
+    return config
+
+
+def get_whatsapp_link(mensagem: str = None) -> str:
+    """Monta o link do wa.me com o número atual e, opcionalmente, uma mensagem pré-preenchida."""
+    from urllib.parse import quote
+
+    config = get_config()
+    numero = config["whatsapp_numero"]
+    texto = mensagem if mensagem is not None else config["whatsapp_texto_padrao"]
+    return f"https://wa.me/{numero}?text={quote(texto)}"
+
+
+def get_tel_link() -> str:
+    config = get_config()
+    return re.sub(r"\D", "", config["telefone_exibicao"] or "")
+
+
+def salvar_config(dados: dict) -> dict:
+    """Atualiza somente os campos conhecidos e grava no disco (thread-safe)."""
+    with _lock:
+        atual = get_config()
+        for campo in CAMPOS_EDITAVEIS:
+            if campo in dados and dados[campo] is not None:
+                valor = str(dados[campo]).strip()
+                atual[campo] = valor
+        os.makedirs(DATA_DIR, exist_ok=True)
+        with open(CONFIG_PATH, "w", encoding="utf-8") as f:
+            json.dump(atual, f, ensure_ascii=False, indent=2)
+        return atual

requirements.txt

@@ -4,3 +4,4 @@ openpyxl==3.1.5
 pydantic==2.10.3
 python-multipart==0.0.20
 jinja2==3.1.4
+itsdangerous==2.2.0

static/admin.html

@@ -1,231 +0,0 @@
-<!DOCTYPE html>
-<html lang="pt-BR">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Área do corretor — SK Imobiliária</title>
-<meta name="robots" content="noindex">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
-<link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
-</head>
-<body>
-
-<header class="site-header">
-  <nav class="nav">
-    <a class="brand" href="/">
-      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
-    </a>
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
-    <ul class="nav-links">
-      <li><a href="/">Início</a></li>
-      <li><a href="/busca">Comprar &amp; Alugar</a></li>
-      <li><a href="/servicos.html">Serviços</a></li>
-      <li><a href="/sobre.html">Sobre</a></li>
-      <li><a href="/contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta" href="/api/docs">API / Swagger</a>
-  </nav>
-</header>
-
-<section class="page-hero" style="padding-bottom:24px">
-  <div class="container">
-    <span class="eyebrow reveal">Área do corretor · demonstração</span>
-    <h1 class="reveal" style="--i:1">Gerenciar anúncios</h1>
-    <p class="reveal" style="--i:2">Painel de exemplo para criar, editar e remover anúncios diretamente na planilha que alimenta o site. <strong>Sem autenticação</strong> — em produção, proteja esta rota antes de publicar.</p>
-  </div>
-</section>
-
-<section class="container">
-  <div class="section-head">
-    <div>
-      <h2 class="mt-0">Novo anúncio</h2>
-      <p>Os campos seguem exatamente o que a API espera — nada de retrabalho na planilha.</p>
-    </div>
-    <a class="btn btn-outline" href="/api/anuncios/export/planilha">Baixar planilha (.xlsx)</a>
-  </div>
-
-  <form class="form-card" id="form-anuncio">
-    <input type="hidden" id="a-id">
-    <div class="form-grid">
-      <div class="form-field">
-        <label for="a-tipo-negocio">Tipo de negócio</label>
-        <select id="a-tipo-negocio" required>
-          <option value="Venda">Venda</option>
-          <option value="Locação">Locação</option>
-        </select>
-      </div>
-      <div class="form-field">
-        <label for="a-tipo-imovel">Tipo de imóvel</label>
-        <select id="a-tipo-imovel" required>
-          <option>Casa</option><option>Apartamento</option><option>Terreno</option>
-          <option>Comercial</option><option>Sala Comercial</option><option>Galpão</option>
-          <option>Chácara/Sítio</option><option>Cobertura</option><option>Kitnet/Studio</option>
-        </select>
-      </div>
-    </div>
-
-    <div class="form-field">
-      <label for="a-titulo">Título</label>
-      <input type="text" id="a-titulo" required minlength="3" maxlength="150" placeholder="Ex.: Apartamento 2 quartos vista mar - Caiobá">
-    </div>
-    <div class="form-field">
-      <label for="a-descricao">Descrição</label>
-      <textarea id="a-descricao" maxlength="3000"></textarea>
-    </div>
-
-    <div class="form-grid">
-      <div class="form-field">
-        <label for="a-endereco">Endereço</label>
-        <input type="text" id="a-endereco">
-      </div>
-      <div class="form-field">
-        <label for="a-bairro">Bairro</label>
-        <input type="text" id="a-bairro">
-      </div>
-      <div class="form-field">
-        <label for="a-cidade">Cidade</label>
-        <input type="text" id="a-cidade" required list="cidades-litoral">
-        <datalist id="cidades-litoral">
-          <option value="Matinhos"><option value="Guaratuba"><option value="Pontal do Paraná">
-        </datalist>
-      </div>
-      <div class="form-field">
-        <label for="a-estado">UF</label>
-        <input type="text" id="a-estado" required maxlength="2" value="PR">
-      </div>
-      <div class="form-field">
-        <label for="a-cep">CEP</label>
-        <input type="text" id="a-cep">
-      </div>
-    </div>
-
-    <div class="form-grid">
-      <div class="form-field">
-        <label for="a-preco">Preço (R$)</label>
-        <input type="number" id="a-preco" required min="0" step="0.01">
-      </div>
-      <div class="form-field">
-        <label for="a-condominio">Condomínio (R$)</label>
-        <input type="number" id="a-condominio" min="0" step="0.01" value="0">
-      </div>
-      <div class="form-field">
-        <label for="a-iptu">IPTU (R$)</label>
-        <input type="number" id="a-iptu" min="0" step="0.01" value="0">
-      </div>
-      <div class="form-field">
-        <label for="a-area-util">Área útil (m²)</label>
-        <input type="number" id="a-area-util" min="0" step="0.01" value="0">
-      </div>
-      <div class="form-field">
-        <label for="a-area-total">Área total (m²)</label>
-        <input type="number" id="a-area-total" min="0" step="0.01" value="0">
-      </div>
-    </div>
-
-    <div class="form-grid">
-      <div class="form-field">
-        <label for="a-quartos">Quartos</label>
-        <input type="number" id="a-quartos" min="0" value="0">
-      </div>
-      <div class="form-field">
-        <label for="a-suites">Suítes</label>
-        <input type="number" id="a-suites" min="0" value="0">
-      </div>
-      <div class="form-field">
-        <label for="a-banheiros">Banheiros</label>
-        <input type="number" id="a-banheiros" min="0" value="0">
-      </div>
-      <div class="form-field">
-        <label for="a-vagas">Vagas de garagem</label>
-        <input type="number" id="a-vagas" min="0" value="0">
-      </div>
-    </div>
-
-    <div class="form-grid">
-      <div class="form-field">
-        <label for="a-status">Status</label>
-        <select id="a-status">
-          <option>Disponível</option><option>Reservado</option><option>Vendido</option>
-          <option>Alugado</option><option>Inativo</option>
-        </select>
-      </div>
-      <div class="form-field">
-        <label for="a-corretor">Corretor responsável</label>
-        <input type="text" id="a-corretor">
-      </div>
-      <div class="form-field">
-        <label for="a-telefone">Telefone de contato</label>
-        <input type="text" id="a-telefone">
-      </div>
-      <div class="form-field" style="justify-content:center">
-        <label><input type="checkbox" id="a-destaque"> Marcar como destaque</label>
-      </div>
-    </div>
-
-    <div style="display:flex;gap:12px;margin-top:8px">
-      <button class="btn btn-primary" type="submit" id="btn-salvar">Salvar anúncio</button>
-      <button class="btn btn-outline" type="button" id="btn-cancelar" style="display:none">Cancelar edição</button>
-    </div>
-  </form>
-</section>
-
-<section class="container">
-  <div class="section-head">
-    <div>
-      <h2 class="mt-0">Mídias do anúncio</h2>
-      <p class="muted" id="midia-hint">Salve ou edite um anúncio acima para gerenciar suas fotos, vídeos e áudios.</p>
-    </div>
-  </div>
-
-  <div class="form-card" id="midia-card" style="display:none">
-    <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px">
-      <input type="file" id="midia-arquivos" accept="image/*,video/*,audio/*" multiple>
-      <button class="btn btn-primary" id="btn-upload-midia" type="button">Enviar mídia</button>
-      <span class="form-note" id="midia-upload-status" style="margin-top:0"></span>
-    </div>
-    <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;padding-top:14px;border-top:1px dashed rgba(27,75,79,.15)">
-      <input type="url" id="midia-url" placeholder="https://.../audio-do-corretor.mp3" style="flex:1;min-width:240px">
-      <button class="btn btn-outline" id="btn-add-midia-url" type="button">Adicionar por URL</button>
-    </div>
-    <p class="muted" style="margin-top:-10px;margin-bottom:18px;font-size:.82rem">
-      Envie arquivos (fotos, vídeos ou áudios) ou cole a URL de uma mídia já hospedada em outro lugar. Tudo é salvo como uma lista de URLs em JSON no campo "midias" da planilha.
-    </p>
-    <div class="midia-grid" id="midia-grid"></div>
-  </div>
-</section>
-
-<section class="container">
-  <div class="section-head">
-    <div>
-      <h2 class="mt-0">Anúncios cadastrados</h2>
-      <p id="admin-total" class="muted">carregando…</p>
-    </div>
-  </div>
-  <div style="overflow-x:auto">
-    <table class="table-admin">
-      <thead>
-        <tr><th>#</th><th>Título</th><th>Negócio</th><th>Cidade</th><th>Preço</th><th>Status</th><th>Ações</th></tr>
-      </thead>
-      <tbody id="admin-tbody">
-        <tr><td colspan="7" class="muted">Carregando anúncios…</td></tr>
-      </tbody>
-    </table>
-  </div>
-</section>
-
-<footer class="site-footer">
-  <div class="container">
-    <div class="footer-bottom">
-      <span>© <span data-year></span> SK Imobiliária · Painel de demonstração</span>
-      <span><a href="/">Voltar ao site</a></span>
-    </div>
-  </div>
-</footer>
-
-<script src="/js/api.js?v=2"></script>
-<script src="/js/main.js?v=2"></script>
-<script src="/js/admin.js?v=2"></script>
-</body>
-</html>

static/busca.html

@@ -1,149 +0,0 @@
-<!DOCTYPE html>
-<html lang="pt-BR">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Buscar imóveis — Sahkey Imóveis</title>
-<meta name="description" content="Busque casas, apartamentos e terrenos à venda e locação no litoral do Paraná com filtros por cidade, bairro, preço e mais.">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="/css/style.css?v=6">
-</head>
-<body>
-
-<header class="site-header">
-  <nav class="nav">
-    <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
-    <ul class="nav-links">
-      <li><a href="index.html">Início</a></li>
-      <li><a href="busca.html">Comprar &amp; Alugar</a></li>
-      <li><a href="servicos.html">Serviços</a></li>
-      <li><a href="sobre.html">Sobre</a></li>
-      <li><a href="contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
-  </nav>
-</header>
-
-
-<section class="container" style="padding-top:36px">
-  <div class="search-layout">
-
-    <aside class="filters-panel" id="filters-panel">
-      <h3>Filtros</h3>
-      <span class="filters-count" id="filters-total">carregando opções…</span>
-
-      <div class="filter-group">
-        <h4>Negócio</h4>
-        <ul class="facet-list" id="facet-negocio"></ul>
-      </div>
-
-      <div class="filter-group">
-        <h4>Cidade</h4>
-        <ul class="facet-list" id="facet-cidade"></ul>
-      </div>
-
-      <div class="filter-group">
-        <h4>Bairro</h4>
-        <ul class="facet-list" id="facet-bairro"></ul>
-      </div>
-
-      <div class="filter-group">
-        <h4>Tipo de imóvel</h4>
-        <ul class="facet-list" id="facet-tipo"></ul>
-      </div>
-
-      <div class="filter-group">
-        <h4>Faixa de preço (R$)</h4>
-        <div class="range-row">
-          <input type="number" id="f-preco-min" placeholder="mín.">
-          <span class="muted">—</span>
-          <input type="number" id="f-preco-max" placeholder="máx.">
-        </div>
-      </div>
-
-      <div class="filter-group">
-        <h4>Quartos (mínimo)</h4>
-        <ul class="facet-list" id="facet-quartos"></ul>
-      </div>
-
-      <div class="filter-group">
-        <h4>Status</h4>
-        <ul class="facet-list" id="facet-status"></ul>
-      </div>
-
-      <label style="display:flex;align-items:center;gap:8px;font-size:.86rem;margin-bottom:16px">
-        <input type="checkbox" id="f-destaque"> Somente destaques
-      </label>
-
-      <button class="btn btn-outline btn-block" id="btn-limpar">Limpar filtros</button>
-    </aside>
-
-    <main>
-      <div class="chips" id="chips-ativos"></div>
-      <div class="results-toolbar">
-        <span class="results-count" id="results-count">Carregando resultados…</span>
-        <div class="field" style="min-width:210px">
-          <select id="f-ordenar">
-            <option value="mais_recentes">Mais recentes</option>
-            <option value="preco_asc">Menor preço</option>
-            <option value="preco_desc">Maior preço</option>
-            <option value="area_asc">Menor área</option>
-            <option value="area_desc">Maior área</option>
-          </select>
-        </div>
-      </div>
-
-      <div class="grid-cards" id="results-grid"></div>
-      <div class="pagination" id="pagination"></div>
-    </main>
-  </div>
-</section>
-
-<footer class="site-footer">
-  <div class="container">
-    <div class="footer-grid">
-      <div>
-        <div class="footer-brand">Sahkey Imóveis</div>
-        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
-      </div>
-      <div>
-        <h4>Navegação</h4>
-        <ul>
-          <li><a href="busca.html">Comprar &amp; Alugar</a></li>
-          <li><a href="servicos.html">Serviços</a></li>
-          <li><a href="sobre.html">Sobre a Sahkey</a></li>
-          <li><a href="contato.html">Contato</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Cidades</h4>
-        <ul>
-          <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
-          <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
-          <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Contato</h4>
-        <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@sahkeyimoveis.com.br</li>
-          <li><a href="admin.html">Área do corretor →</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-bottom">
-      <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
-      <span>Site demonstrativo — dados fictícios</span>
-    </div>
-  </div>
-</footer>
-
-<script src="/js/api.js"></script>
-<script src="/js/main.js"></script>
-<script src="/js/busca.js"></script>
-</body>
-</html>

static/css/style.css

@@ -151,10 +151,11 @@ body { padding-top: var(--header-total-h); }
   position: fixed;
   top: 0; left: 0; right: 0;
   z-index: 50;
-
-  background: rgba(250, 247, 240, 0.92);
-  backdrop-filter: blur(10px) saturate(1.1);
+  
+  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,247,240,.9));
+  backdrop-filter: blur(12px) saturate(1.15);
   border-bottom: 1px solid var(--linha-chumbo);
+  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 14px 34px -20px rgba(58,51,36,.32);
 }
 .nav {
   display: grid;
@@ -271,20 +272,40 @@ body { padding-top: var(--header-total-h); }
   .nav { padding: var(--nav-pad-y) 16px; gap: 10px; }
 }
 
-/* -------------------- Busca rápida (campo único, compacto, encaixado no topo) -------------------- */
-.quick-search-section { padding: 0; }
+/* -------------------- Busca rápida (campo único, compacto, encaixado no topo) --------------------
+   Pílula "flutuante": textura em gradiente + sombra elevada (para se destacar
+   do header acima) + sombra interna sutil (para parecer levemente recuada,
+   como um campo de verdade) — em vez da barra reta e chapada de antes. */
+.quick-search-section {
+  padding: 14px 18px 20px;
+  border: 1px solid var(--linha-chumbo);
+  border-bottom: 1px solid var(--linha-chumbo);
+  background:
+    radial-gradient(600px 220px at 50% 0%, rgba(179,143,75,.05), transparent 70%);
+}
 .quick-search {
   display: flex;
   align-items: center;
   gap: 8px;
-  max-width: 100%;
-  margin: 0;
-  background: var(--chumbo);
-  border: none;
-  border-bottom: 1px solid var(--linha-chumbo);
-  border-radius: 0;
-  box-shadow: none;
+  max-width: 640px;
+  margin: 0 auto;
+  background: linear-gradient(170deg, var(--chumbo), var(--chumbo-2) 90%);
+  border: 1px solid var(--linha-chumbo);
+  border-radius: 999px;
+  box-shadow:
+    0 16px 34px -18px rgba(58, 51, 36, 0.32),
+    0 1px 0 rgba(255,255,255,.75) inset,
+    0 -1px 3px rgba(58,51,36,.05) inset;
   
+  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
+}
+.quick-search:focus-within {
+  border-color: rgba(179,143,75,.45);
+  box-shadow:
+    0 18px 38px -16px rgba(58, 51, 36, 0.36),
+    0 0 0 3px rgba(179,143,75,.14),
+    0 1px 0 rgba(255,255,255,.8) inset;
+  transform: translateY(-1px);
 }
 .quick-search-icon { flex-shrink: 0; color: var(--texto-fraco); }
 .quick-search input {
@@ -295,24 +316,30 @@ body { padding-top: var(--header-total-h); }
   font-family: var(--f-body);
   font-size: 0.92rem;
   color: var(--texto);
-  padding: 6px 6px 6px 6px;
+  padding: 8px 6px 8px 6px;
 }
 .quick-search input::placeholder { color: var(--texto-fraco); }
 .quick-search input:focus { outline: none; }
-.qs-submit {
+.qs-submit,
+button.quick-search-icon {
   flex-shrink: 0;
-  width: 40px; height: 40px;
+  width: 38px; height: 38px;
   border-radius: 50%; border: none;
-  background: linear-gradient(135deg, var(--dourado), var(--dourado-3));
-  color: #fff;
+  background: linear-gradient(135deg, var(--dourado), var(--dourado-3)) !important;
+  color: #fff !important;
   display: flex; align-items: center; justify-content: center;
   cursor: pointer;
+  box-shadow: 0 10px 20px -10px rgba(201,162,75,.6);
   transition: filter .15s, transform .15s;
 }
-.qs-submit:hover { filter: brightness(1.07); transform: translateY(-1px); }
+.qs-submit:hover,
+button.quick-search-icon:hover { filter: brightness(1.07); transform: translateY(-1px); }
+.qs-submit svg,
+button.quick-search-icon svg { color: #fff; }
 
 @media (max-width: 640px) {
-  .quick-search { }
+  .quick-search-section { padding: 10px 12px 16px; }
+  .quick-search { padding: 4px 5px 4px 16px; }
 }
 .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
 .field label {
@@ -464,6 +491,7 @@ section { padding: 68px 0; }
   padding: 3px 9px; border-radius: 999px; font-weight: 700; display: inline-block;
 }
 .status-disponivel { background: rgba(117,127,76,.16); color: #4E5733; }
+.status-lancamento { background: rgba(58,110,150,.16); color: #2B5A78; }
 .status-reservado, .status-inativo { background: rgba(181,80,44,.14); color: #954323; }
 .status-vendido, .status-alugado { background: rgba(58,51,36,.08); color: var(--texto-muted); }
 
@@ -621,12 +649,12 @@ section { padding: 68px 0; }
 
 /* -------------------- Boxes de cidade com foto -------------------- */
 .cidades-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
-@media (max-width: 860px) { .cidades-grid { grid-template-columns: 1fr; } .cidade-box { aspect-ratio: 16/10; } }
+@media (max-width: 860px) { .cidades-grid { grid-template-columns: 1fr; } .cidade-box { aspect-ratio: 5/10; } }
 .cidade-box {
   position: relative;
   border-radius: var(--radius);
   overflow: hidden;
-  aspect-ratio: 4/5;
+  aspect-ratio: 5/3;
   display: flex; align-items: flex-end;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--linha-chumbo);
@@ -799,7 +827,32 @@ section { padding: 68px 0; }
 .service-card li { margin-bottom: 6px; }
 
 /* -------------------- Footer -------------------- */
-.site-footer { background: var(--granito-2); color: var(--texto-muted); padding: 56px 0 26px; margin-top: 0; border-top: 1px solid var(--linha-chumbo); }
+/* -------------------- Footer --------------------
+   Textura em camadas (radiais suaves, ecoando a do body) + gradiente vertical
+   sutil + sombra "elevada" na borda superior, para o rodapé parecer uma
+   plataforma com profundidade em vez de uma faixa de cor chapada. */
+.site-footer {
+  position: relative;
+  background:
+    radial-gradient(900px 420px at 12% 0%, rgba(179,143,75,.06), transparent 60%),
+    radial-gradient(700px 380px at 100% -10%, rgba(179,143,75,.05), transparent 55%),
+    linear-gradient(180deg, var(--granito-2), var(--chumbo-3));
+  color: var(--texto-muted);
+  padding: 56px 0 26px;
+  margin-top: 0;
+  border-top: 1px solid var(--linha-chumbo);
+  box-shadow:
+    0 1px 0 rgba(255,255,255,.55) inset,
+    0 -30px 50px -38px rgba(58, 51, 36, 0.3);
+}
+.site-footer::before {
+  content: "";
+  position: absolute;
+  top: -20px; left: 0; right: 0;
+  height: 20px;
+  background: linear-gradient(180deg, rgba(58,51,36,.10), rgba(58,51,36,0));
+  pointer-events: none;
+}
 .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 34px; border-bottom: 1px solid var(--linha-chumbo); }
 @media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
 .footer-grid h4 { color: var(--dourado-2); font-family: var(--f-mono); font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 14px; }
@@ -985,4 +1038,113 @@ body.filtros-abertos { overflow: hidden; }
   border-bottom: 1px solid var(--linha-chumbo);
 }
 .page-hero h1 { color: var(--marfim); max-width: 700px; }
-.page-hero p { max-width: 600px; color: var(--texto-muted); }
+.page-hero p { max-width: 600px; color: var(--texto-muted); }
+
+/* -------------------- Painel admin: link de sair -------------------- */
+.admin-logout-link { display: inline-block; margin-top: 14px; font-size: .84rem; font-weight: 600; color: var(--oceano); }
+.admin-logout-link:hover { color: var(--dourado); }
+
+/* -------------------- Painel admin: abas -------------------- */
+.admin-tabs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 28px; border-bottom: 1px solid var(--linha-chumbo); padding-bottom: 0; }
+.admin-tab {
+  background: none; border: none; border-bottom: 2px solid transparent; color: var(--texto-muted);
+  font-family: inherit; font-size: .9rem; font-weight: 600; padding: 12px 4px; margin-bottom: -1px; cursor: pointer;
+}
+.admin-tab:hover { color: var(--texto); }
+.admin-tab.is-active { color: var(--oceano); border-bottom-color: var(--dourado); }
+.admin-tabs-extra { margin-left: auto; margin-bottom: 8px; }
+.admin-panel { margin-top: 4px; }
+
+/* -------------------- Painel admin: seleção de destaques -------------------- */
+.destaques-lista { display: flex; flex-direction: column; gap: 10px; }
+.destaque-item {
+  display: flex; align-items: center; justify-content: space-between; gap: 16px;
+  background: var(--chumbo-2); border: 1px solid var(--linha-chumbo); border-radius: var(--radius-sm);
+  padding: 14px 16px; cursor: pointer;
+}
+.destaque-item:hover { border-color: rgba(201,162,75,.4); }
+.destaque-item-info { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; min-width: 0; }
+.destaque-item-titulo { font-weight: 600; color: var(--texto); }
+.destaque-item-local { font-size: .82rem; }
+
+.switch { position: relative; display: inline-block; width: 42px; height: 24px; flex-shrink: 0; }
+.switch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
+.switch-track { position: absolute; inset: 0; background: var(--chumbo-3); border: 1px solid var(--linha-chumbo); border-radius: 999px; transition: background .15s ease; }
+.switch-track::before {
+  content: ""; position: absolute; width: 18px; height: 18px; left: 2px; top: 2px; border-radius: 50%;
+  background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: transform .15s ease;
+}
+.switch input:checked + .switch-track { background: var(--dourado); border-color: var(--dourado); }
+.switch input:checked + .switch-track::before { transform: translateX(18px); }
+.switch input:disabled + .switch-track { opacity: .6; cursor: default; }
+
+/* -------------------- Tela de login do admin -------------------- */
+.admin-login-body {
+  min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px;
+  background:
+    radial-gradient(700px 380px at 15% 0%, rgba(179,143,75,.13), transparent 60%),
+    linear-gradient(180deg, var(--granito-2), var(--chumbo));
+}
+.admin-login-wrap { width: 100%; max-width: 380px; }
+.admin-login-card {
+  background: linear-gradient(165deg, var(--chumbo-2), var(--chumbo)); border: 1px solid var(--linha-chumbo);
+  border-radius: var(--radius); padding: 36px 30px; display: flex; flex-direction: column; gap: 6px; box-shadow: var(--shadow);
+}
+.admin-login-logo { height: 34px; width: auto; margin-bottom: 14px; }
+.admin-login-card h1 { margin: 2px 0 4px; }
+.admin-login-card .muted { margin: 0 0 16px; font-size: .88rem; }
+.admin-login-card .form-field { margin: 10px 0 18px; }
+.admin-login-btn { width: 100%; }
+.admin-login-alerta { background: rgba(181,80,44,.12); color: #954323; border: 1px solid rgba(181,80,44,.3); border-radius: var(--radius-sm); padding: 10px 12px; font-size: .84rem; margin: 4px 0 4px; }
+.admin-login-voltar { display: block; text-align: center; margin-top: 18px; font-size: .82rem; color: var(--texto-muted); }
+.admin-login-voltar:hover { color: var(--oceano); }
+
+/* -------------------- Editor visual de páginas HTML -------------------- */
+.pg-mode-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
+.pg-mode-tab {
+  background: var(--chumbo-2); border: 1px solid var(--linha-chumbo); color: var(--texto-muted);
+  border-radius: var(--radius-sm); padding: 7px 14px; font-size: .82rem; font-weight: 600; cursor: pointer;
+}
+.pg-mode-tab.is-active { background: var(--oceano); border-color: var(--oceano); color: #fff; }
+.pg-toolbar {
+  display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; margin-bottom: 0;
+  background: var(--chumbo-2); border: 1px solid var(--linha-chumbo); border-bottom: none;
+  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
+}
+.pg-toolbar button {
+  background: transparent; border: 1px solid transparent; color: var(--texto); border-radius: 6px;
+  min-width: 30px; height: 30px; font-size: .84rem; cursor: pointer; font-family: var(--f-body);
+}
+.pg-toolbar button:hover { background: rgba(201,162,75,.15); border-color: rgba(201,162,75,.4); }
+.pg-toolbar .pg-tb-sep { width: 1px; margin: 4px 4px; background: var(--linha-chumbo); }
+.pg-visual-editor {
+  width: 100%; min-height: 480px; max-height: 720px; overflow: auto; background: #fff; color: #1a1a1a;
+  border: 1px solid var(--linha-chumbo); border-radius: 0 0 var(--radius-sm) var(--radius-sm);
+  padding: 22px 26px; font-family: var(--f-body); font-size: .96rem; line-height: 1.6;
+}
+.pg-visual-editor:focus { outline: 2px solid rgba(201,162,75,.5); outline-offset: -2px; }
+.pg-visual-editor h1, .pg-visual-editor h2, .pg-visual-editor h3 { font-family: var(--f-display); margin: .6em 0 .3em; }
+.pg-visual-editor p { margin: 0 0 1em; }
+.pg-visual-editor ul, .pg-visual-editor ol { padding-left: 22px; margin: 0 0 1em; }
+.pg-visual-editor a { color: #1b6e73; }
+.pg-visual-editor img { max-width: 100%; border-radius: 6px; }
+.cms-locked-inline {
+  display: inline-block; background: rgba(201,162,75,.18); border: 1px dashed #b98a2e; border-radius: 4px;
+  padding: 0 5px; font-size: .8em; cursor: not-allowed; user-select: none;
+}
+.cms-locked-block {
+  display: block; background: rgba(201,162,75,.12); border: 1px dashed #b98a2e; border-radius: 6px;
+  padding: 8px 12px; margin: 10px 0; font-size: .82rem; color: #7a5c17; cursor: not-allowed; user-select: none;
+  font-family: var(--f-mono);
+}
+/* O HTML das páginas usa classes de animação de entrada (.reveal, .reveal-left, etc.)
+   que ficam com opacity:0 até o JS do site (main.js) marcar como visível ao rolar a
+   página. Esse JS não roda dentro do editor, então sem este override o conteúdo
+   ficaria invisível ali dentro mesmo estando presente no HTML. */
+.pg-visual-editor .reveal,
+.pg-visual-editor .reveal-left,
+.pg-visual-editor .reveal-right,
+.pg-visual-editor .reveal-zoom,
+.pg-visual-editor .reveal-pop {
+  opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important;
+}

static/imovel.html

@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html lang="pt-BR">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title id="page-title">Imóvel — Sahkey Imóveis</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="/css/style.css?v=6">
-</head>
-<body>
-
-<header class="site-header">
-  <nav class="nav">
-    <a class="brand" href="index.html">Sahkey <small>Imóveis</small></a>
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false"><svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button>
-    <ul class="nav-links">
-      <li><a href="index.html">Início</a></li>
-      <li><a href="busca.html">Comprar &amp; Alugar</a></li>
-      <li><a href="servicos.html">Serviços</a></li>
-      <li><a href="sobre.html">Sobre</a></li>
-      <li><a href="contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
-  </nav>
-</header>
-
-<section class="container" style="padding-top:28px" id="imovel-container">
-  <p class="loading-state">Carregando imóvel…</p>
-</section>
-
-<section class="container" id="similares-section" style="display:none">
-  <div class="section-head">
-    <div>
-      <span class="eyebrow">Você também pode gostar</span>
-      <h2>Imóveis semelhantes</h2>
-    </div>
-  </div>
-  <div class="carousel" id="similares-carousel"></div>
-</section>
-
-<footer class="site-footer">
-  <div class="container">
-    <div class="footer-grid">
-      <div>
-        <div class="footer-brand">Sahkey Imóveis</div>
-        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
-      </div>
-      <div>
-        <h4>Navegação</h4>
-        <ul>
-          <li><a href="busca.html">Comprar &amp; Alugar</a></li>
-          <li><a href="servicos.html">Serviços</a></li>
-          <li><a href="sobre.html">Sobre a Sahkey</a></li>
-          <li><a href="contato.html">Contato</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Cidades</h4>
-        <ul>
-          <li><a href="busca.html?cidade=Matinhos">Matinhos</a></li>
-          <li><a href="busca.html?cidade=Guaratuba">Guaratuba</a></li>
-          <li><a href="busca.html?cidade=Pontal do Paraná">Pontal do Paraná</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Contato</h4>
-        <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@sahkeyimoveis.com.br</li>
-          <li><a href="admin.html">Área do corretor →</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-bottom">
-      <span>© <span data-year></span> Sahkey Imóveis · CRECI-PR 00000-J (demo)</span>
-      <span>Site demonstrativo — dados fictícios</span>
-    </div>
-  </div>
-</footer>
-
-<script src="/js/api.js"></script>
-<script src="/js/main.js"></script>
-<script src="/js/imovel.js"></script>
-</body>
-</html>

static/index.html

@@ -1,161 +0,0 @@
-<!DOCTYPE html>
-<html lang="pt-BR">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>SK Imobiliária — Venda, locação e gestão no litoral do Paraná</title>
-<meta name="description" content="SK Imobiliária: casas, apartamentos e terrenos à venda e locação em Matinhos, Guaratuba e Pontal do Paraná. Gestão completa do seu negócio imobiliário no litoral.">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
-<link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
-</head>
-<body>
-
-<header class="site-header">
-  <nav class="nav">
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false">
-      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-    </button>
-    <a class="brand" href="/">
-      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
-    </a>
-    <ul class="nav-links">
-      <li><a href="/">Início</a></li>
-      <li><a href="/busca">Comprar &amp; Alugar</a></li>
-      <li><a href="/servicos.html">Serviços</a></li>
-      <li><a href="/sobre.html">Sobre</a></li>
-      <li><a href="/contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
-  </nav>
-</header>
-
-<section class="quick-search-section">
-  <form class="quick-search" action="/busca" method="get">
-    <input type="search" name="busca" placeholder="Buscar por título, bairro ou endereço…" aria-label="Buscar imóveis">
-    <button type="submit" id="f-busca" class="quick-search-icon" 
-        style="background:none; border:none; outline:none; box-shadow:none;" 
-        aria-label="Buscar">
-    <svg class="quick-search-icon" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
-</button>
-  </form>
-</section>
-
-<section class="showcase-section">
-  <div class="container showcase-head reveal">
-  </div>
-  <div class="showcase reveal" id="destaques-carousel">
-    <p class="loading-state">Carregando destaques…</p>
-  </div>
-</section>
-
-<section class="container" style="padding:36px">
-  <div class="section-head reveal">
-    <div>
-      <span class="eyebrow eyebrow-gold">Onde atuamos</span>
-      <h2>Cada cidade do litoral paranaense tem seu ritmo </h2>
-      <p>Conhecemos os três de perto. Escolha uma para começar a busca.</p>
-    </div>
-  </div>
-  <div class="cidades-grid grid-lined cols-3">
-    <a class="cidade-box luxe-frame reveal reveal-left" href="/busca/matinhos">
-      <img src="https://s2-g1.glbimg.com/5Fz3LMozLCEPXRVTUBIm8wrhyQ4=/0x0:2048x1536/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_59edd422c0c84a879bd37670ae4f538a/internal_photos/bs/2024/R/T/LRJAPWQbWHTbJpbFCM4A/revitalizacao-braia-brava.jpg" alt="Praia de Matinhos" loading="lazy">
-      <div class="cidade-box-body">
-        <h3>Matinhos</h3>
-        <span class="cidade-box-cta">Ver imóveis em Matinhos →</span>
-      </div>
-    </a>
-    <a class="cidade-box luxe-frame reveal reveal-zoom" style="--i:1" href="/busca/guaratuba">
-      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSaeaY21ZsNlv2BbAsSkQenglXfagSN7H9yINs12eh1u2GSKT2qDWQw69xr&s=10" alt="Baía de Guaratuba" loading="lazy">
-      <div class="cidade-box-body">
-        <h3>Guaratuba</h3>
-        <span class="cidade-box-cta">Ver imóveis em Guaratuba →</span>
-      </div>
-    </a>
-    <a class="cidade-box luxe-frame reveal reveal-right" style="--i:2" href="/busca/pontal-do-parana">
-      <img src="https://i0.wp.com/www.portallitoraldoparana.com.br/wp-content/uploads/2020/11/Pontal-do-sul.jpg?fit=960%2C960&ssl=1" alt="Dunas de Pontal do Paraná" loading="lazy">
-      <div class="cidade-box-body">
-        <h3>Pontal do Paraná</h3>
-        <span class="cidade-box-cta">Ver imóveis em Pontal →</span>
-      </div>
-    </a>
-  </div>
-</section>
-
-
-<section class="container" style="padding:36px">
-  <div class="section-head reveal">
-    <div>
-      <span class="eyebrow eyebrow-gold">Como ajudamos</span>
-      <h2>Venda, locação e gestão — sob um só corretor</h2>
-      <p>Do primeiro contato à entrega das chaves (ou ao relatório mensal do seu imóvel investido).</p>
-    </div>
-    <a class="btn btn-outline" href="/servicos.html">Conhecer todos os serviços</a>
-  </div>
-  <div class="services-grid grid-lined cols-3">
-    <div class="service-card reveal">
-      <span class="num">Venda</span>
-      <h3>Compra e venda</h3>
-      <p class="muted">Avaliação de mercado, divulgação e negociação até a escritura.</p>
-    </div>
-    <div class="service-card reveal" style="--i:1">
-      <span class="num">Locação</span>
-      <h3>Locação anual e temporada</h3>
-      <p class="muted">Contratos, vistoria e cuidado com inquilinos — inclusive na alta temporada.</p>
-    </div>
-    <div class="service-card reveal" style="--i:2">
-      <span class="num">Gestão</span>
-      <h3>Gestão de negócios imobiliários</h3>
-      <p class="muted">Administração de carteiras, repasses e relatórios para investidores.</p>
-    </div>
-  </div>
-</section>
-
-
-<footer class="site-footer" style="margin-top:0">
-  <div class="container">
-    <div class="footer-grid">
-      <div>
-        <div class="footer-brand"><img src="/img/logo-sk.svg" alt="SK Imobiliária" height="30"></div>
-        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
-      </div>
-      <div>
-        <h4>Navegação</h4>
-        <ul>
-          <li><a href="/busca">Comprar &amp; Alugar</a></li>
-          <li><a href="/servicos.html">Serviços</a></li>
-          <li><a href="/sobre.html">Sobre a SK</a></li>
-          <li><a href="/contato.html">Contato</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Cidades</h4>
-        <ul>
-          <li><a href="/busca/matinhos">Imóveis em Matinhos</a></li>
-          <li><a href="/busca/guaratuba">Imóveis em Guaratuba</a></li>
-          <li><a href="/busca/pontal-do-parana">Imóveis em Pontal do Paraná</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Contato</h4>
-        <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@skimobiliaria.com.br</li>
-          <li><a href="/admin.html">Área do corretor →</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-bottom">
-      <span>© <span data-year></span> SK Imobiliária · CRECI-PR 00000-J · Salete Kuhnert dos Santos</span>
-      <span>Site demonstrativo — dados fictícios</span>
-    </div>
-  </div>
-</footer>
-
-<script src="/js/api.js?v=3"></script>
-<script src="/js/main.js?v=3"></script>
-<script src="/js/home.js?v=4"></script>
-</body>
-</html>

static/js/admin.js

@@ -1,94 +1,63 @@
-/* SK Imobiliária — painel administrativo de demonstração (CRUD de anúncios) */
+/* SK Imobiliária — painel administrativo (CRUD de anúncios, abas e destaques) */
 
 const form = document.getElementById("form-anuncio");
 const btnCancelar = document.getElementById("btn-cancelar");
 const btnSalvar = document.getElementById("btn-salvar");
+const formHeading = document.getElementById("form-heading");
 
 let midiaAnuncioId = null;
 
-function ativarSecaoMidia(id) {
-  midiaAnuncioId = id;
-  document.getElementById("midia-card").style.display = "";
-  document.getElementById("midia-hint").textContent =
-    `Gerenciando mídias do anúncio #${id} — arquivos enviados ficam salvos em /data/midia/anuncios/${id}/`;
-  carregarMidias();
-}
-
-async function carregarMidias() {
-  const grid = document.getElementById("midia-grid");
-  if (!midiaAnuncioId) return;
-  try {
-    const a = await apiGet(`/${midiaAnuncioId}`);
-    const midias = parseMidias(a.midias);
-    if (!midias.length) {
-      grid.innerHTML = `<p class="muted" style="grid-column:1/-1">Nenhuma mídia enviada ainda.</p>`;
-      return;
-    }
-    grid.innerHTML = midias.map((url) => `
-      <div class="midia-item">
-        ${mediaThumbTag(url)}
-        <button type="button" class="midia-remove" data-url="${escapeHtml(url)}" title="Excluir mídia" aria-label="Excluir mídia">✕</button>
-      </div>`).join("");
-  } catch (err) {
-    grid.innerHTML = `<p class="muted" style="grid-column:1/-1">Erro ao carregar mídias: ${escapeHtml(err.message)}</p>`;
+/* -------------------- Erros / sessão expirada -------------------- */
+// Qualquer chamada de escrita à API pode voltar 401 se a sessão do admin
+// caducou (ou o login foi feito em outra aba e essa sessão foi encerrada).
+// Nesse caso mandamos direto para a tela de login em vez de só mostrar um toast.
+function tratarErro(err) {
+  if (err && err.status === 401) {
+    window.location.href = "/admin/login?expirado=1";
+    return;
   }
+  toast(err.message, true);
 }
 
-document.getElementById("btn-upload-midia").addEventListener("click", async () => {
-  const input = document.getElementById("midia-arquivos");
-  if (!midiaAnuncioId) { toast("Salve o anúncio antes de enviar mídias.", true); return; }
-  if (!input.files.length) { toast("Selecione ao menos um arquivo.", true); return; }
-
-  const fd = new FormData();
-  Array.from(input.files).forEach((f) => fd.append("arquivos", f));
-
-  const statusEl = document.getElementById("midia-upload-status");
-  statusEl.textContent = "Enviando…";
-  try {
-    const res = await fetch(`${API_BASE}/${midiaAnuncioId}/midias/upload`, { method: "POST", body: fd });
-    if (!res.ok) {
-      const d = await res.json().catch(() => ({}));
-      throw new Error(d.detail ? JSON.stringify(d.detail) : `Erro ${res.status}`);
-    }
-    input.value = "";
-    statusEl.textContent = "";
-    toast("Mídia enviada com sucesso.");
-    carregarMidias();
-  } catch (err) {
-    statusEl.textContent = "";
-    toast(err.message, true);
-  }
-});
+/* -------------------- Abas -------------------- */
+const abas = document.querySelectorAll(".admin-tab");
+const paineis = document.querySelectorAll(".admin-panel");
 
-document.getElementById("btn-add-midia-url").addEventListener("click", async () => {
-  const input = document.getElementById("midia-url");
-  const url = input.value.trim();
-  if (!midiaAnuncioId) { toast("Salve o anúncio antes de adicionar mídias.", true); return; }
-  if (!url) { toast("Cole a URL da mídia (foto, vídeo ou áudio).", true); return; }
+function ativarAba(nome) {
+  abas.forEach((btn) => {
+    const ativa = btn.dataset.tab === nome;
+    btn.classList.toggle("is-active", ativa);
+    btn.setAttribute("aria-selected", ativa ? "true" : "false");
+  });
+  paineis.forEach((painel) => {
+    painel.hidden = painel.dataset.panel !== nome;
+  });
+  if (nome === "editar") carregarLista();
+  if (nome === "destaques") carregarDestaques();
+  if (nome === "config") carregarConfig();
+  if (nome === "paginas" && !paginasCarregadas) carregarListaPaginas();
+  if (nome === "backup") carregarBackupsAutomaticos();
+}
 
-  try {
-    await apiSend("POST", `/${midiaAnuncioId}/midias/url?url=${encodeURIComponent(url)}`);
-    input.value = "";
-    toast("Mídia adicionada com sucesso.");
-    carregarMidias();
-  } catch (err) {
-    toast(err.message, true);
-  }
-});
+abas.forEach((btn) => btn.addEventListener("click", () => ativarAba(btn.dataset.tab)));
 
-document.getElementById("midia-grid").addEventListener("click", async (e) => {
-  const btn = e.target.closest(".midia-remove");
-  if (!btn) return;
-  if (!confirm("Excluir esta mídia? Essa ação não pode ser desfeita.")) return;
-  try {
-    await apiSend("DELETE", `/${midiaAnuncioId}/midias?url=${encodeURIComponent(btn.dataset.url)}`);
-    toast("Mídia removida.");
-    carregarMidias();
-  } catch (err) {
-    toast(err.message, true);
-  }
-});
+/* -------------------- Mídias do anúncio --------------------
+   O envio/URL/exclusão de mídias não fica mais dentro do formulário de
+   adicionar/editar anúncio — vive só na página dedicada /admin/midias/{id}
+   (ver templates/admin_midias.html + static/js/admin_midias.js). Aqui só
+   mostramos o botão que leva para lá. */
+function ativarSecaoMidia(id) {
+  midiaAnuncioId = id;
+  document.getElementById("midia-hint").textContent =
+    `Arquivos do anúncio #${id} ficam salvos em /data/midia/anuncios/${id}/`;
+  const btnPaginaMidias = document.getElementById("btn-midia-nova-janela");
+  btnPaginaMidias.style.display = "";
+  btnPaginaMidias.onclick = () => {
+    window.location.href = `/admin/midias/${id}`;
+  };
+}
 
+/* -------------------- Formulário: Adicionar / Editar anúncio -------------------- */
 function lerFormulario() {
   return {
     tipo_negocio: document.getElementById("a-tipo-negocio").value,
@@ -142,8 +111,10 @@ function preencherFormulario(a) {
   document.getElementById("a-corretor").value = a.corretor_responsavel || "";
   document.getElementById("a-telefone").value = a.telefone_contato || "";
 
+  formHeading.textContent = `Editar anúncio #${a.id}`;
   btnSalvar.textContent = `Atualizar anúncio #${a.id}`;
   btnCancelar.style.display = "";
+  ativarAba("adicionar");
   form.scrollIntoView({ behavior: "smooth" });
   ativarSecaoMidia(a.id);
 }
@@ -152,10 +123,41 @@ function limparFormulario() {
   form.reset();
   document.getElementById("a-id").value = "";
   document.getElementById("a-estado").value = "PR";
+  formHeading.textContent = "Novo anúncio";
   btnSalvar.textContent = "Salvar anúncio";
   btnCancelar.style.display = "none";
+  // Observação: a seção de mídias (e o botão "nova janela") não são escondidos
+  // aqui de propósito — depois de salvar um anúncio novo ela deve continuar
+  // visível, apontando para o anúncio recém-criado (ver ativarSecaoMidia).
 }
 
+form.addEventListener("submit", async (e) => {
+  e.preventDefault();
+  const id = document.getElementById("a-id").value;
+  const payload = lerFormulario();
+
+  btnSalvar.disabled = true;
+  try {
+    if (id) {
+      await apiSend("PUT", `/${id}`, payload);
+      toast(`Anúncio #${id} atualizado.`);
+      ativarSecaoMidia(id);
+    } else {
+      const criado = await apiSend("POST", "/", payload);
+      toast(`Anúncio #${criado.id} criado.`);
+      ativarSecaoMidia(criado.id);
+    }
+    limparFormulario();
+  } catch (err) {
+    tratarErro(err);
+  } finally {
+    btnSalvar.disabled = false;
+  }
+});
+
+btnCancelar.addEventListener("click", limparFormulario);
+
+/* -------------------- Aba: Editar anúncios (lista) -------------------- */
 async function carregarLista() {
   const tbody = document.getElementById("admin-tbody");
   tbody.innerHTML = `<tr><td colspan="7" class="muted">Carregando anúncios…</td></tr>`;
@@ -163,7 +165,7 @@ async function carregarLista() {
     const data = await apiGet("/", { limit: 200, ordenar_por: "mais_recentes" });
     document.getElementById("admin-total").textContent = `${data.total} anúncio(s) na base`;
     if (!data.resultados.length) {
-      tbody.innerHTML = `<tr><td colspan="7" class="muted">Nenhum anúncio cadastrado ainda.</td></tr>`;
+      tbody.innerHTML = `<tr><td colspan="8" class="muted">Nenhum anúncio cadastrado ainda.</td></tr>`;
       return;
     }
     tbody.innerHTML = data.resultados.map((a) => `
@@ -172,8 +174,9 @@ async function carregarLista() {
         <td>${escapeHtml(a.titulo)}</td>
         <td>${a.tipo_negocio}</td>
         <td>${escapeHtml(a.cidade)}</td>
-        <td class="badge-mono">${formatMoney(a.preco, a.tipo_negocio).replace(/<[^>]+>/g, "")}</td>
+        <td class="badge-mono">${formatMoney(a.preco, a.tipo_negocio, false).replace(/<[^>]+>/g, "")}</td>
         <td><span class="status-pill ${statusClass(a.status)}">${a.status}</span></td>
+        <td><button class="icon-btn" data-acao="midias" data-id="${a.id}">Mídias</button></td>
         <td>
           <button class="icon-btn" data-acao="editar" data-id="${a.id}">Editar</button>
           <button class="icon-btn" data-acao="ver" data-id="${a.id}">Ver</button>
@@ -195,12 +198,16 @@ document.getElementById("admin-tbody").addEventListener("click", async (e) => {
     window.open(`/imovel/${id}`, "_blank");
     return;
   }
+  if (btn.dataset.acao === "midias") {
+    window.location.href = `/admin/midias/${id}`;
+    return;
+  }
   if (btn.dataset.acao === "editar") {
     try {
       const a = await apiGet(`/${id}`);
       preencherFormulario(a);
     } catch (err) {
-      toast(err.message, true);
+      tratarErro(err);
     }
     return;
   }
@@ -211,36 +218,393 @@ document.getElementById("admin-tbody").addEventListener("click", async (e) => {
       toast(`Anúncio #${id} removido.`);
       carregarLista();
     } catch (err) {
-      toast(err.message, true);
+      tratarErro(err);
     }
   }
 });
 
-form.addEventListener("submit", async (e) => {
-  e.preventDefault();
-  const id = document.getElementById("a-id").value;
-  const payload = lerFormulario();
+/* -------------------- Aba: Selecionar destaques -------------------- */
+async function carregarDestaques() {
+  const lista = document.getElementById("destaques-lista");
+  lista.innerHTML = `<p class="muted">Carregando anúncios…</p>`;
+  try {
+    const data = await apiGet("/", { limit: 200, ordenar_por: "mais_recentes" });
+    if (!data.resultados.length) {
+      lista.innerHTML = `<p class="muted">Nenhum anúncio cadastrado ainda.</p>`;
+      return;
+    }
+    lista.innerHTML = data.resultados.map((a) => `
+      <label class="destaque-item">
+        <div class="destaque-item-info">
+          <span class="badge-mono">#${a.id}</span>
+          <span class="destaque-item-titulo">${escapeHtml(a.titulo)}</span>
+          <span class="muted destaque-item-local">${escapeHtml(a.bairro)}, ${escapeHtml(a.cidade)} · ${a.tipo_negocio}</span>
+        </div>
+        <span class="switch">
+          <input type="checkbox" data-id="${a.id}" ${a.destaque ? "checked" : ""}>
+          <span class="switch-track"></span>
+        </span>
+      </label>
+    `).join("");
+  } catch (err) {
+    lista.innerHTML = `<p class="muted">Erro ao carregar: ${escapeHtml(err.message)}</p>`;
+  }
+}
 
-  btnSalvar.disabled = true;
+document.getElementById("destaques-lista").addEventListener("change", async (e) => {
+  const input = e.target.closest('input[type="checkbox"][data-id]');
+  if (!input) return;
+  const id = input.dataset.id;
+  const destaque = input.checked;
+  input.disabled = true;
   try {
-    if (id) {
-      await apiSend("PUT", `/${id}`, payload);
-      toast(`Anúncio #${id} atualizado.`);
-      ativarSecaoMidia(id);
+    await apiSend("PATCH", `/${id}`, { destaque });
+    toast(destaque ? `Anúncio #${id} marcado como destaque.` : `Anúncio #${id} removido dos destaques.`);
+  } catch (err) {
+    input.checked = !destaque; // desfaz a marcação visual se a chamada falhar
+    tratarErro(err);
+  } finally {
+    input.disabled = false;
+  }
+});
+
+/* -------------------- Aba: Configurações do site -------------------- */
+const formConfig = document.getElementById("form-config");
+const btnSalvarConfig = document.getElementById("btn-salvar-config");
+
+async function carregarConfig() {
+  try {
+    const cfg = await fetch("/api/config").then((r) => r.json());
+    document.getElementById("cfg-nome-empresa").value = cfg.nome_empresa || "";
+    document.getElementById("cfg-responsavel").value = cfg.responsavel || "";
+    document.getElementById("cfg-creci").value = cfg.creci || "";
+    document.getElementById("cfg-whatsapp-numero").value = cfg.whatsapp_numero || "";
+    document.getElementById("cfg-telefone-exibicao").value = cfg.telefone_exibicao || "";
+    document.getElementById("cfg-email").value = cfg.email || "";
+    document.getElementById("cfg-whatsapp-texto").value = cfg.whatsapp_texto_padrao || "";
+    document.getElementById("cfg-endereco").value = cfg.endereco || "";
+    document.getElementById("cfg-horario").value = cfg.horario_atendimento || "";
+  } catch (err) {
+    toast("Erro ao carregar configurações do site.", true);
+  }
+}
+
+formConfig.addEventListener("submit", async (e) => {
+  e.preventDefault();
+  const payload = {
+    nome_empresa: document.getElementById("cfg-nome-empresa").value,
+    responsavel: document.getElementById("cfg-responsavel").value,
+    creci: document.getElementById("cfg-creci").value,
+    whatsapp_numero: document.getElementById("cfg-whatsapp-numero").value.replace(/\D/g, ""),
+    telefone_exibicao: document.getElementById("cfg-telefone-exibicao").value,
+    email: document.getElementById("cfg-email").value,
+    whatsapp_texto_padrao: document.getElementById("cfg-whatsapp-texto").value,
+    endereco: document.getElementById("cfg-endereco").value,
+    horario_atendimento: document.getElementById("cfg-horario").value,
+  };
+  btnSalvarConfig.disabled = true;
+  try {
+    const res = await fetch("/api/config", {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(payload),
+    });
+    if (!res.ok) {
+      if (res.status === 401) { window.location.href = "/admin/login?expirado=1"; return; }
+      const d = await res.json().catch(() => ({}));
+      throw new Error(d.detail ? JSON.stringify(d.detail) : `Erro ${res.status}`);
+    }
+    toast("Configurações do site salvas com sucesso.");
+  } catch (err) {
+    toast(err.message, true);
+  } finally {
+    btnSalvarConfig.disabled = false;
+  }
+});
+
+document.addEventListener("DOMContentLoaded", carregarLista);
+
+/* -------------------- Aba: Editar páginas HTML (editor visual) -------------------- */
+let paginasCarregadas = false;
+const PAGINA_URL_PREVIEW = {
+  inicio: "/",
+  sobre: "/sobre.html",
+  servicos: "/servicos.html",
+  contato: "/contato.html",
+  "404": "/pagina-inexistente-" + Date.now(),
+  header: "/",
+  footer: "/",
+};
+
+const pgSelect = document.getElementById("pg-select");
+const pgConteudo = document.getElementById("pg-conteudo"); // fonte de verdade (HTML bruto completo do arquivo)
+const pgVisual = document.getElementById("pg-visual");     // área contenteditable (só o miolo editável)
+const pgBlocoVisual = document.getElementById("pg-bloco-visual");
+const pgDescricao = document.getElementById("pg-descricao");
+const pgVerLink = document.getElementById("pg-ver-link");
+const pgStatus = document.getElementById("pg-status");
+const btnSalvarPagina = document.getElementById("btn-salvar-pagina");
+const btnModoVisual = document.getElementById("pg-modo-visual");
+const btnModoCodigo = document.getElementById("pg-modo-codigo");
+
+let pgModoAtual = "visual";
+let pgPre = "";      // tudo antes do <body...> (doctype, head, etc.) — nunca editado visualmente
+let pgPos = "";      // tudo a partir de </body> — nunca editado visualmente
+let pgTokens = {};   // token -> trecho original (Jinja {{ }}/{% %} e blocos <script>)
+let pgTokenSeq = 0;
+
+/* ---- Tokenização: protege trechos {{ }}, {% %} e <script> antes de jogar no contenteditable,
+   pra edição visual não corromper a lógica do template nem executar scripts sem querer. ---- */
+function tokenizarMiolo(html) {
+  pgTokens = {};
+  pgTokenSeq = 0;
+
+  let resultado = html.replace(/<script[\s\S]*?<\/script>/gi, (trecho) => {
+    const token = `scriptTok${pgTokenSeq++}`;
+    pgTokens[token] = trecho;
+    return `<div class="cms-locked-block" contenteditable="false" data-cms-token="${token}">🔒 Bloco de script (edite em "Código HTML")</div>`;
+  });
+
+  resultado = resultado.replace(/\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\}/g, (trecho) => {
+    const token = `jinjaTok${pgTokenSeq++}`;
+    pgTokens[token] = trecho;
+    return `<span class="cms-locked-inline" contenteditable="false" data-cms-token="${token}">🔒</span>`;
+  });
+
+  return resultado;
+}
+
+function destokenizarMiolo(html) {
+  let resultado = html;
+  Object.keys(pgTokens).forEach((token) => {
+    const original = pgTokens[token];
+    const regexBloco = new RegExp(`<div[^>]*data-cms-token="${token}"[^>]*>[\\s\\S]*?</div>`, "");
+    const regexInline = new RegExp(`<span[^>]*data-cms-token="${token}"[^>]*>[\\s\\S]*?</span>`, "");
+    if (regexBloco.test(resultado)) {
+      resultado = resultado.replace(regexBloco, original);
     } else {
-      const criado = await apiSend("POST", "/", payload);
-      toast(`Anúncio #${criado.id} criado.`);
-      ativarSecaoMidia(criado.id);
+      resultado = resultado.replace(regexInline, original);
     }
-    limparFormulario();
-    carregarLista();
+  });
+  return resultado;
+}
+
+/* ---- Divide o arquivo em: antes do <body>, miolo (editável), depois de </body>.
+   Páginas parciais sem <body> (cabeçalho/rodapé) caem inteiras no miolo. ---- */
+function dividirEmBody(htmlCompleto) {
+  const abre = htmlCompleto.match(/<body[^>]*>/i);
+  const fecha = htmlCompleto.match(/<\/body>/i);
+  if (!abre || !fecha) {
+    return { pre: "", miolo: htmlCompleto, pos: "" };
+  }
+  const idxAbre = abre.index + abre[0].length;
+  const idxFecha = fecha.index;
+  return {
+    pre: htmlCompleto.slice(0, idxAbre),
+    miolo: htmlCompleto.slice(idxAbre, idxFecha),
+    pos: htmlCompleto.slice(idxFecha),
+  };
+}
+
+function carregarVisualApartirDoCodigo() {
+  const partes = dividirEmBody(pgConteudo.value);
+  pgPre = partes.pre;
+  pgPos = partes.pos;
+  pgVisual.innerHTML = tokenizarMiolo(partes.miolo);
+}
+
+function sincronizarCodigoApartirDoVisual() {
+  const mioloEditado = destokenizarMiolo(pgVisual.innerHTML);
+  pgConteudo.value = pgPre + mioloEditado + pgPos;
+}
+
+function definirModoEdicao(modo) {
+  if (modo === pgModoAtual) return;
+  if (modo === "codigo") {
+    sincronizarCodigoApartirDoVisual();
+    pgBlocoVisual.hidden = true;
+    pgConteudo.hidden = false;
+  } else {
+    carregarVisualApartirDoCodigo();
+    pgConteudo.hidden = true;
+    pgBlocoVisual.hidden = false;
+  }
+  pgModoAtual = modo;
+  btnModoVisual.classList.toggle("is-active", modo === "visual");
+  btnModoCodigo.classList.toggle("is-active", modo === "codigo");
+}
+
+btnModoVisual.addEventListener("click", () => definirModoEdicao("visual"));
+btnModoCodigo.addEventListener("click", () => definirModoEdicao("codigo"));
+
+/* ---- Barra de ferramentas (comandos básicos de formatação) ---- */
+document.getElementById("pg-toolbar").addEventListener("mousedown", (e) => {
+  // Evita perder a seleção de texto do contenteditable ao clicar num botão da barra.
+  if (e.target.closest("button")) e.preventDefault();
+});
+
+document.getElementById("pg-toolbar").addEventListener("click", (e) => {
+  const btn = e.target.closest("button[data-cmd], button[data-block]");
+  if (!btn) return;
+  pgVisual.focus();
+  if (btn.dataset.cmd) {
+    document.execCommand(btn.dataset.cmd, false, null);
+  } else if (btn.dataset.block) {
+    document.execCommand("formatBlock", false, btn.dataset.block);
+  }
+});
+
+document.getElementById("pg-tb-link").addEventListener("click", () => {
+  const url = prompt("URL do link:", "https://");
+  if (!url) return;
+  pgVisual.focus();
+  document.execCommand("createLink", false, url);
+});
+
+document.getElementById("pg-tb-img").addEventListener("click", () => {
+  const url = prompt("URL da imagem:", "https://");
+  if (!url) return;
+  pgVisual.focus();
+  document.execCommand("insertImage", false, url);
+});
+
+/* ---- Carregar página selecionada ---- */
+async function carregarListaPaginas() {
+  try {
+    const paginas = await fetch("/api/paginas").then((r) => r.json());
+    pgSelect.innerHTML = paginas.map((p) => `<option value="${p.id}">${escapeHtml(p.nome)}</option>`).join("");
+    paginasCarregadas = true;
+    if (paginas.length) carregarConteudoPagina(paginas[0].id, paginas[0].descricao);
+  } catch (err) {
+    pgDescricao.textContent = "Erro ao carregar lista de páginas.";
+  }
+}
+
+async function carregarConteudoPagina(id, descricao) {
+  pgStatus.textContent = "";
+  pgDescricao.textContent = descricao || "";
+  pgVerLink.href = PAGINA_URL_PREVIEW[id] || "/";
+  pgVisual.innerHTML = "<p><em>Carregando…</em></p>";
+  try {
+    const res = await fetch(`/api/paginas/${id}`);
+    if (!res.ok) throw new Error(`Erro ${res.status} ao carregar a página`);
+    const data = await res.json();
+    pgConteudo.value = data.conteudo;
+    pgModoAtual = "codigo"; // força a sincronização abaixo a (re)gerar a visão visual
+    definirModoEdicao("visual");
+  } catch (err) {
+    pgVisual.innerHTML = "";
+    pgStatus.textContent = err.message;
+  }
+}
+
+pgSelect.addEventListener("change", () => {
+  const opt = pgSelect.options[pgSelect.selectedIndex];
+  carregarConteudoPagina(pgSelect.value, opt ? opt.textContent : "");
+});
+
+btnSalvarPagina.addEventListener("click", async () => {
+  const id = pgSelect.value;
+  if (!id) return;
+  if (pgModoAtual === "visual") sincronizarCodigoApartirDoVisual();
+  if (!confirm(`Salvar as alterações de "${pgSelect.options[pgSelect.selectedIndex].textContent}"? Isso substitui o HTML atual dessa página no site.`)) return;
+
+  btnSalvarPagina.disabled = true;
+  pgStatus.textContent = "Salvando…";
+  try {
+    const res = await fetch(`/api/paginas/${id}`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ conteudo: pgConteudo.value }),
+    });
+    if (!res.ok) {
+      if (res.status === 401) { window.location.href = "/admin/login?expirado=1"; return; }
+      const d = await res.json().catch(() => ({}));
+      throw new Error(d.detail || `Erro ${res.status}`);
+    }
+    pgStatus.textContent = "";
+    toast("Página salva com sucesso.");
   } catch (err) {
+    pgStatus.textContent = "";
     toast(err.message, true);
   } finally {
-    btnSalvar.disabled = false;
+    btnSalvarPagina.disabled = false;
   }
 });
 
-btnCancelar.addEventListener("click", limparFormulario);
+/* -------------------- Aba: Backup e restauração -------------------- */
+function formatarTamanho(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
 
-document.addEventListener("DOMContentLoaded", carregarLista);
+function formatarDataHora(isoStr) {
+  try {
+    return new Date(isoStr).toLocaleString("pt-BR");
+  } catch {
+    return isoStr;
+  }
+}
+
+async function carregarBackupsAutomaticos() {
+  const tbody = document.getElementById("backup-auto-tbody");
+  tbody.innerHTML = `<tr><td colspan="4" class="muted">Carregando…</td></tr>`;
+  try {
+    const res = await fetch("/api/backup/automaticos");
+    if (!res.ok) {
+      if (res.status === 401) { window.location.href = "/admin/login?expirado=1"; return; }
+      throw new Error(`Erro ${res.status} ao listar backups`);
+    }
+    const lista = await res.json();
+    if (!lista.length) {
+      tbody.innerHTML = `<tr><td colspan="4" class="muted">Nenhum backup automático ainda — eles são criados sozinhos antes de cada restauração.</td></tr>`;
+      return;
+    }
+    tbody.innerHTML = lista.map((b) => `
+      <tr>
+        <td class="badge-mono">${escapeHtml(b.nome)}</td>
+        <td>${formatarDataHora(b.criado_em)}</td>
+        <td>${formatarTamanho(b.tamanho_bytes)}</td>
+        <td><a class="icon-btn" href="/api/backup/automaticos/${encodeURIComponent(b.nome)}">Baixar</a></td>
+      </tr>
+    `).join("");
+  } catch (err) {
+    tbody.innerHTML = `<tr><td colspan="4">Erro ao carregar: ${escapeHtml(err.message)}</td></tr>`;
+  }
+}
+
+document.getElementById("btn-restaurar-backup").addEventListener("click", async () => {
+  const input = document.getElementById("backup-arquivo");
+  const statusEl = document.getElementById("backup-restaurar-status");
+  if (!input.files.length) { toast("Selecione o arquivo .zip do backup.", true); return; }
+
+  if (!confirm(
+    "Isso vai SUBSTITUIR a planilha de anúncios, as configurações do site, as mídias e as páginas atuais pelos dados desse backup. " +
+    "Um backup de segurança do estado atual é feito automaticamente antes. Quer continuar?"
+  )) return;
+
+  const fd = new FormData();
+  fd.append("arquivo", input.files[0]);
+
+  const btn = document.getElementById("btn-restaurar-backup");
+  btn.disabled = true;
+  statusEl.textContent = "Restaurando…";
+  try {
+    const res = await fetch("/api/backup/restaurar", { method: "POST", body: fd });
+    if (!res.ok) {
+      if (res.status === 401) { window.location.href = "/admin/login?expirado=1"; return; }
+      const d = await res.json().catch(() => ({}));
+      throw new Error(d.detail ? JSON.stringify(d.detail) : `Erro ${res.status}`);
+    }
+    input.value = "";
+    statusEl.textContent = "";
+    toast("Backup restaurado com sucesso. Recarregue as demais abas para ver os dados atualizados.");
+    carregarBackupsAutomaticos();
+  } catch (err) {
+    statusEl.textContent = "";
+    toast(err.message, true);
+  } finally {
+    btn.disabled = false;
+  }
+});

static/js/admin_midias.js

@@ -0,0 +1,86 @@
+/* SK Imobiliária — janela dedicada de gerenciamento de mídias (aberta a partir do painel admin) */
+
+const anuncioId = Number(document.currentScript.dataset.anuncioId);
+
+function tratarErro(err) {
+  if (err && err.status === 401) {
+    window.location.href = "/admin/login?expirado=1";
+    return;
+  }
+  toast(err.message, true);
+}
+
+async function carregarMidias() {
+  const grid = document.getElementById("midia-grid");
+  try {
+    const a = await apiGet(`/${anuncioId}`);
+    const midias = parseMidias(a.midias);
+    if (!midias.length) {
+      grid.innerHTML = `<p class="muted" style="grid-column:1/-1">Nenhuma mídia enviada ainda.</p>`;
+      return;
+    }
+    grid.innerHTML = midias.map((url) => `
+      <div class="midia-item">
+        ${mediaThumbTag(url)}
+        <button type="button" class="midia-remove" data-url="${escapeHtml(url)}" title="Excluir mídia" aria-label="Excluir mídia">✕</button>
+      </div>`).join("");
+  } catch (err) {
+    grid.innerHTML = `<p class="muted" style="grid-column:1/-1">Erro ao carregar mídias: ${escapeHtml(err.message)}</p>`;
+  }
+}
+
+document.getElementById("btn-upload-midia").addEventListener("click", async () => {
+  const input = document.getElementById("midia-arquivos");
+  if (!input.files.length) { toast("Selecione ao menos um arquivo.", true); return; }
+
+  const fd = new FormData();
+  Array.from(input.files).forEach((f) => fd.append("arquivos", f));
+
+  const statusEl = document.getElementById("midia-upload-status");
+  statusEl.textContent = "Enviando…";
+  try {
+    const res = await fetch(`${API_BASE}/${anuncioId}/midias/upload`, { method: "POST", body: fd });
+    if (!res.ok) {
+      if (res.status === 401) { window.location.href = "/admin/login?expirado=1"; return; }
+      const d = await res.json().catch(() => ({}));
+      throw new Error(d.detail ? JSON.stringify(d.detail) : `Erro ${res.status}`);
+    }
+    input.value = "";
+    statusEl.textContent = "";
+    toast("Mídia enviada com sucesso.");
+    carregarMidias();
+  } catch (err) {
+    statusEl.textContent = "";
+    toast(err.message, true);
+  }
+});
+
+document.getElementById("btn-add-midia-url").addEventListener("click", async () => {
+  const input = document.getElementById("midia-url");
+  const url = input.value.trim();
+  if (!url) { toast("Cole a URL da mídia (foto, vídeo ou áudio).", true); return; }
+
+  try {
+    await apiSend("POST", `/${anuncioId}/midias/url?url=${encodeURIComponent(url)}`);
+    input.value = "";
+    toast("Mídia adicionada com sucesso.");
+    carregarMidias();
+  } catch (err) {
+    tratarErro(err);
+  }
+});
+
+document.getElementById("midia-grid").addEventListener("click", async (e) => {
+  const btn = e.target.closest(".midia-remove");
+  if (!btn) return;
+  if (!confirm("Excluir esta mídia? Essa ação não pode ser desfeita.")) return;
+  try {
+    await apiSend("DELETE", `/${anuncioId}/midias?url=${encodeURIComponent(btn.dataset.url)}`);
+    toast("Mídia removida.");
+    carregarMidias();
+  } catch (err) {
+    tratarErro(err);
+  }
+});
+
+carregarMidias();

static/js/api.js

@@ -1,7 +1,9 @@
 /* SK Imobiliária — camada de acesso à API e helpers de formatação */
 
 const API_BASE = "/api/anuncios";
-const WHATSAPP_NUMERO = "5541998112201"; // SK — atendimento central (demo)
+// Número de fallback (demo) — na prática, o número usado é o de window.SITE_CONFIG,
+// preenchido pelo _header.html a partir das Configurações do site no painel admin.
+const WHATSAPP_NUMERO = (window.SITE_CONFIG && window.SITE_CONFIG.whatsapp_numero) || "5541998112201";
 
 function apiUrl(path, params = {}) {
   const url = new URL(API_BASE + path, window.location.origin);
@@ -15,7 +17,9 @@ async function apiGet(path, params = {}) {
   const res = await fetch(apiUrl(path, params));
   if (!res.ok) {
     const detalhe = await res.json().catch(() => ({}));
-    throw new Error(detalhe.detail || `Erro ${res.status} ao consultar a API`);
+    const err = new Error(detalhe.detail || `Erro ${res.status} ao consultar a API`);
+    err.status = res.status;
+    throw err;
   }
   return res.json();
 }
@@ -29,13 +33,19 @@ async function apiSend(method, path, body) {
   const res = await fetch(API_BASE + path, opts);
   if (!res.ok) {
     const detalhe = await res.json().catch(() => ({}));
-    throw new Error(detalhe.detail ? JSON.stringify(detalhe.detail) : `Erro ${res.status}`);
+    const err = new Error(detalhe.detail ? JSON.stringify(detalhe.detail) : `Erro ${res.status}`);
+    err.status = res.status;
+    throw err;
   }
   return method === "DELETE" ? null : res.json();
 }
 
-function formatMoney(valor, tipoNegocio) {
+// ocultarZero=true (padrão): quando o valor não foi informado (0/vazio), não
+// exibe nada — usado nas páginas públicas (cards, página do imóvel). O painel
+// admin passa ocultarZero=false para continuar vendo "R$ 0" e saber que falta preencher.
+function formatMoney(valor, tipoNegocio, ocultarZero = true) {
   const n = Number(valor) || 0;
+  if (!n && ocultarZero) return "";
   const formatted = n.toLocaleString("pt-BR", { style: "currency", currency: "BRL", maximumFractionDigits: 0 });
   if (tipoNegocio === "Locação") return `${formatted}<small> /mês</small>`;
   return formatted;
@@ -115,6 +125,7 @@ function urlAnuncio(a) {
 function statusClass(status) {
   const map = {
     "Disponível": "status-disponivel",
+    "Lançamento": "status-lancamento",
     "Reservado": "status-reservado",
     "Inativo": "status-inativo",
     "Vendido": "status-vendido",
@@ -155,7 +166,7 @@ function cardImovel(a) {
     </div>
     <div class="card-body">
       <span class="status-pill ${statusClass(a.status)}">${a.status}</span>
-      <div class="card-price">${formatMoney(a.preco, a.tipo_negocio)}</div>
+      ${a.preco ? `<div class="card-price">${formatMoney(a.preco, a.tipo_negocio)}</div>` : ""}
       <h3 class="card-title">${escapeHtml(a.titulo)}</h3>
       <div class="card-loc">📍 ${escapeHtml(a.bairro)}, ${escapeHtml(a.cidade)}</div>
       <div class="card-specs">${specs.join("")}</div>

static/js/busca.js

@@ -145,7 +145,7 @@ async function carregarResultados() {
 
     const de = data.total === 0 ? 0 : data.skip + 1;
     const ate = Math.min(data.skip + data.resultados.length, data.total);
-    resumo.innerHTML = `<b>${data.total}</b> imóve${data.total === 1 ? "l" : "is"} encontrados${data.total ? ` · exibindo ${de}–${ate}` : ""}`;
+    resumo.innerHTML = `<b>${data.total}</b> encontrados${data.total ? ` - exibindo ${de}–${ate}` : ""}`;
     atualizarContadorBotaoAplicar(data.total);
 
     renderFacetList("facet-tipo", data.facetas.tipos_imovel, "tipo_imovel");

static/js/home.js

@@ -32,17 +32,12 @@ function ajustarAlturaShowcase() {
 
 let _showcaseTimer = null;
 
-function montarShowcase(el, destaques) {
-  const dots = destaques.map((_, i) => `<button type="button" class="showcase-dot${i === 0 ? " active" : ""}" data-idx="${i}" aria-label="Ir para o imóvel ${i + 1}"></button>`).join("");
-  const arrows = destaques.length > 1 ? `
-    <button type="button" class="showcase-arrow prev" aria-label="Imóvel anterior">‹</button>
-    <button type="button" class="showcase-arrow next" aria-label="Próximo imóvel">›</button>` : "";
-
-  el.innerHTML = `
-    <div class="showcase-track">${destaques.map(showcaseSlide).join("")}</div>
-    ${destaques.length > 1 ? `<div class="showcase-dots">${dots}</div>` : ""}
-    ${arrows}`;
-
+/* Liga a interatividade (dots, setas, autoplay, destaque do dot ativo) num
+   carrossel cuja marcação (.showcase-track/.showcase-dots/.showcase-arrow)
+   já existe no DOM — vinda do servidor (SSR, ver render_showcase_ssr em
+   app/seo.py) ou montada agora mesmo por montarShowcase() no modo de
+   fallback client-side abaixo. */
+function ligarShowcase(el) {
   const track = el.querySelector(".showcase-track");
   const slides = Array.from(track.children);
   const dotEls = Array.from(el.querySelectorAll(".showcase-dot"));
@@ -85,8 +80,40 @@ function montarShowcase(el, destaques) {
   track.addEventListener("pointerdown", reiniciarAutoplay);
 }
 
+/* Fallback 100% client-side: usado só se por algum motivo a página chegar
+   sem o HTML pronto do servidor (ex.: cache antigo). Desenha a marcação e
+   então liga a mesma interatividade de ligarShowcase(). */
+function montarShowcase(el, destaques) {
+  const dots = destaques.map((_, i) => `<button type="button" class="showcase-dot${i === 0 ? " active" : ""}" data-idx="${i}" aria-label="Ir para o imóvel ${i + 1}"></button>`).join("");
+  const arrows = destaques.length > 1 ? `
+    <button type="button" class="showcase-arrow prev" aria-label="Imóvel anterior">‹</button>
+    <button type="button" class="showcase-arrow next" aria-label="Próximo imóvel">›</button>` : "";
+
+  el.innerHTML = `
+    <div class="showcase-track">${destaques.map(showcaseSlide).join("")}</div>
+    ${destaques.length > 1 ? `<div class="showcase-dots">${dots}</div>` : ""}
+    ${arrows}`;
+
+  ligarShowcase(el);
+}
+
 async function carregarDestaques() {
   const el = document.getElementById("destaques-carousel");
+
+  // Caminho principal: a página já chegou com o carrossel renderizado no
+  // servidor (ver render_showcase_ssr em app/seo.py + window.__DESTAQUES_SSR__
+  // embutido pelo index.html). Não precisamos buscar nem redesenhar nada —
+  // só ligar a interatividade em cima da marcação que já está no DOM.
+  if (Array.isArray(window.__DESTAQUES_SSR__)) {
+    if (window.__DESTAQUES_SSR__.length && el.querySelector(".showcase-track")) {
+      ligarShowcase(el);
+    }
+    ajustarAlturaShowcase();
+    return;
+  }
+
+  // Fallback: página sem os dados embutidos pelo servidor (ex.: HTML em cache
+  // de uma versão anterior) — busca e monta via API, como antes.
   try {
     const destaques = await apiGet("/destaques", { limite: 8 });
     if (!destaques.length) {

static/js/imovel.js

@@ -103,8 +103,10 @@ async function renderizarImovelClientSide(id) {
         </div>
 
         <aside class="contact-card reveal reveal-right">
-          <div class="price">${formatMoney(a.preco, a.tipo_negocio)}</div>
-          <p class="form-note">${a.tipo_negocio === "Locação" ? "Valor mensal, sem condomínio e IPTU" : "Valor de venda à vista, sujeito a condições de financiamento"}</p>
+          ${a.preco
+            ? `<div class="price">${formatMoney(a.preco, a.tipo_negocio)}</div>
+          <p class="form-note">${a.tipo_negocio === "Locação" ? "Valor mensal, sem condomínio e IPTU" : "Valor de venda à vista, sujeito a condições de financiamento"}</p>`
+            : `<p class="form-note">Valor sob consulta — fale com o corretor.</p>`}
 
           <div class="broker">
             <div class="avatar">${iniciais(a.corretor_responsavel)}</div>

{static → templates}/404.html

@@ -7,16 +7,10 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
+<link rel="stylesheet" href="/css/style.css?v=8">
 </head>
 <body>
-<header class="site-header">
-  <nav class="nav">
-    <a class="brand" href="/">
-      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
-    </a>
-  </nav>
-</header>
+{% include "_header.html" %}
 <section class="container text-center" style="padding:120px 24px">
   <span class="eyebrow" style="justify-content:center">Erro 404</span>
   <h1>Essa maré não trouxe essa página</h1>

templates/_footer.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="footer-grid">
       <div>
-        <div class="footer-brand"><img src="/img/logo-sk.svg" alt="SK Imobiliária" height="30"></div>
+        <h4>{{ site_config().nome_empresa | upper }}</h4>
         <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
       </div>
       <div>
@@ -25,16 +25,14 @@
       <div>
         <h4>Contato</h4>
         <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@skimobiliaria.com.br</li>
+          <li>{{ site_config().email }}</li>
           <li><a href="/admin.html">Área do corretor →</a></li>
         </ul>
       </div>
     </div>
     <div class="footer-bottom">
-      <span>© <span data-year></span> SK Imobiliária · CRECI-PR 00000-J · Salete Kuhnert dos Santos</span>
-      <span>Site demonstrativo — dados fictícios</span>
+      <span>© <span data-year></span> {{ site_config().nome_empresa }} · {{ site_config().creci }} · {{ site_config().responsavel }}</span>
+      <a href="/sitemap.xml">Mapa do site</a>
     </div>
   </div>
 </footer>

templates/_header.html

@@ -13,16 +13,16 @@
       <li><a href="/sobre.html">Sobre</a></li>
       <li><a href="/contato.html">Contato</a></li>
     </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
+    <a class="nav-cta nav-whats" href="https://wa.me/{{ site_config().whatsapp_numero }}?text={{ site_config().whatsapp_texto_padrao | urlencode }}" target="_blank" rel="noopener" aria-label="Falar no WhatsApp: {{ site_config().telefone_exibicao }}"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>{{ site_config().telefone_exibicao }}</span></a>
   </nav>
 </header>
 
+<script>window.SITE_CONFIG = {{ site_config() | tojson }};</script>
+
 <section class="quick-search-section">
   <form class="quick-search" action="/busca" method="get">
     <input type="search" name="busca" placeholder="Buscar por título, bairro ou endereço…" aria-label="Buscar imóveis">
-    <button type="submit" id="f-busca" class="quick-search-icon" 
-        style="background:none; border:none; outline:none; box-shadow:none;" 
-        aria-label="Buscar">
+    <button type="submit" id="f-busca" class="quick-search-icon" aria-label="Buscar">
     <svg class="quick-search-icon" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><circle cx="11" cy="11" r="7"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
 </button>
   </form>

templates/admin.html

@@ -0,0 +1,386 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Área do corretor — SK Imobiliária</title>
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
+<link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
+<link rel="stylesheet" href="/css/style.css?v=8">
+</head>
+<body>
+
+{% include "_header.html" %}
+<section class="page-hero" style="padding-bottom:24px">
+  <div class="container">
+    <span class="eyebrow reveal">Área do corretor</span>
+    <h1 class="reveal" style="--i:1">Gerenciar anúncios</h1>
+    <p class="reveal" style="--i:2">Painel para criar, editar, destacar e remover anúncios diretamente na planilha que alimenta o site.</p>
+    <a class="admin-logout-link reveal" style="--i:3" href="/admin/logout">Sair do painel →</a>
+  </div>
+</section>
+
+<section class="container">
+  <div class="admin-tabs" role="tablist">
+    <button type="button" class="admin-tab is-active" data-tab="adicionar" role="tab" aria-selected="true">Adicionar anúncio</button>
+    <button type="button" class="admin-tab" data-tab="editar" role="tab" aria-selected="false">Editar anúncios</button>
+    <button type="button" class="admin-tab" data-tab="destaques" role="tab" aria-selected="false">Selecionar destaques</button>
+    <button type="button" class="admin-tab" data-tab="config" role="tab" aria-selected="false">Configurações do site</button>
+    <button type="button" class="admin-tab" data-tab="paginas" role="tab" aria-selected="false">Editar páginas HTML</button>
+    <button type="button" class="admin-tab" data-tab="backup" role="tab" aria-selected="false">Backup e restauração</button>
+    <a class="btn btn-outline admin-tabs-extra" href="/api/anuncios/export/planilha">Baixar planilha (.xlsx)</a>
+  </div>
+
+  <!-- ==================== Aba: Adicionar anúncio (também usada para editar) ==================== -->
+  <div class="admin-panel" id="painel-adicionar" data-panel="adicionar">
+    <div class="section-head">
+      <div>
+        <h2 class="mt-0" id="form-heading">Novo anúncio</h2>
+        <p>Os campos seguem exatamente o que a API espera — nada de retrabalho na planilha.</p>
+      </div>
+    </div>
+
+    <form class="form-card" id="form-anuncio">
+      <input type="hidden" id="a-id">
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="a-tipo-negocio">Tipo de negócio</label>
+          <select id="a-tipo-negocio" required>
+            <option value="Venda">Venda</option>
+            <option value="Locação">Locação</option>
+          </select>
+        </div>
+        <div class="form-field">
+          <label for="a-tipo-imovel">Tipo de imóvel</label>
+          <select id="a-tipo-imovel" required>
+            <option>Casa</option><option>Apartamento</option><option>Terreno</option>
+            <option>Comercial</option><option>Sala Comercial</option><option>Galpão</option>
+            <option>Chácara/Sítio</option><option>Cobertura</option><option>Kitnet/Studio</option>
+          </select>
+        </div>
+      </div>
+
+      <div class="form-field">
+        <label for="a-titulo">Título</label>
+        <input type="text" id="a-titulo" required minlength="3" maxlength="150" placeholder="Ex.: Apartamento 2 quartos vista mar - Caiobá">
+      </div>
+      <div class="form-field">
+        <label for="a-descricao">Descrição</label>
+        <textarea id="a-descricao" maxlength="3000"></textarea>
+      </div>
+
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="a-endereco">Endereço</label>
+          <input type="text" id="a-endereco">
+        </div>
+        <div class="form-field">
+          <label for="a-bairro">Bairro</label>
+          <input type="text" id="a-bairro">
+        </div>
+        <div class="form-field">
+          <label for="a-cidade">Cidade</label>
+          <input type="text" id="a-cidade" required list="cidades-litoral">
+          <datalist id="cidades-litoral">
+            <option value="Matinhos"><option value="Guaratuba"><option value="Pontal do Paraná">
+          </datalist>
+        </div>
+        <div class="form-field">
+          <label for="a-estado">UF</label>
+          <input type="text" id="a-estado" required maxlength="2" value="PR">
+        </div>
+        <div class="form-field">
+          <label for="a-cep">CEP</label>
+          <input type="text" id="a-cep">
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="a-preco">Preço (R$)</label>
+          <input type="number" id="a-preco" required min="0" step="0.01">
+        </div>
+        <div class="form-field">
+          <label for="a-condominio">Condomínio (R$)</label>
+          <input type="number" id="a-condominio" min="0" step="0.01" value="0">
+        </div>
+        <div class="form-field">
+          <label for="a-iptu">IPTU (R$)</label>
+          <input type="number" id="a-iptu" min="0" step="0.01" value="0">
+        </div>
+        <div class="form-field">
+          <label for="a-area-util">Área útil (m²)</label>
+          <input type="number" id="a-area-util" min="0" step="0.01" value="0">
+        </div>
+        <div class="form-field">
+          <label for="a-area-total">Área total (m²)</label>
+          <input type="number" id="a-area-total" min="0" step="0.01" value="0">
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="a-quartos">Quartos</label>
+          <input type="number" id="a-quartos" min="0" value="0">
+        </div>
+        <div class="form-field">
+          <label for="a-suites">Suítes</label>
+          <input type="number" id="a-suites" min="0" value="0">
+        </div>
+        <div class="form-field">
+          <label for="a-banheiros">Banheiros</label>
+          <input type="number" id="a-banheiros" min="0" value="0">
+        </div>
+        <div class="form-field">
+          <label for="a-vagas">Vagas de garagem</label>
+          <input type="number" id="a-vagas" min="0" value="0">
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="a-status">Status</label>
+          <select id="a-status">
+            <option>Disponível</option><option>Lançamento</option><option>Reservado</option><option>Vendido</option>
+            <option>Alugado</option><option>Inativo</option>
+          </select>
+        </div>
+        <div class="form-field">
+          <label for="a-corretor">Corretor responsável</label>
+          <input type="text" id="a-corretor">
+        </div>
+        <div class="form-field">
+          <label for="a-telefone">Telefone de contato</label>
+          <input type="text" id="a-telefone">
+        </div>
+        <div class="form-field" style="justify-content:center">
+          <label><input type="checkbox" id="a-destaque"> Marcar como destaque</label>
+        </div>
+      </div>
+
+      <div style="display:flex;gap:12px;margin-top:8px">
+        <button class="btn btn-primary" type="submit" id="btn-salvar">Salvar anúncio</button>
+        <button class="btn btn-outline" type="button" id="btn-cancelar" style="display:none">Cancelar edição</button>
+      </div>
+    </form>
+
+    <div class="section-head" style="margin-top:44px">
+      <div>
+        <h2 class="mt-0">Mídias do anúncio</h2>
+        <p class="muted" id="midia-hint">Salve um anúncio acima para liberar o gerenciamento de fotos, vídeos e áudios.</p>
+      </div>
+      <button type="button" class="btn btn-primary" id="btn-midia-nova-janela" style="display:none">Gerenciar mídias deste anúncio →</button>
+    </div>
+    <p class="muted" style="margin-top:-10px;font-size:.82rem">
+      O envio, adição por URL e exclusão de fotos, vídeos e áudios é feito numa página própria (não é um pop-up), para não misturar com os dados do anúncio.
+    </p>
+  </div>
+
+  <!-- ==================== Aba: Editar anúncios (lista) ==================== -->
+  <div class="admin-panel" id="painel-editar" data-panel="editar" hidden>
+    <div class="section-head">
+      <div>
+        <h2 class="mt-0">Anúncios cadastrados</h2>
+        <p id="admin-total" class="muted">carregando…</p>
+      </div>
+    </div>
+    <div style="overflow-x:auto">
+      <table class="table-admin">
+        <thead>
+          <tr><th>#</th><th>Título</th><th>Negócio</th><th>Cidade</th><th>Preço</th><th>Status</th><th>Mídias</th><th>Ações</th></tr>
+        </thead>
+        <tbody id="admin-tbody">
+          <tr><td colspan="8" class="muted">Carregando anúncios…</td></tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+
+  <!-- ==================== Aba: Selecionar destaques ==================== -->
+  <div class="admin-panel" id="painel-destaques" data-panel="destaques" hidden>
+    <div class="section-head">
+      <div>
+        <h2 class="mt-0">Selecionar destaques</h2>
+        <p class="muted">Ative para exibir o imóvel na vitrine/carrossel de destaques do site. A alteração é salva na hora.</p>
+      </div>
+    </div>
+    <div id="destaques-lista" class="destaques-lista">
+      <p class="muted">Carregando anúncios…</p>
+    </div>
+  </div>
+
+  <!-- ==================== Aba: Configurações do site ==================== -->
+  <div class="admin-panel" id="painel-config" data-panel="config" hidden>
+    <div class="section-head">
+      <div>
+        <h2 class="mt-0">Configurações do site</h2>
+        <p class="muted">Dados de contato usados no cabeçalho, rodapé, página de contato e nos links de WhatsApp de todo o site.</p>
+      </div>
+    </div>
+
+    <form class="form-card" id="form-config">
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="cfg-nome-empresa">Nome da empresa</label>
+          <input type="text" id="cfg-nome-empresa" required>
+        </div>
+        <div class="form-field">
+          <label for="cfg-responsavel">Responsável / corretor(a) principal</label>
+          <input type="text" id="cfg-responsavel">
+        </div>
+        <div class="form-field">
+          <label for="cfg-creci">CRECI</label>
+          <input type="text" id="cfg-creci">
+        </div>
+      </div>
+
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="cfg-whatsapp-numero">Número do WhatsApp (só dígitos, com DDI+DDD)</label>
+          <input type="text" id="cfg-whatsapp-numero" required placeholder="5541998112201">
+        </div>
+        <div class="form-field">
+          <label for="cfg-telefone-exibicao">Telefone (formatado, para exibir no site)</label>
+          <input type="text" id="cfg-telefone-exibicao" required placeholder="(41) 99811-2201">
+        </div>
+        <div class="form-field">
+          <label for="cfg-email">E-mail de contato</label>
+          <input type="email" id="cfg-email" required>
+        </div>
+      </div>
+
+      <div class="form-field">
+        <label for="cfg-whatsapp-texto">Mensagem padrão do botão de WhatsApp do site</label>
+        <textarea id="cfg-whatsapp-texto" maxlength="300"></textarea>
+      </div>
+
+      <div class="form-grid">
+        <div class="form-field">
+          <label for="cfg-endereco">Endereço</label>
+          <input type="text" id="cfg-endereco">
+        </div>
+        <div class="form-field">
+          <label for="cfg-horario">Horário de atendimento</label>
+          <input type="text" id="cfg-horario" placeholder="Seg–sáb, 9h às 18h">
+        </div>
+      </div>
+
+      <button class="btn btn-primary" type="submit" id="btn-salvar-config">Salvar configurações</button>
+    </form>
+  </div>
+
+  <!-- ==================== Aba: Editar páginas HTML ==================== -->
+  <div class="admin-panel" id="painel-paginas" data-panel="paginas" hidden>
+    <div class="section-head">
+      <div>
+        <h2 class="mt-0">Editar páginas HTML</h2>
+        <p class="muted">Edite o HTML das páginas institucionais direto por aqui. Cuidado com as marcações entre <code>{% raw %}{{ }}{% endraw %}</code> e <code>{% raw %}{% %}{% endraw %}</code> — elas são geradas pelo sistema; removê-las ou digitar errado pode quebrar a página para os visitantes. Uma cópia da versão anterior é guardada automaticamente a cada salvamento.</p>
+      </div>
+    </div>
+
+    <div class="form-card">
+      <div class="form-grid" style="margin-bottom:18px">
+        <div class="form-field">
+          <label for="pg-select">Página</label>
+          <select id="pg-select"></select>
+        </div>
+        <div class="form-field" style="justify-content:flex-end">
+          <a class="btn btn-outline" id="pg-ver-link" href="#" target="_blank" rel="noopener">Ver página no site ↗</a>
+        </div>
+      </div>
+      <p class="muted" id="pg-descricao" style="margin-top:-10px;margin-bottom:14px;font-size:.82rem"></p>
+
+      <div class="pg-mode-tabs">
+        <button type="button" class="pg-mode-tab is-active" id="pg-modo-visual" data-modo="visual">✏️ Visual</button>
+        <button type="button" class="pg-mode-tab" id="pg-modo-codigo" data-modo="codigo">&lt;/&gt; Código HTML</button>
+      </div>
+
+      <div id="pg-bloco-visual">
+        <div class="pg-toolbar" id="pg-toolbar">
+          <button type="button" data-cmd="bold" title="Negrito"><strong>B</strong></button>
+          <button type="button" data-cmd="italic" title="Itálico"><em>I</em></button>
+          <button type="button" data-cmd="underline" title="Sublinhado"><u>U</u></button>
+          <span class="pg-tb-sep"></span>
+          <button type="button" data-block="H1" title="Título 1">H1</button>
+          <button type="button" data-block="H2" title="Título 2">H2</button>
+          <button type="button" data-block="H3" title="Título 3">H3</button>
+          <button type="button" data-block="P" title="Parágrafo">¶</button>
+          <span class="pg-tb-sep"></span>
+          <button type="button" data-cmd="insertUnorderedList" title="Lista com marcadores">• Lista</button>
+          <button type="button" data-cmd="insertOrderedList" title="Lista numerada">1. Lista</button>
+          <span class="pg-tb-sep"></span>
+          <button type="button" id="pg-tb-link" title="Inserir link">🔗 Link</button>
+          <button type="button" data-cmd="unlink" title="Remover link">🔗✕</button>
+          <button type="button" id="pg-tb-img" title="Inserir imagem por URL">🖼️ Imagem</button>
+          <span class="pg-tb-sep"></span>
+          <button type="button" data-cmd="undo" title="Desfazer">↶</button>
+          <button type="button" data-cmd="redo" title="Refazer">↷</button>
+        </div>
+        <div id="pg-visual" class="pg-visual-editor" contenteditable="true"></div>
+        <p class="muted" style="font-size:.78rem;margin-top:8px">
+          Os trechos com fundo destacado (🔒) são gerados pelo sistema (cabeçalho, rodapé, scripts) e não podem ser editados aqui — dá pra mover ou apagar o bloco inteiro, mas não editar o conteúdo dele. Para mexer neles, use o modo "Código HTML".
+        </p>
+      </div>
+
+      <textarea id="pg-conteudo" spellcheck="false" hidden style="width:100%;min-height:480px;font-family:'IBM Plex Mono',monospace;font-size:.82rem;line-height:1.5;padding:16px;border-radius:10px;border:1px solid rgba(27,75,79,.2);resize:vertical"></textarea>
+
+      <div style="display:flex;gap:12px;margin-top:14px;align-items:center">
+        <button class="btn btn-primary" type="button" id="btn-salvar-pagina">Salvar página</button>
+        <span class="form-note" id="pg-status" style="margin-top:0"></span>
+      </div>
+    </div>
+  </div>
+
+  <!-- ==================== Aba: Backup e restauração ==================== -->
+  <div class="admin-panel" id="painel-backup" data-panel="backup" hidden>
+    <div class="section-head">
+      <div>
+        <h2 class="mt-0">Backup e restauração</h2>
+        <p class="muted">Baixe uma cópia completa do site (planilha de anúncios, configurações, fotos/vídeos/áudios dos anúncios e páginas institucionais) ou restaure a partir de um backup anterior.</p>
+      </div>
+    </div>
+
+    <div class="form-card">
+      <h3 class="mt-0" style="font-size:1.05rem">Baixar backup completo</h3>
+      <p class="muted" style="font-size:.85rem;margin-top:-6px">
+        Gera um arquivo .zip com tudo: a planilha (data/imoveis.xlsx), as configurações do site, todas as mídias enviadas para os anúncios e o HTML das páginas editáveis. Guarde esse arquivo em local seguro.
+      </p>
+      <a class="btn btn-primary" id="btn-baixar-backup" href="/api/backup/exportar">Baixar backup (.zip)</a>
+    </div>
+
+    <div class="form-card" style="margin-top:24px">
+      <h3 class="mt-0" style="font-size:1.05rem">Restaurar a partir de um backup</h3>
+      <p class="muted" style="font-size:.85rem;margin-top:-6px">
+        ⚠️ Isso substitui os dados atuais (planilha, configurações, mídias e páginas) pelos dados do arquivo enviado. Antes de restaurar, o sistema tira automaticamente um backup de segurança do estado atual — então dá pra desfazer se algo der errado.
+      </p>
+      <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px">
+        <input type="file" id="backup-arquivo" accept=".zip,application/zip">
+        <button class="btn btn-outline" id="btn-restaurar-backup" type="button">Restaurar backup</button>
+        <span class="form-note" id="backup-restaurar-status" style="margin-top:0"></span>
+      </div>
+    </div>
+
+    <div class="form-card" style="margin-top:24px">
+      <h3 class="mt-0" style="font-size:1.05rem">Backups de segurança automáticos</h3>
+      <p class="muted" style="font-size:.85rem;margin-top:-6px">
+        Cópias tiradas automaticamente pelo sistema logo antes de cada restauração (as 8 mais recentes ficam guardadas).
+      </p>
+      <div style="overflow-x:auto">
+        <table class="table-admin">
+          <thead><tr><th>Arquivo</th><th>Criado em</th><th>Tamanho</th><th>Ações</th></tr></thead>
+          <tbody id="backup-auto-tbody"><tr><td colspan="4" class="muted">Carregando…</td></tr></tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+</section>
+
+{% include "_footer.html" %}
+
+<script src="/js/api.js?v=2"></script>
+<script src="/js/main.js?v=2"></script>
+<script src="/js/admin.js?v=4"></script>
+</body>
+</html>

templates/admin_login.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Entrar — Área do corretor · SK Imobiliária</title>
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
+<link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
+<link rel="stylesheet" href="/css/style.css?v=8">
+</head>
+<body class="admin-login-body">
+
+<main class="admin-login-wrap">
+  <form class="admin-login-card" method="post" action="/admin/login">
+    <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="admin-login-logo">
+    <span class="eyebrow">Área do corretor</span>
+    <h1>Entrar</h1>
+    <p class="muted">Acesso restrito à equipe SK Imobiliária. Informe a senha do painel para gerenciar os anúncios.</p>
+
+    {% if erro %}
+    <p class="admin-login-alerta" role="alert">Senha incorreta. Tente novamente.</p>
+    {% elif expirado %}
+    <p class="admin-login-alerta" role="alert">Sua sessão expirou. Faça login novamente.</p>
+    {% endif %}
+
+    <div class="form-field">
+      <label for="senha">Senha</label>
+      <input type="password" id="senha" name="senha" required autofocus autocomplete="current-password">
+    </div>
+
+    <button class="btn btn-primary admin-login-btn" type="submit">Entrar</button>
+    <a class="admin-login-voltar" href="/">← Voltar para o site</a>
+  </form>
+</main>
+
+</body>
+</html>

templates/admin_midias.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Mídias do anúncio #{{ a.id }} — Área do corretor — SK Imobiliária</title>
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
+<link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
+<link rel="stylesheet" href="/css/style.css?v=8">
+</head>
+<body>
+
+{% include "_header.html" %}
+<section class="page-hero" style="padding-bottom:24px">
+  <div class="container">
+    <a class="admin-logout-link reveal" href="/admin.html">← Voltar ao painel</a>
+    <span class="eyebrow reveal" style="--i:1">Área do corretor</span>
+    <h1 class="reveal" style="--i:2">Mídias do anúncio #{{ a.id }}</h1>
+    <p class="reveal" style="--i:3">{{ a.titulo }} — arquivos ficam salvos em /data/midia/anuncios/{{ a.id }}/</p>
+  </div>
+</section>
+
+<section class="container" style="padding-bottom:64px">
+  <div class="form-card" id="midia-card" style="max-width:820px">
+    <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px">
+      <input type="file" id="midia-arquivos" accept="image/*,video/*,audio/*" multiple>
+      <button class="btn btn-primary" id="btn-upload-midia" type="button">Enviar mídia</button>
+      <span class="form-note" id="midia-upload-status" style="margin-top:0"></span>
+    </div>
+    <div style="display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;padding-top:14px;border-top:1px dashed rgba(27,75,79,.15)">
+      <input type="url" id="midia-url" placeholder="https://.../audio-do-corretor.mp3" style="flex:1;min-width:240px">
+      <button class="btn btn-outline" id="btn-add-midia-url" type="button">Adicionar por URL</button>
+    </div>
+    <p class="muted" style="margin-top:-10px;margin-bottom:18px;font-size:.82rem">
+      Envie arquivos (fotos, vídeos ou áudios) ou cole a URL de uma mídia já hospedada em outro lugar. Tudo é salvo como uma lista de URLs em JSON no campo "midias" da planilha. Nesta página só é possível inserir ou excluir mídias — para trocar uma foto, exclua a antiga e insira a nova.
+    </p>
+    <div class="midia-grid" id="midia-grid"><p class="muted">Carregando mídias…</p></div>
+  </div>
+</section>
+
+{% include "_footer.html" %}
+
+<script src="/js/api.js?v=2"></script>
+<script src="/js/admin_midias.js?v=1" data-anuncio-id="{{ a.id }}"></script>
+</body>
+</html>

templates/busca.html

@@ -24,22 +24,14 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
+<link rel="stylesheet" href="/css/style.css?v=8">
 </head>
 <body>
 
 {% include "_header.html" %}
 
 
-<section class="page-hero">
-  <div class="container reveal">
-    <span class="eyebrow eyebrow-gold">Busque seu próximo recanto</span>
-    <h1>{{ h1 }}</h1>
-    <p>{{ total }} imóve{{ 'l' if total == 1 else 'is' }} encontrados agora — refine por cidade, bairro, preço e características. Os números ao lado de cada filtro mostram quantos imóveis restam a cada escolha.</p>
-  </div>
-</section>
-
-<section class="container" style="padding-top:36px">
+<section class="container" style="padding-top:12px">
   <div class="search-layout">
 
     <div class="filters-backdrop" id="filters-backdrop"></div>
@@ -99,7 +91,7 @@
       <button class="btn btn-outline btn-block" id="btn-limpar">Limpar filtros</button>
 
       <div class="filters-panel-footer">
-        <button type="button" class="btn btn-primary btn-block" id="btn-aplicar-filtros">Ver <span id="btn-aplicar-total">{{ total }}</span> imóveis</button>
+        <button type="button" class="btn btn-primary btn-block" id="btn-aplicar-filtros">Ver <span id="btn-aplicar-total">{{ total }}</span> </button>
       </div>
     </aside>
 
@@ -109,8 +101,8 @@
           <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M7 12h10M10 18h4"/></svg>
           Filtros
         </button>
-        <span class="results-count" id="results-count"><b>{{ total }}</b> imóve{{ 'l' if total == 1 else 'is' }} encontrados</span>
-        <div class="field" style="min-width:210px">
+        <span class="results-count" id="results-count"><b>{{ total }}</b> encontrados</span>
+
           <select id="f-ordenar">
             <option value="mais_recentes">Mais recentes</option>
             <option value="preco_asc">Menor preço</option>
@@ -118,7 +110,7 @@
             <option value="area_asc">Menor área</option>
             <option value="area_desc">Maior área</option>
           </select>
-        </div>
+        
       </div>
 
       <div class="chips" id="chips-ativos"></div>

{static → templates}/contato.html

@@ -8,29 +8,11 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
+<link rel="stylesheet" href="/css/style.css?v=8">
 </head>
 <body>
 
-<header class="site-header">
-  <nav class="nav">
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false">
-      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-    </button>
-    <a class="brand" href="/">
-      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
-    </a>
-    <ul class="nav-links">
-      <li><a href="/">Início</a></li>
-      <li><a href="/busca">Comprar &amp; Alugar</a></li>
-      <li><a href="/servicos.html">Serviços</a></li>
-      <li><a href="/sobre.html">Sobre</a></li>
-      <li><a href="/contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
-  </nav>
-</header>
-
+{% include "_header.html" %}
 <section class="page-hero">
   <div class="container">
     <span class="eyebrow reveal">Fale com a SK</span>
@@ -78,69 +60,14 @@
           <textarea id="c-mensagem" placeholder="Conte um pouco mais sobre o que você procura…"></textarea>
         </div>
         <button class="btn btn-primary btn-block" type="submit">Enviar pelo WhatsApp</button>
-        <p class="form-note">Ao enviar, você será redirecionado ao WhatsApp da SK com a mensagem já preenchida.</p>
       </form>
     </div>
 
-    <aside class="contact-card reveal reveal-right">
-      <span class="eyebrow eyebrow-gold" style="margin-top:0">Atendimento direto</span>
-      <div class="broker">
-        <div class="avatar">SK</div>
-        <div>
-          <strong>Equipe SK Imobiliária</strong><br>
-          <span class="muted" style="font-size:.82rem">Matinhos, Guaratuba e Pontal do Paraná</span>
-        </div>
-      </div>
-      <div class="divider"></div>
-      <p class="badge-mono" style="display:block;margin-bottom:10px">📍 Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</p>
-      <p class="badge-mono" style="display:block;margin-bottom:10px">✉️ contato@skimobiliaria.com.br</p>
-      <p class="badge-mono" style="display:block;margin-bottom:18px">🕐 Seg–sáb, 9h às 18h</p>
-      <a class="btn btn-primary btn-block" target="_blank" rel="noopener" href="https://wa.me/5541998112201">Chamar no WhatsApp</a>
-      <a class="btn btn-outline btn-block" style="margin-top:10px" href="tel:+5541998112201">Ligar: (41) 99811-2201</a>
-    </aside>
+
   </div>
 </section>
 
-<footer class="site-footer" style="margin-top:0">
-  <div class="container">
-    <div class="footer-grid">
-      <div>
-        <div class="footer-brand"><img src="/img/logo-sk.svg" alt="SK Imobiliária" height="30"></div>
-        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
-      </div>
-      <div>
-        <h4>Navegação</h4>
-        <ul>
-          <li><a href="/busca">Comprar &amp; Alugar</a></li>
-          <li><a href="/servicos.html">Serviços</a></li>
-          <li><a href="/sobre.html">Sobre a SK</a></li>
-          <li><a href="/contato.html">Contato</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Cidades</h4>
-        <ul>
-          <li><a href="/busca/matinhos">Imóveis em Matinhos</a></li>
-          <li><a href="/busca/guaratuba">Imóveis em Guaratuba</a></li>
-          <li><a href="/busca/pontal-do-parana">Imóveis em Pontal do Paraná</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Contato</h4>
-        <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@skimobiliaria.com.br</li>
-          <li><a href="/admin.html">Área do corretor →</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-bottom">
-      <span>© <span data-year></span> SK Imobiliária · CRECI-PR 00000-J · Salete Kuhnert dos Santos</span>
-      <span>Site demonstrativo — dados fictícios</span>
-    </div>
-  </div>
-</footer>
+{% include "_footer.html" %}
 
 <script src="/js/api.js?v=2"></script>
 <script src="/js/main.js?v=2"></script>

templates/imovel.html

@@ -26,14 +26,14 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
+<link rel="stylesheet" href="/css/style.css?v=8">
 </head>
 <body>
 
 {% include "_header.html" %}
 
-<section class="container" style="padding-top:28px" id="imovel-container">
-  <p class="breadcrumb reveal">
+<section class="container" style="padding-top:12px" id="imovel-container">
+  <p class="breadcrumb ">
     <a href="/">Início</a> / <a href="/busca">Imóveis</a> /
     <a href="/busca/{{ cidade_slug }}">{{ a.cidade }}</a> / <span>{{ a.titulo }}</span>
   </p>
@@ -49,7 +49,7 @@
   </div>
 
   <div class="property-detail-grid">
-    <div class="reveal reveal-left">
+    <div class="">
       <span class="status-pill {{ status_class }}" style="margin-top:20px;display:inline-block">{{ a.status }}</span>
       <h2 style="margin-top:16px">Sobre o imóvel</h2>
       <p>{{ a.descricao or "Descrição não informada pelo corretor responsável." }}</p>
@@ -66,9 +66,13 @@
       </p>
     </div>
 
-    <aside class="contact-card reveal reveal-right">
+    <aside class="contact-card  ">
+      {% if preco_exibicao %}
       <div class="price">{{ preco_exibicao }}</div>
       <p class="form-note">{{ "Valor mensal, sem condomínio e IPTU" if a.tipo_negocio == "Locação" else "Valor de venda à vista, sujeito a condições de financiamento" }}</p>
+      {% else %}
+      <p class="form-note">Valor sob consulta — fale com o corretor.</p>
+      {% endif %}
 
       <div class="broker">
         <div class="avatar">{{ iniciais_corretor }}</div>
@@ -84,11 +88,8 @@
   </div>
 </section>
 
-<div class="container">
-  <div class="ornament-divider center-only reveal" style="margin:8px 0"><span class="diamond"></span></div>
-</div>
 
-<section class="container" id="similares-section" style="display:none">
+<section class="container" id="similares-section" style="padding-top:12px" >
   <div class="section-head reveal">
     <div>
       <span class="eyebrow eyebrow-gold">Você também pode gostar</span>

templates/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>SK Imobiliária — Venda, locação e gestão no litoral do Paraná</title>
+<meta name="description" content="SK Imobiliária: casas, apartamentos e terrenos à venda e locação em Matinhos, Guaratuba e Pontal do Paraná. Gestão completa do seu negócio imobiliário no litoral.">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
+<link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
+<link rel="stylesheet" href="/css/style.css?v=8">
+</head>
+<body>
+
+{% include "_header.html" %}
+
+<section class="showcase-section">
+  <div class="container showcase-head reveal">
+  </div>
+  <div class="showcase reveal" id="destaques-carousel">{{ showcase_html | safe }}</div>
+</section>
+
+
+{% include "_footer.html" %}
+
+<script>window.__DESTAQUES_SSR__ = {{ destaques_json | safe }};</script>
+<script src="/js/api.js?v=3"></script>
+<script src="/js/main.js?v=3"></script>
+<script src="/js/home.js?v=5"></script>
+</body>
+</html>

{static → templates}/servicos.html

@@ -8,30 +8,11 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
+<link rel="stylesheet" href="/css/style.css?v=8">
 </head>
 <body>
 
-<header class="site-header">
-  <nav class="nav">
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false">
-      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-    </button>
-    <a class="brand" href="/">
-      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
-    </a>
-    <ul class="nav-links">
-      <li><a href="/">Início</a></li>
-      <li><a href="/busca">Comprar &amp; Alugar</a></li>
-      <li><a href="/servicos.html">Serviços</a></li>
-      <li><a href="/sobre.html">Sobre</a></li>
-      <li><a href="/contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
-  </nav>
-</header>
-
-
+{% include "_header.html" %}
 <section class="page-hero">
   <div class="container">
     <span class="eyebrow eyebrow-gold reveal">O que fazemos</span>
@@ -42,10 +23,6 @@
 
 <section class="container" style="padding:36px">
   <div class="service-row reveal reveal-left">
-    <div class="service-media luxe-frame">
-      <img src="https://picsum.photos/seed/sk-servico-venda/800/620" alt="Compra e venda de imóveis no litoral" loading="lazy">
-      <span class="service-num">01</span>
-    </div>
     <div class="service-copy">
       <h3>Compra e venda</h3>
       <p class="muted">Conduzimos a negociação do anúncio à escritura, com avaliação de mercado baseada em imóveis comparáveis da própria região.</p>
@@ -60,10 +37,6 @@
   </div>
 
   <div class="service-row reverse reveal reveal-right">
-    <div class="service-media luxe-frame">
-      <img src="https://picsum.photos/seed/sk-servico-locacao/800/620" alt="Locação anual e por temporada no litoral" loading="lazy">
-      <span class="service-num">02</span>
-    </div>
     <div class="service-copy">
       <h3>Locação anual e por temporada</h3>
       <p class="muted">Do contrato de 30 meses ao aluguel de uma semana de verão — cuidamos da burocracia para os dois lados da negociação.</p>
@@ -78,10 +51,6 @@
   </div>
 
   <div class="service-row reveal reveal-left">
-    <div class="service-media luxe-frame">
-      <img src="https://picsum.photos/seed/sk-servico-gestao/800/620" alt="Gestão de negócios imobiliários no litoral" loading="lazy">
-      <span class="service-num">03</span>
-    </div>
     <div class="service-copy">
       <h3>Gestão de negócios imobiliários</h3>
       <p class="muted">Para quem tem um ou mais imóveis no litoral e prefere delegar a administração completa da carteira.</p>
@@ -127,46 +96,7 @@
   </div>
 </section>
 
-<footer class="site-footer" style="margin-top:0">
-  <div class="container">
-    <div class="footer-grid">
-      <div>
-        <div class="footer-brand"><img src="/img/logo-sk.svg" alt="SK Imobiliária" height="30"></div>
-        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
-      </div>
-      <div>
-        <h4>Navegação</h4>
-        <ul>
-          <li><a href="/busca">Comprar &amp; Alugar</a></li>
-          <li><a href="/servicos.html">Serviços</a></li>
-          <li><a href="/sobre.html">Sobre a SK</a></li>
-          <li><a href="/contato.html">Contato</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Cidades</h4>
-        <ul>
-          <li><a href="/busca/matinhos">Imóveis em Matinhos</a></li>
-          <li><a href="/busca/guaratuba">Imóveis em Guaratuba</a></li>
-          <li><a href="/busca/pontal-do-parana">Imóveis em Pontal do Paraná</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Contato</h4>
-        <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@skimobiliaria.com.br</li>
-          <li><a href="/admin.html">Área do corretor →</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-bottom">
-      <span>© <span data-year></span> SK Imobiliária · CRECI-PR 00000-J · Salete Kuhnert dos Santos</span>
-      <span>Site demonstrativo — dados fictícios</span>
-    </div>
-  </div>
-</footer>
+{% include "_footer.html" %}
 
 <script src="/js/main.js?v=2"></script>
 </body>

{static → templates}/sobre.html

@@ -8,30 +8,11 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap" rel="stylesheet">
 <link rel="icon" type="image/svg+xml" href="/img/logo-sk.svg">
-<link rel="stylesheet" href="/css/style.css?v=6">
+<link rel="stylesheet" href="/css/style.css?v=8">
 </head>
 <body>
 
-<header class="site-header">
-  <nav class="nav">
-    <button class="nav-toggle" aria-label="Abrir menu" aria-expanded="false">
-      <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
-    </button>
-    <a class="brand" href="/">
-      <img src="/img/logo-sk.svg" alt="SK Imobiliária" class="brand-mark" height="38">
-    </a>
-    <ul class="nav-links">
-      <li><a href="/">Início</a></li>
-      <li><a href="/busca">Comprar &amp; Alugar</a></li>
-      <li><a href="/servicos.html">Serviços</a></li>
-      <li><a href="/sobre.html">Sobre</a></li>
-      <li><a href="/contato.html">Contato</a></li>
-    </ul>
-    <a class="nav-cta nav-whats" href="https://wa.me/5541998112201?text=Ol%C3%A1%21%20Vim%20pelo%20site%20da%20SK%20Imobili%C3%A1ria%20e%20gostaria%20de%20falar%20com%20um%20corretor." target="_blank" rel="noopener" aria-label="Falar no WhatsApp: (41) 99811-2201"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17-.01-.37-.01-.57-.01-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.87 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/><path d="M12.03 2C6.51 2 2 6.48 2 12c0 1.82.48 3.58 1.4 5.12L2 22l5.03-1.32A9.96 9.96 0 0 0 12.03 22C17.55 22 22 17.52 22 12S17.55 2 12.03 2zm0 18.09c-1.66 0-3.28-.44-4.7-1.28l-.34-.2-2.98.78.8-2.91-.22-.3A8.08 8.08 0 0 1 3.93 12c0-4.46 3.64-8.09 8.1-8.09 4.46 0 8.09 3.63 8.09 8.09 0 4.46-3.63 8.09-8.09 8.09z"/></svg><span>(41) 99811-2201</span></a>
-  </nav>
-</header>
-
-
+{% include "_header.html" %}
 <section class="page-hero">
   <div class="container">
     <span class="eyebrow reveal">Desde a areia até a escritura</span>
@@ -48,9 +29,6 @@
       <p>Começamos atendendo famílias que buscavam a primeira casa de temporada em Caiobá. Com o tempo, passamos a cuidar também da locação anual de moradores fixos e da gestão de carteiras de investidores que têm um ou vários imóveis entre Matinhos, Guaratuba e Pontal do Paraná.</p>
       <p>Hoje a SK atua nas três frentes que sustentam o mercado imobiliário do litoral: <strong>venda</strong>, <strong>locação</strong> (anual e por temporada) e <strong>gestão de negócios imobiliários</strong> para quem prefere delegar a administração do próprio patrimônio.</p>
     </div>
-    <div class="service-media luxe-frame reveal reveal-right">
-      <img src="https://picsum.photos/seed/sk-sobre-equipe/800/900" alt="Equipe SK atendendo no litoral do Paraná" loading="lazy">
-    </div>
   </div>
 
   <div class="ornament-divider reveal"><span class="diamond"></span></div>
@@ -76,46 +54,7 @@
 </section>
 
 
-<footer class="site-footer" style="margin-top:0">
-  <div class="container">
-    <div class="footer-grid">
-      <div>
-        <div class="footer-brand"><img src="/img/logo-sk.svg" alt="SK Imobiliária" height="30"></div>
-        <p class="muted" style="font-size:.86rem">Venda, locação e gestão de negócios imobiliários no litoral do Paraná.</p>
-      </div>
-      <div>
-        <h4>Navegação</h4>
-        <ul>
-          <li><a href="/busca">Comprar &amp; Alugar</a></li>
-          <li><a href="/servicos.html">Serviços</a></li>
-          <li><a href="/sobre.html">Sobre a SK</a></li>
-          <li><a href="/contato.html">Contato</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Cidades</h4>
-        <ul>
-          <li><a href="/busca/matinhos">Imóveis em Matinhos</a></li>
-          <li><a href="/busca/guaratuba">Imóveis em Guaratuba</a></li>
-          <li><a href="/busca/pontal-do-parana">Imóveis em Pontal do Paraná</a></li>
-        </ul>
-      </div>
-      <div>
-        <h4>Contato</h4>
-        <ul>
-          <li>Av. Beira Mar, 1120 — Caiobá, Matinhos/PR</li>
-          <li>(41) 99811-2201</li>
-          <li>contato@skimobiliaria.com.br</li>
-          <li><a href="/admin.html">Área do corretor →</a></li>
-        </ul>
-      </div>
-    </div>
-    <div class="footer-bottom">
-      <span>© <span data-year></span> SK Imobiliária · CRECI-PR 00000-J · Salete Kuhnert dos Santos</span>
-      <span>Site demonstrativo — dados fictícios</span>
-    </div>
-  </div>
-</footer>
+{% include "_footer.html" %}
 
 <script src="/js/main.js?v=2"></script>
 </body>