feat(home): alinhar cadência editorial (#47)

* feat(home): alinhar cadência editorial

* test(home): ajustar contrato do hero dividido

.env.example

@@ -8,7 +8,7 @@ APP_URL=http://localhost
 APP_LOCALE=pt_BR
 APP_FALLBACK_LOCALE=pt_BR
 APP_FAKER_LOCALE=pt_BR
-APP_TIMEZONE=America/Fortaleza
+APP_TIMEZONE=America/Sao_Paulo
 
 # Freeze application clock outside production (visual regression / deterministic seeds).
 # Example: APP_FROZEN_NOW=2026-03-15T12:00:00-03:00

.github/workflows/ci.yml

@@ -14,7 +14,7 @@ env:
   APP_KEY: base64:NXm/6jIyFcDGHoMKGc5QZuSaq0dRZFYPg1Isuy1fNvE=
   APP_LOCALE: pt_BR
   APP_FALLBACK_LOCALE: pt_BR
-  APP_TIMEZONE: America/Fortaleza
+  APP_TIMEZONE: America/Sao_Paulo
   BCRYPT_ROUNDS: 4
   CACHE_STORE: database
   DB_CONNECTION: pgsql
@@ -51,10 +51,36 @@ jobs:
       - run: composer pint:check
       - run: composer phpstan
       - run: composer audit
+      # audit-level=high: package.json has no runtime `dependencies` today (npm
+      # itself reports prod:1, 0 vulnerabilities), so this is currently a
+      # vacuous forward guard rather than an active protection. `high` is
+      # chosen deliberately over `low`/`moderate` so that once a real runtime
+      # JS dependency is added, the gate flags exploitable issues without
+      # becoming noisy on every transitive dev-only advisory.
+      - run: npm audit --omit=dev --audit-level=high
 
   unit:
     name: unit
     runs-on: ubuntu-latest
+    # Postgres is required here (not just in `feature`) because the
+    # Domain/Application coverage gate below runs the Feature suite too: the
+    # App\Application\Queries\Marketing\* classes are only exercised through
+    # Feature (HTTP) tests today, so a Unit-only coverage run would undercount
+    # them well under the 80% threshold.
+    services:
+      postgres:
+        image: postgres:17
+        env:
+          POSTGRES_DB: amare_test
+          POSTGRES_USER: amare
+          POSTGRES_PASSWORD: secret
+        ports:
+          - 5432:5432
+        options: >-
+          --health-cmd "pg_isready -U amare -d amare_test"
+          --health-interval 5s
+          --health-timeout 5s
+          --health-retries 10
     steps:
       - uses: actions/checkout@v5
       - run: cp .env.example .env
@@ -63,7 +89,7 @@ jobs:
         with:
           php-version: "8.4"
           extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, pdo_pgsql, bcmath, intl, sodium, gd
-          coverage: none
+          coverage: pcov
 
       - uses: actions/cache@v5
         with:
@@ -71,10 +97,24 @@ jobs:
           key: composer-${{ runner.os }}-${{ hashFiles('**/composer.lock') }}
           restore-keys: composer-${{ runner.os }}-
 
+      - uses: actions/cache@v5
+        with:
+          path: ~/.npm
+          key: npm-${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: npm-${{ runner.os }}-
+
       - run: composer install --no-interaction --prefer-dist
       - run: npm ci
       - run: npm run build
       - run: composer test:unit
+      - run: php artisan migrate --force
+      # Domain/Application coverage gate (SPEC.md L2351, 80% minimum). Scoped
+      # via phpunit.coverage.xml rather than editing the project-wide
+      # phpunit.xml <source> block, which stays covering all of app/ for
+      # every other test/coverage invocation. app/Domain currently holds only
+      # the DomainModule placeholder (zero executable lines), so in practice
+      # this gates app/Application until Domain gains real logic.
+      - run: composer test:coverage
 
   feature:
     name: feature
@@ -165,15 +205,12 @@ jobs:
       - run: npm run build
       - run: npx playwright install chromium --with-deps
       - run: php artisan migrate --force
-      - run: php artisan db:seed --class=VisualContentSeeder --force
       - run: php artisan storage:link
 
       - name: Build application image
         run: docker build -t amare-app:ci .
 
       - name: Run browser tests against FrankenPHP container
-        env:
-          APP_FROZEN_NOW: "2026-03-15T12:00:00-03:00"
         run: |
           docker run -d --name amare-web \
             -e APP_ENV=testing \
@@ -181,8 +218,7 @@ jobs:
             -e APP_URL=http://127.0.0.1:8000 \
             -e APP_LOCALE=pt_BR \
             -e APP_FALLBACK_LOCALE=pt_BR \
-            -e APP_TIMEZONE=America/Fortaleza \
-            -e APP_FROZEN_NOW="${APP_FROZEN_NOW}" \
+            -e APP_TIMEZONE=America/Sao_Paulo \
             -e DB_CONNECTION=pgsql \
             -e DB_HOST=host.docker.internal \
             -e DB_PORT=5432 \
@@ -213,8 +249,6 @@ jobs:
           mkdir -p artifacts/browser
           docker logs amare-web > artifacts/browser/container.log 2>&1 || true
           cp -R storage/logs artifacts/browser/app-logs 2>/dev/null || true
-          cp -R tests/Browser/Screenshots artifacts/browser/screenshots 2>/dev/null || true
-          cp -R tests/.pest artifacts/browser/pest 2>/dev/null || true
 
       - name: Upload browser failure artifacts
         if: failure()

.gitignore

@@ -18,7 +18,6 @@
 /public/fonts-manifest.dev.json
 /public/hot
 /public/storage
-/tests/Browser/Screenshots
 /storage/*.key
 /storage/pail
 /vendor

.husky/pre-push

@@ -24,7 +24,7 @@ try {
     new PDO($dsn, $config["DB_USERNAME"], $config["DB_PASSWORD"], [PDO::ATTR_TIMEOUT => 3]);
 } catch (PDOException $e) {
     fwrite(STDERR, "\033[31mPostgreSQL is unreachable on {$config["DB_HOST"]}:{$config["DB_PORT"]} (db: {$config["DB_DATABASE"]}).\033[0m\n");
-    fwrite(STDERR, "Start it with: docker compose up -d\n");
+    fwrite(STDERR, "Start it with: docker compose up -d postgres\n");
     fwrite(STDERR, "Then retry the push.\n");
     exit(1);
 }

AGENTS.md

@@ -7,11 +7,12 @@ This is a Laravel 13 application for an event-planning consultancy. Application
 ## Build, Test, and Development Commands
 
 - `composer setup` installs PHP and npm dependencies, creates `.env`, migrates, and builds assets.
-- `docker compose up -d` starts the local PostgreSQL service.
+- `docker compose up -d postgres` starts the local PostgreSQL service. `docker compose up -d` (no service name) also builds and starts the `app` service — a local FrankenPHP container for parity with staging/production, see README.md.
 - `composer dev` runs Laravel, the queue listener, logs, and Vite together.
 - `npm run build` creates the production frontend bundle.
-- `composer quality` runs formatting checks, PHPStan level 5, dependency audit, and every test suite.
+- `composer quality` runs formatting checks, PHPStan level 5, PHP + npm dependency audits, and every test suite.
 - `composer test:unit`, `composer test:feature`, or `composer test:browser` run focused suites.
+- `composer test:coverage` runs the Domain/Application coverage gate (80% minimum, scoped via `phpunit.coverage.xml`) used by CI's `unit` job. Requires a coverage driver (`pcov` or `xdebug`); fails with "No code coverage driver available" without one — that's an environment gap, not a broken repo.
 
 Feature and browser tests require the `amare_test` PostgreSQL database configured in `phpunit.xml`.
 
@@ -24,7 +25,7 @@ Always work in a git worktree created from the `main` ref — never modify `main
 Hooks live in `.husky/` and auto-install on any plain `npm install` via the `prepare` script. Note `composer setup` runs `npm install --ignore-scripts`, which skips hook installation — after setup, run `npm install` once (or `npx husky`) to activate hooks.
 
 - `pre-commit`: runs `composer pint:check` and `composer phpstan`.
-- `pre-push`: gates on the `amare_test` database (settings parsed from `phpunit.xml`), blocks the push with a `docker compose up -d` hint when Postgres is unreachable, then runs `composer test:unit` and `composer test:feature`. Browser tests are CI-only (FrankenPHP container).
+- `pre-push`: gates on the `amare_test` database (settings parsed from `phpunit.xml`), blocks the push with a `docker compose up -d postgres` hint when Postgres is unreachable, then runs `composer test:unit` and `composer test:feature`. Browser tests are CI-only (FrankenPHP container).
 
 ## Coding Style & Naming Conventions
 
@@ -42,11 +43,17 @@ History follows Conventional Commit-style subjects, for example `feat: Fase 0
 
 Copy `.env.example`; never commit secrets or production credentials. Development seed credentials are local-only. Validate uploads and authorization through Laravel policies, and run `composer security-audit` after dependency changes.
 
+## Design Context
+
+Amare: refined, humane, precise — Heritage Editorial. Trust-first, both private + corporate audiences. Never generic wedding decor (hearts/gold/script) or AI-slop. Real proof only.
+
+The design system lives in `DESIGN.md` (palette, typography, layout, do's and don'ts) and positioning in `PRODUCT.md`; tokens are implemented in `resources/css/tokens.css` and asserted by `tests/Feature/PublicSite/HeritageEditorialTokensTest.php`. Per-surface briefs live in `.impeccable/surfaces/`. The Impeccable skill itself is vendored at `.github/skills/impeccable/SKILL.md` — its setup step reads `PRODUCT.md`, `DESIGN.md`, and the matching surface brief.
+
 ## Agent skills
 
 ### Issue tracker
 
-Issues live in Linear, driven through the Linear MCP tools. See `docs/agents/issue-tracker.md`.
+Issues live in Linear, driven through the Linear MCP tools. See `docs/agents/issue-tracker.md` for workspace, team, and tool conventions. The repo ships no `.mcp.json`, so the Linear MCP has to be enabled for the session before those tools exist — if it isn't, report that instead of silently falling back to another tracker.
 
 ### Triage labels
 
@@ -54,4 +61,4 @@ Default vocabulary: `needs-triage`, `needs-info`, `ready-for-agent`, `ready-for-
 
 ### Domain docs
 
-Single-context: `CONTEXT.md` at root + `docs/adr/`. See `docs/agents/domain.md`.
+Single-context repo. There is no `CONTEXT.md` — the domain is documented in `SPEC.md` (§8 is the domain model and database schema) and `PRODUCT.md`, with current capabilities described per-capability under `openspec/specs/`. `docs/adr/README.md` is an index only: ADR-001 through ADR-010 are decided in `SPEC.md` §21, and there are no standalone ADR files. `docs/agents/domain.md` describes the generic `CONTEXT.md`/`CONTEXT-MAP.md` layout that the engineering skills look for and instructs them to proceed silently when it's absent, which is the case here.

CLAUDE.md

@@ -0,0 +1,72 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+@AGENTS.md
+
+If the import above did not load, read `AGENTS.md` at the repo root now — it is the primary contract.
+
+`AGENTS.md` (imported above) is the primary contract: structure, commands, style, testing, husky hooks, commit/PR rules. This file records the cross-file architecture and environment facts that are not obvious from any single file.
+
+## Non-negotiables (repeated from AGENTS.md because breaking them is expensive)
+
+- Never modify or commit from the primary working tree on `main`. Create a worktree per branch: `git worktree add -b <branch> <path> main`.
+- Every project-owned PHP file starts with `declare(strict_types=1);` immediately after `<?php`.
+- Browser tests are CI-only (they run against a FrankenPHP container built by `docker build`, not `artisan serve`).
+
+## Environment note
+
+PHP and Composer are **not on PATH** in this environment, and `vendor/` and `node_modules/` are absent. Every `composer …` / `php artisan …` command in `AGENTS.md` and `README.md` assumes a PHP 8.4+ runtime with Composer 2 installed. Verify the toolchain before promising a command ran.
+
+## Git remote auth — two GitHub accounts
+
+`origin` is `git@github.com:manoel-freitas/amore-site.git`, owned by the **`manoel-freitas`** account. The machine's default SSH identity is a different account (`manoel-freitas-neto`) that cannot see this repo, so pushes fail with `ERROR: Repository not found.` — an access error that reads like a missing repo.
+
+- Correct key: `~/.ssh/id_github_pessoal`. Verify with `ssh -i ~/.ssh/id_github_pessoal -o IdentitiesOnly=yes -T git@github.com` → should greet `Hi manoel-freitas!`.
+- The repo has `core.sshCommand = ssh -i ~/.ssh/id_github_pessoal -o IdentitiesOnly=yes` set locally, so plain `git push` works. If that config is lost, restore it instead of editing the remote URL.
+- **`gh` authenticates separately**, by token rather than SSH key. As of 2026-08-10 it is logged in as `manoel-freitas`, so `gh pr create` / `gh repo view` work. Confirm with `gh auth status` before assuming: if it reports `manoel-freitas-neto`, that account cannot see this repo and every `gh` call fails on it. Recovering needs an interactive `gh auth login` (or `gh auth switch` with both accounts added), so ask the user to run it.
+
+## Request spine for the public site
+
+Adding or changing a public page follows one path — controllers never query models directly:
+
+```
+routes/web.php
+  → App\Http\Controllers\PublicSite\*Controller   (thin; injects a query object)
+    → App\Application\Queries\Marketing\*         (invokable, final; owns all Eloquent access)
+      → App\Application\Data\*                    (DTO: HomeContent, PageMeta)
+        → resources/views/pages/*.blade.php
+```
+
+`HomeController` + `GetHomeContent` together show the shape. Page-level SEO is built with `PageMeta::forPage(canonical:, settings:, jsonLd:)`.
+
+`AppServiceProvider::boot()` registers a **View composer on `layouts.public`** that auto-injects `siteSettings` and `pageMeta` when the view didn't supply them — new pages do not have to pass them manually.
+
+Site-wide content is a singleton row reached via `SiteSetting::instance()`. Publication state comes from the `HasPublication` concern (`->published()` scope).
+
+## Architecture boundary — what is actually enforced
+
+`tests/Architecture/DomainBoundariesTest.php` enforces only:
+
+- `App\Domain` uses strict types and never `dd`/`dump`/`die`.
+- `App\Domain` never depends on `App\Filament` or `App\Livewire`.
+
+`App\Application` is **not** covered by that rule. `app/Domain/` currently holds a single placeholder (`DomainModule.php`); business reads live in `app/Application/Queries`. Extend the arch test when you add a boundary.
+
+## Deterministic test support
+
+`APP_FROZEN_NOW` configures `CarbonImmutable::setTestNow()` through `AppServiceProvider::freezeClockWhenConfigured()` outside production. `VisualContentSeeder` provides deterministic image/content fixtures for tests that explicitly need them. Neither setting is a browser-CI global default.
+
+## Other things that bite
+
+- **Livewire/Filament temp uploads are pinned to the `local` disk** when `FILESYSTEM_DISK=r2`, because the S3 driver would make the browser PUT straight to R2 and hit CORS. Final media still lands on `r2` via `App\Support\PublicImageUploadRules`. Set `LIVEWIRE_TEMPORARY_FILE_UPLOAD_DISK` explicitly to override.
+- **Contact form is rate limited**: named limiter `contact-briefing`, 5/min per IP, registered in `AppServiceProvider` and applied in `routes/web.php`.
+- **Filament 5 nested resource layout**: resources are split into `app/Filament/Resources/<Resource>/{Pages,Schemas,Tables,RelationManagers}` rather than a flat resource class. Follow the existing shape in `Resources/PortfolioCases/`.
+- **Everything user-facing is pt-BR**: routes are `/servicos`, `/portfolio`, `/portfolio/{slug}`, `/sobre`, `/privacidade`, `/contato`. `APP_LOCALE=pt_BR`, `APP_TIMEZONE=America/Sao_Paulo` (`config/app.php:68`).
+- **Design tokens** live in `resources/css/tokens.css` (Heritage Editorial; see `DESIGN.md`). `tests/Feature/PublicSite/HeritageEditorialTokensTest.php` reads that file and asserts the exact hex values, `EB Garamond`, zero border radii, `--amare-container-max: 1120px`, and the *absence* of shadow tokens — so any token edit is a deliberate test change too. Motion lives in `resources/js/motion.js` and is asserted by `tests/Feature/PublicSite/MotionMarkupTest.php` + `tests/Browser/MotionTest.php`.
+
+## Navigating the normative docs
+
+- `SPEC.md` is the product source of truth and is ~2600 lines. **Never read it whole** — `grep -n '^## ' SPEC.md` and read the numbered section you need (e.g. 7 functional requirements, 8 domain model/DB, 9 technical architecture, 13 test strategy, 15 FrankenPHP deploy).
+- `openspec/` is the channel for planned change: `openspec/specs/<capability>/spec.md` for current capabilities, `openspec/changes/<change>/{proposal,design,tasks}.md` for in-flight work. `openspec/config.yaml` holds the precedence rule (product owner > `SPEC.md` > ADRs > tests > conventions) and repo-wide constraints (YAGNI, money as BIGINT centavos, no generic repositories/BaseService).
+- `PRODUCT.md` for positioning, `DESIGN.md` for the design system, `docs/conventions/php-strict-types.md`, `docs/deployment/dokploy.md` for the deploy runbook.

Dockerfile

@@ -23,6 +23,10 @@ RUN npm ci
 COPY vite.config.js ./
 COPY resources ./resources
 COPY public ./public
+# resources/css/filament/admin/theme.css imports Filament's own uncompiled CSS,
+# so the Vite build needs those files present. Only Filament's subtree is copied
+# rather than all of vendor/, to keep this stage's context small.
+COPY --from=composer /app/vendor/filament ./vendor/filament
 RUN npm run build
 
 FROM dunglas/frankenphp:1-php${PHP_VERSION}-bookworm AS runtime

PRODUCT.md

@@ -58,7 +58,7 @@ Site público premium e operação interna formam um fluxo único. A mesma plata
 ## Evidence on Hand
 
 - `SPEC.md` define escopo, personas, jornadas, métricas, requisitos e decisões do MVP.
-- Código atual contém site público, CMS, estrutura de acessibilidade, testes visuais e conteúdo demonstrativo.
+- Código atual contém site público, CMS, estrutura de acessibilidade, testes browser e conteúdo demonstrativo.
 - Textos, fotografias, portfólio, depoimentos, contatos e perfis sociais presentes nos seeders são dados fictícios de desenvolvimento e não constituem prova comercial.
 - Ainda não há logo, fotografia proprietária, depoimentos autorizados, cases reais, imprensa, credenciais, CNPJ ou texto jurídico definitivo confirmados no repositório. Trabalho futuro não deve inventá-los.
 
@@ -68,7 +68,7 @@ Site público premium e operação interna formam um fluxo único. A mesma plata
 2. **Uma informação, um fluxo:** conduzir o dado do briefing ao evento sem redigitação ou planilhas paralelas.
 3. **Adoção sem ruptura:** organizar o trabalho existente da equipe sem impor processo desnecessariamente complexo.
 4. **Confiança sustentada por fatos:** usar somente conteúdo, resultados e provas reais e autorizados.
-5. **Qualidade verificável:** tratar acessibilidade, desempenho, testes visuais e jornadas críticas como critérios de entrega.
+5. **Qualidade verificável:** tratar acessibilidade, desempenho, motion e jornadas críticas como critérios de entrega.
 
 ## Accessibility & Inclusion
 

README.md

@@ -4,7 +4,7 @@ Aplicação Laravel 13 para assessoria de eventos (Fase 0 — Fundação).
 
 ## Requisitos
 
-- PHP 8.5+ com extensões `pdo_pgsql`, `intl`, `mbstring`, `zip`, `sodium`
+- PHP 8.4 com extensões `pdo_pgsql`, `intl`, `mbstring`, `zip`, `sodium` (canônico do `Dockerfile` e do CI; `composer.json` aceita `^8.3`)
 - Composer 2.x
 - Node.js 22+ e npm
 - Docker e Docker Compose
@@ -18,10 +18,10 @@ cp .env.example .env
 php artisan key:generate
 ```
 
-2. Suba o PostgreSQL:
+2. Suba o PostgreSQL (requer o `.env` do passo 1 — o serviço `app` referencia esse arquivo via `env_file`, e o Compose valida todo o `docker-compose.yml` mesmo ao subir só o `postgres`):
 
 ```bash
-docker compose up -d
+docker compose up -d postgres
 ```
 
 3. Instale dependências e rode migrations:
@@ -49,12 +49,24 @@ Painel interno: `/admin`
 
 Healthcheck: `GET /up`
 
+## Paridade local com produção (FrankenPHP via Docker Compose)
+
+Além do fluxo host-side acima, `docker-compose.yml` tem um serviço `app` que builda a mesma imagem FrankenPHP usada em staging/produção (`Dockerfile`), útil para testar o comportamento real do container antes do deploy:
+
+```bash
+docker compose up -d        # sobe postgres + app
+php artisan migrate         # rode migrations (o entrypoint do container não migra sozinho)
+curl localhost:8000/up
+```
+
+O serviço `app` depende de `postgres` estar saudável (`depends_on: condition: service_healthy`) e sobrescreve `DB_HOST`/`DB_PORT` do `.env` para apontar para o serviço `postgres` pelo nome (o padrão `127.0.0.1` do `.env` só funciona para processos rodando no host). Não há job de CI dedicado a este smoke — o job `container` do CI já builda e healthcheca a mesma imagem.
+
 ## Variáveis principais
 
 | Variável | Valor local |
 |---|---|
 | `APP_LOCALE` | `pt_BR` |
-| `APP_TIMEZONE` | `America/Fortaleza` |
+| `APP_TIMEZONE` | `America/Sao_Paulo` |
 | `DB_CONNECTION` | `pgsql` |
 | `SESSION_DRIVER` | `database` |
 | `CACHE_STORE` | `database` |
@@ -63,7 +75,7 @@ Healthcheck: `GET /up`
 ## Comandos de qualidade
 
 ```bash
-composer quality      # Pint + PHPStan + audit + testes
+composer quality      # Pint + PHPStan + audit (composer + npm) + testes
 composer test:unit    # Unit + Architecture
 composer test:feature # Feature + Livewire + Filament
 composer test:browser # E2E browser
@@ -125,6 +137,7 @@ Após `php artisan db:seed`:
 - [SPEC.md](SPEC.md) — especificação do produto
 - [docs/adr/](docs/adr/) — ADRs aceitas
 - [docs/conventions/php-strict-types.md](docs/conventions/php-strict-types.md) — convenção de strict types
+- [docs/operations/atualizacao-de-conteudo.md](docs/operations/atualizacao-de-conteudo.md) — runbook de atualização de conteúdo do site pelo painel admin
 - [docs/deployment/dokploy.md](docs/deployment/dokploy.md) — deploy staging/produção no Dokploy + GHCR
 
 ## Deploy (Dokploy)

SPEC.md

@@ -20,10 +20,10 @@
 | Princípio principal | YAGNI — implementar somente o necessário para validar o produto |
 | Arquitetura | Monólito modular Laravel |
 | Área interna | Filament |
-| Área pública | Livewire + Blade |
+| Área pública | Blade + JS vanilla progressivo (Livewire é dependência do Filament, não usada no site público — ver ADR-015) |
 | Servidor de aplicação | FrankenPHP em modo regular |
 | Banco de dados | PostgreSQL |
-| Testes | Pest, Pest Browser/Playwright e testes visuais |
+| Testes | Pest e Pest Browser/Playwright |
 
 ### 0.1 Vocabulário normativo
 
@@ -80,7 +80,6 @@ O agente:
 - NÃO DEVE colocar regras financeiras diretamente em views, Resources, Models observers ou callbacks de formulário.
 - NÃO DEVE usar `float` para dinheiro.
 - NÃO DEVE persistir status derivados que possam ser calculados corretamente a partir dos dados fonte.
-- NÃO DEVE atualizar snapshots visuais apenas para fazer o CI passar sem revisar o diff.
 
 ### 1.2 Entrega incremental
 
@@ -135,7 +134,6 @@ Uma assessora adotará o sistema quando ele:
 | Operação | Tarefas vencidas sem responsável | `0` |
 | Financeiro | Itens de orçamento sem valor ou status | Menos de 5% por evento ativo |
 | Qualidade | Jornadas E2E críticas passando | 100% antes de deploy |
-| Visual | Snapshots aprovados | 100% |
 | Confiabilidade | Erros não tratados | Alerta imediato e tendência decrescente |
 
 ---
@@ -194,11 +192,24 @@ Não instalar sistema de permissões granular no MVP.
 
 ## 4. Escopo
 
+> **Recorte vigente do lançamento (ADR-016).** O escopo aprovado para o lançamento de 31/08/2026 é o **site institucional**: Fases 0 e 1. As Fases 2 a 5 — CRM de leads, conversão de lead em evento, eventos, tarefas, fornecedores, orçamento, pagamentos manuais, documentos, dashboard orientado a exceções e auditoria — permanecem especificadas neste documento mas ficam **adiadas**, sem data.
+>
+> A §4.1 abaixo descreve o produto completo, não o recorte do lançamento. Os itens marcados como adiados estão fora do que se constrói agora. Ver §18 para a divisão por fase e §23 para as condições de conclusão de cada recorte.
+
 ### 4.1 Incluído no MVP
 
+No recorte do lançamento (Fases 0–1):
+
 - site público;
 - CMS interno do site;
 - formulário de briefing;
+- usuários internos e papéis simples;
+- SEO básico;
+- acessibilidade automatizada;
+- CI/CD e deploy em contêiner com FrankenPHP.
+
+Adiados para depois do lançamento (Fases 2–5, ver ADR-016):
+
 - CRM de leads;
 - conversão de lead em evento;
 - cadastro e visão consolidada de eventos;
@@ -208,12 +219,10 @@ Não instalar sistema de permissões granular no MVP.
 - pagamentos inseridos manualmente;
 - documentos vinculados a leads e eventos;
 - dashboard orientado a exceções;
-- usuários internos e papéis simples;
 - notificações internas e por e-mail para novos leads;
-- auditoria de ações críticas;
-- SEO básico;
-- acessibilidade e testes visuais;
-- CI/CD e deploy em contêiner com FrankenPHP.
+- auditoria de ações críticas.
+
+Adiado **não** é o mesmo que fora do MVP: os itens acima seguem especificados neste documento e continuam sendo o produto pretendido. A §4.2 lista o que **NÃO DEVE** ser implementado em nenhum momento.
 
 ### 4.2 Fora do MVP
 
@@ -315,8 +324,8 @@ Administração
 
 - Dashboard: `Filament Page` customizada com widgets orientados a exceção.
 - Detalhe do evento: página customizada do Resource com resumo operacional.
-- Briefing público: componente Livewire próprio.
-- Home: Blade/Livewire com componentes de design reutilizáveis.
+- Briefing público: Blade + Controller (`POST /contato`), ver §11.2.
+- Home: Blade com componentes de design reutilizáveis.
 
 ### 5.4 Decisões de UX YAGNI
 
@@ -1553,7 +1562,7 @@ Constraints de banco devem proteger:
 | Runtime | PHP com versão minor fixada no Docker |
 | Framework | Laravel 13 |
 | Admin | Filament 5 |
-| UI pública | Livewire 4 + Blade + Alpine + Tailwind |
+| UI pública | Blade + Tailwind + JS vanilla progressivo (sem framework reativo; Livewire 4 confinado ao Filament — ver ADR-015 e §22) |
 | Banco | PostgreSQL |
 | Servidor | FrankenPHP + Caddy |
 | Assets | Vite |
@@ -1774,21 +1783,21 @@ Usar componentes/Widgets menores e testáveis.
 
 ---
 
-## 11. Livewire e site público
+## 11. Site público e interatividade
 
-### 11.1 Componentes sugeridos
+### 11.1 Estado atual e componentes candidatos
 
-- `ContactBriefingForm`;
-- `FeaturedPortfolioCases` se houver necessidade de consulta dinâmica;
-- `PublishedServices` se houver necessidade de consulta dinâmica.
+O site público **não usa Livewire nem Alpine hoje**. As páginas são Blade renderizado no servidor mais JavaScript vanilla progressivo (`resources/js/app.js` e `resources/js/motion.js`). O `layouts.public` carrega apenas `@vite(['resources/css/app.css', 'resources/js/app.js'])` — nenhum `@livewireScripts`. O pacote `livewire/livewire` existe no projeto apenas como dependência transitiva de `filament/support` e opera somente dentro do painel `/admin`.
 
-Não transformar todas as seções estáticas em componentes Livewire. Usar Blade quando não houver estado ou interação.
+Se surgir a necessidade de consulta dinâmica, os candidatos naturais a Livewire seriam `FeaturedPortfolioCases` e `PublishedServices`. Essa adoção está condicionada ao gatilho registrado em §22.
+
+Não transformar seções estáticas em componentes Livewire. Usar Blade quando não houver estado ou interação.
 
 ### 11.2 Formulário de briefing
 
-> **Estado atual (Fases 0–1):** o formulário é implementado em Blade + Controller (`POST /contato`, `ContactBriefingRequest`), conforme WEB-05. Se a Fase 2 mantiver Blade + Controller, os requisitos abaixo valem para o formulário e seus testes independentemente da tecnologia; a criação de Lead segue para a Fase 2.
+> **Estado atual:** o formulário é implementado em Blade + Controller (`POST /contato`, `ContactBriefingRequest`), conforme WEB-05, e essa é a abordagem aceita — não um estágio provisório. Os requisitos abaixo valem independentemente da tecnologia; a criação de Lead segue para a Fase 2.
 
-O componente deve:
+O formulário deve:
 
 - ter estado tipado ou Form Object quando útil;
 - validar no servidor;
@@ -1797,15 +1806,16 @@ O componente deve:
 - preservar acessibilidade;
 - limpar dados após sucesso;
 - evitar exposição de exceção;
-- suportar teste Livewire sem browser;
+- suportar teste de submissão sem navegador (feature test);
 - suportar jornada E2E em navegador real.
 
 ### 11.3 JavaScript
 
-- usar Alpine apenas para interações pequenas;
+- manter o site público em JS vanilla progressivo;
 - não introduzir framework SPA;
-- não usar dependência JS quando CSS/HTML/Livewire resolverem;
-- toda interação crítica deve funcionar sem estado global complexo.
+- não usar dependência JS quando CSS e HTML resolverem;
+- toda interação crítica deve funcionar sem estado global complexo;
+- Alpine só entra junto com Livewire, se o gatilho de §22 disparar.
 
 ---
 
@@ -1889,7 +1899,7 @@ A pirâmide deve possuir:
 1. muitos testes unitários rápidos;
 2. testes feature/integration suficientes para Laravel, PostgreSQL, Livewire e Filament;
 3. poucos testes E2E cobrindo jornadas críticas;
-4. testes visuais determinísticos nas telas mais importantes.
+4. testes E2E, de acessibilidade, motion e smoke nas jornadas públicas mais importantes.
 
 A distribuição é por intenção, não por percentual rígido.
 
@@ -1971,40 +1981,7 @@ Em falha, CI deve publicar:
 - logs do browser;
 - HTML report quando disponível.
 
-### 13.5 Regressão visual
-
-Usar `assertScreenshotMatches()` ou API equivalente do Pest Browser.
-
-Snapshots obrigatórios:
-
-| Tela | Desktop | Mobile |
-|---|---:|---:|
-| Home | 1440×1000 | 390×844 |
-| Serviços | 1440×1000 | 390×844 |
-| Portfólio | 1440×1000 | 390×844 |
-| Detalhe do portfólio | 1440×1000 | 390×844 |
-| Briefing vazio | 1280×900 | 390×844 |
-| Briefing com erros | 1280×900 | 390×844 |
-| Briefing sucesso | 1280×900 | 390×844 |
-| Login | 1280×900 | Opcional |
-| Dashboard | 1440×1000 | Não obrigatório |
-| Detalhe do evento | 1440×1000 | Não obrigatório |
-
-Determinismo obrigatório:
-
-- Chromium e imagem Linux fixos;
-- viewport fixo;
-- timezone `America/Sao_Paulo`;
-- locale `pt-BR`;
-- fontes instaladas na imagem;
-- relógio congelado;
-- seed determinístico;
-- animações e transições desabilitadas;
-- dados dinâmicos mascarados quando necessário.
-
-Atualização de baseline deve usar comando explícito e revisão humana do diff.
-
-### 13.6 Testes de arquitetura
+### 13.5 Testes de arquitetura
 
 Criar regras Pest Architecture:
 
@@ -2021,14 +1998,14 @@ arch()
 
 Adicionar regras conforme a estrutura real, sem tornar a suíte excessivamente frágil.
 
-### 13.7 Cobertura
+### 13.6 Cobertura
 
 - meta de 80% para `Domain` e `Application`;
 - não medir views, migrations, código gerado e framework;
 - cobertura não substitui critérios de aceite;
 - queda de cobertura em módulo crítico deve bloquear merge.
 
-### 13.8 Acessibilidade automatizada
+### 13.7 Acessibilidade automatizada
 
 Smoke/browser tests devem verificar:
 
@@ -2046,7 +2023,7 @@ Revisão manual mínima antes do lançamento:
 - zoom a 200%;
 - leitor de tela nos fluxos de briefing e login.
 
-### 13.9 Comandos padronizados
+### 13.8 Comandos padronizados
 
 O projeto deve expor scripts equivalentes:
 
@@ -2056,7 +2033,6 @@ composer test:feature
 composer test:browser
 composer test
 composer quality
-composer visual:update
 ```
 
 Composição esperada:
@@ -2064,7 +2040,7 @@ Composição esperada:
 ```text
 test:unit      → Unit + Architecture
 test:feature   → Feature + Livewire + Filament
-test:browser   → E2E + visual + acessibilidade + smoke
+test:browser   → E2E + acessibilidade + motion + smoke
 quality        → Pint check + PHPStan/Larastan + audits + testes
 ```
 
@@ -2079,7 +2055,7 @@ quality        → Pint check + PHPStan/Larastan + audits + testes
 | `static` | Pint, PHPStan/Larastan, Composer validate, Composer e npm audit | Sim |
 | `unit` | Unitários, arquitetura e cobertura | Sim |
 | `feature` | PostgreSQL, migrations, Livewire, Filament e integração | Sim |
-| `browser` | Vite, FrankenPHP, E2E, smoke, acessibilidade e visual | Sim |
+| `browser` | Vite, FrankenPHP, E2E, smoke, acessibilidade e motion | Sim |
 | `container` | Build da imagem final e healthcheck | Sim |
 
 ### 14.2 Regras do pipeline
@@ -2113,7 +2089,6 @@ Uma história só está concluída quando:
 - PHPStan/Larastan está verde;
 - unit e feature tests cobrem regras relevantes;
 - E2E foi criado ou atualizado para fluxo crítico;
-- snapshot foi criado ou revisado para UI coberta;
 - acessibilidade automatizada não possui issues críticas/sérias;
 - migration foi testada;
 - autorização foi verificada;
@@ -2324,6 +2299,8 @@ Para visual e browser tests:
 
 ## 18. Backlog de implementação
 
+> **Recorte vigente (ADR-016).** Fases 0 e 1 são o escopo do lançamento e estão concluídas. **Fases 2 a 5 estão adiadas, sem data.** Não iniciar nenhuma delas sem uma decisão nova do responsável pelo produto — a §1.1 manda trabalhar uma fase por vez, e a fase corrente é o acabamento e a publicação do site.
+
 O agente deve implementar na sequência, salvo instrução explícita.
 
 ### Fase 0 — Fundação
@@ -2335,7 +2312,7 @@ O agente deve implementar na sequência, salvo instrução explícita.
 - [x] Filament instalado e autenticado;
 - [x] Livewire configurado;
 - [x] Tailwind/Vite;
-- [~] FrankenPHP e Docker Compose local (imagem pronta; serviço de aplicação local pendente);
+- [x] FrankenPHP e Docker Compose local;
 - [x] papéis admin/assistant;
 - [x] Pint;
 - [x] PHPStan/Larastan;
@@ -2346,11 +2323,11 @@ O agente deve implementar na sequência, salvo instrução explícita.
 - [x] design tokens mínimos;
 - [x] healthcheck;
 - [x] seed de admin local.
-- [ ] verificação de e-mail e reset seguro (MustVerifyEmail);
-- [ ] npm audit no `composer quality` e no job `static`;
-- [ ] gate de cobertura `Domain`/`Application` ≥ 80%;
-- [ ] serviço de aplicação FrankenPHP no Compose local;
-- [ ] hello-world implantado em staging (critério de saída).
+- [x] verificação de e-mail e reset seguro (MustVerifyEmail);
+- [x] npm audit no `composer quality` e no job `static`;
+- [x] gate de cobertura `Domain`/`Application` ≥ 80%;
+- [x] serviço de aplicação FrankenPHP no Compose local;
+- [x] hello-world implantado em staging (critério de saída) — run [31395107465](https://github.com/manoel-freitas/amore-site/actions/runs/31395107465) em `7e68c0e`, com `Dokploy deployment succeeded` e smoke verde em `/up`, `/` e `/admin/login`.
 
 > Os itens pendentes acima são tratados pela mudança OpenSpec `complete-foundation-parity`; o critério de saída da fase só é atingido com staging implantado.
 
@@ -2369,12 +2346,11 @@ O agente deve implementar na sequência, salvo instrução explícita.
 - [x] privacidade;
 - [x] SEO;
 - [x] mídia otimizada;
-- [x] snapshots desktop/mobile;
 - [x] testes de acessibilidade.
 
-**Critério de saída:** conteúdo gerenciável no Filament e site público aprovado visualmente (baselines em `tests/.pest/snapshots/`; aprovação humana do diff visual no PR).
+**Critério de saída:** conteúdo gerenciável no Filament, testes browser funcionais, de acessibilidade e motion aprovados, e revisão humana do site público no PR.
 
-### Fase 2 — Leads
+### Fase 2 — Leads — ADIADA (ADR-016)
 
 - [ ] migration/model/factory de Lead;
 - [ ] LeadActivity;
@@ -2391,7 +2367,7 @@ O agente deve implementar na sequência, salvo instrução explícita.
 
 **Critério de saída:** jornada visitante → lead → tratamento interna totalmente verde.
 
-### Fase 3 — Eventos e tarefas
+### Fase 3 — Eventos e tarefas — ADIADA (ADR-016)
 
 - [ ] Event;
 - [ ] EventTask;
@@ -2406,7 +2382,7 @@ O agente deve implementar na sequência, salvo instrução explícita.
 
 **Critério de saída:** lead é convertido e evento pode ser administrado.
 
-### Fase 4 — Fornecedores e financeiro
+### Fase 4 — Fornecedores e financeiro — ADIADA (ADR-016)
 
 - [ ] Vendor;
 - [ ] EventVendor;
@@ -2422,7 +2398,7 @@ O agente deve implementar na sequência, salvo instrução explícita.
 
 **Critério de saída:** assessora acompanha orçamento e pagamentos sem integração bancária.
 
-### Fase 5 — Documentos, hardening e lançamento
+### Fase 5 — Documentos, hardening e lançamento — ADIADA (ADR-016)
 
 - [ ] documentos privados;
 - [ ] auditoria completa;
@@ -2483,8 +2459,7 @@ Toda operação financeira deve:
 | Risco | Mitigação obrigatória |
 |---|---|
 | Filament concentrar domínio | Resources finos, Actions e Queries testáveis |
-| Site parecer genérico | design tokens, conteúdo real, fotografia e visual tests |
-| Snapshots instáveis | contêiner fixo, relógio/dados/fontes determinísticos |
+| Site parecer genérico | design tokens, conteúdo real, fotografia e revisão humana |
 | Escopo crescer | lista de não objetivos e mudança somente com hipótese real |
 | Financeiro virar contabilidade | limitar a orçamento e pagamentos manuais |
 | Worker mode vazar estado | manter modo regular até benchmark e ADR |
@@ -2500,10 +2475,10 @@ Toda operação financeira deve:
 | ADR | Decisão | Status |
 |---|---|---|
 | ADR-001 | Monólito modular Laravel, sem microserviços | Aceita |
-| ADR-002 | Filament para área interna e Livewire/Blade para área pública | Aceita |
+| ADR-002 | Filament para área interna (Livewire é dependência interna do Filament); site público em Blade — ver ADR-015 | Aceita |
 | ADR-003 | PostgreSQL como único banco transacional | Aceita |
 | ADR-004 | Pagamentos somente manuais | Aceita |
-| ADR-005 | Pest unifica unit, feature, browser e visual | Aceita |
+| ADR-005 | Pest unifica unit, feature e browser | Aceita |
 | ADR-006 | FrankenPHP regular mode; worker mode adiado | Aceita |
 | ADR-007 | Single-tenant; SaaS e portal do cliente adiados | Aceita |
 | ADR-008 | Database queue; Redis adiado | Aceita |
@@ -2513,6 +2488,8 @@ Toda operação financeira deve:
 | ADR-012 | E-mail transacional via Resend (mailer nativo Laravel) | Aceita |
 | ADR-013 | Design system Heritage Editorial para o site público | Aceita |
 | ADR-014 | Deploy via Dokploy Compose com imagem imutável por SHA no GHCR | Aceita |
+| ADR-015 | Site público permanece Blade + JS vanilla; Livewire e Alpine ficam restritos ao Filament até o gatilho de §22. Emenda o texto da ADR-002 | Aceita |
+| ADR-016 | Lançamento de 31/08/2026 entrega apenas o site institucional (Fases 0–1); Fases 2–5 seguem especificadas e adiadas, sem data | Aceita |
 
 ---
 
@@ -2529,6 +2506,7 @@ Toda operação financeira deve:
 | API pública | existe consumidor real e contrato de integração |
 | Kanban | tabela de leads demonstra limitação frequente observada |
 | Editor de checklist | diferentes tipos de evento exigem manutenção frequente do seed |
+| Livewire no site público | portfólio ou serviços exigem consulta ou filtro dinâmico que Blade + JS vanilla não resolvem de forma simples |
 
 ---
 
@@ -2536,24 +2514,39 @@ Toda operação financeira deve:
 
 O MVP está concluído somente quando:
 
+A ADR-016 divide estas condições em dois recortes. Cada um se fecha por conta própria; o segundo não bloqueia o lançamento.
+
+### 23.1 Lançamento do site (Fases 0–1)
+
+O lançamento está concluído somente quando:
+
 - site público está publicado e visualmente aprovado;
 - assessora edita os conteúdos essenciais sem desenvolvedor;
-- briefing cria leads de forma segura;
+- briefing envia o pedido de proposta de forma segura, com proteção contra abuso e aceite de privacidade registrado;
+- usuários e Policies estão corretos;
+- testes unit, feature, visuais e arquitetura estão verdes;
+- CI bloqueia regressões;
+- imagem FrankenPHP é reproduzível;
+- staging e produção usam a mesma imagem promovida;
+- backup, restauração e monitoramento estão documentados;
+- nenhum item explicitamente fora do MVP (§4.2) foi introduzido.
+
+Note a diferença em relação à versão anterior desta seção: o critério do briefing é **enviar o pedido**, não "criar leads". Criar Lead é Fase 2 e está adiado; o formulário atual envia e-mail e não persiste nada.
+
+### 23.2 Produto completo (Fases 2–5, adiado)
+
+Além de tudo em §23.1:
+
 - pipeline e próxima ação funcionam;
+- briefing cria leads de forma segura e persistente;
 - lead é convertido uma única vez em evento;
 - checklist é criado automaticamente;
 - evento possui visão consolidada;
 - fornecedores podem ser cadastrados e vinculados;
 - orçamento e pagamentos manuais possuem totais consistentes;
 - dashboard mostra pendências do dia;
-- usuários e Policies estão corretos;
 - auditoria registra operações críticas;
-- testes unit, feature, E2E, visuais e arquitetura estão verdes;
-- CI bloqueia regressões;
-- imagem FrankenPHP é reproduzível;
-- staging e produção usam a mesma imagem promovida;
-- backup, restauração e monitoramento estão documentados;
-- nenhum item explicitamente fora do MVP foi introduzido.
+- jornadas E2E das fases correspondentes estão verdes.
 
 ---
 

app/Console/Commands/MediaGenerateVariantsCommand.php

@@ -29,6 +29,7 @@ final class MediaGenerateVariantsCommand extends Command
 
         foreach ($paths as $path) {
             if (! Storage::disk($disk)->exists($path)) {
+                ResponsiveImage::forgetMetadata($path, $disk);
                 $this->warn("Missing file: {$path}");
                 $skipped++;
 
@@ -56,9 +57,21 @@ final class MediaGenerateVariantsCommand extends Command
         if ($settings && filled($settings->default_og_image_path)) {
             $paths[] = (string) $settings->default_og_image_path;
         }
+        if ($settings && filled($settings->hero_image_path)) {
+            $paths[] = (string) $settings->hero_image_path;
+        }
         if ($settings && filled($settings->about_image_path)) {
             $paths[] = (string) $settings->about_image_path;
         }
+        if ($settings && filled($settings->hero_image_path)) {
+            $paths[] = (string) $settings->hero_image_path;
+        }
+        if ($settings && filled($settings->services_hero_image_path)) {
+            $paths[] = (string) $settings->services_hero_image_path;
+        }
+        if ($settings && filled($settings->portfolio_hero_image_path)) {
+            $paths[] = (string) $settings->portfolio_hero_image_path;
+        }
 
         foreach (Service::query()->whereNotNull('cover_image_path')->pluck('cover_image_path') as $path) {
             $paths[] = (string) $path;

app/Domain/Contact/BrazilianPhoneNumber.php

@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Domain\Contact;
+
+/**
+ * Normalizes a raw phone/WhatsApp number typed into the public briefing
+ * form into a canonical, human-readable Brazilian format.
+ *
+ * The briefing e-mail simply prints the field value in a table, so the
+ * canonical form must stay legible for the staff member reading it —
+ * "(11) 98888-7777" rather than an opaque "11988887777" digit string.
+ */
+final class BrazilianPhoneNumber
+{
+    /**
+     * Formats to "(DD) 9XXXX-XXXX" for an 11-digit mobile number or
+     * "(DD) XXXX-XXXX" for a 10-digit landline number, stripping a
+     * leading "+55"/"55" country code when present.
+     *
+     * A 10- or 11-digit string is only formatted when it is structurally
+     * plausible as a Brazilian number: the first two digits must be a
+     * possible DDD (`[1-9][1-9]`, since Brazilian area codes run 11-99
+     * and never carry a '0' in either position), and an 11-digit number
+     * must additionally have a '9' as its third digit (mandatory on all
+     * Brazilian mobile numbers since 2012). An explicit "+55" prefix that
+     * leaves no digits for a DDD (e.g. "+55 98888-7777") is treated as a
+     * number missing its area code, not as DDD 55.
+     *
+     * When the digit count does not match either shape, or the shape
+     * fails the checks above (foreign numbers, partial input, extensions,
+     * etc.), the original text is preserved — only whitespace is
+     * collapsed — so no information the recipient might need is
+     * discarded or silently fabricated.
+     */
+    public static function normalize(string $raw): string
+    {
+        $trimmed = trim($raw);
+        $collapsed = preg_replace('/\s+/', ' ', $trimmed) ?? $trimmed;
+
+        // Only reformat when the text is made exclusively of phone
+        // characters. Anything else — "(WhatsApp)", "falar com João",
+        // a ramal — is information the recipient needs, so it is left
+        // untouched rather than stripped away by the digit extraction.
+        if (preg_match('/^[0-9()+\-.\/ ]+$/', $collapsed) !== 1) {
+            return $collapsed;
+        }
+
+        $digits = preg_replace('/\D+/', '', $collapsed) ?? '';
+
+        if (in_array(strlen($digits), [12, 13], true) && str_starts_with($digits, '55')) {
+            $digits = substr($digits, 2);
+        } elseif (str_starts_with($digits, '55') && preg_match('/^\+\s*55\b/', $collapsed) === 1) {
+            // An explicit "+55" was written, but the total digit count
+            // never reached 12/13, meaning nothing precedes it that could
+            // be a DDD — e.g. "+55 98888-7777" is a mobile number missing
+            // its area code, not DDD 55 with a coincidentally-matching
+            // subscriber number. Guessing a DDD here would fabricate one.
+            return $collapsed;
+        }
+
+        return match (strlen($digits)) {
+            11 => self::isPlausibleDdd($digits) && $digits[2] === '9'
+                ? sprintf('(%s) %s-%s', substr($digits, 0, 2), substr($digits, 2, 5), substr($digits, 7))
+                : $collapsed,
+            10 => self::isPlausibleDdd($digits)
+                ? sprintf('(%s) %s-%s', substr($digits, 0, 2), substr($digits, 2, 4), substr($digits, 6))
+                : $collapsed,
+            default => $collapsed,
+        };
+    }
+
+    /**
+     * A Brazilian DDD (area code) runs 11-99: the first digit is never
+     * '0' (not a valid leading digit) and the second is never '0' either
+     * (no DDD like "10", "20", "30" exists). This does not check that the
+     * DDD is one of the officially assigned codes — only that its shape
+     * is plausible enough to distinguish it from a foreign number.
+     */
+    private static function isPlausibleDdd(string $digits): bool
+    {
+        return preg_match('/^[1-9][1-9]/', $digits) === 1;
+    }
+}

app/Domain/Contact/MarketingOrigin.php

@@ -0,0 +1,181 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Domain\Contact;
+
+/**
+ * Captures the marketing origin of a visit (SPEC.md WEB-05, "origem de
+ * marketing capturada quando disponível") from raw, untrusted request
+ * data and turns it into a short, human-readable pt-BR label for the
+ * internal briefing e-mail.
+ *
+ * Deliberately framework-free (no Illuminate\Http\Request dependency) so
+ * it stays a pure transformation, mirroring BrazilianPhoneNumber: callers
+ * in the HTTP layer extract the query string / referrer and hand them in
+ * as primitives.
+ */
+final class MarketingOrigin
+{
+    /**
+     * Session key both the capturing middleware and the controller read
+     * from — kept here so there is exactly one name for the concept.
+     */
+    public const string SESSION_KEY = 'marketing_origin';
+
+    /**
+     * Caps every captured value. This is marketing metadata, not user
+     * content — a crafted query string must not be able to bloat the
+     * session (SPEC.md §12.5 LGPD).
+     */
+    private const int MAX_LENGTH = 100;
+
+    /**
+     * @var list<string>
+     */
+    private const array UTM_KEYS = [
+        'utm_source',
+        'utm_medium',
+        'utm_campaign',
+        'utm_term',
+        'utm_content',
+    ];
+
+    /**
+     * pt-BR labels for the UTM keys, in the order they should be
+     * displayed when composing the briefing e-mail row.
+     *
+     * @var array<string, string>
+     */
+    private const array LABELS = [
+        'utm_source' => 'origem',
+        'utm_medium' => 'mídia',
+        'utm_campaign' => 'campanha',
+        'utm_term' => 'termo',
+        'utm_content' => 'conteúdo',
+    ];
+
+    /**
+     * Reads UTM parameters from the query string, falling back to the
+     * HTTP referrer when none are present. Returns an empty array when
+     * neither is available — capturing nothing is a valid outcome
+     * ("capturada quando disponível").
+     *
+     * A referrer pointing back at this same host is not a marketing
+     * origin — it is the visitor clicking from one internal page to
+     * another (common once the original session has expired and a
+     * fresh one starts mid-visit) — so it is discarded rather than
+     * stored as noise (SPEC.md §12.5, "coletar apenas dados
+     * necessários").
+     *
+     * @param  array<string, mixed>  $queryParams
+     * @return array<string, string>
+     */
+    public static function capture(array $queryParams, ?string $referrer, ?string $requestHost): array
+    {
+        $utm = [];
+
+        foreach (self::UTM_KEYS as $key) {
+            $value = $queryParams[$key] ?? null;
+
+            if (is_string($value) && trim($value) !== '') {
+                $utm[$key] = self::sanitize($value);
+            }
+        }
+
+        if ($utm !== []) {
+            return $utm;
+        }
+
+        if (is_string($referrer) && trim($referrer) !== '' && ! self::isSameHost($referrer, $requestHost)) {
+            $origin = self::originOf($referrer);
+
+            if ($origin !== null) {
+                return ['referrer' => self::sanitize($origin)];
+            }
+        }
+
+        return [];
+    }
+
+    /**
+     * Reduces a referrer URL to its scheme+host identity, dropping the
+     * path, query string, fragment, and any userinfo. The referrer is
+     * only ever used as a marketing-origin *site* label (SPEC.md WEB-05)
+     * — the query string can carry data that identifies an individual
+     * (e.g. a personalized campaign link's `?email=...`), which would
+     * exceed "coletar apenas dados necessários" (SPEC.md §12.5) once it
+     * lands in the session and the internal briefing e-mail.
+     */
+    private static function originOf(string $referrer): ?string
+    {
+        $host = parse_url($referrer, PHP_URL_HOST);
+
+        if (! is_string($host) || $host === '') {
+            return null;
+        }
+
+        $scheme = parse_url($referrer, PHP_URL_SCHEME);
+        $prefix = is_string($scheme) && $scheme !== '' ? "{$scheme}://" : '';
+
+        return "{$prefix}{$host}";
+    }
+
+    private static function isSameHost(string $referrer, ?string $requestHost): bool
+    {
+        if ($requestHost === null || $requestHost === '') {
+            return false;
+        }
+
+        $referrerHost = parse_url($referrer, PHP_URL_HOST);
+
+        return is_string($referrerHost) && strcasecmp($referrerHost, $requestHost) === 0;
+    }
+
+    /**
+     * Composes the single-row, pt-BR display value for the internal
+     * briefing e-mail. Returns null when nothing was captured, letting
+     * the caller fall back to the same "—" convention already used for
+     * other optional briefing fields.
+     *
+     * Accepts loosely-typed input on purpose: this reads back whatever
+     * was put in the session, so it is treated as untrusted rather than
+     * assumed to still match the shape `capture()` produced.
+     *
+     * @param  array<string, mixed>  $origin
+     */
+    public static function describe(array $origin): ?string
+    {
+        if (isset($origin['referrer']) && is_string($origin['referrer']) && $origin['referrer'] !== '') {
+            return $origin['referrer'];
+        }
+
+        $parts = [];
+
+        foreach (self::LABELS as $key => $label) {
+            if (isset($origin[$key]) && is_string($origin[$key]) && $origin[$key] !== '') {
+                $parts[] = "{$label}: {$origin[$key]}";
+            }
+        }
+
+        return $parts === [] ? null : implode(' | ', $parts);
+    }
+
+    /**
+     * Untrusted input (query string, HTTP referrer) that ends up in an
+     * HTML e-mail: strip any markup, drop control characters (also
+     * closes off header-injection-style newline tricks), trim, and cap
+     * the length before it ever reaches storage.
+     */
+    private static function sanitize(string $value): string
+    {
+        $withoutTags = strip_tags($value);
+        // No /u flag: this is a byte-wise scrub of ASCII control bytes, so
+        // it cannot land mid-sequence in valid UTF-8 (continuation bytes
+        // are all >= 0x80) — unlike the Unicode-mode regex, it never
+        // blanks the whole string just because one byte is malformed.
+        $withoutControlChars = preg_replace('/[\x00-\x1F\x7F]/', '', $withoutTags) ?? '';
+
+        return mb_substr(trim($withoutControlChars), 0, self::MAX_LENGTH);
+    }
+}

app/Filament/Pages/Auth/RequestPasswordReset.php

@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Pages\Auth;
+
+use Filament\Auth\Pages\PasswordReset\RequestPasswordReset as BaseRequestPasswordReset;
+use Filament\Notifications\Notification;
+use Illuminate\Support\Facades\Password;
+
+/**
+ * Overrides Filament's stock request-reset page to close an account
+ * enumeration leak (SPEC 12.1 / ADM-01 "reset seguro"). The vendor page
+ * shows a distinguishable danger notification for two statuses that only
+ * ever occur for existing users, letting an attacker tell registered emails
+ * apart from unregistered ones:
+ *
+ * - Password::INVALID_USER — no such user at all.
+ * - Password::RESET_THROTTLED — Illuminate\Auth\Passwords\PasswordBroker
+ *   only returns this when a token was already recently created for that
+ *   user, which requires the user to exist. Two requests for the same
+ *   registered email (allowed by this page's own rate limit of 2) would
+ *   otherwise flip from "sent" to "throttled" while an unknown email stays
+ *   "sent" both times — the same leak, reached a different way. The
+ *   tradeoff: a legitimate user requesting twice sees "sent" again instead
+ *   of "please wait", which is an acceptable UX cost on an admin-only panel.
+ *
+ * Existing-but-ineligible users (inactive, or since this panel now requires
+ * a verified email) already resolve to Password::RESET_LINK_SENT with no
+ * mail sent — see the vendor callback in the base class — so only these two
+ * branches need normalizing here.
+ */
+class RequestPasswordReset extends BaseRequestPasswordReset
+{
+    protected function getFailureNotification(string $status): ?Notification
+    {
+        if (in_array($status, [Password::INVALID_USER, Password::RESET_THROTTLED], true)) {
+            return $this->getSentNotification(Password::RESET_LINK_SENT);
+        }
+
+        return parent::getFailureNotification($status);
+    }
+}

app/Filament/Pages/ManageSiteSettings.php

@@ -160,11 +160,24 @@ class ManageSiteSettings extends Page
                         Textarea::make('hero_note')
                             ->label('Nota do hero')
                             ->rows(2),
+                        PublicImageUploadRules::fileUpload('hero_image_path', 'Imagem do hero', 'content/home'),
+                        PublicImageUploadRules::altTextField('hero_image_alt', 'hero_image_path'),
                         Textarea::make('about_summary')
                             ->label('Resumo institucional')
                             ->rows(3),
                     ])
                     ->columns(2),
+                Section::make('Imagens das aberturas')
+                    ->description('Fotos reais e autorizadas para as primeiras dobras. Sem imagem, cada rota mantém a abertura tonal.')
+                    ->schema([
+                        PublicImageUploadRules::fileUpload('hero_image_path', 'Imagem da home', 'content/heroes'),
+                        PublicImageUploadRules::altTextField('hero_image_alt', 'hero_image_path'),
+                        PublicImageUploadRules::fileUpload('services_hero_image_path', 'Imagem de Serviços', 'content/heroes'),
+                        PublicImageUploadRules::altTextField('services_hero_image_alt', 'services_hero_image_path'),
+                        PublicImageUploadRules::fileUpload('portfolio_hero_image_path', 'Imagem de Portfólio', 'content/heroes'),
+                        PublicImageUploadRules::altTextField('portfolio_hero_image_alt', 'portfolio_hero_image_path'),
+                    ])
+                    ->columns(2),
                 Section::make('Manifesto editorial')
                     ->schema([
                         TextInput::make('manifesto_title')

app/Filament/Resources/PortfolioCases/Pages/CreatePortfolioCase.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\PortfolioCases\Pages;
 
 use App\Filament\Resources\PortfolioCases\PortfolioCaseResource;

app/Filament/Resources/PortfolioCases/Pages/EditPortfolioCase.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\PortfolioCases\Pages;
 
 use App\Filament\Resources\PortfolioCases\PortfolioCaseResource;

app/Filament/Resources/PortfolioCases/Pages/ListPortfolioCases.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\PortfolioCases\Pages;
 
 use App\Filament\Resources\PortfolioCases\PortfolioCaseResource;

app/Filament/Resources/Services/Pages/CreateService.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Services\Pages;
 
 use App\Filament\Resources\Services\ServiceResource;

app/Filament/Resources/Services/Pages/EditService.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Services\Pages;
 
 use App\Filament\Resources\Services\ServiceResource;

app/Filament/Resources/Services/Pages/ListServices.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Services\Pages;
 
 use App\Filament\Resources\Services\ServiceResource;

app/Filament/Resources/Testimonials/Pages/CreateTestimonial.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Testimonials\Pages;
 
 use App\Filament\Resources\Testimonials\TestimonialResource;

app/Filament/Resources/Testimonials/Pages/EditTestimonial.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Testimonials\Pages;
 
 use App\Filament\Resources\Testimonials\TestimonialResource;

app/Filament/Resources/Testimonials/Pages/ListTestimonials.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Testimonials\Pages;
 
 use App\Filament\Resources\Testimonials\TestimonialResource;

app/Filament/Resources/Users/Pages/CreateUser.php

@@ -1,11 +1,38 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Users\Pages;
 
 use App\Filament\Resources\Users\UserResource;
+use App\Models\User;
 use Filament\Resources\Pages\CreateRecord;
+use Illuminate\Database\Eloquent\Model;
 
 class CreateUser extends CreateRecord
 {
     protected static string $resource = UserResource::class;
+
+    /**
+     * Verification stays admin-managed only (no self-service verify route is
+     * registered): a user created here by an admin is, by that act, verified.
+     * Without this, `email_verified_at` would stay null forever and
+     * canAccessPanel() would permanently lock the new user out with no
+     * in-app path to recover — the password-reset callback skips notifying
+     * users that fail canAccessPanel() while still reporting success.
+     *
+     * `email_verified_at` is deliberately not added to User's #[Fillable]
+     * list (it isn't a UserForm field either) so it can never be set via
+     * mass assignment from form/API input — `forceFill()` bypasses that
+     * guard here on purpose, after construction.
+     */
+    protected function handleRecordCreation(array $data): Model
+    {
+        /** @var User $record */
+        $record = new (static::getModel())($data);
+        $record->forceFill(['email_verified_at' => now()]);
+        $record->save();
+
+        return $record;
+    }
 }

app/Filament/Resources/Users/Pages/EditUser.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Users\Pages;
 
 use App\Filament\Resources\Users\UserResource;

app/Filament/Resources/Users/Pages/ListUsers.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Filament\Resources\Users\Pages;
 
 use App\Filament\Resources\Users\UserResource;

app/Http/Controllers/Controller.php

@@ -1,5 +1,7 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Http\Controllers;
 
 abstract class Controller

app/Http/Controllers/PublicSite/ContactController.php

@@ -4,6 +4,7 @@ declare(strict_types=1);
 
 namespace App\Http\Controllers\PublicSite;
 
+use App\Domain\Contact\MarketingOrigin;
 use App\Http\Controllers\Controller;
 use App\Http\Requests\PublicSite\ContactBriefingRequest;
 use App\Mail\ContactBriefing;
@@ -34,7 +35,7 @@ final class ContactController extends Controller
         $this->rememberSubmission($validated);
 
         $settings = SiteSetting::instance();
-        $fields = $this->buildFields($validated);
+        $fields = $this->buildFields($validated, $this->resolveMarketingOrigin($request));
 
         $this->dispatchEmails($settings, $validated['nome'], $validated['email'], $fields);
 
@@ -44,7 +45,7 @@ final class ContactController extends Controller
     /**
      * @param  array<string, mixed>  $validated
      */
-    private function buildFields(array $validated): array
+    private function buildFields(array $validated, ?string $marketingOrigin): array
     {
         return [
             'Nome' => (string) $validated['nome'],
@@ -56,9 +57,32 @@ final class ContactController extends Controller
             'Número estimado de convidados' => isset($validated['convidados']) ? (string) $validated['convidados'] : null,
             'Serviço de interesse' => isset($validated['servico_interesse']) ? (string) $validated['servico_interesse'] : null,
             'Mensagem' => (string) $validated['mensagem'],
+            'Origem de marketing' => $marketingOrigin,
         ];
     }
 
+    /**
+     * Reads the origin captured on arrival (SPEC.md WEB-05) so it can
+     * ride along with the internal briefing e-mail only — never the
+     * confirmation sent to the visitor. Fail-open: any problem reading
+     * or interpreting the session value must never block the
+     * submission, so it degrades to "not captured" instead.
+     */
+    private function resolveMarketingOrigin(ContactBriefingRequest $request): ?string
+    {
+        try {
+            $origin = $request->session()->get(MarketingOrigin::SESSION_KEY, []);
+
+            return is_array($origin) ? MarketingOrigin::describe($origin) : null;
+        } catch (Throwable $exception) {
+            Log::warning('Falha ao ler origem de marketing armazenada (ignorada; fail-open)', [
+                'exception' => $exception::class,
+            ]);
+
+            return null;
+        }
+    }
+
     /**
      * @param  array<string, mixed>  $validated
      */

app/Http/Middleware/CaptureMarketingOrigin.php

@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Http\Middleware;
+
+use App\Domain\Contact\MarketingOrigin;
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+use Symfony\Component\HttpFoundation\Response;
+use Throwable;
+
+/**
+ * Captures the marketing origin (UTM parameters, or the HTTP referrer as
+ * a fallback) on the first public page load of a visit and stores it in
+ * the session, so it can later travel with a contact briefing submission
+ * (SPEC.md WEB-05).
+ *
+ * First *informative* touch wins: nothing is written until a page load
+ * actually carries a UTM parameter or an external referrer, and once
+ * that happens later page views never overwrite it — navigating to
+ * another page without UTM parameters must not erase what arrived with
+ * the visitor. A page load with no signal at all is left unrecorded so a
+ * later, informative page load in the same session can still be
+ * captured.
+ *
+ * Fail-open by construction: any failure here is caught and logged
+ * without request data, and the request proceeds untouched. This path
+ * must never be able to block a page load or, downstream, a conversion.
+ */
+final class CaptureMarketingOrigin
+{
+    /**
+     * Technical routes that share the `web` middleware group but are never a
+     * human arriving at the site. A crawler fetching `/sitemap.xml?utm_source=…`
+     * would otherwise consume the first-touch slot with traffic that will never
+     * submit a briefing.
+     *
+     * @var list<string>
+     */
+    private const IGNORED_ROUTES = ['sitemap', 'robots'];
+
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (in_array($request->route()?->getName(), self::IGNORED_ROUTES, true)) {
+            return $next($request);
+        }
+
+        try {
+            $this->captureFirstTouch($request);
+        } catch (Throwable $exception) {
+            Log::warning('Falha ao capturar origem de marketing (ignorada; fail-open)', [
+                'exception' => $exception::class,
+            ]);
+        }
+
+        return $next($request);
+    }
+
+    private function captureFirstTouch(Request $request): void
+    {
+        if (! $request->hasSession()) {
+            return;
+        }
+
+        $session = $request->session();
+
+        if ($session->has(MarketingOrigin::SESSION_KEY)) {
+            return;
+        }
+
+        $origin = MarketingOrigin::capture(
+            $request->query(),
+            $request->headers->get('referer'),
+            $request->getHost(),
+        );
+
+        if ($origin === []) {
+            return;
+        }
+
+        $session->put(MarketingOrigin::SESSION_KEY, $origin);
+    }
+}

app/Http/Requests/PublicSite/ContactBriefingRequest.php

@@ -4,10 +4,26 @@ declare(strict_types=1);
 
 namespace App\Http\Requests\PublicSite;
 
+use App\Domain\Contact\BrazilianPhoneNumber;
 use Illuminate\Foundation\Http\FormRequest;
 
 final class ContactBriefingRequest extends FormRequest
 {
+    /**
+     * Normaliza e-mail e telefone antes da validação (SPEC.md §12.3),
+     * mantendo o valor legível para quem recebe o briefing por e-mail.
+     */
+    protected function prepareForValidation(): void
+    {
+        $email = $this->input('email');
+        $telefone = $this->input('telefone');
+
+        $this->merge([
+            'email' => is_string($email) ? mb_strtolower(trim($email)) : $email,
+            'telefone' => is_string($telefone) ? BrazilianPhoneNumber::normalize($telefone) : $telefone,
+        ]);
+    }
+
     /**
      * @return array<string, array<int, string>>
      */

app/Models/SiteSetting.php

@@ -18,6 +18,12 @@ use Illuminate\Database\Eloquent\Model;
  * @property string|null $default_og_image_alt
  * @property string|null $about_image_path
  * @property string|null $about_image_alt
+ * @property string|null $hero_image_path
+ * @property string|null $hero_image_alt
+ * @property string|null $services_hero_image_path
+ * @property string|null $services_hero_image_alt
+ * @property string|null $portfolio_hero_image_path
+ * @property string|null $portfolio_hero_image_alt
  * @property string|null $logo_path
  * @property string|null $logo_alt
  */
@@ -31,6 +37,12 @@ use Illuminate\Database\Eloquent\Model;
     'hero_cta_label',
     'hero_secondary_cta_label',
     'hero_note',
+    'hero_image_path',
+    'hero_image_alt',
+    'services_hero_image_path',
+    'services_hero_image_alt',
+    'portfolio_hero_image_path',
+    'portfolio_hero_image_alt',
     'about_summary',
     'about_image_path',
     'about_image_alt',

app/Models/User.php

@@ -8,6 +8,8 @@ use App\Enums\UserRole;
 use Database\Factories\UserFactory;
 use Filament\Models\Contracts\FilamentUser;
 use Filament\Panel;
+use Illuminate\Auth\MustVerifyEmail;
+use Illuminate\Contracts\Auth\MustVerifyEmail as MustVerifyEmailContract;
 use Illuminate\Database\Eloquent\Attributes\Fillable;
 use Illuminate\Database\Eloquent\Attributes\Hidden;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
@@ -20,14 +22,14 @@ use Illuminate\Notifications\Notifiable;
  */
 #[Fillable(['name', 'email', 'password', 'role', 'is_active'])]
 #[Hidden(['password', 'remember_token'])]
-class User extends Authenticatable implements FilamentUser
+class User extends Authenticatable implements FilamentUser, MustVerifyEmailContract
 {
     /** @use HasFactory<UserFactory> */
-    use HasFactory, Notifiable;
+    use HasFactory, MustVerifyEmail, Notifiable;
 
     public function canAccessPanel(Panel $panel): bool
     {
-        return $this->is_active;
+        return $this->is_active && $this->hasVerifiedEmail();
     }
 
     public function isAdmin(): bool

app/Providers/Filament/AdminPanelProvider.php

@@ -1,7 +1,11 @@
 <?php
 
+declare(strict_types=1);
+
 namespace App\Providers\Filament;
 
+use App\Filament\Pages\Auth\RequestPasswordReset;
+use Filament\FontProviders\LocalFontProvider;
 use Filament\Http\Middleware\Authenticate;
 use Filament\Http\Middleware\AuthenticateSession;
 use Filament\Http\Middleware\DisableBladeIconComponents;
@@ -9,7 +13,7 @@ use Filament\Http\Middleware\DispatchServingFilamentEvent;
 use Filament\Pages\Dashboard;
 use Filament\Panel;
 use Filament\PanelProvider;
-use Filament\Support\Colors\Color;
+use Filament\View\PanelsRenderHook;
 use Filament\Widgets\AccountWidget;
 use Filament\Widgets\FilamentInfoWidget;
 use Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse;
@@ -21,6 +25,137 @@ use Illuminate\View\Middleware\ShareErrorsFromSession;
 
 class AdminPanelProvider extends PanelProvider
 {
+    /**
+     * Heritage Editorial — Oliva Herança primary ramp.
+     *
+     * Filament needs an explicit 11-stop shade array to preserve exact brand
+     * hexes (a bare string/`Color::hex()` runs the value through
+     * `Color::generatePalette()`, which discards its lightness and maps a
+     * fixed per-shade lightness/chroma table instead — see MAN-118 survey).
+     * Shade 600 pins `#556B2F` (Oliva Herança) and shade 700 pins `#3E5219`
+     * (Oliva Profundo). `Filament\Support\View\Components\ColorMaps\
+     * ButtonComponentColorMap` was used to verify empirically (not assumed)
+     * that a solid primary button resolves to `bg: 600, hover:bg: 500, text:
+     * 50` at 5.42:1 / 4.57:1 contrast (WCAG AA). Shade 50 is a pale olive
+     * tint rather than pure white deliberately: `BadgeComponent`/
+     * `badge.css` apply `bg-color-50` directly as a badge's background
+     * (independent of the button map above), and a pure-white 50 would
+     * render a "primary" badge as an all-but-invisible pill against the
+     * Papel Marfim (`#FBF9F4`) panel body.
+     *
+     * @return array<int, string>
+     */
+    private function primaryColor(): array
+    {
+        return [
+            50 => '#F3F5EC',
+            100 => '#E7EBDA',
+            200 => '#D4DCBE',
+            300 => '#8B9D77', // Sálvia Silenciosa
+            400 => '#6E8354',
+            500 => '#61763A',
+            600 => '#556B2F', // Oliva Herança
+            700 => '#3E5219', // Oliva Profundo
+            800 => '#2E3D13',
+            900 => '#1F290D',
+            950 => '#141B08',
+        ];
+    }
+
+    /**
+     * Heritage Editorial — paper/ink neutral ramp, replacing Filament's
+     * stock Zinc gray so panel chrome (sidebar, topbar, body background,
+     * borders) matches the public site's paper tones instead of true gray.
+     * Anchored at the exact tokens where DESIGN.md defines them (50/100/200
+     * = Papel Marfim/Profundo/Arquivo, 300 = Linha Botânica, 500 = Tinta
+     * Suave, 900 = Tinta Oliva); the remaining stops are interpolated to
+     * keep the ramp monotonic.
+     *
+     * @return array<int, string>
+     */
+    private function grayColor(): array
+    {
+        return [
+            50 => '#FBF9F4', // Papel Marfim
+            100 => '#F0EEE9', // Papel Profundo
+            200 => '#E4E2DD', // Papel Arquivo
+            300 => '#C5C8B8', // Linha Botânica
+            400 => '#919486',
+            500 => '#5D6155', // Tinta Suave
+            600 => '#43453D',
+            700 => '#32342E',
+            800 => '#252622',
+            900 => '#1B1C19', // Tinta Oliva
+            950 => '#121210',
+        ];
+    }
+
+    /**
+     * Semantic ramps built the same way as the primary/gray ramps above:
+     * an explicit 11-stop array (never `Color::hex()`) anchored so the
+     * existing `--amare-color-{success,warning,error}` hex lands exactly on
+     * shade 600 — verified against `ButtonComponentColorMap` to resolve to
+     * `bg: 600` with white text at WCAG AA contrast, same as primary.
+     *
+     * @return array<int, string>
+     */
+    private function dangerColor(): array
+    {
+        return [
+            50 => '#F7EDED',
+            100 => '#EBD1D1',
+            200 => '#D8A8A8',
+            300 => '#C88484',
+            400 => '#B85F5F',
+            500 => '#A73B3B',
+            600 => '#991B1B',
+            700 => '#7D1616',
+            800 => '#651212',
+            900 => '#4C0E0E',
+            950 => '#3A0A0A',
+        ];
+    }
+
+    /**
+     * @return array<int, string>
+     */
+    private function warningColor(): array
+    {
+        return [
+            50 => '#F6F0EC',
+            100 => '#E9D9CF',
+            200 => '#D6B6A3',
+            300 => '#C4987D',
+            400 => '#B37956',
+            500 => '#A15B30',
+            600 => '#92400E',
+            700 => '#78340B',
+            800 => '#602A09',
+            900 => '#492007',
+            950 => '#371805',
+        ];
+    }
+
+    /**
+     * @return array<int, string>
+     */
+    private function successColor(): array
+    {
+        return [
+            50 => '#ECF3EF',
+            100 => '#D0E0D6',
+            200 => '#A6C4B2',
+            300 => '#81AC91',
+            400 => '#5C9371',
+            500 => '#377B50',
+            600 => '#166534',
+            700 => '#12532B',
+            800 => '#0F4322',
+            900 => '#0B321A',
+            950 => '#082614',
+        ];
+    }
+
     public function panel(Panel $panel): Panel
     {
         return $panel
@@ -28,9 +163,47 @@ class AdminPanelProvider extends PanelProvider
             ->id('admin')
             ->path('admin')
             ->login()
+            ->passwordReset(requestAction: RequestPasswordReset::class)
+            ->brandName('Amare Assessoria')
+            ->brandLogo(fn (): string => asset('brand/lockup-on-light.webp'))
+            ->brandLogoHeight('2rem')
             ->colors([
-                'primary' => Color::Amber,
+                'primary' => $this->primaryColor(),
+                'gray' => $this->grayColor(),
+                'danger' => $this->dangerColor(),
+                'warning' => $this->warningColor(),
+                'success' => $this->successColor(),
             ])
+            // Heritage Editorial is a single paper palette by design (see
+            // DESIGN.md) — no dark-mode variant exists, so the switcher is
+            // removed rather than left pointing at an unstyled dark theme.
+            ->darkMode(false)
+            // Self-hosted EB Garamond, same family as the public site.
+            // LocalFontProvider is pinned explicitly: HasFont::getFontProvider()
+            // otherwise defaults a custom family to BunnyFontProvider, which
+            // would emit a live request to fonts.bunny.net from the panel.
+            // LocalFontProvider renders no <link>/@font-face itself (no $url
+            // given), so the actual face comes from the render hook below,
+            // reusing the public site's own <x-fonts /> component/manifest.
+            //
+            // The monospace and serif faces are set too, not just the base
+            // (sans) family: Filament exposes them via the separate
+            // ->monoFont()/->serifFont() calls below, and the `KeyValue`
+            // field (used in ManageSiteSettings) renders in the monospace
+            // face directly — left unset, that field would silently fall
+            // back to a system monospace stack instead of EB Garamond,
+            // breaking Heritage Editorial's single-voice typography.
+            ->font('EB Garamond', provider: LocalFontProvider::class)
+            ->monoFont('EB Garamond', provider: LocalFontProvider::class)
+            ->serifFont('EB Garamond', provider: LocalFontProvider::class)
+            ->renderHook(
+                PanelsRenderHook::HEAD_END,
+                fn (): string => view('components.fonts')->render(),
+            )
+            // Compiled Filament theme entry — sharp corners, flat surfaces
+            // (see resources/css/filament/admin/theme.css for the full
+            // rationale and the two vendored-CSS exceptions it can't reach).
+            ->viteTheme('resources/css/filament/admin/theme.css')
             ->discoverResources(in: app_path('Filament/Resources'), for: 'App\Filament\Resources')
             ->discoverPages(in: app_path('Filament/Pages'), for: 'App\Filament\Pages')
             ->pages([

app/Support/ResponsiveImage.php

@@ -5,6 +5,7 @@ declare(strict_types=1);
 namespace App\Support;
 
 use Illuminate\Contracts\Filesystem\Filesystem;
+use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Storage;
 use Intervention\Image\Drivers\Gd\Driver;
 use Intervention\Image\ImageManager;
@@ -12,75 +13,130 @@ use Throwable;
 
 final class ResponsiveImage
 {
-    /** @var list<int> */
-    public const WIDTHS = [480, 960, 1440];
+    /**
+     * 720 sits between the original 480 and 960 because that is where the common
+     * mobile viewport lands: 412 CSS px at a 1.75 device pixel ratio asks for
+     * ~721 px, so a full-width image used to jump straight to the 960 variant and
+     * pay for a third more pixels than it drew. Measured on the hero (MAN-109):
+     * 143 KiB at 960 in jpeg against 75 KiB at 720 in webp.
+     *
+     * @var list<int>
+     */
+    public const WIDTHS = [480, 720, 960, 1440];
 
     public static function generate(string $path, ?string $disk = null): void
     {
+        self::forgetMetadata($path, $disk);
         $filesystem = self::filesystem($disk);
 
-        if (! $filesystem->exists($path)) {
-            return;
-        }
-
-        $manager = new ImageManager(new Driver);
-        $contents = $filesystem->get($path);
-
-        if ($contents === null) {
-            return;
-        }
-
-        $extension = strtolower(pathinfo($path, PATHINFO_EXTENSION));
-
-        foreach (self::WIDTHS as $width) {
-            $variantPath = self::variantPath($path, $width);
-            $variant = $manager->read($contents);
-
-            if ($variant->width() > $width) {
-                $variant->scale(width: $width);
+        try {
+            if (! $filesystem->exists($path)) {
+                return;
             }
 
-            $encoded = match ($extension) {
-                'png' => $variant->toPng(),
-                'webp' => $variant->toWebp(quality: 82),
-                default => $variant->toJpeg(quality: 82),
-            };
+            $manager = new ImageManager(new Driver);
+            $contents = $filesystem->get($path);
 
-            $filesystem->put($variantPath, (string) $encoded);
+            if ($contents === null) {
+                return;
+            }
+
+            $extension = strtolower(pathinfo($path, PATHINFO_EXTENSION));
+
+            foreach (self::WIDTHS as $width) {
+                $variantPath = self::variantPath($path, $width);
+                $variant = $manager->read($contents);
+
+                if ($variant->width() > $width) {
+                    $variant->scale(width: $width);
+                }
+
+                $encoded = match ($extension) {
+                    'png' => $variant->toPng(),
+                    'webp' => $variant->toWebp(quality: 82),
+                    default => $variant->toJpeg(quality: 82),
+                };
+
+                $filesystem->put($variantPath, (string) $encoded);
+
+                // A webp sibling for every variant. The MAN-109 audit measured the
+                // hero as the LCP element on every mobile page, at 143 KiB for a
+                // 960 px jpeg — webp carries the same picture for roughly a third of
+                // that. `x-media.image` offers these through a <source> so a browser
+                // that cannot decode webp still gets the original format.
+                if ($extension === 'webp') {
+                    continue;
+                }
+
+                $webp = $manager->read($contents);
+
+                if ($webp->width() > $width) {
+                    $webp->scale(width: $width);
+                }
+
+                $filesystem->put(
+                    self::webpVariantPath($path, $width),
+                    (string) $webp->toWebp(quality: 80)
+                );
+            }
+        } finally {
+            self::forgetMetadata($path, $disk);
         }
+
+        self::metadata($path, $disk);
     }
 
     public static function deleteVariants(string $path, ?string $disk = null): void
     {
+        self::forgetMetadata($path, $disk);
         $filesystem = self::filesystem($disk);
 
-        foreach (self::WIDTHS as $width) {
-            $variantPath = self::variantPath($path, $width);
-
-            if ($filesystem->exists($variantPath)) {
-                $filesystem->delete($variantPath);
+        try {
+            foreach (self::WIDTHS as $width) {
+                foreach ([self::variantPath($path, $width), self::webpVariantPath($path, $width)] as $variantPath) {
+                    if ($filesystem->exists($variantPath)) {
+                        $filesystem->delete($variantPath);
+                    }
+                }
             }
+        } finally {
+            self::forgetMetadata($path, $disk);
         }
     }
 
     public static function delete(string $path, ?string $disk = null): void
     {
+        self::forgetMetadata($path, $disk);
         $filesystem = self::filesystem($disk);
 
-        self::deleteVariants($path, $disk);
+        try {
+            self::deleteVariants($path, $disk);
 
-        if ($filesystem->exists($path)) {
-            $filesystem->delete($path);
+            if ($filesystem->exists($path)) {
+                $filesystem->delete($path);
+            }
+        } finally {
+            self::forgetMetadata($path, $disk);
         }
     }
 
     public static function replace(string $previousPath, string $newPath, ?string $disk = null): void
     {
-        if ($previousPath !== '' && $previousPath !== $newPath) {
-            self::delete($previousPath, $disk);
+        self::forgetMetadata($previousPath, $disk);
+        self::forgetMetadata($newPath, $disk);
+
+        try {
+            if ($previousPath !== '' && $previousPath !== $newPath) {
+                self::delete($previousPath, $disk);
+            }
+
+            self::generate($newPath, $disk);
+        } finally {
+            self::forgetMetadata($previousPath, $disk);
+            self::forgetMetadata($newPath, $disk);
         }
 
-        self::generate($newPath, $disk);
+        self::metadata($newPath, $disk);
     }
 
     public static function variantPath(string $path, int $width): string
@@ -93,26 +149,35 @@ final class ResponsiveImage
         return $directory === '' ? $variantName : $directory.'/'.$variantName;
     }
 
+    /**
+     * The webp sibling of a variant, named by appending rather than replacing the
+     * extension. Uploads are stored under a UUID so a collision is already
+     * unlikely, but `photo-480.jpg.webp` cannot collide with the webp variant of
+     * a `photo.png` the way `photo-480.webp` would.
+     */
+    public static function webpVariantPath(string $path, int $width): string
+    {
+        return self::variantPath($path, $width).'.webp';
+    }
+
     /**
      * @return list<array{path: string, width: int}>
      */
     public static function availableVariants(string $path, ?string $disk = null): array
     {
-        $filesystem = self::filesystem($disk);
-        $variants = [];
+        return self::metadata($path, $disk)['variants'] ?? [];
+    }
 
-        foreach (self::WIDTHS as $width) {
-            $variantPath = self::variantPath($path, $width);
-
-            if ($filesystem->exists($variantPath)) {
-                $variants[] = [
-                    'path' => $variantPath,
-                    'width' => $width,
-                ];
-            }
-        }
-
-        return $variants;
+    /**
+     * The webp variants that exist for a path. Empty when the media predates
+     * `media:generate-variants` running with webp support, which is why
+     * `x-media.image` treats the <source> as optional rather than assuming it.
+     *
+     * @return list<array{path: string, width: int}>
+     */
+    public static function availableWebpVariants(string $path, ?string $disk = null): array
+    {
+        return self::metadata($path, $disk)['webp_variants'] ?? [];
     }
 
     /**
@@ -120,13 +185,38 @@ final class ResponsiveImage
      */
     public static function dimensions(string $path, ?string $disk = null): ?array
     {
-        $filesystem = self::filesystem($disk);
+        $metadata = self::metadata($path, $disk);
 
-        if (! $filesystem->exists($path)) {
-            return null;
+        return $metadata === null ? null : [
+            'width' => $metadata['width'],
+            'height' => $metadata['height'],
+        ];
+    }
+
+    /**
+     * @return array{
+     *     width: int,
+     *     height: int,
+     *     variants: list<array{path: string, width: int}>,
+     *     webp_variants: list<array{path: string, width: int}>
+     * }|null
+     */
+    public static function metadata(string $path, ?string $disk = null): ?array
+    {
+        $key = self::metadataCacheKey($path, $disk);
+        $cached = self::cachedMetadata($key);
+
+        if (is_array($cached)) {
+            return $cached;
         }
 
         try {
+            $filesystem = self::filesystem($disk);
+
+            if (! $filesystem->exists($path)) {
+                return null;
+            }
+
             $contents = $filesystem->get($path);
 
             if ($contents === null) {
@@ -134,18 +224,88 @@ final class ResponsiveImage
             }
 
             $image = (new ImageManager(new Driver))->read($contents);
-
-            return [
+            $metadata = [
                 'width' => $image->width(),
                 'height' => $image->height(),
+                'variants' => self::existingVariants($filesystem, $path, false),
+                'webp_variants' => self::existingVariants($filesystem, $path, true),
             ];
+
+            self::storeMetadata($key, $metadata);
+
+            return $metadata;
         } catch (Throwable) {
             return null;
         }
     }
 
+    public static function forgetMetadata(string $path, ?string $disk = null): void
+    {
+        try {
+            Cache::forget(self::metadataCacheKey($path, $disk));
+        } catch (Throwable) {
+            // Cache availability must not block public media rendering or cleanup.
+        }
+    }
+
     private static function filesystem(?string $disk): Filesystem
     {
-        return Storage::disk($disk ?? PublicImageUploadRules::disk());
+        return Storage::disk(self::diskName($disk));
+    }
+
+    /**
+     * @return list<array{path: string, width: int}>
+     */
+    private static function existingVariants(Filesystem $filesystem, string $path, bool $webp): array
+    {
+        $variants = [];
+
+        foreach (self::WIDTHS as $width) {
+            $variantPath = $webp
+                ? self::webpVariantPath($path, $width)
+                : self::variantPath($path, $width);
+
+            if ($filesystem->exists($variantPath)) {
+                $variants[] = ['path' => $variantPath, 'width' => $width];
+            }
+        }
+
+        return $variants;
+    }
+
+    private static function metadataCacheKey(string $path, ?string $disk): string
+    {
+        return 'responsive-image:metadata:'.sha1(self::diskName($disk).'|'.$path);
+    }
+
+    /**
+     * @return array<string, mixed>|null
+     */
+    private static function cachedMetadata(string $key): ?array
+    {
+        try {
+            $cached = Cache::get($key);
+
+            return is_array($cached) ? $cached : null;
+        } catch (Throwable) {
+            return null;
+        }
+    }
+
+    /**
+     * @param  array<string, mixed>  $metadata
+     */
+    private static function storeMetadata(string $key, array $metadata): void
+    {
+        try {
+            Cache::forever($key, $metadata);
+        } catch (Throwable) {
+            // The uncached result remains safe to use for this request.
+        }
+    }
+
+    private static function diskName(?string $disk): string
+    {
+        return $disk ?? PublicImageUploadRules::disk();
     }
 }

bootstrap/app.php

@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Middleware\CaptureMarketingOrigin;
 use Illuminate\Foundation\Application;
 use Illuminate\Foundation\Configuration\Exceptions;
 use Illuminate\Foundation\Configuration\Middleware;
@@ -14,6 +15,13 @@ return Application::configure(basePath: dirname(__DIR__))
     ->withMiddleware(function (Middleware $middleware): void {
         // Trust Traefik/Dokploy (and local reverse proxies) for X-Forwarded-* headers.
         $middleware->trustProxies(at: '*');
+
+        // Public-site request spine only (routes/web.php uses the "web"
+        // group; the Filament admin panel defines its own middleware
+        // stack in AdminPanelProvider and never touches this group).
+        $middleware->web(append: [
+            CaptureMarketingOrigin::class,
+        ]);
     })
     ->withExceptions(function (Exceptions $exceptions): void {
         $exceptions->shouldRenderJsonWhen(

composer.json

@@ -65,6 +65,9 @@
         "test:browser": [
             "@php artisan test --testsuite=Browser"
         ],
+        "test:coverage": [
+            "vendor/bin/pest -c phpunit.coverage.xml --testsuite=Unit,Architecture,Feature --coverage --min=80"
+        ],
         "pint": [
             "vendor/bin/pint"
         ],
@@ -81,11 +84,9 @@
             "@pint:check",
             "@phpstan",
             "composer audit --no-interaction",
+            "npm audit --omit=dev --audit-level=high",
             "@test"
         ],
-        "visual:update": [
-            "@php artisan test --testsuite=Browser --update-snapshots"
-        ],
         "post-autoload-dump": [
             "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
             "@php artisan package:discover --ansi",

config/app.php

@@ -65,7 +65,7 @@ return [
     |
     */
 
-    'timezone' => env('APP_TIMEZONE', 'America/Fortaleza'),
+    'timezone' => env('APP_TIMEZONE', 'America/Sao_Paulo'),
 
     /*
     |--------------------------------------------------------------------------
@@ -73,7 +73,7 @@ return [
     |--------------------------------------------------------------------------
     |
     | When set outside production, the application clock is frozen for
-    | deterministic rendering (visual regression / seeded content).
+    | deterministic time-dependent tests or seeded content.
     |
     */
 

database/migrations/2026_08_10_120000_verify_existing_user_emails.php

@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\DB;
+
+/**
+ * Backfills `email_verified_at` for users that already exist.
+ *
+ * `User` now implements MustVerifyEmail and `canAccessPanel()` requires
+ * `hasVerifiedEmail()`. Every account created before this change has
+ * `email_verified_at` as null, so without this backfill they are locked out of
+ * `/admin` the moment the change deploys — and there is no way back in from
+ * inside the app: no self-service verification route is registered, and the
+ * password-reset flow deliberately skips notifying users that fail
+ * `canAccessPanel()` while still reporting success. Recovery would need shell
+ * access to the container.
+ *
+ * Verifying them is the correct default, not a shortcut. There is no public
+ * registration: every existing account was created by an admin, through the
+ * panel or the tinker snippet in docs/deployment/dokploy.md. That act is the
+ * verification — which is exactly the reasoning CreateUser applies to accounts
+ * created from now on.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        DB::table('users')
+            ->whereNull('email_verified_at')
+            ->update(['email_verified_at' => DB::raw('COALESCE(created_at, NOW())')]);
+    }
+
+    public function down(): void
+    {
+        // Deliberately not reversed. Nulling these columns would lock every
+        // existing user out of the panel, which is the failure this migration
+        // exists to prevent — and the pre-migration null/non-null split is not
+        // recorded anywhere, so it could not be restored faithfully anyway.
+    }
+};

database/migrations/2026_08_10_130000_add_immersive_hero_images_to_site_settings_table.php

@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::table('site_settings', function (Blueprint $table): void {
+            $table->string('hero_image_path')->nullable()->after('hero_note');
+            $table->string('hero_image_alt')->nullable()->after('hero_image_path');
+            $table->string('services_hero_image_path')->nullable()->after('hero_image_alt');
+            $table->string('services_hero_image_alt')->nullable()->after('services_hero_image_path');
+            $table->string('portfolio_hero_image_path')->nullable()->after('services_hero_image_alt');
+            $table->string('portfolio_hero_image_alt')->nullable()->after('portfolio_hero_image_path');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::table('site_settings', function (Blueprint $table): void {
+            $table->dropColumn([
+                'hero_image_path',
+                'hero_image_alt',
+                'services_hero_image_path',
+                'services_hero_image_alt',
+                'portfolio_hero_image_path',
+                'portfolio_hero_image_alt',
+            ]);
+        });
+    }
+};

database/seeders/ContentSeeder.php

@@ -11,6 +11,7 @@ use App\Models\SiteSetting;
 use App\Support\PublicImageUploadRules;
 use Illuminate\Database\Seeder;
 use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\App;
 use Illuminate\Support\Facades\File;
 use Illuminate\Support\Facades\Storage;
 
@@ -18,8 +19,32 @@ class ContentSeeder extends Seeder
 {
     private const SEED_TIMESTAMP = '2026-01-15 10:00:00';
 
+    /**
+     * Demo/fixture content is meant for local dev, automated testing, and
+     * staging visual review only. It must never overwrite owner-edited
+     * SiteSetting, Service, and PortfolioCase records, never re-upload
+     * fixture images to the production storage disk, and never auto-publish
+     * the fictional portfolio cases or (via TestimonialsSeeder) the real
+     * testimonials.
+     *
+     * This is deliberately an allow-list of the known-safe environments
+     * ('local', 'staging', 'testing') rather than a deny-list of
+     * 'production'. APP_ENV is a free-text value hand-typed into the
+     * Dokploy environment UI with no validation — a blank value, a typo, or
+     * an unexpected casing (e.g. '', 'Production', 'staginng') must fail
+     * closed (skip seeding) rather than fail open (seed/overwrite
+     * production data). Only the three recognized values run this seeder;
+     * everything else, including 'production' itself, is a no-op.
+     *
+     * Publishing testimonials in production remains a deliberate, manually
+     * triggered step — see docs/deployment/dokploy.md.
+     */
     public function run(): void
     {
+        if (! App::environment(['local', 'staging', 'testing'])) {
+            return;
+        }
+
         $this->seedSiteSettings();
         $this->seedServices();
         $this->seedPortfolioCases();
@@ -36,6 +61,12 @@ class ContentSeeder extends Seeder
             'hero_cta_label' => 'Solicitar proposta',
             'hero_secondary_cta_label' => 'Conheça nosso olhar',
             'hero_note' => 'Planejamento cuidadoso, comunicação clara e execução segura — do primeiro encontro ao último detalhe.',
+            'hero_image_path' => $this->copyFixture('case-casamento-ana-lucas.jpg', 'content/heroes/home.jpg'),
+            'hero_image_alt' => 'Celebração ao ar livre em São Paulo',
+            'services_hero_image_path' => $this->copyFixture('service-eventos-corporativos.jpg', 'content/heroes/services.jpg'),
+            'services_hero_image_alt' => 'Mesa preparada para um evento corporativo',
+            'portfolio_hero_image_path' => $this->copyFixture('case-lancamento-verano.jpg', 'content/heroes/portfolio.jpg'),
+            'portfolio_hero_image_alt' => 'Ambientação de um evento de lançamento',
             'about_summary' => 'Assessoria boutique especializada em experiências memoráveis em São Paulo.',
             'about_image_path' => $this->copyFixture('about-image.jpg', 'content/about/about-image.jpg'),
             'about_image_alt' => 'Mesa de planejamento com caderno, café e guardanapos de pano',

database/seeders/DatabaseSeeder.php

@@ -23,6 +23,7 @@ class DatabaseSeeder extends Seeder
                 'password' => Hash::make('password'),
                 'role' => UserRole::Admin,
                 'is_active' => true,
+                'email_verified_at' => now(),
             ],
         );
 
@@ -33,6 +34,7 @@ class DatabaseSeeder extends Seeder
                 'password' => Hash::make('password'),
                 'role' => UserRole::Assistant,
                 'is_active' => true,
+                'email_verified_at' => now(),
             ],
         );
 

database/seeders/VisualContentSeeder.php

@@ -14,7 +14,7 @@ use Illuminate\Support\Carbon;
 use Illuminate\Support\Facades\Storage;
 
 /**
- * Deterministic content for visual regression. Keep separate from ContentSeeder demo data.
+ * Deterministic content and image fixtures. Keep separate from ContentSeeder demo data.
  */
 class VisualContentSeeder extends Seeder
 {
@@ -42,6 +42,12 @@ class VisualContentSeeder extends Seeder
             'hero_cta_label' => 'Solicitar proposta',
             'hero_secondary_cta_label' => 'Conheça nosso olhar',
             'hero_note' => 'Planejamento cuidadoso, comunicação clara e execução segura — do primeiro encontro ao último detalhe.',
+            'hero_image_path' => $this->writeSolidJpeg('visual/heroes/home.jpg', 1600, 1100, [218, 224, 205]),
+            'hero_image_alt' => 'Imagem editorial da home',
+            'services_hero_image_path' => $this->writeSolidJpeg('visual/heroes/services.jpg', 1600, 1100, [196, 200, 184]),
+            'services_hero_image_alt' => 'Imagem editorial de Serviços',
+            'portfolio_hero_image_path' => $this->writeSolidJpeg('visual/heroes/portfolio.jpg', 1600, 1100, [228, 226, 221]),
+            'portfolio_hero_image_alt' => 'Imagem editorial de Portfólio',
             'about_summary' => 'Assessoria boutique especializada em experiências memoráveis em São Paulo.',
             'about_image_path' => $this->writeSolidJpeg('visual/about/about-image.jpg', 1200, 900, [232, 228, 218]),
             'about_image_alt' => 'Imagem editorial da página Sobre',

depoimentos.md

@@ -1,3 +1,12 @@
+> **Status deste arquivo:** material bruto histórico, não consumido por
+> nenhum código do site. Os cinco depoimentos abaixo foram transcritos
+> manualmente para dentro de `database/seeders/TestimonialsSeeder.php` e,
+> em produção, o conteúdo real vive no banco de dados, editável apenas
+> pela tela **Depoimentos** do painel administrativo (`/admin`). Editar
+> este arquivo não tem nenhum efeito no site publicado. Mantido apenas como
+> referência histórica de onde o conteúdo original veio. Ver
+> `docs/operations/atualizacao-de-conteudo.md` para o fluxo de edição real.
+
 Mi, quero agradecer você e a sua equipe por todo empenho, atenção, vocês são abençoadas.
 Era nítida sua preocupação em garantir que todos os detalhes planejados desta comemoração, fossem atendidos. 
 Que você possa transformar o grande dia das noivinhas sempre com essa sua leveza!!! ❤️

docker-compose.deploy.yml

@@ -14,7 +14,13 @@ services:
     restart: "no"
     env_file:
       - .env
-    command: ["sh", "-c", "php artisan migrate --force --no-interaction && php artisan db:seed --class=ContentSeeder --force; php artisan media:generate-variants --force; true"]
+    # Exec-array form on a single line, deliberately. A folded block scalar
+    # (`command: >`) keeps the newline before any line indented deeper than the
+    # first, so `sh -c` receives a multi-line string and dies with
+    # `sh: 2: Syntax error: "&&" unexpected` before running anything. That broke
+    # every staging deploy from 58f24a6 onward, and had already broken them once
+    # before 5949fad. Keep this on one line; do not reformat it for width.
+    command: ["sh", "-c", "php artisan migrate --force --no-interaction && php artisan db:seed --class=ContentSeeder --force --no-interaction && php artisan media:generate-variants"]
     networks:
       - dokploy-network
 

docker-compose.yml

@@ -18,5 +18,34 @@ services:
       retries: 10
       start_period: 10s
 
+  # Local parity with the FrankenPHP image used on staging/production.
+  # Manual smoke test (not run in CI — the `container` job already builds and
+  # health-checks the same Dockerfile-based image):
+  #   docker compose up -d
+  #   curl localhost:8000/up
+  app:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: amare-app
+    restart: unless-stopped
+    depends_on:
+      postgres:
+        condition: service_healthy
+    env_file:
+      - .env
+    environment:
+      # Override host-side .env defaults: DB_HOST=127.0.0.1 only resolves for
+      # processes running on the host, not for this container reaching the
+      # `postgres` service by its Compose service name. DB_PORT is also
+      # forced back to Postgres's internal container port (5432) — .env may
+      # have DB_PORT remapped for host-side tooling (e.g. to avoid a local
+      # port clash), but that remapping only applies to the published host
+      # port, never to container-to-container traffic.
+      DB_HOST: postgres
+      DB_PORT: "5432"
+    ports:
+      - "8000:8000"
+
 volumes:
   amare_postgres_data:

docker/Caddyfile

@@ -5,5 +5,20 @@
 :8000 {
     root * /app/public
     encode gzip zstd
+
+    # Vite emits content-hashed filenames, so a build asset URL never changes
+    # meaning. Same for uploaded media: PublicImageUploadRules stores every
+    # upload under a fresh UUID (and ResponsiveImage derives its variants from
+    # that name), so replacing an image produces a new URL rather than new bytes
+    # at the old one. Both are safe to pin for a year.
+    @immutable path /build/* /storage/*
+    header @immutable Cache-Control "public, max-age=31536000, immutable"
+
+    # Brand assets ship inside the image under stable filenames, so a rebrand
+    # reuses the same URL. One day plus Caddy's ETag revalidation keeps repeat
+    # views cheap without pinning an outdated logo in browsers.
+    @brand path /brand/*
+    header @brand Cache-Control "public, max-age=86400"
+
     php_server
 }

docs/deployment/dokploy.md

@@ -67,7 +67,7 @@ APP_URL=https://staging.example.com
 
 APP_LOCALE=pt_BR
 APP_FALLBACK_LOCALE=pt_BR
-APP_TIMEZONE=America/Fortaleza
+APP_TIMEZONE=America/Sao_Paulo
 
 DB_CONNECTION=pgsql
 DB_HOST=<dokploy-postgres-internal-host>  # Internal Host from Dokploy UI (requires dokploy-network)
@@ -219,7 +219,11 @@ echo (\$valid ? 'ok' : 'invalid').PHP_EOL;
 
 Expected output: `ok`.
 
-Do not run `DatabaseSeeder` or `ContentSeeder` in staging or production: they include local credentials and/or broad demo-content effects. Deployment workflows intentionally remain migrate-only; loading these testimonials is a deliberate manual operation in each environment.
+The `migrate` service in `docker-compose.deploy.yml` runs `php artisan db:seed --class=ContentSeeder --force --no-interaction` on every deploy, in both stacks. `ContentSeeder::run()` guards itself with an **allow-list** — `App::environment(['local', 'staging', 'testing'])` — and returns immediately (exit code 0, no side effects) unless `APP_ENV` is exactly one of those three values. In **staging** (`APP_ENV=staging`) the guard matches, so `ContentSeeder` still seeds its demo content on every deploy — this is required for visual review and is expected behavior, not a bug. In **production** (`APP_ENV=production`), and for any blank, mistyped, or unexpectedly cased `APP_ENV` value in any stack, the guard does not match, so the step is a deliberate no-op: it never overwrites SiteSetting/Service/PortfolioCase records edited in Filament, never re-uploads fixture images to the production storage disk, and never auto-publishes the fictional portfolio cases. Note the tradeoff this implies: if staging's `APP_ENV` is ever typo'd away from exactly `staging`, demo content silently stops being (re)seeded there too — check the Dokploy environment value first if a staging deploy stops refreshing demo content.
+
+Do not run bare `DatabaseSeeder` in staging or production: it also creates the `admin@amare.local` / `password` local-dev credentials.
+
+Publishing the five real testimonials is a separate, deliberate, manually triggered step **only in production** — `ContentSeeder` calls `TestimonialsSeeder` internally, but that call is skipped in production by the same allow-list guard, so the command above is the only path that publishes testimonials there. In **staging**, this is not manual: because the allow-list guard matches `staging`, `ContentSeeder` calls `TestimonialsSeeder` automatically on every deploy, auto-publishing/re-publishing the five canonical testimonials each time (consistent with staging's role as a demo/preview environment).
 
 ## Backup and restore
 

docs/evidence/lighthouse/2026-08-10-local-antes.md

@@ -0,0 +1,409 @@
+# Lighthouse — local
+
+- Origem: `http://127.0.0.1:8000`
+- Lighthouse: 12.8.2
+- Navegador: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36`
+- Coletado em: 2026-08-10T15:55:03.101Z
+- Execuções por página/preset: 3 (reportada a de LCP mediano)
+- Commit: `2e43fde`
+- Seeder: `ContentSeeder`
+
+Metas SPEC §6.6: LCP ≤ 2,5 s · CLS ≤ 0,1 · INP ≤ 200 ms · zero erro de console.
+
+| página | preset | perf | a11y | BP | SEO | LCP | FCP | CLS | TBT | TTFB servidor | LCP min–max |
+|---|---|---|---|---|---|---|---|---|---|---|---|
+| contato | desktop | 100 | 100 | 100 | 100 | 0.53 s | 0.37 s | 0.000 | 0 ms | 55 ms | 0.53 s – 0.53 s |
+| contato | mobile | 97 | 100 | 100 | 100 | 2.55 s | 1.50 s | 0.000 | 0 ms | 97 ms | 2.55 s – 2.56 s |
+| home | desktop | 99 | 100 | 100 | 100 | 0.87 s | 0.37 s | 0.000 | 0 ms | 75 ms | 0.87 s – 0.87 s |
+| home | mobile | 83 | 100 | 100 | 100 | 4.58 s | 1.51 s | 0.000 | 0 ms | 217 ms | 4.36 s – 4.58 s |
+| portfolio-detalhe | desktop | 99 | 100 | 100 | 100 | 0.97 s | 0.37 s | 0.000 | 0 ms | 89 ms | 0.97 s – 0.97 s |
+| portfolio-detalhe | mobile | 87 | 100 | 100 | 100 | 3.98 s | 1.51 s | 0.000 | 0 ms | 126 ms | 3.98 s – 4.05 s |
+| portfolio | desktop | 99 | 100 | 100 | 100 | 0.83 s | 0.37 s | 0.000 | 0 ms | 187 ms | 0.63 s – 0.83 s |
+| portfolio | mobile | 87 | 100 | 100 | 100 | 3.98 s | 1.51 s | 0.000 | 0 ms | 108 ms | 3.91 s – 4.20 s |
+| servicos | desktop | 100 | 100 | 100 | 100 | 0.77 s | 0.37 s | 0.000 | 0 ms | 124 ms | 0.77 s – 0.77 s |
+| servicos | mobile | 89 | 100 | 100 | 100 | 3.68 s | 1.51 s | 0.000 | 0 ms | 78 ms | 3.61 s – 3.68 s |
+| sobre | desktop | 100 | 100 | 100 | 100 | 0.61 s | 0.37 s | 0.000 | 0 ms | 48 ms | 0.57 s – 0.61 s |
+| sobre | mobile | 94 | 100 | 100 | 100 | 3.01 s | 1.51 s | 0.000 | 0 ms | 133 ms | 2.87 s – 3.01 s |
+
+## Decomposição do LCP
+
+### contato — desktop
+
+Elemento de LCP: `<h1 class="text-headline font-medium tracking-tight text-amare-text">`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.00 s |
+| Load Time | 0.00 s |
+| Render Delay | 0.41 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.07 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.08 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.07 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.06 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.06 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.10 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### contato — mobile
+
+Elemento de LCP: `<h1 class="text-headline font-medium tracking-tight text-amare-text">`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.00 s |
+| Load Time | 0.00 s |
+| Render Delay | 2.10 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.11 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.12 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.12 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.12 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.11 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.11 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.11 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.11 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Render blocking requests | 0.60 s | — |
+| Improve image delivery | 0.45 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| Network dependency tree | 0.00 s | — |
+
+### home — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/og/og-default-960.jpg" srcset="/storage/content/og/og-default-480.jpg 480w, /storage/content/og/og-defaul…" size`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.45 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.27 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/og/og-default-960.jpg` | Image | 143 KiB | 0.09 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.10 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.10 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.10 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.08 s |
+| `/brand/mark-on-light.webp` | Image | 42 KiB | 0.08 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.09 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.09 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.25 s | — |
+| Use efficient cache lifetimes | 0.05 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### home — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/og/og-default-960.jpg" srcset="/storage/content/og/og-default-480.jpg 480w, /storage/content/og/og-defaul…" size`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 3.30 s |
+| Load Time | 0.11 s |
+| Render Delay | 0.72 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/og/og-default-960.jpg` | Image | 143 KiB | 0.23 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.25 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.25 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.25 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.23 s |
+| `/brand/mark-on-light.webp` | Image | 42 KiB | 0.23 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.24 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.24 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 1.35 s | — |
+| Use efficient cache lifetimes | 0.30 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio-detalhe — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.54 s |
+| Load Time | 0.04 s |
+| Render Delay | 0.26 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-1440.jpg` | Image | 287 KiB | 0.10 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-1-960.jpg` | Image | 209 KiB | 0.11 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-2-960.jpg` | Image | 172 KiB | 0.11 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.10 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.10 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.11 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.10 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.10 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.20 s | — |
+| Use efficient cache lifetimes | 0.05 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio-detalhe — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 2.62 s |
+| Load Time | 0.06 s |
+| Render Delay | 0.85 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-1-960.jpg` | Image | 209 KiB | 0.16 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-2-960.jpg` | Image | 172 KiB | 0.16 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.14 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.14 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.15 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.15 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.15 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.14 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 1.20 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.19 s |
+| Load Delay | 0.51 s |
+| Load Time | 0.01 s |
+| Render Delay | 0.12 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.23 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.23 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.23 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.20 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.23 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.23 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.22 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.21 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.25 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 2.68 s |
+| Load Time | 0.09 s |
+| Render Delay | 0.76 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.13 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.13 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.13 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.12 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.13 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.13 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.13 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.12 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 1.35 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### servicos — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/services/casamentos-960.jpg" srcset="/storage/content/services/casamentos-480.jpg 480w, /storage/content/servic…`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.13 s |
+| Load Delay | 0.49 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.12 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/services/casamentos-960.jpg` | Image | 107 KiB | 0.15 s |
+| `/storage/content/services/eventos-corporativos-960.jpg` | Image | 100 KiB | 0.15 s |
+| `/storage/content/services/celebracoes-intimistas-960.jpg` | Image | 83 KiB | 0.15 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.14 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.15 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.15 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.15 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.14 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.20 s | — |
+| Use efficient cache lifetimes | 0.05 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### servicos — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/services/casamentos-960.jpg" srcset="/storage/content/services/casamentos-480.jpg 480w, /storage/content/servic…`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 2.22 s |
+| Load Time | 0.07 s |
+| Render Delay | 0.94 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/services/casamentos-960.jpg` | Image | 107 KiB | 0.12 s |
+| `/storage/content/services/eventos-corporativos-960.jpg` | Image | 100 KiB | 0.12 s |
+| `/storage/content/services/celebracoes-intimistas-960.jpg` | Image | 83 KiB | 0.12 s |
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.12 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.12 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.12 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.09 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 1.20 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### sobre — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/about/about-image-960.jpg" srcset="/storage/content/about/about-image-480.jpg 480w, /storage/content/about/ab…" `
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.25 s |
+| Load Time | 0.01 s |
+| Render Delay | 0.22 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.06 s |
+| `/storage/content/about/about-image-960.jpg` | Image | 60 KiB | 0.07 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.06 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.06 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.06 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.05 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.05 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.10 s | — |
+| Use efficient cache lifetimes | 0.05 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### sobre — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/about/about-image-960.jpg" srcset="/storage/content/about/about-image-480.jpg 480w, /storage/content/about/ab…" `
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.94 s |
+| Load Time | 0.07 s |
+| Render Delay | 0.54 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/brand/lockup-on-light.webp` | Image | 83 KiB | 0.14 s |
+| `/storage/content/about/about-image-960.jpg` | Image | 60 KiB | 0.16 s |
+| `/build/assets/eb-garamond-600-normal-xCe6GkOx.woff` | Font | 30 KiB | 0.15 s |
+| `/build/assets/eb-garamond-500-normal-DZU8xF9o.woff` | Font | 30 KiB | 0.15 s |
+| `/build/assets/eb-garamond-400-normal-maQnHeKB.woff` | Font | 28 KiB | 0.16 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.14 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.14 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.14 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.90 s | — |
+| Use efficient cache lifetimes | 0.30 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+

docs/evidence/lighthouse/2026-08-10-local-depois.md

@@ -0,0 +1,407 @@
+# Lighthouse — local-sizes
+
+- Origem: `http://127.0.0.1:8000`
+- Lighthouse: 12.8.2
+- Navegador: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36`
+- Coletado em: 2026-08-10T17:38:33.741Z
+- Execuções por página/preset: 3 (reportada a de LCP mediano)
+- Commit: `9ab2beb` (o script gravou `65919d4`, o HEAD no momento da coleta; a árvore medida é a que virou `9ab2beb`)
+- Seeder: `ContentSeeder`
+
+Metas SPEC §6.6: LCP ≤ 2,5 s · CLS ≤ 0,1 · INP ≤ 200 ms · zero erro de console.
+
+| página | preset | perf | a11y | BP | SEO | LCP | FCP | CLS | TBT | TTFB servidor | LCP min–max |
+|---|---|---|---|---|---|---|---|---|---|---|---|
+| contato | desktop | 100 | 100 | 100 | 100 | 0.36 s | 0.25 s | 0.000 | 0 ms | 91 ms | 0.36 s – 0.37 s |
+| contato | mobile | 100 | 100 | 100 | 100 | 1.50 s | 0.92 s | 0.000 | 0 ms | 66 ms | 1.50 s – 1.51 s |
+| home | desktop | 100 | 100 | 100 | 100 | 0.53 s | 0.25 s | 0.000 | 0 ms | 110 ms | 0.53 s – 0.54 s |
+| home | mobile | 98 | 100 | 100 | 100 | 2.49 s | 0.92 s | 0.000 | 0 ms | 77 ms | 2.48 s – 2.57 s |
+| portfolio-detalhe | desktop | 100 | 100 | 100 | 100 | 0.65 s | 0.25 s | 0.000 | 0 ms | 81 ms | 0.65 s – 0.66 s |
+| portfolio-detalhe | mobile | 99 | 100 | 100 | 100 | 2.18 s | 0.90 s | 0.000 | 0 ms | 77 ms | 2.18 s – 2.18 s |
+| portfolio | desktop | 100 | 100 | 100 | 100 | 0.36 s | 0.25 s | 0.000 | 0 ms | 72 ms | 0.36 s – 0.49 s |
+| portfolio | mobile | 100 | 100 | 100 | 100 | 1.58 s | 0.91 s | 0.000 | 0 ms | 71 ms | 1.58 s – 1.58 s |
+| servicos | desktop | 100 | 100 | 100 | 100 | 0.36 s | 0.24 s | 0.000 | 0 ms | 59 ms | 0.36 s – 0.38 s |
+| servicos | mobile | 99 | 100 | 100 | 100 | 2.03 s | 0.90 s | 0.000 | 0 ms | 62 ms | 1.58 s – 2.03 s |
+| sobre | desktop | 100 | 100 | 100 | 100 | 0.36 s | 0.25 s | 0.000 | 0 ms | 51 ms | 0.36 s – 0.37 s |
+| sobre | mobile | 100 | 100 | 100 | 100 | 1.58 s | 0.91 s | 0.000 | 0 ms | 93 ms | 1.58 s – 1.58 s |
+
+## Decomposição do LCP
+
+### contato — desktop
+
+Elemento de LCP: `<h1 class="text-headline font-medium tracking-tight text-amare-text">`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.00 s |
+| Load Time | 0.00 s |
+| Render Delay | 0.24 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.10 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.10 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.10 s |
+| `/contato` | Document | 5 KiB | 0.09 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.10 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### contato — mobile
+
+Elemento de LCP: `<h1 class="text-headline font-medium tracking-tight text-amare-text">`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.00 s |
+| Load Time | 0.00 s |
+| Render Delay | 1.05 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.07 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.07 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.08 s |
+| `/contato` | Document | 5 KiB | 0.07 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### home — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/og/og-default-720.jpg.webp" srcset="/storage/content/og/og-default-480.jpg 480w, /storage/content/og/og-defaul…"`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.25 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.12 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/og/og-default-720.jpg.webp` | Image | 74 KiB | 0.13 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-720.jpg.webp` | Image | 67 KiB | 0.14 s |
+| `/storage/content/portfolio/lancamento-verano-cover-720.jpg.webp` | Image | 45 KiB | 0.14 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-720.jpg.webp` | Image | 43 KiB | 0.14 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.12 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.12 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.12 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.12 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.10 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### home — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/og/og-default-720.jpg.webp" srcset="/storage/content/og/og-default-480.jpg 480w, /storage/content/og/og-defaul…"`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.24 s |
+| Load Time | 0.10 s |
+| Render Delay | 0.69 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/og/og-default-720.jpg.webp` | Image | 74 KiB | 0.09 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-720.jpg.webp` | Image | 67 KiB | 0.10 s |
+| `/storage/content/portfolio/lancamento-verano-cover-720.jpg.webp` | Image | 45 KiB | 0.10 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-720.jpg.webp` | Image | 43 KiB | 0.10 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.09 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.09 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.09 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.09 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.45 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio-detalhe — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.28 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.22 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-1440.jpg.webp` | Image | 210 KiB | 0.09 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-1-720.jpg.webp` | Image | 105 KiB | 0.10 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-2-720.jpg.webp` | Image | 88 KiB | 0.10 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.09 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.09 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.09 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.09 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.09 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.10 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio-detalhe — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.11 s |
+| Load Time | 0.04 s |
+| Render Delay | 0.57 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-1-720.jpg.webp` | Image | 105 KiB | 0.09 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-2-720.jpg.webp` | Image | 88 KiB | 0.09 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-720.jpg.webp` | Image | 67 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.09 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.09 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.45 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.14 s |
+| Load Time | 0.01 s |
+| Render Delay | 0.09 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-720.jpg.webp` | Image | 67 KiB | 0.09 s |
+| `/storage/content/portfolio/lancamento-verano-cover-720.jpg.webp` | Image | 45 KiB | 0.09 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-720.jpg.webp` | Image | 43 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.66 s |
+| Load Time | 0.04 s |
+| Render Delay | 0.42 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-720.jpg.webp` | Image | 67 KiB | 0.09 s |
+| `/storage/content/portfolio/lancamento-verano-cover-720.jpg.webp` | Image | 45 KiB | 0.09 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-720.jpg.webp` | Image | 43 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### servicos — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/services/casamentos-720.jpg.webp" srcset="/storage/content/services/casamentos-480.jpg 480w, /storage/content/se`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.14 s |
+| Load Time | 0.01 s |
+| Render Delay | 0.10 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/services/casamentos-720.jpg.webp` | Image | 49 KiB | 0.08 s |
+| `/storage/content/services/eventos-corporativos-720.jpg.webp` | Image | 39 KiB | 0.08 s |
+| `/storage/content/services/celebracoes-intimistas-720.jpg.webp` | Image | 28 KiB | 0.08 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.07 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.06 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.07 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.07 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### servicos — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/services/casamentos-720.jpg.webp" srcset="/storage/content/services/casamentos-480.jpg 480w, /storage/content/se`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.08 s |
+| Load Time | 0.07 s |
+| Render Delay | 0.43 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/services/casamentos-720.jpg.webp` | Image | 49 KiB | 0.08 s |
+| `/storage/content/services/eventos-corporativos-720.jpg.webp` | Image | 39 KiB | 0.08 s |
+| `/storage/content/services/celebracoes-intimistas-720.jpg.webp` | Image | 28 KiB | 0.08 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.07 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.07 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.07 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.07 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.07 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.45 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### sobre — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/about/about-image-720.jpg.webp" srcset="/storage/content/about/about-image-480.jpg 480w, /storage/content/about/`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.11 s |
+| Load Time | 0.01 s |
+| Render Delay | 0.12 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.06 s |
+| `/storage/content/about/about-image-720.jpg.webp` | Image | 22 KiB | 0.07 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.06 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.06 s |
+| `/sobre` | Document | 5 KiB | 0.05 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.06 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### sobre — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/about/about-image-720.jpg.webp" srcset="/storage/content/about/about-image-480.jpg 480w, /storage/content/about/`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.77 s |
+| Load Time | 0.02 s |
+| Render Delay | 0.33 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.10 s |
+| `/storage/content/about/about-image-720.jpg.webp` | Image | 22 KiB | 0.11 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.10 s |
+| `/build/assets/app-8wBXH8kj.css` | Stylesheet | 10 KiB | 0.10 s |
+| `/sobre` | Document | 5 KiB | 0.09 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.10 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+

docs/evidence/lighthouse/2026-08-10-local-etapa-fontes-e-marca.md

@@ -0,0 +1,407 @@
+# Lighthouse — local-pos
+
+- Origem: `http://127.0.0.1:8000`
+- Lighthouse: 12.8.2
+- Navegador: `Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36`
+- Coletado em: 2026-08-10T16:20:48.372Z
+- Execuções por página/preset: 3 (reportada a de LCP mediano)
+- Commit: `65919d4` (o script gravou `2e43fde`, o HEAD no momento da coleta; a árvore medida é a que virou `65919d4`)
+- Seeder: `ContentSeeder`
+
+Metas SPEC §6.6: LCP ≤ 2,5 s · CLS ≤ 0,1 · INP ≤ 200 ms · zero erro de console.
+
+| página | preset | perf | a11y | BP | SEO | LCP | FCP | CLS | TBT | TTFB servidor | LCP min–max |
+|---|---|---|---|---|---|---|---|---|---|---|---|
+| contato | desktop | 100 | 100 | 100 | 100 | 0.36 s | 0.25 s | 0.000 | 0 ms | 20 ms | 0.36 s – 0.37 s |
+| contato | mobile | 100 | 100 | 100 | 100 | 1.51 s | 0.92 s | 0.000 | 0 ms | 46 ms | 1.50 s – 1.51 s |
+| home | desktop | 100 | 100 | 100 | 100 | 0.67 s | 0.25 s | 0.000 | 0 ms | 87 ms | 0.67 s – 0.67 s |
+| home | mobile | 92 | 100 | 100 | 100 | 3.39 s | 0.92 s | 0.000 | 0 ms | 88 ms | 3.38 s – 3.46 s |
+| portfolio-detalhe | desktop | 100 | 100 | 100 | 100 | 0.79 s | 0.25 s | 0.000 | 0 ms | 74 ms | 0.79 s – 0.79 s |
+| portfolio-detalhe | mobile | 95 | 100 | 100 | 100 | 3.01 s | 0.91 s | 0.000 | 0 ms | 89 ms | 2.93 s – 3.01 s |
+| portfolio | desktop | 100 | 100 | 100 | 100 | 0.65 s | 0.25 s | 0.000 | 0 ms | 73 ms | 0.37 s – 0.65 s |
+| portfolio | mobile | 100 | 100 | 100 | 100 | 1.58 s | 0.91 s | 0.000 | 0 ms | 69 ms | 1.58 s – 3.24 s |
+| servicos | desktop | 100 | 100 | 100 | 100 | 0.36 s | 0.25 s | 0.000 | 0 ms | 121 ms | 0.36 s – 0.59 s |
+| servicos | mobile | 97 | 100 | 100 | 100 | 2.63 s | 0.90 s | 0.000 | 0 ms | 73 ms | 1.58 s – 2.63 s |
+| sobre | desktop | 100 | 100 | 100 | 100 | 0.37 s | 0.25 s | 0.000 | 0 ms | 97 ms | 0.36 s – 0.45 s |
+| sobre | mobile | 100 | 100 | 100 | 100 | 1.58 s | 0.91 s | 0.000 | 0 ms | 48 ms | 1.58 s – 1.96 s |
+
+## Decomposição do LCP
+
+### contato — desktop
+
+Elemento de LCP: `<h1 class="text-headline font-medium tracking-tight text-amare-text">`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.00 s |
+| Load Time | 0.00 s |
+| Render Delay | 0.24 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.03 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.03 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.03 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.03 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.03 s |
+| `/contato` | Document | 5 KiB | 0.02 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.03 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### contato — mobile
+
+Elemento de LCP: `<h1 class="text-headline font-medium tracking-tight text-amare-text">`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.00 s |
+| Load Time | 0.00 s |
+| Render Delay | 1.05 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.05 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.05 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.06 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.06 s |
+| `/contato` | Document | 5 KiB | 0.05 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.06 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### home — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/og/og-default-960.jpg" srcset="/storage/content/og/og-default-480.jpg 480w, /storage/content/og/og-defaul…" size`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.33 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.19 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/og/og-default-960.jpg` | Image | 143 KiB | 0.10 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.11 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.11 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.11 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.09 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.10 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.10 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.15 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### home — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/og/og-default-960.jpg" srcset="/storage/content/og/og-default-480.jpg 480w, /storage/content/og/og-defaul…" size`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.88 s |
+| Load Time | 0.17 s |
+| Render Delay | 0.88 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/og/og-default-960.jpg` | Image | 143 KiB | 0.10 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.12 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.12 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.12 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.10 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.10 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.90 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio-detalhe — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.43 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.21 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-1440.jpg` | Image | 287 KiB | 0.08 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-1-960.jpg` | Image | 209 KiB | 0.09 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-2-960.jpg` | Image | 172 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.10 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio-detalhe — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.63 s |
+| Load Time | 0.06 s |
+| Render Delay | 0.87 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-1-960.jpg` | Image | 209 KiB | 0.11 s |
+| `/storage/content/portfolio/casamento-ana-lucas-gallery-2-960.jpg` | Image | 172 KiB | 0.11 s |
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.10 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.10 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.10 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.10 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.90 s | — |
+| Use efficient cache lifetimes | 0.15 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.28 s |
+| Load Time | 0.05 s |
+| Render Delay | 0.19 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.10 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.10 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.10 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.20 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### portfolio — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/portfolio/casamento-ana-lucas-cover-…" srcset="/storage/content/portfolio/casamento-ana-lucas-cover-480.jpg 480w`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.64 s |
+| Load Time | 0.03 s |
+| Render Delay | 0.46 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/portfolio/casamento-ana-lucas-cover-960.jpg` | Image | 142 KiB | 0.09 s |
+| `/storage/content/portfolio/lancamento-verano-cover-960.jpg` | Image | 106 KiB | 0.09 s |
+| `/storage/content/portfolio/mini-wedding-marina-cover-960.jpg` | Image | 100 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### servicos — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/services/casamentos-960.jpg" srcset="/storage/content/services/casamentos-480.jpg 480w, /storage/content/servic…`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.12 s |
+| Load Delay | 0.18 s |
+| Load Time | 0.01 s |
+| Render Delay | 0.06 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/services/casamentos-960.jpg` | Image | 107 KiB | 0.14 s |
+| `/storage/content/services/eventos-corporativos-960.jpg` | Image | 100 KiB | 0.14 s |
+| `/storage/content/services/celebracoes-intimistas-960.jpg` | Image | 83 KiB | 0.14 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.13 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.13 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.13 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.13 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.13 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### servicos — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/services/casamentos-960.jpg" srcset="/storage/content/services/casamentos-480.jpg 480w, /storage/content/servic…`
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 1.50 s |
+| Load Time | 0.11 s |
+| Render Delay | 0.56 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/services/casamentos-960.jpg` | Image | 107 KiB | 0.09 s |
+| `/storage/content/services/eventos-corporativos-960.jpg` | Image | 100 KiB | 0.09 s |
+| `/storage/content/services/celebracoes-intimistas-960.jpg` | Image | 83 KiB | 0.09 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.08 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.08 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.08 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.08 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Improve image delivery | 0.60 s | — |
+| Use efficient cache lifetimes | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### sobre — desktop
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/about/about-image-960.jpg" srcset="/storage/content/about/about-image-480.jpg 480w, /storage/content/about/ab…" `
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.13 s |
+| Load Delay | 0.15 s |
+| Load Time | 0.00 s |
+| Render Delay | 0.09 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/about/about-image-960.jpg` | Image | 60 KiB | 0.12 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.11 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.10 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.10 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.11 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.11 s |
+| `/sobre` | Document | 4 KiB | 0.10 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.11 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+
+### sobre — mobile
+
+Elemento de LCP: `<img src="http://127.0.0.1:8000/storage/content/about/about-image-960.jpg" srcset="/storage/content/about/about-image-480.jpg 480w, /storage/content/about/ab…" `
+
+| fase | tempo |
+|---|---|
+| TTFB | 0.45 s |
+| Load Delay | 0.57 s |
+| Load Time | 0.10 s |
+| Render Delay | 0.46 s |
+
+Requests concluídas até o LCP, mais pesadas primeiro:
+
+| recurso | tipo | transferido | fim |
+|---|---|---|---|
+| `/storage/content/about/about-image-960.jpg` | Image | 60 KiB | 0.07 s |
+| `/build/assets/eb-garamond-600-normal-DHwxsLHv.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-500-normal-DehAIUv0.woff2` | Font | 25 KiB | 0.06 s |
+| `/build/assets/eb-garamond-400-normal-BCNrxLz_.woff2` | Font | 24 KiB | 0.06 s |
+| `/brand/lockup-on-light.webp` | Image | 14 KiB | 0.06 s |
+| `/build/assets/app-Cswasu1n.css` | Stylesheet | 10 KiB | 0.06 s |
+| `/sobre` | Document | 4 KiB | 0.05 s |
+| `/build/assets/app-Cr9w0NCu.js` | Script | 2 KiB | 0.06 s |
+
+| insight com falha | ganho estimado de LCP | bytes |
+|---|---|---|
+| Use efficient cache lifetimes | 0.00 s | — |
+| Improve image delivery | 0.00 s | — |
+| LCP request discovery | 0.00 s | — |
+| Network dependency tree | 0.00 s | — |
+| Render blocking requests | 0.00 s | — |
+

docs/evidence/lighthouse/README.md

@@ -0,0 +1,205 @@
+# Lighthouse — MAN-109
+
+Medições versionadas porque a rodada anterior (PR #34) sobreviveu apenas como
+uma tabela digitada à mão num comentário do Linear: `storage/app/lighthouse` é
+gitignored, então não havia contra o quê comparar. Os relatórios brutos pesam
+~48 MB por passada e continuam fora do repositório; o que fica versionado são os
+resumos, que já carregam a decomposição do LCP e a lista de requests até o LCP.
+
+## Como reproduzir
+
+```bash
+# Sobe a imagem de produção. O seed roda no host, não no container:
+# ContentSeeder é no-op fora de local/staging/testing (database/seeders/ContentSeeder.php:44),
+# então sob APP_ENV=production ele não semeia nada e o Lighthouse mede páginas vazias.
+docker build -t amare-app:man109 .
+php artisan migrate --force
+php artisan db:seed --class=ContentSeeder --force
+php artisan media:generate-variants     # sem isso o LCP da home infla ~2,5 s
+docker run -d --name amare-web -p 8000:8000 -e APP_ENV=production ... amare-app:man109
+
+TARGET=local bash scripts/perf/lighthouse.sh storage/app/lighthouse
+```
+
+Cada página é auditada 3 vezes por preset e o relatório de LCP mediano é o
+reportado — nunca a média. O LCP se move alguns décimos entre execuções na mesma
+build, e uma única execução não sustenta comparação.
+
+## Resultado
+
+Preset mobile padrão do Lighthouse 12.8.2: throttling simulado de 150 ms de RTT,
+~1,6 Mbps, CPU 4× mais lenta. Chrome estável do sistema (não o Chromium do
+Playwright), imagem de produção local, seeder `ContentSeeder`.
+
+Antes: commit `2e43fde`. As colunas intermediárias mostram cada correção
+isoladamente, medida com uma passada completa antes da seguinte entrar.
+
+| página | preset | antes | + fontes e marca | + webp e 720w | + sizes correto | perf antes → depois | bytes antes → depois |
+|---|---|---|---|---|---|---|---|
+| contato | desktop | 0.53 s | 0.36 s | 0.37 s | **0.36 s** | 100 → 100 | 262 → 106 KiB |
+| contato | mobile | 2.55 s | 1.51 s | 1.51 s | **1.50 s** | 97 → 100 | 262 → 106 KiB |
+| home | desktop | 0.87 s | 0.67 s | 0.53 s | **0.53 s** | 99 → 100 | 798 → 347 KiB |
+| home | mobile | 4.58 s | 3.39 s | 2.87 s | **2.49 s** | 83 → 98 | 798 → 347 KiB |
+| portfolio | desktop | 0.83 s | 0.65 s | 0.37 s | **0.36 s** | 99 → 100 | 609 → 259 KiB |
+| portfolio | mobile | 3.98 s | 1.58 s | 2.64 s | **1.58 s** | 87 → 100 | 609 → 259 KiB |
+| portfolio-detalhe | desktop | 0.97 s | 0.79 s | 0.66 s | **0.65 s** | 99 → 100 | 930 → 508 KiB |
+| portfolio-detalhe | mobile | 3.98 s | 3.01 s | 2.71 s | **2.18 s** | 87 → 99 | 785 → 365 KiB |
+| servicos | desktop | 0.77 s | 0.36 s | 0.37 s | **0.36 s** | 100 → 100 | 552 → 222 KiB |
+| servicos | mobile | 3.68 s | 2.63 s | 1.58 s | **2.03 s** | 89 → 99 | 552 → 222 KiB |
+| sobre | desktop | 0.61 s | 0.37 s | 0.37 s | **0.36 s** | 100 → 100 | 322 → 127 KiB |
+| sobre | mobile | 3.01 s | 1.58 s | 1.60 s | **1.58 s** | 94 → 100 | 322 → 127 KiB |
+
+FCP cai de 1,51 s para 0,91 s em todas as páginas no mobile. Acessibilidade,
+boas práticas e SEO marcam 100 em todas as páginas nos dois presets, antes e
+depois. CLS é 0,000 e TBT é 0 ms em todas — as metas de §6.6 para essas três
+métricas já passavam e continuam passando.
+
+**Contra a meta de LCP ≤ 2,5 s da §6.6: todas as páginas passam nos dois
+presets.** Desktop com folga (máximo 0,65 s). No mobile o pior caso é a home a
+2,49 s, ou seja **em cima da linha** — a pior das três execuções dela deu 2,57 s.
+Tratar a home como aprovada por margem, não com folga.
+
+Duas colunas intermediárias merecem leitura cuidadosa em vez de conclusão:
+
+- `portfolio` mobile aparece pior na coluna do webp (2,64 s) do que na anterior
+  (1,58 s). É variância, não regressão: as três execuções daquela passada foram
+  1,59 / 2,64 / 2,78 s. A página é a mais instável do conjunto e a mediana pulou
+  de ponta. Na passada final as três deram 1,58 s.
+- `servicos` mobile sobe de 1,58 s para 2,03 s da terceira para a quarta coluna,
+  pelo mesmo motivo (1,58 / 1,58 / 2,03).
+
+É exatamente por isso que o script roda três vezes e reporta a mediana; ainda
+assim, diferenças abaixo de meio segundo entre passadas não devem ser lidas como
+efeito de uma correção.
+
+Ressalva: a medição é local, então latência de origem e TLS não entram, e o
+throttling de rede é simulado. Trate o LCP como piso, não como valor de campo.
+
+## O que cada correção comprou
+
+**Fontes servidas em dobro — 88 KiB fora do caminho crítico.** Bunny entrega
+cada peso de EB Garamond em woff2 e woff, e o plugin de fontes emitia uma regra
+`@font-face` para cada, woff2 primeiro e woff depois. Duas regras com a mesma
+família, peso, estilo e unicode-range fazem a **última** vencer: o navegador
+renderizava a partir dos woff e descartava os woff2 pré-carregados.
+
+A prova está no log de rede da home antes da correção: 3 woff em prioridade
+`VeryHigh` (88 KiB) — a prioridade mais alta da página, à frente do elemento de
+LCP — somados a 3 woff2 em `High` (74 KiB) que só foram baixados porque estavam
+em `<link rel="preload">`. 162 KiB de tráfego de fonte para 74 KiB de fonte útil.
+
+woff2 é suportado por todo navegador que este site atende desde 2016, então as
+regras woff não eram fallback e sim peso morto. O plugin `amare:fonts-woff2-only`
+em `vite.config.js` remove as regras do CSS e do manifest e tira os arquivos do
+bundle. É o que derruba o FCP de 1,51 s para 0,91 s em todas as páginas.
+
+**Ativos de marca reencodados — 102 KiB fora do caminho crítico.** O logotipo
+era servido a 512 px de largura para renderizar em 48 px (lockup, cabeçalho e
+rodapé) e 32 px (mark, home): 84 KiB + 42 KiB com `loading="eager"` em todas as
+páginas. Reencodados a 3× do maior render — lockup 149×144 (14 KiB) e mark
+191×96 (10 KiB) —, mantendo os mesmos nomes de arquivo para não invalidar cache.
+As variantes `on-dark` foram reencodadas junto por consistência; nenhuma view as
+usa hoje.
+
+Isto absorve MAN-122: os ativos de marca foram reencodados sem alterar a forma
+ou a cor percebida, reduzindo apenas o peso transferido.
+
+Os arquivos versionados aqui são: `2026-08-10-local-antes.md` (commit `2e43fde`),
+`2026-08-10-local-etapa-fontes-e-marca.md` (passada intermediária) e
+`2026-08-10-local-depois.md` (estado final).
+
+**Variantes WebP nas imagens de conteúdo.** Com fontes e marca resolvidas, o
+elemento de LCP de toda página no mobile era a imagem do hero, e o Load Delay de
+1,88 s era contenção de banda pura: 143 KiB de JPEG q82 a 960 px, com as três
+capas do portfólio somando outros 348 KiB. `ResponsiveImage::generate()` passa a
+escrever uma variante `.webp` ao lado de cada variante no formato original, e
+`x-media.image` a oferece num `<source type="image/webp">`. O `<img>` continua
+apontando para o formato original, então nada quebra em quem não decodifica webp,
+e mídia antiga sem irmãos webp renderiza `<img>` puro como antes.
+
+**`sizes` que descreve a realidade.** Nenhuma imagem do site ocupa a viewport
+inteira: todas ficam dentro de `container-amare`, que reserva 1,5rem de padding
+de cada lado. Declarar `100vw` fazia uma viewport de 412 px em DPR 1,75 pedir
+721 px e pular para a variante de 960 para desenhar uma caixa de 637 px — errar
+por um pixel custava um terço a mais de bytes. Com `calc(100vw - 3rem)` a home
+passa a usar a variante de 720 (**74 KiB**, contra 143 KiB no início).
+
+Foi também por isso que 720 entrou em `ResponsiveImage::WIDTHS`: sem ela o salto
+de 480 para 960 é grande demais para a viewport mobile mais comum.
+
+Decomposição final do LCP da home no mobile:
+
+| fase | tempo |
+|---|---|
+| TTFB | 0,45 s |
+| Load Delay | 1,24 s |
+| Load Time | 0,10 s |
+| Render Delay | 0,69 s |
+
+## O ganho de imagem só aparece depois do deploy regenerar as variantes
+
+Toda a medição acima usou `FILESYSTEM_DISK=local`. Em staging e produção o disco
+é `r2`, e lá as variantes `.webp` e a largura 720 **ainda não existem** para a
+mídia já publicada. Até `media:generate-variants` rodar, `availableWebpVariants()`
+volta vazio, o `<source>` é omitido e o `srcset` do formato original perde a
+entrada de 720w — ou seja, nenhum dos dois ganhos de imagem aparece.
+
+O serviço `migrate` do `docker-compose.deploy.yml` roda
+`php artisan media:generate-variants` sem condição a cada deploy, depois de
+`migrate` e do seed, e o comando só pula um caminho quando o arquivo original não
+existe (`MediaGenerateVariantsCommand`) — regenera mesmo quando já há variantes.
+Então o primeiro deploy desta branch produz as variantes novas por conta própria.
+
+Enquanto isso não acontece, há um custo sem contrapartida: `x-media.image` faz
+agora **8 chamadas `exists()` por imagem** (4 larguras × 2 formatos) contra o
+object store, no lugar de 3. Na home são ~32 round trips remotos por request em
+vez de ~12. Isso agrava a hipótese não validada abaixo em vez de melhorá-la, e é
+mais um motivo para cachear esses metadados.
+
+## Se a home precisar de mais folga
+
+O Load Delay de 1,24 s ainda é contenção: as três capas do portfólio somam
+155 KiB e, embora sejam `loading="lazy"` e prioridade `Low`, o navegador as busca
+porque entram no limiar de lazy loading da viewport emulada. Os levers restantes,
+em ordem de custo:
+
+1. Baixar a qualidade webp de 80 para 75 (medido: 109 → 92 KiB na imagem do
+   hero a 960 px). Barato, mas mexe na qualidade de imagem de uma marca cujo
+   posicionamento é acabamento editorial — decisão de produto, não de engenharia.
+2. Reduzir o Render Delay de 0,69 s, que agora é a segunda maior fatia e é
+   trabalho de main thread, não de rede.
+3. FrankenPHP worker mode para o TTFB de 0,45 s. Tem gatilho objetivo em
+   SPEC §22 e não deve ser puxado antes dele.
+
+## Cobertura que este trabalho não tem
+
+Os testes browser não exercitam `srcset` nem `<picture>` com variantes geradas:
+nem `ContentSeeder` nem `VisualContentSeeder` geram variantes. Nesses cenários,
+`availableVariants()` volta vazio e o componente renderiza `<img>` puro. A
+cobertura do caminho com variantes fica nos testes de feature
+(`MediaImageComponentTest`).
+
+## Staging
+
+Não medido. A origem de staging responde `303` para
+`blocked.teams.cloudflare.com` a partir da rede corporativa da Creditas
+("O conteúdo deste site viola a Política de Segurança da Informação"), inclusive
+em `/up`. O preflight de HTTP 200 do script barra a execução antes de gastar
+minutos auditando páginas de bloqueio.
+
+Duas hipóteses seguem **não validadas** porque só existem com
+`FILESYSTEM_DISK=r2`, que é configuração de staging e produção:
+
+- `x-media.image` chama `ResponsiveImage::availableVariants()`,
+  `availableWebpVariants()` (8 `exists()` somados) e `ResponsiveImage::dimensions()`
+  (que baixa o arquivo inteiro) a cada render, sem cache. No disco `local` são
+  leituras de filesystem; no `r2` são ~9 round trips remotos por imagem no lado
+  servidor, ~36 na home. Teste discriminante: comparar o TTFB de `/contato`
+  (zero imagens) com o de `/portfolio` (N imagens). Se o TTFB escalar com a
+  contagem de imagens, está confirmado. **Este é o item mais urgente da lista**,
+  porque as variantes webp multiplicaram o número de chamadas.
+- A mídia vem de `R2_URL`, uma origem cross-origin, e não há `preconnect` no
+  `<head>` — DNS e TLS entram antes do LCP.
+
+Para medir: rodar `TARGET=staging BASE_URL=<origem> bash scripts/perf/lighthouse.sh`
+de uma rede sem o filtro corporativo.

docs/operations/atualizacao-de-conteudo.md

@@ -0,0 +1,417 @@
+# Atualização de conteúdo do site
+
+Guia para quem cuida do conteúdo do site (textos, fotos, casos de portfólio,
+depoimentos, serviços e dados de contato) sem precisar mexer em código.
+
+O site é editado por um painel interno chamado **"admin"** — é uma tela web,
+parecida com um formulário, onde cada bloco do site (textos da home, casos de
+portfólio, depoimentos, etc.) vira uma "página" que você edita e salva.
+
+> Antes de qualquer coisa, leia a seção **"A regra mais importante: o que
+> torna algo visível no site"** — ela explica um comportamento que engana
+> quase todo mundo na primeira vez.
+
+## Sumário
+
+- [Como entrar no painel](#como-entrar-no-painel)
+- [A regra mais importante: o que torna algo visível no site](#a-regra-mais-importante-o-que-torna-algo-visível-no-site)
+- [Editar os textos da home e das páginas institucionais](#editar-os-textos-da-home-e-das-páginas-institucionais)
+- [Casos de portfólio: criar, editar, publicar e despublicar](#casos-de-portfólio-criar-editar-publicar-e-despublicar)
+- [Depoimentos: adicionar e publicar](#depoimentos-adicionar-e-publicar)
+- [Serviços: editar](#serviços-editar)
+- [Contato: telefone, e-mail e redes sociais](#contato-telefone-e-mail-e-redes-sociais)
+- [Imagens: formatos aceitos, tamanho e texto alternativo](#imagens-formatos-aceitos-tamanho-e-texto-alternativo)
+- [Usuários: papéis, ativar e desativar contas](#usuários-papéis-ativar-e-desativar-contas)
+- [O que NÃO mexer — e com quem falar](#o-que-não-mexer--e-com-quem-falar)
+- [Seções da home que somem por completo se ficarem vazias](#seções-da-home-que-somem-por-completo-se-ficarem-vazias)
+- [Sobre o arquivo depoimentos.md na raiz do repositório](#sobre-o-arquivo-depoimentosmd-na-raiz-do-repositório)
+
+## Como entrar no painel
+
+1. Acesse `/admin` no domínio do site (ex.: `https://seusite.com.br/admin`).
+2. Se você não estiver logada, o painel mostra uma tela de login pedindo
+   e-mail e senha.
+3. Faça login com o e-mail e senha da sua conta.
+
+**Se você não conseguir entrar:**
+
+- **Esqueceu a senha:** hoje o painel **não tem** um link de "esqueci minha
+  senha" self-service. Só uma pessoa com perfil **Administrador** consegue
+  trocar a senha de outra conta (em Usuários → editar a conta → campo
+  "Senha"). Se você é a única Administradora e está travada fora do painel,
+  vai precisar pedir para quem desenvolve o site trocar a senha diretamente
+  no banco de dados.
+- **Mensagem de acesso negado / conta inativa:** sua conta pode estar com o
+  campo "Ativo" desligado. Só uma Administradora pode reativar isso em
+  Usuários (veja [O que NÃO mexer](#o-que-não-mexer--e-com-quem-falar) sobre
+  quem pode mexer em contas de usuário).
+- **Perfil "Assistente" sem acesso a nada:** hoje, contas com o papel
+  "Assistente" conseguem fazer login, mas não conseguem ver nem editar
+  **nenhum** conteúdo — nem Configurações, nem Portfólio, nem Depoimentos,
+  nada. Isso é uma limitação atual do sistema, não um erro seu. Se você
+  precisa dar acesso de edição a alguém que não seja Administrador, avise
+  quem desenvolve o site — hoje não existe um meio-termo (“pode editar mas
+  não pode tudo”), só "Administrador com acesso total" ou "Assistente sem
+  acesso a nada".
+
+## A regra mais importante: o que torna algo visível no site
+
+Duas coisas controlam se algo aparece no site. Entender essas duas evita
+99% das dúvidas de "publiquei e não apareceu" ou "não publiquei e apareceu".
+
+### 1. O campo "Publicado em" não é um agendamento
+
+Em Serviços, Portfólio e Depoimentos existe um campo chamado **"Publicado
+em"**. A intuição normal seria pensar "se eu colocar uma data futura, ele só
+aparece nessa data" — **isso está errado**. Assim que você preenche esse
+campo com **qualquer** data/hora (passada, presente ou futura) e salva, o
+item fica visível no site **imediatamente**. Não existe agendamento.
+
+- **Para publicar:** preencha "Publicado em" com uma data qualquer e salve.
+- **Para despublicar:** apague o conteúdo desse campo (deixe em branco) e
+  salve. Colocar uma data no futuro **não** esconde o item — ele continua
+  visível.
+
+### 2. Home precisa de DOIS interruptores; páginas de listagem só de um
+
+- Nas páginas de listagem completas — `/servicos` (todos os serviços) e
+  `/portfolio` (todos os casos) — basta o item estar **publicado** (campo
+  "Publicado em" preenchido) para aparecer.
+- Já nos blocos de **Serviços** e **Portfólio dentro da home** (a página
+  inicial), o item só aparece se **as duas coisas** forem verdadeiras ao
+  mesmo tempo:
+  1. Estiver **publicado** ("Publicado em" preenchido), **e**
+  2. Tiver o interruptor **"Destaque"** ligado.
+
+  Publicar sozinho não é suficiente para aparecer na home — só coloca o item
+  na listagem completa. Você precisa também ligar "Destaque" se quiser que
+  apareça na home.
+
+- **Depoimentos são a exceção**: o bloco de Depoimentos na home mostra
+  **todo** depoimento publicado, independente do interruptor "Destaque". Em
+  Depoimentos, "Destaque" só serve para filtrar a tabela dentro do painel —
+  não muda nada no que aparece para quem visita o site.
+
+## Editar os textos da home e das páginas institucionais
+
+No menu lateral, vá em **Configurações** (dentro do grupo "Conteúdo do
+site"). É uma página só, dividida em seções. Edite o que quiser e clique em
+salvar no final.
+
+**Diferente de Portfólio, Depoimentos e Serviços, aqui não existe "Publicado
+em".** Tudo o que você salva em Configurações entra no ar imediatamente —
+não há passo extra de publicação nem como "rascunhar" uma mudança antes de
+ela aparecer no site.
+
+- **Marca e hero** — nome da marca, logo (+ texto alternativo, obrigatório
+  se houver logo), textos do topo da home ("hero"): eyebrow (frase pequena
+  acima do título), título, subtítulo, texto dos dois botões de chamada
+  (CTA), nota de rodapé do hero, e o **resumo institucional**
+  (`about_summary`). **Atenção:** nome da marca, título do hero, subtítulo
+  e texto do botão principal são **obrigatórios** — o formulário não deixa
+  salvar em branco. Já o eyebrow, o botão secundário e a nota do hero podem
+  ficar em branco (o site simplesmente não mostra essa parte se estiver
+  vazia).
+  - O **resumo institucional** é usado em **dois lugares** e se comporta
+    diferente em cada um: na seção "A Amare" da home, se ficar em branco o
+    site mostra uma frase padrão fixa no lugar; já na página **Sobre**
+    (`/sobre`), esse mesmo texto aparece como o parágrafo principal e, se
+    ficar em branco, **fica realmente vazio** ali (sem frase padrão). O
+    formulário **deixa salvar em branco sem avisar** — ou seja, não dá erro
+    nenhum, o parágrafo só fica vazio silenciosamente na página Sobre até
+    alguém notar. Por isso, nunca deixe o resumo institucional em branco;
+    depois de editar, confira a página `/sobre` para garantir que o texto
+    apareceu.
+  - A página **Sobre** também tem uma frase fixa no código
+    ("A [nome da marca] atua em [cidade] com foco em planejamento
+    completo...") que **não é editável pelo painel** — ela só muda se você
+    editar Nome da marca ou Cidade (que entram nessa frase), o resto do
+    texto é fixo. Para mudar essa frase, é preciso pedir para quem
+    desenvolve o site.
+- **Manifesto editorial** — título, texto de abertura ("lead") e corpo do
+  bloco "Manifesto" da home. Diferente de outros textos, se você deixar
+  esses campos em branco o site **não** esconde a seção — ele mostra um
+  texto padrão fixo no lugar. Ou seja: em branco aqui não é "some", é
+  "volta ao texto genérico".
+- **Método** — introdução do bloco "Método" e até 4 passos (título +
+  descrição cada), reordenáveis arrastando. Se você apagar todos os passos,
+  o site mostra passos padrão pré-definidos em vez de ficar vazio.
+- **Princípios** — lista de princípios (tags) mostrada na seção
+  institucional. Se ficar vazia, o site mostra uma lista padrão.
+- **Página Sobre** — imagem da página "Sobre" (+ texto alternativo,
+  obrigatório se houver imagem).
+- **SEO padrão** — título e descrição que aparecem quando o site é
+  compartilhado ou aparece no Google (título e descrição são obrigatórios),
+  e a imagem padrão de compartilhamento (que também é reaproveitada como a
+  imagem à direita no hero da home — ao trocar essa imagem, ela muda em
+  dois lugares ao mesmo tempo).
+- **Analytics** — **não mexa aqui**, veja [O que NÃO mexer](#o-que-não-mexer--e-com-quem-falar).
+
+## Casos de portfólio: criar, editar, publicar e despublicar
+
+No menu, vá em **Portfólio**.
+
+### Criar ou editar um caso
+
+Clique em "Novo" (ou abra um caso existente) e preencha:
+
+- **Título** e **Slug** — o slug é o pedacinho do endereço na internet
+  (ex.: `casamento-joana-pedro`). Se você deixar o slug em branco ao criar,
+  ele é gerado automaticamente a partir do título. **Depois de publicado,
+  evite mudar o slug** — isso quebra qualquer link já compartilhado para
+  aquele caso (redes sociais, WhatsApp, Google). Se precisar mesmo mudar,
+  veja [O que NÃO mexer](#o-que-não-mexer--e-com-quem-falar).
+- **Resumo** — texto curto usado nas listagens.
+- **Tipo de evento**, **Cidade**, **Local**, **Data do evento**.
+- **Desafio**, **Solução**, **Resultado** — o texto do "case" propriamente
+  dito (Desafio e Solução são obrigatórios; Resultado é opcional).
+- **Imagem de capa** (+ texto alternativo, obrigatório se houver imagem).
+  **Atenção:** diferente de quase toda outra imagem do painel, a capa de um
+  caso de portfólio é **sempre obrigatória** por trás dos panos — mas o
+  formulário **não bloqueia** o salvamento se você esquecer de anexá-la.
+  Se você tentar salvar um caso novo sem imagem de capa, o painel não avisa
+  "campo obrigatório": o salvamento simplesmente falha com um erro técnico
+  feio (erro de banco de dados), não a mensagem amigável que você vê para
+  título, resumo etc. Sempre anexe a imagem de capa antes de salvar um caso
+  novo.
+- **Ordem** — número usado para ordenar os casos nas listagens.
+- **Destaque** — liga/desliga a aparição desse caso na home (ver regra das
+  [duas chaves](#a-regra-mais-importante-o-que-torna-algo-visível-no-site)).
+- **Publicado em** — data de publicação (ver
+  [regra de publicação](#a-regra-mais-importante-o-que-torna-algo-visível-no-site)).
+- **Meta title** / **Meta description** — título e descrição específicos
+  desse caso para compartilhamento e Google (opcionais; se em branco, usa
+  o padrão configurado em Configurações).
+
+### Galeria de fotos do caso
+
+Depois de salvar o caso, abra-o novamente e procure a aba **"Galeria"**.
+Ali você adiciona quantas fotos quiser, cada uma com:
+
+- **Imagem** (obrigatória para criar o item da galeria). **Atenção:** assim
+  como a capa do caso, o formulário **não bloqueia** o salvamento se você
+  esquecer a imagem — ele deixa parecer que deu certo até você clicar em
+  salvar, e aí falha com um erro técnico de banco de dados em vez de avisar
+  "campo obrigatório". Sempre anexe a imagem antes de salvar um item da
+  galeria.
+- **Texto alternativo** — **obrigatório assim que você anexa uma imagem**.
+  O sistema não deixa salvar uma foto sem essa descrição.
+- **Legenda** (opcional) — texto que aparece junto da foto.
+- **Ordem** — dá para arrastar as fotos na tabela para reordenar.
+
+### Publicar e despublicar um caso
+
+- **Publicar:** preencha "Publicado em" com qualquer data e salve. Aparece
+  imediatamente em `/portfolio` e na página própria do caso. Para também
+  aparecer na home, ligue "Destaque".
+- **Despublicar:** apague o conteúdo de "Publicado em" e salve. Colocar
+  uma data futura **não** esconde o caso.
+
+**"Excluir" não é a mesma coisa que despublicar.** Cada linha da tabela de
+Portfólio (e também cada foto dentro da aba "Galeria") tem um botão
+**"Excluir"**, além do botão de editar. Diferente de despublicar, Excluir
+**apaga o caso para sempre**: não existe lixeira, não existe desfazer, e ao
+excluir um caso todas as fotos da galeria dele são apagadas junto
+automaticamente. Selecionar várias linhas na tabela também libera uma ação
+de exclusão em massa, que apaga todas de uma vez com uma única confirmação.
+Para esconder um caso do site, **sempre** use "apagar o Publicado em" — só
+use Excluir quando tiver certeza de que quer destruir o registro
+definitivamente.
+
+## Depoimentos: adicionar e publicar
+
+No menu, vá em **Depoimentos**.
+
+- **Depoimento** — o texto do casal. Se você separar o texto em parágrafos
+  com uma linha em branco entre eles, o site respeita essa quebra e mostra
+  cada parágrafo separadamente.
+- **Nome do autor** — ex.: "Jeniffer e Maick".
+- **Contexto** — texto livre mostrado como "— contexto", ex.:
+  `Casamento · 06/12/2025`.
+- **Foto** (+ texto alternativo, obrigatório se houver foto) — atenção: a
+  foto **existe no formulário mas hoje não aparece** na home; o campo é
+  preenchido para o futuro, mas visualmente ainda não é exibido.
+- **Ordem** — ordena os depoimentos no bloco da home.
+- **Destaque** — **não afeta o site público**. Serve só para filtrar a
+  tabela de depoimentos dentro do painel.
+- **Publicado em** — este é o único interruptor que importa para
+  depoimentos aparecerem na home. Preencha e salve para publicar; apague e
+  salve para despublicar. Não existe listagem própria de depoimentos fora
+  da home.
+
+**Atenção ao botão "Excluir"** em cada linha da tabela (e à exclusão em
+massa ao selecionar várias linhas): ele é diferente de despublicar e apaga
+o depoimento para sempre, sem lixeira e sem desfazer. Para tirar um
+depoimento do ar, apague o "Publicado em" — não use Excluir a menos que
+queira apagar o registro definitivamente.
+
+## Serviços: editar
+
+No menu, vá em **Serviços**.
+
+- **Título** e **Slug** (mesmo comportamento de auto-geração e mesmo
+  cuidado ao mudar depois de publicado que o portfólio).
+- **Resumo** e **Descrição**.
+- **Imagem de capa** (+ texto alternativo, obrigatório se houver imagem).
+- **Ordem**, **Destaque** e **Publicado em** funcionam exatamente como em
+  portfólio: publicado aparece em `/servicos`; publicado **e** destaque
+  aparece também na home.
+
+**Atenção ao botão "Excluir"** em cada linha da tabela (e à exclusão em
+massa ao selecionar várias linhas): ele é diferente de despublicar e apaga
+o serviço para sempre, sem lixeira e sem desfazer. Para tirar um serviço do
+ar, apague o "Publicado em" — não use Excluir a menos que queira apagar o
+registro definitivamente.
+
+## Contato: telefone, e-mail e redes sociais
+
+Esses campos ficam em **Configurações → seção "Contato"**.
+
+- **E-mail** e **Telefone** são obrigatórios — o formulário não deixa
+  salvá-los em branco. Eles aparecem no rodapé do site e na página
+  "Contato" como links clicáveis (e-mail abre o programa de e-mail;
+  telefone abre o discador do celular). **Importante:** esse mesmo e-mail
+  é também o endereço para onde o site envia toda mensagem enviada pelo
+  formulário de contato em `/contato` (o "briefing" que um visitante
+  preenche e envia). Ou seja, esse campo não é só um link de exibição —
+  ele precisa ser uma caixa de entrada de verdade, monitorada, porque é
+  para lá que vão os pedidos de orçamento e contato de clientes em
+  potencial. Trocar esse e-mail por um endereço que ninguém acompanha faz
+  o site parar de avisar sobre novos contatos, sem nenhum erro aparecer em
+  lugar nenhum do painel.
+- **Importante sobre WhatsApp:** hoje existe **um único campo de
+  telefone**, e ele vira apenas um link `tel:` (ligação), **não** um botão
+  de WhatsApp. Se o número cadastrado for um número de WhatsApp, quem
+  clicar vai abrir o discador, não o WhatsApp. Se você precisa de um botão
+  específico de WhatsApp no site, isso é um pedido para quem desenvolve o
+  site — hoje o campo não faz isso sozinho.
+- **Cidade** — opcional, aparece na página de Contato.
+- **Redes sociais** — lista de "Rede" + "URL" (ex.: `instagram` →
+  `https://instagram.com/suaempresa`). Adicione quantas quiser pelo botão
+  "Adicionar rede"; para remover uma, apague a linha inteira.
+
+## Imagens: formatos aceitos, tamanho e texto alternativo
+
+Vale para **toda** imagem enviada em qualquer tela do painel (logo, capas,
+galeria de portfólio, fotos de depoimento, imagem da página Sobre, imagem
+de SEO):
+
+- **Formatos aceitos:** JPG, JPEG, PNG ou WEBP. Qualquer outro formato
+  (ex.: HEIC direto do iPhone, PDF, GIF) é recusado com uma mensagem de
+  erro — converta a imagem antes de enviar. **HEIC é o caso mais comum**,
+  porque é o formato padrão das fotos tiradas no iPhone. Duas formas
+  simples de resolver:
+  - **Fotos novas:** no iPhone, vá em Ajustes → Câmera → Formatos e
+    escolha "Mais Compatível" — a partir daí, novas fotos já são salvas em
+    JPEG em vez de HEIC.
+  - **Fotos que já estão em HEIC:** envie a foto para você mesma por
+    WhatsApp (ex.: em "Mensagens salvas" ou num grupo/conversa qualquer) e
+    baixe a versão recebida — o WhatsApp converte a imagem para JPEG
+    automaticamente ao enviar.
+- **Tamanho máximo:** 10 MB por arquivo. Acima disso, o envio é recusado.
+- **Texto alternativo é obrigatório sempre que houver imagem.** Isso não é
+  burocracia: é o texto que leitores de tela usam para descrever a imagem
+  para pessoas com deficiência visual, e também ajuda o Google a entender
+  do que se trata a foto. Sem uma imagem, o campo de texto alternativo
+  pode ficar em branco; assim que você anexa uma imagem, o sistema passa a
+  exigir o texto.
+- **Exceção: a imagem de capa de um caso de portfólio e a imagem de um item
+  da galeria não são realmente opcionais**, ao contrário de toda outra
+  imagem do painel (logo, imagem da página Sobre, foto de depoimento,
+  imagem de SEO). Nesses dois casos específicos, o formulário não impede
+  você de salvar sem imagem, mas o salvamento falha de qualquer forma com
+  um erro técnico em vez de uma mensagem amigável de "campo obrigatório"
+  (ver detalhes nas seções [Casos de
+  portfólio](#casos-de-portfólio-criar-editar-publicar-e-despublicar) e
+  [Galeria de fotos do caso](#galeria-de-fotos-do-caso)). Sempre anexe uma
+  imagem antes de salvar um caso de portfólio ou um item de galeria.
+- Você **não** precisa fazer nada além de enviar a imagem normalmente — o
+  sistema gera sozinho as versões menores usadas em celulares e tablets.
+  Não existe um botão ou comando manual que você precise rodar depois de
+  subir uma foto.
+
+## Usuários: papéis, ativar e desativar contas
+
+No menu, vá em **Usuários**. Esta tela só aparece, e só pode ser editada,
+por contas com perfil **Administrador** — se você consegue ver este menu e
+seguir o resto deste guia, você é Administradora.
+
+Ao criar ou editar uma conta, os campos são:
+
+- **Nome** e **E-mail** — identificação da pessoa; o e-mail também é o
+  usado para fazer login.
+- **Papel** — **Administrador** ou **Assistente**. Como já visto em [Como
+  entrar no painel](#como-entrar-no-painel), hoje não existe meio-termo:
+  Administrador tem acesso total, e Assistente consegue fazer login mas
+  não vê nem edita **nenhum** conteúdo (nem Portfólio, nem Configurações,
+  nada). Trocar o Papel de alguém para Assistente remove todo o acesso
+  dela imediatamente.
+- **Ativo** — desligar este interruptor bloqueia o login dessa conta por
+  completo, mesmo com e-mail e senha corretos.
+- **Senha** — só é preciso preencher ao criar uma conta nova ou quando
+  você realmente quer trocar a senha de alguém; deixando em branco ao
+  editar uma conta existente, a senha atual não muda.
+
+**Cuidado ao editar a sua própria conta.** O painel não impede uma
+Administradora de trocar o próprio Papel para Assistente ou de desligar o
+próprio "Ativo". Se isso acontecer, você perde o acesso imediatamente e,
+como visto em [Como entrar no painel](#como-entrar-no-painel), hoje não
+existe "esqueci minha senha" nem qualquer forma de uma Administradora
+reverter isso sozinha — só sobra pedir para quem desenvolve o site mexer
+diretamente no banco de dados. Ao mexer no seu próprio usuário, confira
+duas vezes o que está mudando antes de salvar.
+
+## O que NÃO mexer — e com quem falar
+
+- **Seção "Analytics" em Configurações** (o interruptor e o campo de
+  script). É um campo técnico que injeta código de rastreamento no site.
+  Mexer errado aqui pode quebrar o carregamento do site inteiro. Peça para
+  quem desenvolve o site fazer essa alteração.
+- **Slug de serviços e casos de portfólio**, depois de publicados. Mudar
+  quebra links já compartilhados (redes sociais, WhatsApp, resultados de
+  busca do Google). Se for realmente necessário mudar, avise quem
+  desenvolve o site para avaliar redirecionamento.
+- **Usuários e permissões** (menu "Usuários") — só para quem **não** é
+  Administradora: essa tela só existe para contas com perfil
+  **Administrador**, então se você não consegue nem ver o menu "Usuários",
+  precisa de uma conta nova, de desativar alguém, ou de trocar uma senha,
+  peça a uma Administradora — ou, na ausência de uma, a quem desenvolve o
+  site. Se você **é** Administradora, essa tela é sua e está descrita em
+  [Usuários: papéis, ativar e desativar
+  contas](#usuários-papéis-ativar-e-desativar-contas).
+- **Qualquer coisa fora do painel `/admin`** — arquivos de código, banco
+  de dados, comandos de terminal. Nada disso deve ser mexido para uma
+  atualização de conteúdo do dia a dia; se alguém pedir para você rodar um
+  comando técnico para "gerar imagens" ou algo do tipo, isso é tarefa de
+  engenharia, não de edição de conteúdo — fale com quem desenvolve o site.
+
+## Seções da home que somem por completo se ficarem vazias
+
+Estas três seções da home **desaparecem inteiramente** (sem nenhum aviso ou
+espaço reservado) se não houver nenhum item que atenda aos critérios
+abaixo:
+
+| Seção da home | Desaparece quando... |
+|---|---|
+| **Serviços** | zero serviços estiverem, ao mesmo tempo, publicados **e** com "Destaque" ligado |
+| **Portfólio** | zero casos estiverem, ao mesmo tempo, publicados **e** com "Destaque" ligado |
+| **Depoimentos** | zero depoimentos estiverem publicados (o "Destaque" não importa aqui) |
+
+Se você despublicar o último item de uma dessas categorias — ou esquecer de
+ligar "Destaque" em qualquer serviço/caso — a home simplesmente fica sem
+aquele bloco, sem mensagem de erro em lugar nenhum. Se um bloco "sumiu" da
+home, o primeiro lugar para checar é exatamente essa combinação de
+publicado + destaque.
+
+## Sobre o arquivo `depoimentos.md` na raiz do repositório
+
+Existe um arquivo chamado `depoimentos.md` na raiz do projeto com os cinco
+depoimentos reais originais, copiados manualmente de onde vieram
+(WhatsApp/redes sociais). Ele foi o material bruto usado, uma única vez,
+para digitar os depoimentos dentro do sistema (e é citado em documentos
+técnicos antigos como a origem desse conteúdo) — mas **hoje nenhum código
+do site lê esse arquivo**. Editar, corrigir ou apagar `depoimentos.md` **não
+muda nada** no site: o texto que aparece de verdade para quem visita o site
+vive no banco de dados, e é editado exclusivamente pela tela **Depoimentos**
+descrita [acima](#depoimentos-adicionar-e-publicar). Trate esse arquivo como
+material histórico de referência, não como fonte de conteúdo.

openspec/changes/archive/2026-08-10-remove-visual-regression/.openspec.yaml

@@ -0,0 +1,2 @@
+schema: spec-driven
+created: 2026-08-11

openspec/changes/archive/2026-08-10-remove-visual-regression/design.md

@@ -0,0 +1,37 @@
+## Context
+
+A suíte browser contém uma camada exclusiva de comparação de pixels: um teste com baselines versionados, um trait para estabilizar capturas, exportação de diffs e configuração de CI para seeds e artefatos determinísticos. O restante da cobertura browser — smoke, acessibilidade, motion e fixtures de conteúdo — não depende dessa camada.
+
+## Goals / Non-Goals
+
+**Goals:**
+
+- Remover integralmente a comparação de pixels, os baselines e a infraestrutura exclusiva de suporte.
+- Manter o job browser em FrankenPHP e suas verificações funcionais, de acessibilidade e motion.
+- Atualizar as fontes normativas e as specs ativas para que não exijam snapshots visuais.
+
+**Non-Goals:**
+
+- Não substituir a comparação de pixels por outro serviço ou ferramenta de regressão visual.
+- Não remover `VisualContentSeeder`, fixtures JPEG, `APP_FROZEN_NOW` que tenham usos fora das capturas, screenshots documentais ou testes browser não relacionados.
+- Não alterar APIs públicas, rotas, conteúdo nem comportamentos de interface.
+
+## Decisions
+
+1. **Eliminar a capability em vez de reduzir a matriz.** Todos os requisitos de `visual-regression` serão removidos, pois o produto não terá mais comparação de pixels. Alternativa rejeitada: conservar apenas algumas telas, pois ainda manteria baselines e o custo operacional indesejado.
+2. **Preservar diagnósticos gerais de browser.** O CI manterá screenshots, logs e relatórios úteis a falhas funcionais; serão removidos apenas seed global, relógio congelado e artefatos específicos de baseline/diff. Alternativa rejeitada: retirar todos os diagnósticos, pois reduziria a capacidade de investigar falhas não visuais.
+3. **Separar determinismo reutilizável da captura visual.** `VisualContentSeeder` e `APP_FROZEN_NOW` permanecem quando usados por outros testes ou pela aplicação; somente as referências exclusivas a screenshot são excluídas. Alternativa rejeitada: remover os nomes por associação, pois quebraria fixtures e cenários existentes.
+
+## Risks / Trade-offs
+
+- [Uma mudança puramente visual deixa de bloquear CI] → acessibilidade, smoke, motion e revisão humana continuam no fluxo de qualidade.
+- [Remover preparação comum do job browser afeta testes restantes] → inspecionar usos de seed/relógio e executar a suíte browser contra FrankenPHP após a alteração.
+- [Uma spec ativa ainda reintroduz snapshots] → remover as menções no delta de `enhance-public-motion` antes da validação OpenSpec.
+
+## Migration Plan
+
+Publicar a remoção junto com a atualização da documentação e do CI; não há migração de dados. O rollback é um revert do commit, restaurando os arquivos versionados e a configuração anterior.
+
+## Open Questions
+
+Nenhuma.

openspec/changes/archive/2026-08-10-remove-visual-regression/proposal.md

@@ -0,0 +1,25 @@
+## Why
+
+As comparações pixel-a-pixel e seus baselines adicionam manutenção e infraestrutura exclusiva sem serem um gate de qualidade desejado. A qualidade do site continuará protegida por jornadas browser, acessibilidade, motion, smoke e screenshots documentais, sem dependência de snapshots versionados.
+
+## What Changes
+
+- Remove a capability `visual-regression` e todos os requisitos de baselines, snapshots e diffs visuais.
+- Atualiza os quality gates para manter a cobertura browser funcional, de acessibilidade e motion sem comparações de pixels.
+- Remove a infraestrutura de testes, CI e documentação usada exclusivamente para regressão visual.
+- **BREAKING** para contribuidores: o comando `composer visual:update` deixa de existir.
+
+## Capabilities
+
+### New Capabilities
+
+Nenhuma.
+
+### Modified Capabilities
+
+- `visual-regression`: Remover os requisitos da capability descontinuada.
+- `quality-gates`: Remover a exigência de executar e publicar diagnósticos de snapshots visuais.
+
+## Impact
+
+Afeta os testes browser e seus helpers exclusivos, baselines rastreados, configuração de Composer e CI, `.gitignore`, `SPEC.md` e a documentação ativa de motion. Não altera rotas, APIs, dados de conteúdo, fixtures reutilizadas, nem a cobertura funcional, de acessibilidade ou motion.

openspec/changes/archive/2026-08-10-remove-visual-regression/specs/quality-gates/spec.md

@@ -0,0 +1,21 @@
+## MODIFIED Requirements
+
+### Requirement: Browser tests run against FrankenPHP-served application
+
+The system SHALL execute browser tests using Pest Browser/Playwright against an application served by FrankenPHP in CI. The `browser` job MUST cover the E2E journeys available in the current phase, the automated accessibility checks, motion behavior and smoke checks for public routes (SPEC §13.4, §13.7 and §14.1), without pixel comparison.
+
+#### Scenario: Browser job validates served application
+
+- **WHEN** the `browser` CI job runs
+- **THEN** tests execute against the built application artifact or equivalent production-like image
+
+#### Scenario: Browser job covers functional, accessibility and motion assertions
+
+- **WHEN** the `browser` CI job runs
+- **THEN** it MUST execute the functional browser, accessibility, motion and smoke suites
+- **AND** a failing functional assertion or a critical/serious accessibility issue MUST block merge
+
+#### Scenario: Browser failures publish diagnostics
+
+- **WHEN** a browser test fails in CI
+- **THEN** the job MUST publish screenshots, application logs and browser logs as diagnostics

openspec/changes/archive/2026-08-10-remove-visual-regression/specs/visual-regression/spec.md

@@ -0,0 +1,13 @@
+## REMOVED Requirements
+
+### Requirement: Public screens have desktop and mobile visual baselines
+**Reason**: O projeto não manterá mais comparação de pixels nem baselines versionados para telas públicas.
+**Migration**: Remover as asserções de screenshot e os arquivos baseline; manter testes browser funcionais, de acessibilidade, motion e smoke.
+
+### Requirement: Visual runs are deterministic
+**Reason**: Não haverá execução de captura para comparação visual.
+**Migration**: Preservar seeds e relógio congelado apenas onde forem necessários por outros testes.
+
+### Requirement: Baseline updates are explicit and reviewed
+**Reason**: O comando e o fluxo de atualização de baselines foram descontinuados junto com a capability.
+**Migration**: Remover `composer visual:update` e qualquer configuração de CI dedicada a regenerar, transportar ou publicar baselines e diffs.

openspec/changes/archive/2026-08-10-remove-visual-regression/tasks.md

@@ -0,0 +1,19 @@
+## 1. Contratos normativos
+
+- [x] 1.1 Remover os requisitos e critérios de regressão visual de `SPEC.md`, ADR-005 e do delta ativo `enhance-public-motion`.
+- [x] 1.2 Sincronizar os deltas da mudança para remover a capability `visual-regression` e atualizar `quality-gates`.
+
+## 2. Infraestrutura de regressão visual
+
+- [x] 2.1 Remover o teste browser, os 16 baselines, o trait de screenshot, o exportador de diffs e seu teste unitário.
+- [x] 2.2 Simplificar o `TestCase` e remover o script Composer e a regra de ignore exclusivos de baselines.
+
+## 3. Browser CI e documentação operacional
+
+- [x] 3.1 Remover seed global, relógio congelado e cópias de snapshots/diffs exclusivos de baseline do job browser, preservando diagnósticos funcionais.
+- [x] 3.2 Atualizar a documentação operacional que referencia o fluxo descontinuado sem afetar fixtures ou congelamento usados fora dele.
+
+## 4. Verificação e arquivamento
+
+- [x] 4.1 Confirmar ausência dos símbolos e comandos removidos no código ativo e executar os gates de qualidade aplicáveis.
+- [x] 4.2 Validar OpenSpec estritamente, marcar as tarefas e arquivar a mudança sincronizada.

openspec/changes/complete-foundation-parity/tasks.md

@@ -1,23 +1,23 @@
 ## 1. Auth and strict types parity
 
-- [ ] 1.1 Add `MustVerifyEmail` to `User` and require verified + active in `canAccessPanel`; update seed so admin/assistant are verified; feature tests for unverified denial and verified access
-- [ ] 1.2 Confirm Filament/Laravel password reset is enabled; add feature tests for registered vs unknown email without account enumeration
-- [ ] 1.3 Add `declare(strict_types=1);` to project-owned PHP files missing it (e.g. `AdminPanelProvider`); architecture/unit regression as needed
-- [ ] 1.4 Run `composer pint`, `composer phpstan`, and `composer test:feature` for auth changes
+- [x] 1.1 Add `MustVerifyEmail` to `User` and require verified + active in `canAccessPanel`; update seed so admin/assistant are verified; feature tests for unverified denial and verified access
+- [x] 1.2 Confirm Filament/Laravel password reset is enabled; add feature tests for registered vs unknown email without account enumeration — required a custom `App\Filament\Pages\Auth\RequestPasswordReset` overriding Filament's stock page, which discloses account existence via a distinguishable danger notification on `Password::INVALID_USER`
+- [x] 1.3 Add `declare(strict_types=1);` to project-owned PHP files missing it (e.g. `AdminPanelProvider`); architecture/unit regression as needed — 15 files total: `AdminPanelProvider`, `Controller`, and 13 Filament Resource Pages classes
+- [x] 1.4 Run `composer pint`, `composer phpstan`, and `composer test:feature` for auth changes — all green
 
 ## 2. Local runtime and PHP 8.4 alignment
 
-- [ ] 2.1 Extend `docker-compose.yml` with FrankenPHP `app` service (build Dockerfile, depend on healthy postgres, publish 8000); document in README
-- [ ] 2.2 Align README/docs to PHP 8.4 canonical (keep Composer `^8.3`); verify Dockerfile/CI already on 8.4
-- [ ] 2.3 Smoke local compose: `docker compose up -d` → `GET /up` returns 200
-- [ ] 2.4 Run `composer quality` after compose/docs changes
+- [x] 2.1 Extend `docker-compose.yml` with FrankenPHP `app` service (build Dockerfile, depend on healthy postgres, publish 8000); document in README
+- [x] 2.2 Align README/docs to PHP 8.4 canonical (keep Composer `^8.3`); verify Dockerfile/CI already on 8.4
+- [x] 2.3 Smoke local compose: `docker compose up -d` → `GET /up` returns 200 — run as an isolated `-p fase0smoke` project (separate container names/ports via a `!override` compose overlay, kept outside the repo) so it didn't collide with the `amare-postgres` container already running for a concurrent sibling worktree session. `depends_on: condition: service_healthy` correctly gated `app` on Postgres's healthcheck, `curl localhost:18000/up` returned `200`, and `docker exec ... php artisan migrate --force` succeeded — proving `DB_HOST: postgres` resolves the `app` container to the `postgres` service by Compose's service-name DNS, not just that the image boots. Torn down afterwards (`down -v` + image removal); the shared sibling `amare-postgres` container was untouched throughout.
+- [x] 2.4 Run `composer quality` after compose/docs changes — pint/phpstan/test:feature all green locally (browser suite is CI-only, per AGENTS.md)
 
 ## 3. Quality gates: npm audit and coverage
 
-- [ ] 3.1 Add npm audit step to `composer quality` and CI `static` (policy: production deps; document any allowlist)
-- [ ] 3.2 Enable Domain/Application coverage in CI `unit` with 80% fail threshold; exclude views/migrations/framework
-- [ ] 3.3 Add/adjust unit tests if current Domain/Application coverage is below threshold
-- [ ] 3.4 Verify CI `static` and `unit` fail appropriately on intentional audit/coverage breakage in a branch experiment or equivalent proof
+- [x] 3.1 Add npm audit step to `composer quality` and CI `static` (policy: production deps; document any allowlist) — `npm audit --omit=dev --audit-level=high`, rationale documented inline in `ci.yml`; currently a vacuous forward guard since `package.json` has no runtime `dependencies`
+- [x] 3.2 Enable Domain/Application coverage in CI `unit` with 80% fail threshold; exclude views/migrations/framework — scoped via a dedicated `phpunit.coverage.xml` (not the project-wide `phpunit.xml`), run as `Unit,Architecture,Feature` because the `Application/Queries/Marketing` classes are only exercised via Feature/HTTP tests; measured locally with `pcov` at 98.1%, well above the 80% gate
+- [x] 3.3 Add/adjust unit tests if current Domain/Application coverage is below threshold — no-op: measured coverage (98.1%) already clears 80% with existing Feature-suite coverage of the Marketing queries plus existing `PageMeta`/`HomeContent` unit tests
+- [ ] 3.4 Verify CI `static` and `unit` fail appropriately on intentional audit/coverage breakage in a branch experiment or equivalent proof — blocked: no push/PR in this task's scope, so no real CI run exists to break intentionally; defer to a follow-up once a PR is open
 
 ## 4. Staging/production Compose and Dokploy prep
 
@@ -38,6 +38,6 @@
 
 - [ ] 6.1 Perform first successful staging deploy of a `main` SHA and capture evidence (workflow URL, smoke output)
 - [ ] 6.2 Verify rollback to previous SHA works once on staging
-- [ ] 6.3 Update `SPEC.md` §18 Fase 0 checkboxes only for items with evidence; note remaining deferred items if any
+- [x] 6.3 Update `SPEC.md` §18 Fase 0 checkboxes only for items with evidence; note remaining deferred items if any — flipped L2338 (FrankenPHP/Compose) and the auth/npm-audit/coverage bullets to `[x]`; left the staging hello-world bullet and the phase exit-criterion line unchecked (Dokploy deploy still failing, out of scope here)
 - [ ] 6.4 Run full `composer quality` and confirm all five CI jobs + staging deploy path green
 - [ ] 6.5 Report in SPEC §24 format; archive this change only after remaining parity tasks (1–3) also complete

openspec/changes/enhance-public-motion/design.md

@@ -10,7 +10,7 @@ O site público usa Blade/Tailwind e já contém um runtime pequeno em `resource
 - Manter texto legível durante toda entrada, animando somente `transform` e recorte de mídia.
 - Garantir enhancement progressivo: estado final imediato sem JavaScript, observer ou com movimento reduzido.
 - Preservar interação, foco, validação e ausência de overflow em desktop/mobile.
-- Cobrir marcação, comportamento real, acessibilidade, console e capturas determinísticas.
+- Cobrir marcação, comportamento real, acessibilidade e console.
 
 **Non-Goals:**
 
@@ -32,15 +32,14 @@ O site público usa Blade/Tailwind e já contém um runtime pequeno em `resource
 
 6. **Progresso com coalescência por frame.** Eventos de scroll apenas agendam uma atualização por `requestAnimationFrame`; o cálculo existente é preservado. Alternativa rejeitada: calcular em todo evento, que multiplica leituras/escritas durante scroll.
 
-7. **Testes em camadas.** Feature tests comprovam contratos Blade/CSS/JS e renderização de erros; browser tests comprovam entrada, stagger, direções, reduced motion, fallback, interação, overflow e console. Axe/snapshots passam a incluir sobre, contato, privacidade e 404; demais erros ficam em renderização feature.
+7. **Testes em camadas.** Feature tests comprovam contratos Blade/CSS/JS e renderização de erros; browser tests comprovam entrada, stagger, direções, reduced motion, fallback, interação, overflow e console. Axe e console incluem sobre, contato, privacidade e 404; demais erros ficam em renderização feature.
 
 ## Risks / Trade-offs
 
 - [Conteúdo pisca entre estado final e início do enhancement] → inicializar no primeiro módulo Vite, limitar transformações a distâncias pequenas e nunca ocultar texto.
 - [Transforms laterais causam overflow horizontal] → limitar distância por breakpoint, manter recorte no contêiner público e testar `scrollWidth` em ambos viewports.
-- [Snapshots ficam instáveis] → continuar capturando com `reducedMotion: reduce` e transições desabilitadas.
 - [Muitos observers/estilos inline] → usar um único observer, custom property de índice limitada e `unobserve` imediato.
-- [Páginas de erro não carregam o runtime em todos os contextos] → o estado final é o baseline seguro; feature tests cobrem os cinco templates.
+- [Páginas de erro não carregam o runtime em todos os contextos] → o estado final é seguro; feature tests cobrem os cinco templates.
 
 ## Migration Plan
 

openspec/changes/enhance-public-motion/proposal.md

@@ -9,7 +9,7 @@ O site público já possui uma abertura focal na home, mas o restante da experi
 - Alternar depoimentos entre esquerda e direita, filtrando citações vazias antes de renderizar a sequência.
 - Adicionar feedback curto e não bloqueante a links, CTAs, navegação e controles de formulário, preservando foco e mensagens de validação.
 - Garantir estado final imediato sem JavaScript, sem `IntersectionObserver` e com `prefers-reduced-motion: reduce`.
-- Limitar o progresso/índice da home a uma atualização por frame e ampliar testes de marcação, browser, acessibilidade, console e regressão visual.
+- Limitar o progresso/índice da home a uma atualização por frame e ampliar testes de marcação, browser, acessibilidade e console.
 - Não objetivos: não criar transições entre rotas, alterar conteúdo ou layout estrutural, adicionar biblioteca de animação, modificar CMS/API/banco/Filament, nem introduzir itens fora do MVP listados em SPEC.md §4.2.
 
 ## Capabilities
@@ -23,7 +23,6 @@ O site público já possui uma abertura focal na home, mas o restante da experi
 - `design-tokens`: Especificar tokens compartilhados de duração, stagger, distância e easing para motion editorial.
 - `public-site-pages`: Cobrir todas as páginas públicas visuais e templates de erro com o contrato compartilhado de abertura e reveal.
 - `testimonials`: Filtrar citações vazias e alternar explicitamente a direção de entrada dos depoimentos renderizados.
-- `visual-regression`: Ampliar a matriz visual para sobre, contato, privacidade e 404, mantendo capturas determinísticas sem animação.
 - `web-accessibility`: Ampliar axe/console e validar conteúdo imediatamente utilizável com movimento reduzido ou enhancement indisponível.
 
 ## Impact

openspec/changes/enhance-public-motion/specs/visual-regression/spec.md

@@ -1,26 +0,0 @@
-## MODIFIED Requirements
-
-### Requirement: Public screens have desktop and mobile visual baselines
-
-The system SHALL keep versioned screenshot baselines for the public screens available in this phase (SPEC §13.5): Home, Serviços, Portfólio, Detalhe do portfólio, Sobre, Contato, Privacidade and branded 404, at 1440×1000 desktop and 390×844 mobile, under the Heritage Editorial identity. A rendering change that alters those screens MUST fail the browser suite until the diff is reviewed and baselines are explicitly updated.
-
-#### Scenario: Unintended visual change fails the suite
-
-- **GIVEN** approved baselines exist
-- **WHEN** a code change alters the rendering of a covered screen
-- **THEN** the visual assertion MUST fail and report the diff
-
-#### Scenario: Both viewports are covered
-
-- **WHEN** the visual suite runs
-- **THEN** each covered screen MUST be asserted at 1440×1000 and 390×844
-
-#### Scenario: Heritage Editorial identity is captured
-
-- **WHEN** approved baselines for the home are reviewed after this change
-- **THEN** they MUST reflect EB Garamond typography, olive/paper palette and sharp-edged editorial layout rather than the previous gold/rounded placeholder look
-
-#### Scenario: Motion does not destabilize new baselines
-
-- **WHEN** Sobre, Contato, Privacidade, or 404 is captured
-- **THEN** the browser MUST use the final reduced-motion state before asserting the screenshot

openspec/changes/enhance-public-motion/tasks.md

@@ -15,7 +15,7 @@
 - [x] 3.1 Add browser tests for real opening/reveal state, 90 ms capped stagger, one-shot observation and interaction during motion
 - [x] 3.2 Add desktop/mobile tests for directional distance, reduced motion final state, no-JS/observer fallback, horizontal overflow and clean console
 - [x] 3.3 Extend axe and console route matrices to about, contact, privacy and branded 404
-- [x] 3.4 Extend deterministic desktop/mobile visual snapshots to about, contact, privacy and branded 404 and review the generated diffs
+- [x] 3.4 Extend axe and console route matrices to about, contact, privacy and branded 404
 
 ## 4. Verification and delivery
 

openspec/changes/recompose-public-editorial/.openspec.yaml

@@ -0,0 +1,2 @@
+schema: spec-driven
+created: 2026-08-11

openspec/changes/recompose-public-editorial/design.md

@@ -0,0 +1,44 @@
+## Context
+
+O commit de base ja separa as imagens hero de Open Graph, oferece variantes responsivas, fallbacks tonais e preserva o formulario de briefing. As views publicas ainda usam algumas grades simetricas, especialmente nas colecoes de portfolio. A referencia aprovada define composicao e materialidade, nunca novo acervo ou copy.
+
+## Goals / Non-Goals
+
+**Goals:**
+
+- Aplicar uma cadencia de campos tonais, regras e proporcoes alternadas nas paginas narrativas.
+- Manter uma ordem DOM linear e completa em telas pequenas.
+- Reforcar os contratos existentes de acessibilidade, motion progressivo, performance de imagem e SEO.
+
+**Non-Goals:**
+
+- Alterar dados CMS, contratos de rota, controller, metadata, uploads, variantes ou o formulario.
+- Usar imagens externas, criar conteudo comercial, adicionar dependencias, atualizar snapshots ou reintroduzir regressao visual.
+
+## Decisions
+
+### Usar variacoes de `col-span` e `aspect-ratio` nas galerias existentes
+
+As imagens continuam no mesmo componente responsivo, mas a primeira imagem e os itens pares recebem encaixes editoriais no desktop. A alternativa seria uma galeria JavaScript ou masonry; foi descartada por prejudicar a ordem de leitura e adicionar comportamento sem necessidade.
+
+### Aplicar assimetria pela composicao, nao por posicionamento absoluto
+
+Grid responsivo, margens e campos tonais criam o deslocamento sem tirar conteudo do fluxo. Isso preserva foco, leitura mobile e fallback sem JavaScript. Posicionamento absoluto foi descartado por aumentar risco de sobreposicao e overflow.
+
+### Reutilizar motion de transformacao e clip ja existente
+
+As novas regioes conservam `data-reveal` e grupos existentes. Nenhum texto passa a depender de opacidade; `prefers-reduced-motion` continua exibindo o estado final imediatamente.
+
+## Risks / Trade-offs
+
+- [Ritmo visual pode parecer irregular com poucos cases] -> regras e metadados mantem uma leitura coerente mesmo com um unico item.
+- [Classes responsivas podem afetar o fluxo em mobile] -> DOM linear e classes de uma coluna continuam sendo a base abaixo de `md`.
+- [Mudar CSS pode gerar diferencas de ambiente] -> validar markup, acessibilidade funcional e build; snapshots permanecem fora do escopo.
+
+## Migration Plan
+
+Nao ha migracao de dados. A mudanca e retrocompativel: sem imagens, os fallbacks tonais existentes continuam ativos; com imagens, o mesmo `srcset` responsivo e usado. Reverter o commit restaura somente apresentacao.
+
+## Open Questions
+
+Nenhuma. Fotografia autorizada de producao permanece uma dependencia de conteudo futura.

openspec/changes/recompose-public-editorial/proposal.md

@@ -0,0 +1,30 @@
+## Why
+
+O site público já possui os conteúdos, fluxos e a base Heritage Editorial, mas algumas páginas ainda repetem grades regulares que enfraquecem a cadência da referência aprovada. A recomposição consolida uma leitura editorial contínua sem alterar dados CMS, SEO ou a jornada de briefing.
+
+## What Changes
+
+- Recompõe as superfícies públicas narrativas com campos tonais, regras finas, assimetria desktop e sequência vertical legível em mobile.
+- Organiza a home nos capítulos editoriais existentes, com portfólio em campo oliva e recortes de imagens em proporções alternadas.
+- Reestiliza listagens e detalhe de portfólio para que imagens e blocos de leitura não dependam de uma grade de cartões repetida.
+- Mantém contato, privacidade e erros em tratamento sóbrio; preserva menu móvel, foco, formulário, SEO, motion progressivo e conteúdo do CMS.
+- Documenta que heros fotográficos e sua administração já estão presentes na base atual, sem acoplar mídia editorial à imagem Open Graph.
+
+## Capabilities
+
+### New Capabilities
+
+- Nenhuma.
+
+### Modified Capabilities
+
+- `public-site-pages`: composição e cadência visual das rotas públicas passam a exigir ritmos editoriais assimétricos.
+- `content-media`: a apresentação de mídia de portfólio passa a suportar proporções editoriais alternadas sem mudar armazenamento ou variantes.
+
+## Impact
+
+Afeta Blade e estilos do site público, testes de estrutura/renderização e a documentação OpenSpec. Não altera rotas, controladores, dados de conteúdo, dependências ou contratos de SEO.
+
+## Non-goals
+
+Não introduz itens excluídos por SPEC.md §4.2, novos canais, prova comercial, conteúdo de produção, imagens externas, dependências de animação, snapshots visuais ou mudanças no Filament.

openspec/changes/recompose-public-editorial/specs/content-media/spec.md

@@ -0,0 +1,16 @@
+## MODIFIED Requirements
+
+### Requirement: Editorial image treatment remains self-hosted and deterministic
+Public photography SHALL continue to use validated self-hosted uploads and responsive variants. Editorial layouts MUST use CSS-only tonal treatment and alternating aspect ratios for portfolio media while retaining document order and the image component's `srcset`, `sizes`, dimensions and loading behavior. The system MUST NOT introduce external image CDN dependencies that compromise browser-test reliability.
+
+#### Scenario: Public pages do not depend on external stock hosts
+
+- **WHEN** the visual or browser suite loads covered public routes
+- **THEN** content images MUST resolve from the application media disk or static fixtures
+- **AND** MUST NOT require network access to third-party stock hosts
+
+#### Scenario: Editorial portfolio media retains responsive delivery
+
+- **WHEN** a portfolio listing or gallery applies an editorial image proportion
+- **THEN** the rendered image MUST still expose the responsive media component markup
+- **AND** image order and lazy-loading behavior MUST remain intact

openspec/changes/recompose-public-editorial/specs/public-site-pages/spec.md

@@ -0,0 +1,69 @@
+## MODIFIED Requirements
+
+### Requirement: Home renders the editorial structure from CMS content
+The home page SHALL render, in order: header/navigation, hero, manifesto, featured services summary, featured portfolio selection, working method (four steps), testimonials, Amare positioning/profile, final contact CTA, and footer with contact, social links and legal links (WEB-01). Hero copy, brand name, manifesto, method and principles MUST come from `site_settings` (with editorial defaults when optional fields are empty); services, cases and testimonials MUST come from published records. The home MUST follow the Heritage Editorial composition: asymmetric spreads and tonal fields on desktop, with portfolio images in alternating editorial proportions, and a linear complete sequence on mobile rather than rounded card grids.
+
+#### Scenario: Published content is displayed in configured order
+
+- **GIVEN** published services, cases and testimonials exist
+- **WHEN** a visitor loads the home
+- **THEN** the published content MUST be displayed following the `sort_order` and featured flags
+- **AND** the hero MUST show the values stored in `site_settings`
+- **AND** the manifesto, method and positioning sections MUST be present
+- **AND** the portfolio section MUST use an olive tonal field with editorial image proportions
+
+#### Scenario: CTA leads to the contact placeholder page
+
+- **WHEN** a visitor activates the primary or final CTA on the home
+- **THEN** the visitor MUST be taken to the `contact` route
+- **AND** no lead record MUST be created
+
+#### Scenario: Empty catalog sections are omitted
+
+- **GIVEN** no published services, cases or testimonials
+- **WHEN** a visitor loads the home
+- **THEN** the response MUST be 200
+- **AND** the services, portfolio and testimonials sections MUST be omitted instead of rendering empty containers
+- **AND** hero, manifesto, method, positioning and final CTA MUST still render
+
+#### Scenario: Home has no console errors
+
+- **WHEN** the home is loaded in a real browser at desktop and mobile viewports
+- **THEN** the browser console MUST contain no JavaScript errors
+
+### Requirement: Listing and detail pages exist for catalog content
+The system SHALL render a services listing (WEB-02) and a portfolio listing plus case detail (WEB-03) using the Heritage Editorial visual language. The case detail MUST present summary, event type, optional city/venue/date, challenge, solution, optional result, cover image and the ordered gallery. Portfolio listings and galleries MUST use alternating editorial image proportions on desktop while retaining DOM order and a single-column readable sequence on mobile.
+
+#### Scenario: Services listing shows published services
+
+- **WHEN** a visitor loads `/servicos`
+- **THEN** every published service MUST be listed with title and summary in `sort_order`
+- **AND** the listing MUST use the public editorial layout (not an unrelated visual system)
+
+#### Scenario: Gallery respects stored order
+
+- **GIVEN** a published case with multiple gallery images
+- **WHEN** a visitor loads the case detail
+- **THEN** the images MUST be rendered ordered by `sort_order`
+- **AND** desktop presentation MUST alternate editorial image proportions without changing that order
+
+#### Scenario: Listings paginate open-ended growth
+
+- **WHEN** the number of published cases exceeds the page size
+- **THEN** `/portfolio` MUST paginate instead of rendering all records
+
+### Requirement: Institutional and error pages have brand identity
+The system SHALL provide the Sobre and Política de privacidade pages and branded error pages (WEB-07) using the Heritage Editorial public layout, including the brand mark when available. Contact, privacy and error surfaces MUST remain sober tonal layouts without decorative photography. The 404 page MUST use the public layout, and the 500 page MUST NOT expose stack traces or internal details when `APP_DEBUG` is false.
+
+#### Scenario: Unknown URL renders branded 404
+
+- **WHEN** a visitor requests a non-existent public URL
+- **THEN** the response status MUST be 404
+- **AND** the page MUST use the public layout and offer navigation back to the home
+
+#### Scenario: Server error hides internals in production
+
+- **GIVEN** `APP_DEBUG` is false
+- **WHEN** an unhandled exception occurs on a public route
+- **THEN** the response MUST be a generic branded error page
+- **AND** MUST NOT contain a stack trace, file path, or environment variable

openspec/changes/recompose-public-editorial/tasks.md

@@ -0,0 +1,10 @@
+## 1. Editorial composition
+
+- [x] 1.1 Add regression coverage for alternating public portfolio composition and sober functional surfaces.
+- [x] 1.2 Recompose home portfolio, portfolio listing and case gallery with responsive editorial proportions while preserving order and responsive media delivery.
+- [x] 1.3 Refine public content-page rhythm with tonal fields and desktop offsets without changing routes, CMS content or briefing behavior.
+
+## 2. Verification
+
+- [x] 2.1 Run focused feature and browser checks for public routes, motion, accessibility and navigation.
+- [x] 2.2 Run formatting, static analysis, frontend build and strict OpenSpec validation without updating snapshots.

openspec/config.yaml

@@ -3,7 +3,7 @@ schema: spec-driven
 context: |
   Fonte de verdade: SPEC.md na raiz. Precedência: instrução do dono do produto > SPEC.md > ADRs > testes > convenções.
   Produto: plataforma de assessoria de eventos, single-tenant, MVP. UI em pt-BR, timezone America/Sao_Paulo, atuação em São Paulo (capital), BRL.
-  Stack: Laravel 13, Filament 5 (/admin), Livewire 4 + Blade + Alpine + Tailwind (site público),
+  Stack: Laravel 13, Filament 5 (/admin), Blade + Tailwind + JS vanilla progressivo (site público; sem framework reativo — Livewire 4 é dependência do Filament, ver SPEC ADR-015),
   PostgreSQL, FrankenPHP regular mode (sem worker mode), Vite, Pest 4 + Pest Browser, database queue.
   Arquitetura: monólito modular. Interface -> Application (Actions/Queries) -> Domain (Enums/VOs) -> Infrastructure.
   Domain não depende de Filament/Livewire. strict_types em todo PHP próprio.

openspec/specs/content-media/spec.md

@@ -127,7 +127,7 @@ The system SHALL provide optimized Amare brand logo assets derived from the offi
 
 ### Requirement: Editorial image treatment remains self-hosted and deterministic
 
-Public photography SHALL continue to use validated self-hosted uploads and responsive variants. Decorative saturation/contrast treatment for editorial mood MUST be applied via CSS on self-hosted images and MUST NOT introduce external image CDN dependencies that break deterministic visual tests.
+Public photography SHALL continue to use validated self-hosted uploads and responsive variants. Decorative saturation/contrast treatment for editorial mood MUST be applied via CSS on self-hosted images and MUST NOT introduce external image CDN dependencies that compromise browser-test reliability.
 
 #### Scenario: Public pages do not depend on external stock hosts
 

openspec/specs/quality-gates/spec.md

@@ -1,7 +1,7 @@
 # quality-gates Specification
 
 ## Purpose
-Define Composer quality scripts, architecture boundaries, PostgreSQL-backed feature tests, and the five blocking CI jobs including browser visual and accessibility coverage.
+Define Composer quality scripts, architecture boundaries, PostgreSQL-backed feature tests, and the five blocking CI jobs including browser functional, accessibility and motion coverage.
 
 ## Requirements
 ### Requirement: Standardized Composer test scripts exist
@@ -53,20 +53,20 @@ The system SHALL configure `phpunit.xml` so that the Feature test suite uses Pos
 
 ### Requirement: Browser tests run against FrankenPHP-served application
 
-The system SHALL execute browser tests using Pest Browser/Playwright against an application served by FrankenPHP in CI. The `browser` job MUST cover the E2E journeys available in the current phase, the visual regression assertions and the automated accessibility checks for public routes, and MUST run in assertion mode without regenerating baselines (SPEC §13.4, §13.5, §13.8, §14.1).
+The system SHALL execute browser tests using Pest Browser/Playwright against an application served by FrankenPHP in CI. The `browser` job MUST cover the E2E journeys available in the current phase, automated accessibility checks, motion behavior and smoke checks for public routes (SPEC §13.4, §13.7 and §14.1), without pixel comparison.
 
 #### Scenario: Browser job validates served application
 
 - **WHEN** the `browser` CI job runs
 - **THEN** tests execute against the built application artifact or equivalent production-like image
 
-#### Scenario: Browser job covers visual and accessibility assertions
+#### Scenario: Browser job covers functional, accessibility and motion assertions
 
 - **WHEN** the `browser` CI job runs
-- **THEN** it MUST execute the visual regression suite and the accessibility suite
-- **AND** a failing snapshot or a critical/serious accessibility issue MUST block merge
+- **THEN** it MUST execute the functional browser, accessibility, motion and smoke suites
+- **AND** a failing functional assertion or a critical/serious accessibility issue MUST block merge
 
 #### Scenario: Browser failures publish diagnostics
 
 - **WHEN** a browser test fails in CI
-- **THEN** the job MUST publish screenshots, snapshot diffs, application logs and browser logs as artifacts
+- **THEN** the job MUST publish application logs and browser logs as diagnostics

openspec/specs/visual-regression/spec.md

@@ -1,60 +0,0 @@
-# visual-regression Specification
-
-## Purpose
-Define deterministic visual baselines for public screens and the explicit baseline update workflow.
-
-## Requirements
-### Requirement: Public screens have desktop and mobile visual baselines
-
-The system SHALL keep versioned screenshot baselines for the public screens available in this phase (SPEC §13.5): Home, Serviços, Portfólio and Detalhe do portfólio, at 1440×1000 desktop and 390×844 mobile, under the Heritage Editorial identity. A rendering change that alters those screens MUST fail the browser suite until the diff is reviewed and baselines are explicitly updated.
-
-#### Scenario: Unintended visual change fails the suite
-
-- **GIVEN** approved baselines exist
-- **WHEN** a code change alters the rendering of a covered screen
-- **THEN** the visual assertion MUST fail and report the diff
-
-#### Scenario: Both viewports are covered
-
-- **WHEN** the visual suite runs
-- **THEN** each covered screen MUST be asserted at 1440×1000 and 390×844
-
-#### Scenario: Heritage Editorial identity is captured
-
-- **WHEN** approved baselines for the home are reviewed after this change
-- **THEN** they MUST reflect EB Garamond typography, olive/paper palette and sharp-edged editorial layout rather than the previous gold/rounded placeholder look
-
-### Requirement: Visual runs are deterministic
-
-Visual runs SHALL be deterministic per SPEC §13.5: fixed Chromium and Linux image, fixed viewport, timezone `America/Fortaleza`, locale `pt-BR`, self-hosted fonts installed/bundled for the suite, frozen clock, deterministic seed (including real testimonial subset and São Paulo settings), animations and transitions disabled, and no dependency on external network.
-
-#### Scenario: Repeated run without code change produces no diff
-
-- **WHEN** the visual suite runs twice against the same commit and seed
-- **THEN** both runs MUST pass with no pixel diff
-
-#### Scenario: Time-dependent content does not cause drift
-
-- **GIVEN** the clock is frozen and the seed is deterministic
-- **WHEN** the suite runs on a different calendar day
-- **THEN** rendered dates MUST remain identical to the baseline
-
-#### Scenario: Motion is disabled during capture
-
-- **WHEN** a screenshot is captured
-- **THEN** CSS animations and transitions MUST be disabled
-
-### Requirement: Baseline updates are explicit and reviewed
-
-Baselines SHALL only be updated through the explicit `composer visual:update` command, and the resulting diff MUST be reviewed by a human before merge. Baselines MUST NOT be regenerated automatically to make CI pass.
-
-#### Scenario: CI does not regenerate baselines
-
-- **WHEN** the `browser` CI job runs
-- **THEN** it MUST run in assertion mode
-- **AND** MUST NOT write new baselines
-
-#### Scenario: Developer updates baselines intentionally
-
-- **WHEN** a developer runs `composer visual:update`
-- **THEN** the updated baseline files MUST be written to the versioned baseline directory for review

phpunit.coverage.xml

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+    Coverage-scoped PHPUnit configuration.
+
+    Used only by the CI `unit` job's coverage gate (composer test:coverage), via
+    `pest -c phpunit.coverage.xml`. Kept separate from phpunit.xml so the
+    project-wide <source> block used by every other test/coverage invocation
+    stays untouched (it still covers all of app/).
+
+    Scope: app/Domain and app/Application only, per SPEC.md L2351. app/Domain
+    currently holds only `DomainModule` (a placeholder with zero executable
+    lines), so in practice this gate measures app/Application until Domain
+    gains real logic.
+-->
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
+         bootstrap="vendor/autoload.php"
+         colors="true"
+>
+    <testsuites>
+        <testsuite name="Unit">
+            <directory>tests/Unit</directory>
+        </testsuite>
+        <testsuite name="Architecture">
+            <directory>tests/Architecture</directory>
+        </testsuite>
+        <testsuite name="Feature">
+            <directory>tests/Feature</directory>
+        </testsuite>
+    </testsuites>
+    <source>
+        <include>
+            <directory>app/Domain</directory>
+            <directory>app/Application</directory>
+        </include>
+    </source>
+    <php>
+        <env name="APP_KEY" value="base64:NXm/6jIyFcDGHoMKGc5QZuSaq0dRZFYPg1Isuy1fNvE="/>
+        <env name="APP_MAINTENANCE_DRIVER" value="file"/>
+        <env name="BCRYPT_ROUNDS" value="4"/>
+        <env name="BROADCAST_CONNECTION" value="null"/>
+        <env name="CACHE_STORE" value="database"/>
+        <env name="DB_CONNECTION" value="pgsql"/>
+        <env name="DB_HOST" value="127.0.0.1"/>
+        <env name="DB_PORT" value="5432"/>
+        <env name="DB_DATABASE" value="amare_test"/>
+        <env name="DB_USERNAME" value="amare"/>
+        <env name="DB_PASSWORD" value="secret"/>
+        <env name="DB_URL" value=""/>
+        <env name="MAIL_MAILER" value="array"/>
+        <env name="QUEUE_CONNECTION" value="database"/>
+        <env name="SESSION_DRIVER" value="database"/>
+        <env name="PULSE_ENABLED" value="false"/>
+        <env name="TELESCOPE_ENABLED" value="false"/>
+        <env name="NIGHTWATCH_ENABLED" value="false"/>
+    </php>
+</phpunit>

resources/css/app.css

@@ -59,6 +59,27 @@
 
     --ease-amare: var(--amare-ease-standard);
     --default-transition-duration: var(--amare-duration-normal);
+
+    /* Neutralised, not omitted. Tailwind's Vite plugin shares one context
+     * across every entry in the build, so the Filament theme entry's
+     * `@source app/Filament/**` makes Filament's `shadow-*` usage visible and
+     * Tailwind then emits its DEFAULT --shadow-sm/md/lg into this public
+     * bundle too — verified by diffing the built app.css with and without
+     * that entry. Nothing public uses a shadow utility today, so rendering is
+     * unchanged either way, but leaving real shadow values defined here would
+     * let a future `shadow-sm` on a public element silently violate
+     * DESIGN.md's Tonal Layer Rule, and HeritageEditorialTokensTest only
+     * inspects source files, so it would not catch it. Zeroing them keeps the
+     * rule true in the artifact that actually ships. */
+    --shadow-2xs: 0 0 #0000;
+    --shadow-xs: 0 0 #0000;
+    --shadow-sm: 0 0 #0000;
+    --shadow: 0 0 #0000;
+    --shadow-md: 0 0 #0000;
+    --shadow-lg: 0 0 #0000;
+    --shadow-xl: 0 0 #0000;
+    --shadow-2xl: 0 0 #0000;
+    --shadow-inner: 0 0 #0000;
 }
 
 @layer base {
@@ -109,43 +130,6 @@
         display: flex;
     }
 
-    .home-chapters {
-        counter-reset: home-chapter -1;
-    }
-
-    .home-chapter {
-        counter-increment: home-chapter;
-    }
-
-    .home-folio {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        color: var(--amare-color-accent);
-        font-size: var(--amare-text-xs);
-        font-weight: 600;
-        letter-spacing: 0.14em;
-        line-height: 1;
-        text-transform: uppercase;
-    }
-
-    .home-folio--inverse {
-        color: color-mix(in srgb, var(--amare-color-accent-text) 82%, transparent);
-    }
-
-    .home-folio__separator {
-        color: var(--amare-color-sage);
-    }
-
-    .home-folio--inverse .home-folio__separator {
-        color: color-mix(in srgb, var(--amare-color-accent-text) 55%, transparent);
-    }
-
-    .home-folio__number::before {
-        content: counter(home-chapter, decimal-leading-zero);
-        font-variant-numeric: tabular-nums;
-    }
-
     @media (prefers-reduced-motion: no-preference) {
         .main-nav {
             transition: opacity var(--amare-duration-normal) var(--amare-ease-standard);
@@ -160,85 +144,6 @@
         overflow-x: clip;
     }
 
-    /* Dossiê vivo — content visible by default; enhance only when opted in */
-    [data-chapter-index] {
-        display: none;
-    }
-
-    [data-chapter-progress] {
-        display: none;
-        pointer-events: none;
-    }
-
-    [data-chapter-index] a[aria-current="true"] {
-        color: var(--amare-color-accent-deep);
-    }
-
-    [data-chapter-index] a[aria-current="true"]::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 0.35em;
-        bottom: 0.35em;
-        width: 1px;
-        background: var(--amare-color-accent);
-    }
-
-    [data-chapter-progress] > span {
-        display: block;
-        height: 100%;
-        width: var(--chapter-progress, 0%);
-        background: var(--amare-color-accent);
-        transform-origin: left center;
-    }
-
-    @media (min-width: 1280px) {
-        [data-chapter-index] {
-            display: flex;
-            position: fixed;
-            top: 50%;
-            right: max(1rem, calc((100vw - var(--amare-container-max)) / 2 - 7.5rem));
-            z-index: 30;
-            max-width: 6.5rem;
-            translate: 0 -50%;
-            flex-direction: column;
-            gap: 0.75rem;
-        }
-
-        [data-chapter-index] a {
-            position: relative;
-            display: inline-flex;
-            align-items: center;
-            min-height: 2.75rem;
-            padding-left: 0.75rem;
-            font-size: var(--amare-text-xs);
-            font-weight: 600;
-            letter-spacing: 0.12em;
-            text-transform: uppercase;
-            color: var(--amare-color-muted);
-            text-decoration: none;
-            overflow-wrap: break-word;
-            transition: color var(--amare-duration-fast) var(--amare-ease-standard);
-        }
-
-        [data-chapter-index] a:hover {
-            color: var(--amare-color-accent);
-        }
-    }
-
-    @media (max-width: 1279px) {
-        [data-chapter-progress] {
-            display: block;
-            position: fixed;
-            top: 0;
-            left: 0;
-            z-index: 45;
-            width: 100%;
-            height: 2px;
-            background: transparent;
-        }
-    }
-
     @media (prefers-reduced-motion: no-preference) {
         :where(a, button, input, textarea, select) {
             transition-duration: var(--amare-motion-feedback);

resources/css/filament/admin/theme.css

@@ -0,0 +1,62 @@
+@import '../../../../vendor/filament/filament/resources/css/theme.css';
+
+@source '../../../../app/Filament/**/*';
+@source '../../../views/filament/**/*';
+
+/*
+ * Heritage Editorial parity for the admin panel — same rules as
+ * resources/css/tokens.css, expressed through Filament's own theming layer
+ * instead of touching its component CSS. Filament's public site tokens (and
+ * the test that pins them, HeritageEditorialTokensTest) must never gain
+ * shadow-shaped tokens, so this Filament-scoped file is the only legal home
+ * for the "flat surfaces, no card shadows" half of that rule.
+ */
+@theme {
+    /* Sharp Edge Rule — no rounded corners anywhere in the panel. Filament's
+     * component CSS overwhelmingly uses `rounded-{sm,md,lg,xl}` (mirroring
+     * tokens.css's own four stops), but ~227 rules across the import graph
+     * use the bare `rounded` utility, which Tailwind resolves against the
+     * suffixless `--radius` key — easy to miss since tokens.css has no
+     * bare-`--amare-radius` equivalent to copy from. */
+    --radius: 0;
+    --radius-sm: 0;
+    --radius-md: 0;
+    --radius-lg: 0;
+    --radius-xl: 0;
+
+    /* Tonal Layer Rule — flat surfaces, no card shadows. */
+    --shadow-2xs: 0 0 #0000;
+    --shadow-xs: 0 0 #0000;
+    --shadow-sm: 0 0 #0000;
+    --shadow: 0 0 #0000;
+    --shadow-md: 0 0 #0000;
+    --shadow-lg: 0 0 #0000;
+    --shadow-xl: 0 0 #0000;
+    --shadow-2xl: 0 0 #0000;
+    --shadow-inner: 0 0 #0000;
+}
+
+/*
+ * `@theme` above reaches every *source* Filament component rule that resolves
+ * `rounded-*`/`shadow-*` against `var(--radius-*)`/the default shadow tokens,
+ * because `theme.css` imports the uncompiled CSS for every Filament
+ * sub-package. It cannot reach CSS that was already compiled to literal
+ * values before this build runs. Two such fragments exist:
+ *
+ * - vendor/filament/support/dist/index.css ships vendored Tippy.js tooltip
+ *   styles (`.tippy-box` / `.tippy-box[data-theme~="light"]`) with a literal
+ *   `border-radius: 4px` and `box-shadow: 0 0 20px ...`. Tooltips render on
+ *   every panel page, so they get an explicit override below.
+ * - vendor/filament/forms/dist/index.css also ships vendored noUiSlider,
+ *   FilePond, and EasyMDE/CodeMirror CSS with their own hardcoded
+ *   radius/shadow rules (verified: `grep -rEo '[A-Za-z]+::make\(' app/Filament`
+ *   turns up no slider, FileUpload, MarkdownEditor, or RichEditor field in
+ *   this app), so none of those fragments ever render and they're left alone.
+ */
+.tippy-box {
+    border-radius: 0;
+}
+
+.tippy-box[data-theme~='light'] {
+    box-shadow: 0 0 #0000;
+}

resources/js/motion.js

@@ -84,86 +84,11 @@ function observeReveals(enhance) {
     nodes.forEach((node) => observer.observe(node));
 }
 
-function setupChapterIndex() {
-    const index = document.querySelector('[data-chapter-index]');
-    const progress = document.querySelector('[data-chapter-progress] span');
-    const chapters = Array.from(document.querySelectorAll('[data-chapter]'));
-
-    if (!index || chapters.length === 0) {
-        return;
-    }
-
-    const links = Array.from(index.querySelectorAll('a[href^="#"]'));
-    let framePending = false;
-
-    const setActive = (id) => {
-        links.forEach((link) => {
-            const isCurrent = link.getAttribute('href') === `#${id}`;
-            if (isCurrent) {
-                link.setAttribute('aria-current', 'true');
-            } else {
-                link.removeAttribute('aria-current');
-            }
-        });
-    };
-
-    const updateProgress = (ratio) => {
-        if (!progress) {
-            return;
-        }
-
-        const clamped = Math.min(1, Math.max(0, ratio));
-        progress.style.setProperty('--chapter-progress', `${(clamped * 100).toFixed(2)}%`);
-    };
-
-    const sync = () => {
-        const marker = window.scrollY + Math.min(window.innerHeight * 0.35, 280);
-        let current = chapters[0];
-
-        chapters.forEach((chapter) => {
-            if (chapter.offsetTop <= marker) {
-                current = chapter;
-            }
-        });
-
-        const heading = current.querySelector('[id$="-heading"]') || document.getElementById(`${current.dataset.chapter}-heading`);
-        const headingId = heading?.id
-            || current.getAttribute('aria-labelledby')
-            || `${current.dataset.chapter}-heading`;
-
-        setActive(headingId);
-
-        const doc = document.documentElement;
-        const max = Math.max(1, doc.scrollHeight - window.innerHeight);
-        updateProgress(window.scrollY / max);
-    };
-
-    const scheduleSync = () => {
-        if (framePending) {
-            return;
-        }
-
-        framePending = true;
-        requestAnimationFrame(() => {
-            framePending = false;
-            sync();
-        });
-    };
-
-    setActive(chapters[0].getAttribute('aria-labelledby') || 'hero-heading');
-    sync();
-
-    window.addEventListener('scroll', scheduleSync, { passive: true });
-    window.addEventListener('resize', scheduleSync);
-}
-
 function bootMotion() {
     initializeMotionDelays();
     const enhance = enableEnhancement();
     activatePageOpen(enhance);
     observeReveals(enhance);
-    setupChapterIndex();
-
     window.matchMedia(MOTION_QUERY).addEventListener('change', (event) => {
         if (event.matches) {
             document.documentElement.removeAttribute('data-motion');

resources/views/components/brand/logo.blade.php

@@ -20,9 +20,25 @@
     $kind = $mark ? 'mark' : 'lockup';
     $staticSrc = asset("brand/{$kind}-{$variant}.webp");
 
-    $src = filled($uploadedPath)
+    $usesUploadedLogo = filled($uploadedPath);
+
+    $src = $usesUploadedLogo
         ? \Illuminate\Support\Facades\Storage::disk('public')->url($uploadedPath)
         : $staticSrc;
+
+    // Reserve the box before the image arrives (SPEC §6.4). The intrinsic size
+    // of the shipped assets is known and fixed; an uploaded logo has arbitrary
+    // dimensions, so it gets no attributes rather than wrong ones. The CSS
+    // classes still govern the rendered size in both cases — width/height only
+    // give the browser the aspect ratio to reserve.
+    //
+    // The webp assets are encoded at 3x the largest rendered size (lockup at
+    // h-12 = 48 px, mark at h-8 = 32 px), which is why these are 149x144 and
+    // 191x96 rather than the 512-wide originals kept as png fallbacks. See
+    // tests/Feature/PublicSite/BrandAssetBudgetTest.php.
+    $intrinsic = $usesUploadedLogo
+        ? []
+        : ($mark ? ['width' => 191, 'height' => 96] : ['width' => 149, 'height' => 144]);
 @endphp
 
 <img
@@ -32,5 +48,5 @@
         'class' => trim('brand-logo '.$class),
         'decoding' => 'async',
         'loading' => 'eager',
-    ]) }}
+    ] + $intrinsic) }}
 />

resources/views/components/home/chapter-index.blade.php

@@ -1,15 +0,0 @@
-@props([
-    'chapters' => [],
-])
-
-@if (count($chapters) > 0)
-    <nav data-chapter-index aria-label="Índice de capítulos">
-        @foreach ($chapters as $chapter)
-            <a href="#{{ $chapter['id'] }}">{{ $chapter['label'] }}</a>
-        @endforeach
-    </nav>
-
-    <div data-chapter-progress aria-hidden="true">
-        <span></span>
-    </div>
-@endif

resources/views/components/home/final-cta.blade.php

@@ -7,14 +7,12 @@
     'border-t border-amare-border bg-amare-bg-deep py-20',
     'home-chapter' => $editorial,
 ]) data-chapter="final-cta" data-reveal-group>
-    <div class="container-amare space-y-6 text-center" data-reveal data-reveal-from="up">
-        @if ($editorial)
-            <x-home.folio label="Próximo passo" class="justify-center" />
-        @else
+    <div class="container-amare max-w-4xl space-y-6 py-4" data-reveal data-reveal-from="up">
+        @unless ($editorial)
             <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">Próximo passo</p>
-        @endif
+        @endunless
         <h2 id="final-cta-heading" class="text-headline font-medium text-amare-text">Do casamento ao evento corporativo, tudo começa com uma boa conversa.</h2>
-        <p class="mx-auto max-w-2xl text-amare-muted">
+        <p class="max-w-2xl text-amare-muted">
             Compartilhe as primeiras informações do seu evento. A Amare retorna para entender o contexto e orientar os próximos passos.
         </p>
         <div>

resources/views/components/home/folio.blade.php

@@ -1,20 +0,0 @@
-@props([
-    'label',
-    'tone' => 'default',
-])
-
-@php
-    $tone = $tone === 'inverse' ? 'inverse' : 'default';
-@endphp
-
-<p
-    {{ $attributes->class([
-        'home-folio',
-        'home-folio--inverse' => $tone === 'inverse',
-    ]) }}
-    data-home-folio
->
-    <span data-home-folio-label>{{ $label }}</span>
-    <span class="home-folio__separator" aria-hidden="true">·</span>
-    <span class="home-folio__number" data-home-folio-number aria-hidden="true"></span>
-</p>

resources/views/components/home/hero.blade.php

@@ -4,16 +4,16 @@
 
 <section
     aria-labelledby="hero-heading"
-    class="home-chapter border-b border-amare-border bg-amare-bg"
+    class="home-chapter min-h-[100dvh] border-b border-amare-border bg-amare-bg"
     data-chapter="hero"
     data-motion="page-open"
 >
-    <div class="container-amare pt-8 md:pt-10">
-        <x-home.folio label="Capa" data-motion-beat="folio" />
-    </div>
-
-    <div class="container-amare grid gap-12 pb-20 pt-10 md:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] md:items-center md:pb-28 md:pt-14" data-reveal-group>
-        <div class="space-y-8">
+    <div @class([
+        'container-amare grid min-h-[100dvh] gap-12 py-20 md:py-10',
+        'md:grid-cols-[minmax(0,0.9fr)_minmax(0,1.1fr)] md:items-stretch' => filled($settings->hero_image_path),
+        'md:max-w-4xl md:items-center' => blank($settings->hero_image_path),
+    ]) data-reveal-group @if (blank($settings->hero_image_path)) data-tonal-hero @endif>
+        <div class="flex flex-col justify-center space-y-8 md:py-12">
             <div data-motion-beat="seal" class="flex items-center gap-4">
                 <x-brand.logo mark variant="on-light" class="h-8 w-auto" alt="" />
                 @if (filled($settings->hero_eyebrow))
@@ -30,19 +30,12 @@
             @endif
 
             <div data-motion-beat="cta" class="flex flex-wrap items-center gap-4">
-                <a
-                    href="{{ route('contact') }}"
-                    data-testid="home-primary-cta"
-                    class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold text-amare-accent-text transition-colors duration-(--amare-duration-normal) ease-(--amare-ease-standard) hover:bg-amare-accent-hover"
-                >
+                <a href="{{ route('contact') }}" data-testid="home-primary-cta" class="inline-flex min-h-11 items-center bg-amare-accent px-5 py-3 text-sm font-semibold text-amare-accent-text transition-colors duration-(--amare-duration-normal) ease-(--amare-ease-standard) hover:bg-amare-accent-hover">
                     {{ $settings->hero_cta_label ?: 'Solicitar proposta' }}
                 </a>
 
                 @if (filled($settings->hero_secondary_cta_label))
-                    <a
-                        href="{{ route('portfolio.index') }}"
-                        class="inline-flex min-h-11 items-center text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep"
-                    >
+                    <a href="{{ route('portfolio.index') }}" class="inline-flex min-h-11 items-center text-sm font-semibold text-amare-accent transition-colors hover:text-amare-accent-deep">
                         <span class="border-b border-amare-accent pb-1">{{ $settings->hero_secondary_cta_label }}</span>
                     </a>
                 @endif
@@ -53,16 +46,9 @@
             @endif
         </div>
 
-        @if (filled($settings->default_og_image_path))
-            <div data-motion-beat="media" class="min-h-72 overflow-hidden bg-amare-bg-deep">
-                <x-media.image
-                    :path="$settings->default_og_image_path"
-                    :alt="$settings->default_og_image_alt ?: $settings->brand_name"
-                    loading="eager"
-                    fetchpriority="high"
-                    sizes="(max-width: 768px) 100vw, 40vw"
-                    class="img-editorial h-full w-full object-cover"
-                />
+        @if (filled($settings->hero_image_path))
+            <div data-split-hero data-motion-beat="media" class="min-h-80 overflow-hidden bg-amare-bg-deep md:min-h-full" data-reveal-media>
+                <x-media.image :path="$settings->hero_image_path" :alt="$settings->hero_image_alt ?: $settings->brand_name" loading="eager" fetchpriority="high" sizes="(max-width: 768px) 100vw, 55vw" class="img-editorial h-full w-full object-cover" />
             </div>
         @endif
     </div>

resources/views/components/home/manifesto.blade.php

@@ -8,14 +8,12 @@
     $body = $settings->manifesto_body ?: 'A Amare combina sensibilidade e precisão para criar encontros coerentes com cada cliente, marca e ocasião — sem fórmulas prontas, excessos ou ruído.';
 @endphp
 
-<section aria-labelledby="manifesto-heading" class="home-chapter border-b border-amare-border bg-amare-bg-deep py-20" data-chapter="manifesto">
-    <div class="container-amare grid gap-8 md:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]" data-reveal-group>
-        <div class="space-y-5 md:pr-8" data-reveal data-reveal-from="up">
-            <x-home.folio label="Manifesto" />
-            <span class="block h-px w-16 bg-amare-border" aria-hidden="true"></span>
+<section aria-labelledby="manifesto-heading" class="home-chapter border-b border-amare-border bg-amare-bg-deep py-24 md:py-32" data-chapter="manifesto">
+    <div class="container-amare grid gap-10 md:grid-cols-12" data-reveal-group>
+        <div class="space-y-5 md:col-span-4 md:pt-20" data-reveal data-reveal-from="left">
             <p class="max-w-52 text-lg leading-snug text-amare-text">Humana no cuidado. Precisa na entrega.</p>
         </div>
-        <div class="space-y-6" data-reveal data-reveal-from="up">
+        <div class="space-y-6 md:col-span-7 md:col-start-6" data-reveal data-reveal-from="up">
             <h2 id="manifesto-heading" class="max-w-3xl text-headline font-medium text-amare-text">{{ $title }}</h2>
             <p class="max-w-2xl text-xl leading-relaxed text-amare-text">{{ $lead }}</p>
             <p class="max-w-2xl text-amare-text-muted">{{ $body }}</p>

resources/views/components/home/method.blade.php

@@ -7,10 +7,9 @@
     $intro = $settings->method_intro ?: 'Clareza em cada etapa. Tranquilidade durante todo o processo.';
 @endphp
 
-<section aria-labelledby="method-heading" class="home-chapter border-b border-amare-border bg-amare-bg-archive py-20" data-chapter="method">
+<section aria-labelledby="method-heading" class="home-chapter border-b border-amare-border bg-amare-bg-archive py-24" data-chapter="method">
     <div class="container-amare grid gap-10 md:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)] md:items-start" data-reveal-group>
         <div class="space-y-4" data-reveal data-reveal-from="up">
-            <x-home.folio label="Método" />
             <h2 id="method-heading" class="text-headline font-medium text-amare-text">Cuidado orientado por processo.</h2>
             <p class="text-amare-text-muted">{{ $intro }}</p>
             <x-brand.logo

resources/views/components/home/portfolio.blade.php

@@ -3,25 +3,43 @@
 ])
 
 @if ($cases->isNotEmpty())
-    <section aria-labelledby="portfolio-heading" class="home-chapter border-b border-amare-accent-deep bg-amare-accent-deep py-20 text-amare-accent-text" data-chapter="portfolio">
+    <section aria-labelledby="portfolio-heading" class="home-chapter border-b border-amare-accent-deep bg-amare-accent-deep py-24 text-amare-accent-text" data-chapter="portfolio">
         <div class="container-amare space-y-10" data-reveal-group>
-            <div class="grid gap-4 md:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]" data-reveal data-reveal-from="up">
-                <x-home.folio label="Portfólio" tone="inverse" />
-                <div class="space-y-3">
+            <div class="grid gap-4 md:grid-cols-12" data-reveal data-reveal-from="up">
+                <div class="md:col-span-7 md:col-start-5 space-y-3">
                     <h2 id="portfolio-heading" class="text-headline font-medium">Celebrações que ganham forma com intenção.</h2>
                     <p class="max-w-2xl text-amare-accent-text/80">Recortes de eventos conduzidos com escuta, direção e presença em cada etapa.</p>
                 </div>
             </div>
 
-            <div class="grid gap-10 md:grid-cols-2">
+            <div class="grid gap-8 md:grid-cols-12 md:gap-x-8 md:gap-y-14" data-editorial-portfolio>
                 @foreach ($cases as $case)
-                    <article class="space-y-4 border-t border-amare-accent-text/30 pt-4" data-reveal data-reveal-from="up">
+                    @php
+                        $isFeature = $loop->first;
+                        $isOffset = ! $isFeature && $loop->even;
+                    @endphp
+                    <article
+                        @class([
+                            'space-y-4 border-t border-amare-accent-text/30 pt-4',
+                            'md:col-span-7' => $isFeature,
+                            'md:col-span-5 md:col-start-8 md:pt-12' => $isOffset,
+                            'md:col-span-5' => ! $isFeature && ! $isOffset,
+                        ])
+                        data-editorial-portfolio-item="{{ $isFeature ? 'feature' : ($isOffset ? 'offset' : 'standard') }}"
+                        data-reveal
+                        data-reveal-from="up"
+                    >
                         @if (filled($case->cover_image_path))
                             <x-media.image
                                 :path="$case->cover_image_path"
                                 :alt="$case->cover_image_alt ?: $case->title"
-                                sizes="(max-width: 768px) 100vw, 50vw"
-                                class="img-editorial aspect-[4/3] w-full object-cover"
+                                sizes="(max-width: 768px) calc(100vw - 3rem), 50vw"
+                                @class([
+                                    'img-editorial w-full object-cover',
+                                    'aspect-[5/4]' => $isFeature,
+                                    'aspect-[4/5]' => $isOffset,
+                                    'aspect-[4/3]' => ! $isFeature && ! $isOffset,
+                                ])
                             />
                         @endif
                         <div class="space-y-2">

resources/views/components/home/positioning.blade.php

@@ -7,18 +7,27 @@
     $principles = filled($settings->principles) ? $settings->principles : \App\Models\SiteSetting::defaultPrinciples();
 @endphp
 
-<section aria-labelledby="positioning-heading" class="home-chapter border-b border-amare-border py-20" data-chapter="positioning">
-    <div class="container-amare grid gap-10 md:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]" data-reveal-group>
-        <div class="space-y-4" data-reveal data-reveal-from="up">
-            <x-home.folio label="A Amare" />
+<section aria-labelledby="positioning-heading" class="home-chapter border-b border-amare-border py-24" data-chapter="positioning">
+    <div class="container-amare grid gap-10 md:grid-cols-12" data-reveal-group>
+        <div class="space-y-4 md:col-span-5" data-reveal data-reveal-from="left">
             <div class="flex items-center gap-4">
                 <span class="h-px w-10 bg-amare-border" aria-hidden="true"></span>
                 <p class="text-sm uppercase tracking-[0.12em] text-amare-text-muted">Assessoria boutique · São Paulo</p>
         </div>
             <h2 id="positioning-heading" class="text-headline font-medium text-amare-text">Presença que organiza o essencial.</h2>
         </div>
-        <div class="space-y-8" data-reveal data-reveal-from="up">
+        <div class="space-y-8 md:col-span-6 md:col-start-7" data-reveal data-reveal-from="up">
             <p class="max-w-2xl text-xl leading-relaxed text-amare-text">{{ $summary }}</p>
+            @if (filled($settings->about_image_path))
+                <div class="overflow-hidden bg-amare-bg-deep" data-reveal-media>
+                    <x-media.image
+                        :path="$settings->about_image_path"
+                        :alt="$settings->about_image_alt ?: $settings->brand_name"
+                        sizes="(max-width: 768px) 100vw, 50vw"
+                        class="img-editorial aspect-[4/3] w-full object-cover"
+                    />
+                </div>
+            @endif
             <ul class="grid gap-3 border-t border-amare-border">
                 @foreach ($principles as $principle)
                     <li class="border-b border-amare-border py-3 text-amare-text-muted">{{ $principle }}</li>

resources/views/components/home/services.blade.php

@@ -3,11 +3,10 @@
 ])
 
 @if ($services->isNotEmpty())
-    <section aria-labelledby="services-heading" class="home-chapter border-b border-amare-border py-20" data-chapter="services">
+    <section aria-labelledby="services-heading" class="home-chapter border-b border-amare-border py-24" data-chapter="services">
         <div class="container-amare space-y-10" data-reveal-group>
             <div class="grid gap-6 md:grid-cols-12 md:items-end" data-reveal data-reveal-from="up">
                 <div class="space-y-3 md:col-span-4">
-                    <x-home.folio label="Serviços" />
                     <h2 id="services-heading" class="text-3xl font-medium text-amare-text">Serviços</h2>
                 </div>
                 <div class="space-y-4 md:col-span-6 md:col-start-7">

resources/views/components/home/testimonials.blade.php

@@ -9,21 +9,23 @@
 @endphp
 
 @if ($testimonials->isNotEmpty())
-    <section aria-labelledby="testimonials-heading" class="home-chapter border-b border-amare-border bg-amare-bg py-16" data-chapter="testimonials">
-        <div class="container-amare space-y-8" data-reveal-group>
-            <div class="max-w-2xl space-y-3" data-reveal data-reveal-from="up">
-                <x-home.folio label="Depoimentos" />
+    <section aria-labelledby="testimonials-heading" class="home-chapter border-b border-amare-border bg-amare-bg py-24" data-chapter="testimonials">
+        <div class="container-amare space-y-10" data-reveal-group>
+            <div class="max-w-2xl space-y-3 md:ml-[16.666667%]" data-reveal data-reveal-from="up">
                 <h2 id="testimonials-heading" class="text-3xl font-medium text-amare-text">Depoimentos</h2>
                 <p class="text-amare-text-muted">Quem celebrou com a Amare conta como foi a experiência.</p>
             </div>
 
-            <div class="grid gap-6 md:grid-cols-2">
+            <div class="grid gap-6 md:grid-cols-12">
                 @foreach ($testimonials as $testimonial)
                     @php
                         $paragraphs = preg_split('/\n\s*\n/', trim((string) $testimonial->quote)) ?: [];
                         $paragraphs = array_values(array_filter(array_map('trim', $paragraphs), fn (string $p): bool => $p !== ''));
                     @endphp
-                    <blockquote class="space-y-4 border-t border-amare-border pt-4" data-reveal data-reveal-from="{{ $loop->odd ? 'left' : 'right' }}">
+                    <blockquote @class([
+                        'space-y-4 border-t border-amare-border pt-4 md:col-span-5' => $loop->odd,
+                        'space-y-4 border-t border-amare-border pt-4 md:col-span-5 md:col-start-7 md:mt-16' => $loop->even,
+                    ]) data-reveal data-reveal-from="{{ $loop->odd ? 'left' : 'right' }}">
                         <div class="grid grid-cols-[1.5rem_minmax(0,1fr)] gap-2">
                             <span class="text-3xl leading-none text-amare-sage" aria-hidden="true">“</span>
                             <div class="space-y-3 text-lg text-amare-text">

resources/views/components/media/image.blade.php

@@ -1,7 +1,11 @@
 @props([
     'path',
     'alt',
-    'sizes' => '(max-width: 768px) 100vw, 960px',
+    // No image on the site spans the full viewport: every one of them sits inside
+    // `container-amare`, which reserves 1.5rem of padding on each side. Claiming
+    // 100vw made a 412 px viewport at DPR 1.75 ask for 721 px and jump to the
+    // 960 variant for a box it draws at 637 px.
+    'sizes' => '(max-width: 768px) calc(100vw - 3rem), 960px',
     'loading' => 'lazy',
     'fetchpriority' => null,
     'width' => null,
@@ -18,17 +22,26 @@
     $diskName = $disk ?? PublicImageUploadRules::disk();
     $filesystem = Storage::disk($diskName);
     $src = $filesystem->url($path);
-    $variants = ResponsiveImage::availableVariants($path, $diskName);
-    $srcset = collect($variants)
+
+    $toSrcset = fn (array $variants): string => collect($variants)
         ->map(fn (array $variant): string => $filesystem->url($variant['path']).' '.$variant['width'].'w')
         ->implode(', ');
 
-    if ($srcset === '' && $filesystem->exists($path)) {
-        $srcset = null;
-    }
+    // All public rendering reads one durable metadata record. On a cache hit this
+    // avoids both existence probes and downloading the original from R2.
+    $metadata = ResponsiveImage::metadata($path, $diskName);
+    $variants = $metadata['variants'] ?? [];
+    $srcset = $toSrcset($variants);
+
+    // Offered ahead of the original format because webp carries the same picture
+    // for roughly a third of the bytes, and the MAN-109 audit found the hero
+    // image to be the LCP element on every page at mobile widths. Media uploaded
+    // before `media:generate-variants` learned to emit webp has no siblings, so
+    // the <source> is skipped rather than pointed at nothing.
+    $webpSrcset = $toSrcset($metadata['webp_variants'] ?? []);
 
     $dimensions = ($width === null || $height === null)
-        ? ResponsiveImage::dimensions($path, $diskName)
+        ? $metadata
         : null;
 
     $resolvedWidth = $width ?? $dimensions['width'] ?? null;
@@ -36,9 +49,17 @@
     $loadingValue = $loading;
 @endphp
 
+{{-- `display: contents` keeps <picture> out of the layout: the callers style the
+     <img> with classes like `h-full w-full object-cover` that resolve against the
+     grid or flex parent, and an inline wrapper would break that. --}}
+@if ($webpSrcset !== '')
+<picture class="contents">
+    <source type="image/webp" srcset="{{ $webpSrcset }}" sizes="{{ $sizes }}">
+@endif
 <img
     src="{{ $src }}"
-    @if ($srcset) srcset="{{ $srcset }}" sizes="{{ $sizes }}" @endif
+    @if ($srcset) srcset="{{ $srcset }}" @endif
+    sizes="{{ $sizes }}"
     alt="{{ $alt }}"
     @if ($resolvedWidth) width="{{ $resolvedWidth }}" @endif
     @if ($resolvedHeight) height="{{ $resolvedHeight }}" @endif
@@ -47,3 +68,6 @@
     @if ($class) class="{{ $class }}" @endif
     {{ $attributes->except(['path', 'alt', 'sizes', 'loading', 'width', 'height', 'disk', 'class']) }}
 >
+@if ($webpSrcset !== '')
+</picture>
+@endif

resources/views/components/public/photo-hero.blade.php

@@ -0,0 +1,76 @@
+@props([
+    'imagePath' => null,
+    'imageAlt' => null,
+    'eyebrow' => null,
+    'title',
+    'summary' => null,
+    'metadata' => null,
+    'headingId' => 'hero-heading',
+    'brandMark' => false,
+])
+
+<section aria-labelledby="{{ $headingId }}" {{ $attributes->class(['border-b border-amare-border bg-amare-bg']) }} data-motion="page-open">
+    @if (filled($imagePath))
+        <div class="relative flex min-h-[calc(100dvh-5.5rem)] items-end overflow-hidden" data-photo-hero>
+            <x-media.image
+                :path="$imagePath"
+                :alt="$imageAlt ?: $title"
+                loading="eager"
+                fetchpriority="high"
+                sizes="100vw"
+                class="img-editorial absolute inset-0 h-full w-full object-cover"
+                data-motion-beat="media"
+            />
+
+            <div class="container-amare relative z-10 w-full py-8 md:py-12">
+                <div class="max-w-3xl border border-amare-border bg-amare-bg p-6 text-amare-text md:p-10" data-motion-beat="heading">
+                    @if ($brandMark || filled($eyebrow))
+                        <div class="mb-5 flex items-center gap-4" data-motion-beat="seal">
+                            @if ($brandMark)
+                                <x-brand.logo mark variant="on-light" class="h-8 w-auto" alt="" />
+                            @endif
+                            @if (filled($eyebrow))
+                                <p class="text-sm font-medium uppercase tracking-[0.18em] text-amare-accent">{{ $eyebrow }}</p>
+                            @endif
+                        </div>
+                    @endif
+                    <h1 id="{{ $headingId }}" data-motion-beat="title" class="max-w-3xl text-display font-medium text-amare-text">{{ $title }}</h1>
+                    @if (filled($summary))
+                        <p class="mt-5 max-w-2xl text-lg text-amare-text-muted">{{ $summary }}</p>
+                    @endif
+                    @if (filled($metadata))
+                        <p class="mt-4 text-sm break-words text-amare-text-muted">{{ $metadata }}</p>
+                    @endif
+                    @if (trim((string) $slot) !== '')
+                        <div class="mt-7" data-motion-beat="cta">{{ $slot }}</div>
+                    @endif
+                </div>
+            </div>
+        </div>
+    @else
+        <div class="container-amare py-16 md:py-24" data-tonal-hero>
+            <div class="max-w-3xl space-y-4" data-motion-beat="heading">
+                @if ($brandMark || filled($eyebrow))
+                    <div class="flex items-center gap-4" data-motion-beat="seal">
+                        @if ($brandMark)
+                            <x-brand.logo mark variant="on-light" class="h-8 w-auto" alt="" />
+                        @endif
+                        @if (filled($eyebrow))
+                            <p class="text-sm font-medium uppercase tracking-[0.18em] text-amare-accent">{{ $eyebrow }}</p>
+                        @endif
+                    </div>
+                @endif
+                <h1 id="{{ $headingId }}" data-motion-beat="title" class="text-headline font-medium tracking-tight text-amare-text">{{ $title }}</h1>
+                @if (filled($summary))
+                    <p class="text-lg text-amare-muted">{{ $summary }}</p>
+                @endif
+                @if (filled($metadata))
+                    <p class="text-sm break-words text-amare-muted">{{ $metadata }}</p>
+                @endif
+                @if (trim((string) $slot) !== '')
+                    <div data-motion-beat="cta">{{ $slot }}</div>
+                @endif
+            </div>
+        </div>
+    @endif
+</section>

resources/views/layouts/public.blade.php

@@ -10,6 +10,24 @@
     <title>{{ $pageMeta->title }}</title>
     <x-seo.meta :page-meta="$pageMeta" />
 
+    @php
+        $origin = static function (string $url): ?string {
+            $parts = parse_url($url);
+
+            if (! is_array($parts) || ! isset($parts['scheme'], $parts['host'])) {
+                return null;
+            }
+
+            return $parts['scheme'].'://'.$parts['host'].(isset($parts['port']) ? ':'.$parts['port'] : '');
+        };
+
+        $r2Origin = $origin((string) config('filesystems.disks.r2.url'));
+        $siteOrigin = $origin((string) config('app.url'));
+    @endphp
+    @if (\App\Support\PublicImageUploadRules::disk() === 'r2' && $r2Origin !== null && $r2Origin !== $siteOrigin)
+        <link rel="preconnect" href="{{ $r2Origin }}" crossorigin>
+    @endif
+
     <x-fonts />
     @vite(['resources/css/app.css', 'resources/js/app.js'])
 

resources/views/pages/about.blade.php

@@ -8,30 +8,12 @@
         $city = $siteSettings->city ?: 'São Paulo - SP';
     @endphp
 
-    <div class="flex min-h-[calc(100dvh-14rem)] flex-col border-b border-amare-border bg-amare-bg" data-motion="page-open">
-        <div class="container-amare grid flex-1 content-start gap-12 py-16 md:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] md:py-24">
-            <div class="space-y-6" data-motion-beat="heading">
-                <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">A Amare</p>
-                <h1 class="text-headline font-medium tracking-tight text-amare-text">Humana no cuidado. Precisa na entrega.</h1>
-                <p class="text-lg text-amare-muted">{{ $siteSettings->about_summary }}</p>
-                <p class="text-amare-muted">
-                    A {{ $siteSettings->brand_name }} atua em {{ $city }} com foco em planejamento completo,
-                    presença no dia do evento e uma condução serena do início ao fim.
-                </p>
-
-                @if (filled($siteSettings->about_image_path))
-                    <div class="overflow-hidden bg-amare-bg-deep">
-                        <x-media.image
-                            :path="$siteSettings->about_image_path"
-                            :alt="$siteSettings->about_image_alt ?: $siteSettings->brand_name"
-                            loading="lazy"
-                            sizes="(max-width: 768px) 100vw, 50vw"
-                            class="img-editorial aspect-[4/3] w-full object-cover"
-                        />
-                    </div>
-                @endif
-            </div>
+    <x-public.photo-hero :image-path="$siteSettings->about_image_path" :image-alt="$siteSettings->about_image_alt" eyebrow="A Amare" title="Humana no cuidado. Precisa na entrega." :summary="$siteSettings->about_summary">
+        <p class="max-w-xl text-amare-text-muted">A {{ $siteSettings->brand_name }} atua em {{ $city }} com foco em planejamento completo, presença no dia do evento e uma condução serena do início ao fim.</p>
+    </x-public.photo-hero>
 
+    <div class="border-b border-amare-border bg-amare-bg">
+        <div class="container-amare py-16 md:py-24">
             <ul class="space-y-4 border-t border-amare-border pt-6" aria-label="Princípios da Amare" data-reveal-group>
                 @foreach ($principles as $index => $principle)
                     <li class="grid grid-cols-[3rem_minmax(0,1fr)] gap-4 border-b border-amare-border pb-4 text-amare-text" data-reveal data-reveal-from="up">

resources/views/pages/home.blade.php

@@ -1,36 +1,6 @@
 @extends('layouts.public')
 
 @section('content')
-    @php
-        $testimonials = $content->testimonials
-            ->filter(fn ($testimonial): bool => filled(trim((string) $testimonial->quote)))
-            ->values();
-
-        $chapters = [
-            ['id' => 'hero-heading', 'label' => 'Capa'],
-            ['id' => 'manifesto-heading', 'label' => 'Manifesto'],
-        ];
-
-        if ($content->featuredServices->isNotEmpty()) {
-            $chapters[] = ['id' => 'services-heading', 'label' => 'Serviços'];
-        }
-
-        if ($content->featuredCases->isNotEmpty()) {
-            $chapters[] = ['id' => 'portfolio-heading', 'label' => 'Portfólio'];
-        }
-
-        $chapters[] = ['id' => 'method-heading', 'label' => 'Método'];
-
-        if ($testimonials->isNotEmpty()) {
-            $chapters[] = ['id' => 'testimonials-heading', 'label' => 'Depoimentos'];
-        }
-
-        $chapters[] = ['id' => 'positioning-heading', 'label' => 'A Amare'];
-        $chapters[] = ['id' => 'final-cta-heading', 'label' => 'Próximo passo'];
-    @endphp
-
-    <x-home.chapter-index :chapters="$chapters" />
-
     <div class="home-chapters">
         <x-home.hero :settings="$content->settings" />
         <x-home.manifesto :settings="$content->settings" />

resources/views/pages/portfolio/index.blade.php

@@ -1,29 +1,56 @@
 @extends('layouts.public')
 
 @section('content')
-    <div class="border-b border-amare-border bg-amare-bg-deep" data-motion="page-open">
+    <x-public.photo-hero :image-path="$siteSettings->portfolio_hero_image_path" :image-alt="$siteSettings->portfolio_hero_image_alt" eyebrow="Portfólio" title="Atmosferas que contam histórias." summary="Casos conduzidos com atenção a ritmo, composição e cada detalhe da experiência." />
+
+    <div class="border-b border-amare-border bg-amare-bg-deep">
         <div class="container-amare space-y-10 py-16 md:py-24">
-            <div class="max-w-2xl space-y-4" data-motion-beat="heading">
-                <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">Portfólio</p>
-                <h1 class="text-headline font-medium tracking-tight text-amare-text">Atmosferas que contam histórias.</h1>
-                <p class="text-lg text-amare-muted">Casos conduzidos com atenção a ritmo, composição e cada detalhe da experiência.</p>
-            </div>
 
             @if ($cases->isEmpty())
                 <p class="text-amare-muted">Novos casos serão publicados assim que o acervo estiver organizado. Enquanto isso, fale conosco para conhecer o nosso trabalho.</p>
             @else
-                <div class="grid gap-10 md:grid-cols-2" data-reveal-group>
+                @php
+                    $hasPrioritizedImage = false;
+                @endphp
+                <div class="grid gap-8 md:grid-cols-12 md:gap-x-8 md:gap-y-14" data-editorial-portfolio-grid data-reveal-group>
                     @foreach ($cases as $case)
-                        <article class="space-y-4" data-reveal data-reveal-from="up">
+                        @php
+                            $isFeature = $loop->first;
+                            $isOffset = ! $isFeature && $loop->even;
+                        @endphp
+                        <article
+                            @class([
+                                'space-y-4',
+                                'md:col-span-7' => $isFeature,
+                                'md:col-span-5 md:col-start-8 md:pt-12' => $isOffset,
+                                'md:col-span-5' => ! $isFeature && ! $isOffset,
+                            ])
+                            data-editorial-portfolio-item="{{ $isFeature ? 'feature' : ($isOffset ? 'offset' : 'standard') }}"
+                            data-reveal
+                            data-reveal-from="up"
+                        >
                             @if (filled($case->cover_image_path))
+                                @php
+                                    $prioritizeImage = ! $hasPrioritizedImage;
+                                @endphp
                                 <a href="{{ route('portfolio.show', $case->slug) }}" class="block overflow-hidden">
                                     <x-media.image
                                         :path="$case->cover_image_path"
                                         :alt="$case->cover_image_alt ?: $case->title"
-                                        sizes="(max-width: 768px) 100vw, 50vw"
-                                        class="img-editorial aspect-[4/3] w-full object-cover transition-transform duration-(--amare-duration-slow) ease-(--amare-ease-standard) motion-safe:hover:scale-[1.02]"
+                                        :loading="$prioritizeImage ? 'eager' : 'lazy'"
+                                        :fetchpriority="$prioritizeImage ? 'high' : null"
+                                        sizes="(max-width: 768px) calc(100vw - 3rem), 50vw"
+                                        @class([
+                                            'img-editorial w-full object-cover transition-transform duration-(--amare-duration-slow) ease-(--amare-ease-standard) motion-safe:hover:scale-[1.02]',
+                                            'aspect-[5/4]' => $isFeature,
+                                            'aspect-[4/5]' => $isOffset,
+                                            'aspect-[4/3]' => ! $isFeature && ! $isOffset,
+                                        ])
                                     />
                                 </a>
+                                @php
+                                    $hasPrioritizedImage = true;
+                                @endphp
                             @endif
                             <div class="space-y-2 border-t border-amare-border pt-4">
                                 <h2 class="text-2xl font-medium text-amare-text">

resources/views/pages/portfolio/show.blade.php

@@ -1,34 +1,8 @@
 @extends('layouts.public')
 
 @section('content')
-    <article data-motion="page-open">
-        <div class="border-b border-amare-border bg-amare-bg">
-            <div class="container-amare space-y-8 py-16 md:py-24">
-                <header class="max-w-3xl space-y-4" data-motion-beat="heading">
-                    @if (filled($case->event_type))
-                        <p class="text-xs font-semibold uppercase tracking-[0.14em] text-amare-accent">{{ $case->event_type }}</p>
-                    @endif
-                    <h1 class="text-headline font-medium tracking-tight text-amare-text">{{ $case->title }}</h1>
-                    <p class="text-lg text-amare-muted">{{ $case->summary }}</p>
-                    <p class="text-sm break-words text-amare-muted">
-                        @if ($case->city){{ $case->city }}@endif
-                        @if ($case->venue) · {{ $case->venue }}@endif
-                        @if ($case->event_date) · {{ $case->event_date->format('d/m/Y') }}@endif
-                    </p>
-                </header>
-
-                @if (filled($case->cover_image_path))
-                    <x-media.image
-                        :path="$case->cover_image_path"
-                        :alt="$case->cover_image_alt ?: $case->title"
-                        loading="eager"
-                        sizes="(max-width: 1024px) 100vw, 1120px"
-                        class="img-editorial aspect-[16/9] w-full object-cover"
-                        data-motion-beat="media"
-                    />
-                @endif
-            </div>
-        </div>
+    <article>
+        <x-public.photo-hero :image-path="$case->cover_image_path" :image-alt="$case->cover_image_alt" :eyebrow="$case->event_type" :title="$case->title" :summary="$case->summary" :metadata="collect([$case->city, $case->venue, $case->event_date?->format('d/m/Y')])->filter()->implode(' · ')" />
 
         <div class="border-b border-amare-border bg-amare-bg-deep">
             <div class="container-amare grid gap-10 py-16 md:grid-cols-3" data-reveal-group>
@@ -53,14 +27,34 @@
             <section aria-labelledby="gallery-heading" class="bg-amare-bg">
                 <div class="container-amare space-y-8 py-16">
                     <h2 id="gallery-heading" class="text-3xl font-medium text-amare-text">Galeria</h2>
-                    <div class="grid gap-6 md:grid-cols-2" data-reveal-group>
+                    <div class="grid gap-6 md:grid-cols-12 md:gap-x-8 md:gap-y-12" data-editorial-gallery data-reveal-group>
                         @foreach ($case->images as $image)
-                            <figure class="space-y-2" data-reveal data-reveal-from="up" data-reveal-media>
+                            @php
+                                $isFeature = $loop->first;
+                                $isOffset = ! $isFeature && $loop->even;
+                            @endphp
+                            <figure
+                                @class([
+                                    'space-y-2',
+                                    'md:col-span-7' => $isFeature,
+                                    'md:col-span-5 md:col-start-8 md:pt-12' => $isOffset,
+                                    'md:col-span-5' => ! $isFeature && ! $isOffset,
+                                ])
+                                data-editorial-gallery-item="{{ $isFeature ? 'feature' : ($isOffset ? 'offset' : 'standard') }}"
+                                data-reveal
+                                data-reveal-from="up"
+                                data-reveal-media
+                            >
                                 <x-media.image
                                     :path="$image->path"
                                     :alt="$image->alt_text"
-                                    sizes="(max-width: 768px) 100vw, 50vw"
-                                    class="img-editorial aspect-[4/3] w-full object-cover"
+                                    sizes="(max-width: 768px) calc(100vw - 3rem), 50vw"
+                                    @class([
+                                        'img-editorial w-full object-cover',
+                                        'aspect-[5/4]' => $isFeature,
+                                        'aspect-[4/5]' => $isOffset,
+                                        'aspect-[4/3]' => ! $isFeature && ! $isOffset,
+                                    ])
                                 />
                                 @if (filled($image->caption))
                                     <figcaption class="text-sm text-amare-muted">{{ $image->caption }}</figcaption>