diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1d9d8e4..6ed5048 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -72,6 +72,9 @@ jobs:
       - name: Testes das mascaras (JavaScript)
         run: node tests/js/masks.test.js
 
+      - name: Testes do envio de formulario (JavaScript)
+        run: node tests/js/forms.test.js
+
   # o public/js/masks.js e versionado e gerado do src/ts/masks.ts: se alguem mexer no .ts e esquecer
   # de rodar o tsc (ou editar o .js na mao), o compilado deixa de bater com o fonte e o job falha.
   mascaras:
diff --git a/CLAUDE.md b/CLAUDE.md
index 2c8eb99..8f316e8 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -20,6 +20,7 @@ composer test -- --testsuite Unit      # só os testes sem banco
 tsc                                    # compila src/ts -> public/js (tsconfig.json)
 php bin/migrate.php                    # roda as migrations pendentes (status | baseline NNN)
 php bin/backup.php                     # backup do banco (mysqldump .sql.gz em BACKUP_DIR)
+php bin/expire-points.php              # vence o saldo parado alem do prazo de cada loja (--dry-run so mostra)
 docker compose up -d --build           # aplicacao + mysql em docker (docs/operacao.md)
 ```
 
@@ -35,9 +36,9 @@ Banco: `mysql -u root -p < database/schema.sql` em instalação nova. Banco já
 
 **Padrão de controller** — cada rota tem um `renderX()` público: no GET chama `View::render(...)`, no POST delega para um `handleX()` privado. Todo `handle*` começa com `Csrf::verify()` (aborta com 403). Rotas privadas começam com `$merchantId = $this->authGuard()`; o `merchant_id` vem **sempre da sessão**, nunca do formulário, e todo model filtra por ele (isolamento entre lojas).
 
-**Post/Redirect/Get com códigos de flash** — handlers terminam com `redirect('rota', ['error' => 'codigo'])` ou `['success' => 'codigo']` (`redirect()` tem tipo `never`, faz `exit`). `views/partials/flash.php` traduz o código via um mapa fixo; **código novo precisa ser adicionado nesse mapa**, senão nada aparece. Nunca exibir o valor cru da query string.
+**Post/Redirect/Get com códigos de flash** — handlers terminam com `redirect('rota', ['error' => 'codigo'])` ou `['success' => 'codigo']` (`redirect()` tem tipo `never`, faz `exit`). `views/partials/flash.php` traduz o código via um mapa fixo; **código novo precisa ser adicionado nesse mapa**, senão nada aparece. Erro que aponta um campo também entra no mapa de `field_error_attr()` (`helpers.php`), e o `<input>` leva `<?= field_error_attr('nome_do_campo') ?>`: o campo sai com `aria-invalid` (borda de erro) ligado à mensagem. Nunca exibir o valor cru da query string.
 
-**Views** — PHP puro em `views/`, recebem variáveis via `extract()` do `View::render($view, $data)`. Toda saída passa por `e()`. Links e actions usam `url('rota', [...])`; formulários POST incluem `<?= Csrf::field() ?>`. Páginas do painel incluem `partials/merchant-header.php` / `merchant-footer.php` (definir `$title` antes). Helpers globais (`e`, `redirect`, `url`, `format_phone`, `format_document`, `format_datetime`) ficam em `src/Support/helpers.php`, carregado pelo autoload `files` do Composer.
+**Views** — PHP puro em `views/`, recebem variáveis via `extract()` do `View::render($view, $data)`. Toda saída passa por `e()`. Links e actions usam `url('rota', [...])`; formulários POST incluem `<?= Csrf::field() ?>`. Páginas do painel incluem `partials/merchant-header.php` / `merchant-footer.php` (definir `$title` antes). Helpers globais (`e`, `redirect`, `url`, `format_phone`, `format_document`, `format_datetime`, `format_date`) ficam em `src/Support/helpers.php`, carregado pelo autoload `files` do Composer.
 
 **Fuso horário** — `app_timezone()` (`APP_TIMEZONE` do `.env`, padrão `America/Sao_Paulo`) é aplicado no PHP pelo `index.php` e pelo `tests/bootstrap.php`, e o `Database` faz `SET time_zone` com o mesmo offset em toda conexão. Não dependa do fuso do `php.ini` nem do servidor MySQL.
 
@@ -53,7 +54,8 @@ Banco: `mysql -u root -p < database/schema.sql` em instalação nova. Banco já
 - `customers` é **só o telefone**, global e único (só dígitos, 10–11, via `PhoneValidator::sanitize`); o mesmo cliente pode ter cartão em várias lojas.
 - `loyalty_cards` = par (merchant, customer) único. Guarda o que o cliente deu **a esta loja** (`customer_name`, `consent_at`, `consent_version`), o saldo (`current_points`, `total_accumulated`) e `anonymized_at`. `findOrCreate` usa `ON DUPLICATE KEY UPDATE id = LAST_INSERT_ID(id)` e nunca troca nome nem consentimento de cartão existente.
 - **LGPD (regra da task 11, `docs/adr/002-lgpd-dados-por-loja.md`)**: nenhuma tela de uma loja mostra dado vindo de outra. Telefone sem cartão nesta loja vai sempre para o cadastro rápido, seja novo ou de outra loja: nunca crie caminho que diferencie os dois. Consentimento é gravado no cadastro com `Privacy::VERSION` (mudou o texto de `views/privacy.php` de forma relevante, troque a versão). Exclusão = `LoyaltyCardModel::anonymize` (cartão fica só para os relatórios, telefone some quando não há mais cartão).
-- `points_log` é o histórico (`earn`/`redeem`/`reversal`, `reward_id` nos resgates, `reverses_id` nos estornos). Toda mudança de saldo passa por `LoyaltyCardModel::addPoints` / `redeem` / `reverse`, que atualizam o cartão e gravam o log na mesma transação; `redeem` usa `SELECT ... FOR UPDATE` para impedir gasto duplo. Não altere saldo fora desses métodos.
+- `points_log` é o histórico (`earn`/`redeem`/`reversal`/`expire`, `reward_id` nos resgates, `reverses_id` nos estornos). Toda mudança de saldo passa por `LoyaltyCardModel::addPoints` / `redeem` / `reverse`, que atualizam o cartão e gravam o log na mesma transação; `redeem` usa `SELECT ... FOR UPDATE` para impedir gasto duplo. Não altere saldo fora desses métodos.
+- **Validade dos pontos (task 31)**: cada loja tem `merchants.points_expiry_months` (padrão 12, `NULL` = não vence, escolhido na tela Regra de pontos). O saldo inteiro vence depois desse tempo sem movimentação, contado de `loyalty_cards.last_use_at`; a data não é gravada, é sempre calculada. Quem vence é `LoyaltyCardModel::expire` / `expireIdle` (linha `expire` no `points_log`), chamado pelo `bin/expire-points.php`, que precisa estar agendado (`docs/operacao.md`). A data aparece para o cliente e para o lojista pelo `views/partials/points-expiry.php`, a partir do `expires_at` de `findByMerchantAndPhone`.
 - `merchants` guarda CPF **ou** CNPJ (normalizados, UNIQUE). Validação só por dígito verificador, sem API externa (ver `docs/adr/001-documents-validation.md`).
 
 **Área pública** — a home (`HomeController`, view `views/home.php`, `public/css/home.css`) apresenta o produto e leva ao cadastro; lojista logado vai direto ao painel. `customer/balance&loja=CODIGO` consulta o saldo pelo telefone sem login, **só na loja do código** (`merchants.public_code`, impresso no cartaz e embutido no QR), com limite por IP (5/min → 429) e exibindo só o primeiro nome do cartão daquela loja. Sem código válido, a página pede o código (nunca lista lojas). `privacy` é a política de privacidade (rascunho pendente de revisão jurídica).
@@ -69,6 +71,7 @@ Banco: `mysql -u root -p < database/schema.sql` em instalação nova. Banco já
 - Commits no padrão `tipo(escopo): descrição` (`feat`, `fix`, `refactor`, `docs`, `test`, `chore`); branches `tipo/nome` com o mesmo tipo do commit (ex.: `feat/logout`, `fix/csrf-token`). Nunca commitar direto na `main`: tudo entra por PR, e o PR referencia a issue com `close #N` quando houver.
 - SQL sempre com prepared statements; o PDO usa `ATTR_EMULATE_PREPARES = false`, então o mesmo placeholder não pode aparecer duas vezes na query (use `:p1`, `:p2`).
 - Máscaras de telefone e CPF/CNPJ ficam em `src/ts/masks.ts` (`data-mask="phone"` / `"document"` no input), compiladas com `tsc` para `public/js/masks.js`, que é versionado: rode `tsc` ao mexer no `.ts`. É só apresentação; o back-end continua limpando os dígitos.
+- `src/ts/forms.ts` (compilado para `public/js/forms.js`, também versionado) vale para todo `<form>`: no envio, o botão clicado ganha a classe `is-loading` (`components.css`) e um segundo envio do mesmo formulário é barrado. Página nova com formulário carrega `/js/forms.js`; o botão não recebe `disabled`.
 
 ## Backlog
 
diff --git a/bin/expire-points.php b/bin/expire-points.php
new file mode 100644
index 0000000..cfa9b89
--- /dev/null
+++ b/bin/expire-points.php
@@ -0,0 +1,54 @@
+<?php
+// vence o saldo de pontos parado alem do prazo de cada loja (merchants.points_expiry_months, task 31).
+//
+//   php bin/expire-points.php             vence os saldos e registra cada um no historico (points_log 'expire')
+//   php bin/expire-points.php --dry-run   so mostra quantos cartoes e pontos venceriam, sem alterar nada
+//
+// agendar uma vez por dia (cron, agendador de tarefas). pode rodar quantas vezes quiser: saldo ja vencido
+// nao vence de novo. sai com codigo 1 se falhar, pra o agendador avisar. ver docs/operacao.md.
+
+require __DIR__ . '/../vendor/autoload.php';
+
+use App\Database;
+use App\Models\LoyaltyCardModel;
+use App\Support\Env;
+use App\Support\ErrorLog;
+
+if (PHP_SAPI !== 'cli') {
+    exit(1);
+}
+
+Env::load(dirname(__DIR__));
+date_default_timezone_set(app_timezone());
+$logToFile = ErrorLog::useFile(Env::get('LOG_FILE'));
+
+$option = $argv[1] ?? '';
+
+try {
+    if ($option !== '' && $option !== '--dry-run') {
+        throw new RuntimeException("opcao desconhecida: $option (use sem nada ou com --dry-run)");
+    }
+    if (Env::missing() !== []) {
+        throw new RuntimeException('variaveis obrigatorias sem valor: ' . implode(', ', Env::missing()));
+    }
+
+    $cards = new LoyaltyCardModel(Database::connect());
+
+    if ($option === '--dry-run') {
+        $preview = $cards->countExpirable();
+        printf("venceriam agora: %d cartao(oes), %d ponto(s). nada foi alterado.\n", $preview['cards'], $preview['points']);
+        exit(0);
+    }
+
+    $result = $cards->expireIdle();
+    echo $result['cards'] === 0
+        ? "nada a vencer.\n"
+        : sprintf("%d cartao(oes) com saldo vencido, %d ponto(s) no total.\n", $result['cards'], $result['points']);
+} catch (Throwable $e) {
+    // vai pro terminal e, se houver LOG_FILE, pro log de erros (o agendador nem sempre guarda a saida)
+    fwrite(STDERR, 'erro ao vencer pontos: ' . $e->getMessage() . "\n");
+    if ($logToFile) {
+        error_log('[expire-points] ' . $e->getMessage());
+    }
+    exit(1);
+}
diff --git a/database/migrations/007_validade_pontos.sql b/database/migrations/007_validade_pontos.sql
new file mode 100644
index 0000000..3423186
--- /dev/null
+++ b/database/migrations/007_validade_pontos.sql
@@ -0,0 +1,16 @@
+-- fidelityx - migration 007 (validade dos pontos, task 31)
+-- para bancos criados antes desta versao do schema.sql. rodar uma unica vez:
+--   php bin/migrate.php
+-- (ou, a mao: mysql -u root -p fidelityx < database/migrations/007_validade_pontos.sql)
+
+USE fidelityx;
+
+-- prazo de validade por loja: o saldo do cliente vence depois de points_expiry_months meses sem
+-- nenhuma movimentacao naquela loja (loyalty_cards.last_use_at). NULL = os pontos nao vencem.
+-- o padrao e 12 meses, e as lojas que ja existem tambem comecam com ele.
+ALTER TABLE merchants
+  ADD COLUMN points_expiry_months TINYINT UNSIGNED NULL DEFAULT 12 AFTER points_rule_cents;
+
+-- o vencimento vira uma linha propria no historico ('expire'), como o resgate e o estorno
+ALTER TABLE points_log
+  MODIFY type ENUM('earn', 'redeem', 'reversal', 'expire') NOT NULL;
diff --git a/database/schema.sql b/database/schema.sql
index 0bb6c4b..cebd734 100644
--- a/database/schema.sql
+++ b/database/schema.sql
@@ -26,6 +26,9 @@ CREATE TABLE IF NOT EXISTS merchants (
   -- regra de pontos pelo valor da compra: a cada points_rule_cents centavos, 1 ponto (arredonda pra baixo).
   -- NULL = sem regra (o lojista digita os pontos direto)
   points_rule_cents INT UNSIGNED NULL,
+  -- validade dos pontos: o saldo vence depois deste tanto de meses sem movimentacao do cliente na loja
+  -- (loyalty_cards.last_use_at). NULL = os pontos nao vencem
+  points_expiry_months TINYINT UNSIGNED NULL DEFAULT 12,
   status ENUM('active', 'inactive') NOT NULL DEFAULT 'active',
 
   -- para futuras implementações (NULL)
@@ -89,8 +92,10 @@ CREATE TABLE IF NOT EXISTS loyalty_cards (
   current_points INT NOT NULL DEFAULT 0,
   total_accumulated INT NOT NULL DEFAULT 0,
 
-  -- para futuras implementações (NULL)
+  -- ultima movimentacao (ganho, resgate ou estorno). e daqui que conta a validade dos pontos:
+  -- vencimento = last_use_at + merchants.points_expiry_months (calculado na hora, nao fica gravado)
   last_use_at TIMESTAMP NULL,
+  -- sem uso: a data de vencimento e calculada (acima), pra nao ficar errada quando a loja muda o prazo
   expiration_date TIMESTAMP NULL,
 
   created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
@@ -140,7 +145,7 @@ CREATE TABLE IF NOT EXISTS points_log (
   id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
 
   card_id BIGINT UNSIGNED NOT NULL,
-  type ENUM('earn', 'redeem', 'reversal') NOT NULL, -- reversal = estorno de um earn
+  type ENUM('earn', 'redeem', 'reversal', 'expire') NOT NULL, -- reversal = estorno de um earn, expire = saldo vencido
   quantity INT NOT NULL,
   description VARCHAR(255) NOT NULL,
   reward_id BIGINT UNSIGNED NULL, -- preenchido quando type = 'redeem'
@@ -207,4 +212,5 @@ INSERT IGNORE INTO schema_migrations (version) VALUES
   ('003_lgpd'),
   ('004_estorno'),
   ('005_regra_pontos'),
-  ('006_points_log_extrato');
+  ('006_points_log_extrato'),
+  ('007_validade_pontos');
diff --git a/docs/db/schema-explanation.md b/docs/db/schema-explanation.md
index e6aa59c..db3d6ef 100644
--- a/docs/db/schema-explanation.md
+++ b/docs/db/schema-explanation.md
@@ -24,6 +24,7 @@ merchants 1───N loyalty_cards N───1 customers
 | Coluna | Observação |
 |---|---|
 | `points_rule_cents` | Regra de pontos pelo valor da compra: a cada tantos centavos, 1 ponto (sempre arredonda para baixo, `Money::pointsFor`). `NULL` = sem regra, o lojista digita os pontos. |
+| `points_expiry_months` | Validade dos pontos (task 31): o saldo do cliente vence depois deste tanto de meses sem movimentação na loja, contados de `loyalty_cards.last_use_at`. Padrão 12; `NULL` = os pontos não vencem. O lojista escolhe na tela Regra de pontos, entre os prazos de `MerchantController::EXPIRY_MONTHS_OPTIONS`. |
 | `public_code` | `UNIQUE`, 8 caracteres. Código público da loja: vai no QR do cartaz e identifica a loja na consulta de saldo. Gerado no cadastro (`App\Support\PublicCode`). |
 | `email`, `cpf`, `cnpj` | `UNIQUE`. Só um dos dois documentos é preenchido, apenas com números. |
 | `password_hash` | BCRYPT (`password_hash`). |
@@ -47,7 +48,8 @@ merchants 1───N loyalty_cards N───1 customers
 | `anonymized_at` | Exclusão a pedido do cliente: o cartão perde nome, telefone, consentimento e saldo e fica só para os relatórios. |
 | `current_points` | Saldo disponível. Aumenta ao ganhar pontos e diminui ao resgatar. |
 | `total_accumulated` | Tudo que o cliente já ganhou nesta loja. Só aumenta. |
-| `last_use_at` | Última movimentação. |
+| `last_use_at` | Última movimentação (ganho, resgate ou estorno). É daqui que conta a validade dos pontos: vencimento = `last_use_at` + `merchants.points_expiry_months`. |
+| `expiration_date` | Sem uso. A data de vencimento é calculada na hora (linha acima) em vez de gravada, para não ficar errada quando a loja muda o prazo. |
 
 ### `rewards` — catálogo de prêmios (novo no MVP)
 | Coluna | Observação |
@@ -59,7 +61,7 @@ merchants 1───N loyalty_cards N───1 customers
 ### `points_log` — histórico
 | Coluna | Observação |
 |---|---|
-| `type` | `earn` (ganho), `redeem` (resgate) ou `reversal` (estorno de um ganho). `quantity` é sempre positivo. |
+| `type` | `earn` (ganho), `redeem` (resgate), `reversal` (estorno de um ganho) ou `expire` (saldo vencido por falta de movimentação). `quantity` é sempre positivo. |
 | `reward_id` | Preenchido em resgates. Vira `NULL` se o prêmio for apagado. |
 | `reverses_id` | Preenchido em estornos (`reversal`): o lançamento estornado. `UNIQUE`, então cada lançamento é estornado no máximo uma vez. |
 | `ip_address` | IP de quem fez a operação (o do cliente, mesmo atrás de proxy confiável: `TRUSTED_PROXIES`). |
diff --git a/docs/operacao.md b/docs/operacao.md
index cff0e11..fe8cd18 100644
--- a/docs/operacao.md
+++ b/docs/operacao.md
@@ -118,6 +118,34 @@ gunzip -c fidelityx-20261005-030000.sql.gz | docker compose exec -T db sh -c 'my
 
 A restauração **substitui** as tabelas do banco de destino pelo conteúdo do backup. Depois dela, rode `php bin/migrate.php` (o backup pode ser anterior à última migration).
 
+## Vencimento dos pontos
+
+Cada loja tem um prazo de validade (`merchants.points_expiry_months`, padrão 12 meses; o lojista muda ou desliga na tela Regra de pontos). O saldo de um cliente vence quando ele fica esse tempo sem nenhuma movimentação naquela loja. Quem tira os pontos vencidos do saldo é este comando:
+
+```bash
+php bin/expire-points.php             # vence os saldos parados
+php bin/expire-points.php --dry-run   # só mostra quantos cartões e pontos venceriam, sem alterar nada
+```
+
+Cada saldo vencido vira uma linha `expire` no histórico (`points_log`), que aparece no extrato do cliente e nos relatórios da loja. Rodar de novo não vence nada em dobro. Lojas inativas e cartões anonimizados ficam de fora. Em caso de falha o comando sai com código 1.
+
+**Sem o agendamento nada vence**: a data aparece para o cliente, mas o saldo continua lá. Agende uma vez por dia, como o backup:
+
+```
+# cron no servidor (4h da manhã), com Docker
+0 4 * * * cd /caminho/do/fidelityx && docker compose exec -T app php bin/expire-points.php >> /var/log/fidelityx-expire.log 2>&1
+
+# cron sem Docker
+0 4 * * * cd /caminho/do/fidelityx && php bin/expire-points.php >> /var/log/fidelityx-expire.log 2>&1
+```
+
+No Windows (XAMPP), use o Agendador de Tarefas chamando `C:\xampp\php\php.exe bin\expire-points.php` na pasta do projeto.
+
+Cuidados:
+
+- O vencimento não tem "desfazer". Antes da primeira execução em um banco com dados reais, rode com `--dry-run` e faça um backup.
+- Se a loja diminuir o prazo, os saldos que já passam do prazo novo vencem na próxima execução.
+
 ## Registro de erros
 
 - Exceção não tratada e erro fatal viram uma linha no log e a página 500. A página mostra um código curto (ex.: `ab12cd34`) e a mesma sequência aparece na linha do log: quando um lojista relatar o erro, procure por ela.
diff --git a/public/css/app.css b/public/css/app.css
index c0179fe..6a54115 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -286,6 +286,12 @@ th.num {
     color: var(--warning-text);
 }
 
+/* pontos vencidos por falta de movimentacao */
+.badge-expire {
+    background: var(--error-soft);
+    color: var(--error-text);
+}
+
 .btn-secondary {
     min-height: 44px;
     background: transparent;
@@ -561,7 +567,7 @@ span.btn-secondary {
     }
 }
 
-/* progresso ate o proximo premio: barra fina com o preenchimento na cor da marca */
+/* progresso ate o proximo premio: frase em cima da barra (a barra em si e o .progress do components.css) */
 .reward-progress {
     margin-top: 0.75rem;
 }
@@ -571,20 +577,6 @@ span.btn-secondary {
     margin-bottom: 0.4rem;
 }
 
-.progress {
-    height: 0.6rem;
-    background: var(--bg-body);
-    border: 1px solid var(--border);
-    border-radius: 999px;
-    overflow: hidden;
-}
-
-.progress-bar {
-    height: 100%;
-    background: var(--primary);
-    border-radius: 999px;
-}
-
 /* cartaz: folha clara (--paper) com nome da loja e qr code; centralizado e legivel de longe */
 .poster {
     max-width: 520px;
diff --git a/public/css/components.css b/public/css/components.css
index b33a781..59ea1e8 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -19,7 +19,9 @@
     border: 1px solid var(--border);
     border-radius: 8px;
     font-size: 1rem;
-    outline: none;
+    /* contorno transparente em vez de "none": no modo de alto contraste do windows a sombra do
+       foco some e o navegador pinta este contorno, entao o foco nunca fica invisivel */
+    outline: 2px solid transparent;
     transition: all 0.2s ease-in-out;
     background: var(--bg-card);
     /* Fundo do input levemente mais claro que o body */
@@ -58,6 +60,43 @@
     background: var(--primary-hover);
     transform: translateY(-1px);
 }
+
+/* botao de um formulario que ja foi enviado (classe posta pelo public/js/forms.js): fica apagado,
+   ganha uma rodinha girando ao lado do texto e para de receber clique. vale para qualquer botao
+   (.btn-primary, .btn-secondary, o "Sair" do menu), por isso usa a cor do proprio texto (currentColor) */
+.is-loading {
+    opacity: 0.7;
+    cursor: progress;
+    pointer-events: none;
+}
+
+.is-loading::after {
+    content: "";
+    display: inline-block;
+    flex-shrink: 0;
+    width: 1em;
+    height: 1em;
+    margin-left: 0.5em;
+    vertical-align: -0.15em;
+    border: 2px solid currentColor;
+    border-right-color: transparent;
+    border-radius: 50%;
+    animation: btn-spin 0.7s linear infinite;
+}
+
+@keyframes btn-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* quem pediu menos movimento no sistema ve a rodinha parada (o botao apagado ja avisa) */
+@media (prefers-reduced-motion: reduce) {
+    .is-loading::after {
+        animation: none;
+    }
+}
+
 /* Selects e textareas com o mesmo visual dos inputs */
 .form-group select,
 .form-group textarea {
@@ -68,7 +107,7 @@
     border: 1px solid var(--border);
     border-radius: 8px;
     font-size: 1rem;
-    outline: none;
+    outline: 2px solid transparent;
 }
 
 .form-group select:focus,
@@ -77,6 +116,29 @@
     box-shadow: 0 0 0 3px var(--focus-ring);
 }
 
+/* campo com erro (aria-invalid="true", posto pelo field_error_attr() do helpers.php): borda vermelha
+   mais grossa (a sombra de 1px engrossa sem mexer no tamanho do campo). vem depois das regras de
+   foco de proposito: com o foco no campo, a borda continua vermelha e o anel fica em volta */
+.form-group input[aria-invalid="true"],
+.form-group select[aria-invalid="true"],
+.form-group textarea[aria-invalid="true"] {
+    border-color: var(--error);
+    box-shadow: 0 0 0 1px var(--error);
+}
+
+.form-group input[aria-invalid="true"]:focus,
+.form-group select[aria-invalid="true"]:focus,
+.form-group textarea[aria-invalid="true"]:focus {
+    border-color: var(--error);
+    box-shadow: 0 0 0 1px var(--error), 0 0 0 4px var(--focus-ring);
+}
+
+/* checkbox nao tem borda pra pintar: o erro vira um contorno em volta da caixinha */
+.form-group .checkbox input[aria-invalid="true"] {
+    outline: 2px solid var(--error);
+    outline-offset: 2px;
+}
+
 /* Linha com 2+ campos: um embaixo do outro no celular, lado a lado a partir de 640px */
 .form-row {
     display: grid;
@@ -170,3 +232,51 @@
     border-color: var(--warning);
     color: var(--warning-text);
 }
+
+/* validade do saldo (partials/points-expiry.php): linha pequena embaixo dos pontos,
+   na consulta publica e na tela do cliente no painel */
+.points-expiry {
+    font-size: 0.85rem;
+    margin-top: 0.4rem;
+}
+
+/* botao de envio que vem logo depois de uma linha de campos: um respiro a mais em cima */
+.form-submit {
+    margin-top: 1rem;
+}
+
+/* card de formulario longo (cadastro da loja): no celular segue 100%, em tela grande vai ate 600px.
+   o seletor duplo vence o max-width que o auth.css da ao .auth-container nas telas maiores */
+.auth-container.auth-container-wide {
+    max-width: 600px;
+}
+
+/* barra de progresso: <progress max="100" value="N">. o preenchimento vem do atributo value,
+   entao a view nao precisa de style="width". cada navegador desenha a barra com um
+   pseudo-elemento proprio, e eles nao podem dividir a mesma regra (um seletor desconhecido anula a regra toda) */
+.progress {
+    display: block;
+    width: 100%;
+    height: 0.6rem;
+    -webkit-appearance: none;
+    appearance: none;
+    background: var(--bg-body);
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    overflow: hidden;
+}
+
+.progress::-webkit-progress-bar {
+    background: var(--bg-body);
+    border-radius: 999px;
+}
+
+.progress::-webkit-progress-value {
+    background: var(--primary);
+    border-radius: 999px;
+}
+
+.progress::-moz-progress-bar {
+    background: var(--primary);
+    border-radius: 999px;
+}
diff --git a/public/css/global.css b/public/css/global.css
index f37a3c4..5669564 100644
--- a/public/css/global.css
+++ b/public/css/global.css
@@ -25,6 +25,7 @@
 
    Foco
      --focus-ring       anel de foco de inputs (acessibilidade: o foco precisa ser visivel)
+                        o contorno de foco dos demais elementos (:focus-visible) usa --primary-hover
 
    Papel (cartaz impresso)
      --paper            fundo da folha do cartaz e da impressao (qr code precisa de fundo claro)
@@ -93,3 +94,11 @@ a {
 a:hover {
     color: var(--primary-hover);
 }
+
+/* foco do teclado sempre visivel: links, botoes, menu, <summary>... tudo que recebe tab ganha o
+   mesmo contorno. :focus-visible so vale pra quem navega pelo teclado (clique do mouse nao acende).
+   campos de formulario tem o proprio anel de foco (components.css). */
+:focus-visible {
+    outline: 2px solid var(--primary-hover);
+    outline-offset: 2px;
+}
diff --git a/public/js/forms.js b/public/js/forms.js
new file mode 100644
index 0000000..363c469
--- /dev/null
+++ b/public/js/forms.js
@@ -0,0 +1,47 @@
+"use strict";
+// envio de formulario: o botao clicado mostra "carregando" e um segundo envio do mesmo
+// formulario e barrado (clique duplo ou enter repetido lancaria pontos duas vezes).
+// e so conforto: sem js o formulario segue funcionando, e o servidor continua validando tudo.
+//
+// vale para todo <form> da pagina, sem atributo nenhum no html.
+// sem import/export de proposito: o arquivo e carregado como script comum (<script src>).
+// o botao nao recebe "disabled": botao desabilitado nao e enviado junto com o formulario e perde
+// o foco do teclado. quem barra o segundo envio e a marca no <form>; o css (.is-loading) so mostra.
+function startSubmit(form, button) {
+    if (form.dataset.submitting === "1")
+        return false;
+    form.dataset.submitting = "1";
+    if (button) {
+        button.classList.add("is-loading");
+        button.setAttribute("aria-busy", "true");
+        button.setAttribute("aria-disabled", "true");
+    }
+    return true;
+}
+function resetSubmit(form) {
+    delete form.dataset.submitting;
+    form.querySelectorAll(".is-loading").forEach((button) => {
+        button.classList.remove("is-loading");
+        button.removeAttribute("aria-busy");
+        button.removeAttribute("aria-disabled");
+    });
+}
+// escuta no document: roda depois do onsubmit do proprio formulario, entao um confirm()
+// cancelado ja chega aqui com defaultPrevented e o botao nao fica preso em "carregando".
+document.addEventListener("submit", (event) => {
+    var _a;
+    if (event.defaultPrevented)
+        return;
+    const form = event.target;
+    // submitter e o botao que disparou o envio; no enter dentro de um campo, cai no primeiro botao de envio
+    const button = (_a = event.submitter) !== null && _a !== void 0 ? _a : form.querySelector('button[type="submit"], button:not([type])');
+    if (!startSubmit(form, button))
+        event.preventDefault();
+});
+// voltar do navegador pode trazer a pagina guardada como estava (bfcache), com o botao
+// ainda em "carregando": nesse caso libera tudo de novo.
+window.addEventListener("pageshow", (event) => {
+    if (!event.persisted)
+        return;
+    document.querySelectorAll("form").forEach(resetSubmit);
+});
diff --git a/src/Controllers/MerchantController.php b/src/Controllers/MerchantController.php
index b534529..336a262 100644
--- a/src/Controllers/MerchantController.php
+++ b/src/Controllers/MerchantController.php
@@ -44,6 +44,8 @@ class MerchantController {
     private const UNDO_BANNER_SECONDS = 120;
     private const RECENT_CUSTOMERS = 5;
     private const MAX_POINTS_RULE_CENTS = 100000000;
+    // prazos de validade dos pontos que a loja pode escolher, em meses sem movimentacao (task 31)
+    public const EXPIRY_MONTHS_OPTIONS = [3, 6, 12, 18, 24, 36];
     private const MAX_LOGIN_FAILURES = 5;         // mesmo e-mail + mesmo ip
     private const MAX_LOGIN_FAILURES_PER_IP = 20; // mesmo ip, somando todas as contas
     private const LOGIN_WINDOW_SECONDS = 900;
@@ -136,12 +138,33 @@ public function renderPointsRule() {
             return;
         }
 
-        View::render('merchant/points-rule', ['ruleCents' => $this->pointsRule()]);
+        View::render('merchant/points-rule', [
+            'ruleCents'     => $this->pointsRule(),
+            'expiryMonths'  => $this->pointsExpiryMonths(),
+            'expiryOptions' => self::EXPIRY_MONTHS_OPTIONS,
+        ]);
+    }
+
+    // validade dos pontos da loja logada, em meses sem movimentacao (null = nao vencem). so depois do authGuard.
+    private function pointsExpiryMonths(): ?int {
+        $months = $this->merchant['points_expiry_months'] ?? null;
+        return $months === null ? null : (int)$months;
     }
 
     private function handlePointsRule(int $merchantId) {
         Csrf::verify();
 
+        // validade dos pontos (task 31): um dos prazos da lista, ou "never" pra desligar o vencimento
+        if (($_POST['action'] ?? '') === 'expiry') {
+            $choice = (string)($_POST['expiry_months'] ?? '');
+            if ($choice !== 'never' && !in_array($choice, array_map('strval', self::EXPIRY_MONTHS_OPTIONS), true)) {
+                redirect('merchant/points-rule', ['error' => 'validade_invalida']);
+            }
+
+            $this->merchantModel->updatePointsExpiry($merchantId, $choice === 'never' ? null : (int)$choice);
+            redirect('merchant/points-rule', ['success' => 'validade_salva']);
+        }
+
         if (($_POST['action'] ?? '') === 'clear') {
             $this->merchantModel->updatePointsRule($merchantId, null);
             redirect('merchant/points-rule', ['success' => 'regra_removida']);
diff --git a/src/Models/LoyaltyCardModel.php b/src/Models/LoyaltyCardModel.php
index b57f331..10a989c 100644
--- a/src/Models/LoyaltyCardModel.php
+++ b/src/Models/LoyaltyCardModel.php
@@ -33,10 +33,16 @@ public function findOrCreate($merchantId, $customerId, ?string $customerName = n
     }
 
     // cartao do cliente (pelo telefone) nesta loja. cartao anonimizado nao tem mais telefone, entao nao aparece.
+    // expires_at: quando o saldo vence pela validade da loja (ultima movimentacao + prazo, a mesma conta
+    // do EXPIRABLE la embaixo). NULL quando nao ha o que vencer: sem saldo ou loja sem prazo.
     public function findByMerchantAndPhone($merchantId, $phone) {
-        $sql = 'SELECT lc.id, lc.current_points, lc.total_accumulated, lc.customer_name, lc.consent_at, lc.consent_version, c.phone
+        $sql = 'SELECT lc.id, lc.current_points, lc.total_accumulated, lc.customer_name, lc.consent_at, lc.consent_version, c.phone,
+                       CASE WHEN lc.current_points > 0 AND m.points_expiry_months IS NOT NULL
+                            THEN COALESCE(lc.last_use_at, lc.created_at) + INTERVAL m.points_expiry_months MONTH
+                       END AS expires_at
                 FROM loyalty_cards lc
                 JOIN customers c ON c.id = lc.customer_id
+                JOIN merchants m ON m.id = lc.merchant_id
                 WHERE lc.merchant_id = :merchant_id AND c.phone = :phone';
         $stmt = $this->db->prepare($sql);
         $stmt->execute([
@@ -169,6 +175,90 @@ public function redeem($cardId, $reward) {
         }
     }
 
+    // validade dos pontos (task 31): saldo parado alem do prazo da loja (merchants.points_expiry_months).
+    // o prazo conta da ultima movimentacao do cartao (cartao sem nenhuma conta da criacao). ficam de fora:
+    // cartao sem saldo ou anonimizado, loja sem prazo (pontos nao vencem) e loja inativa (saldo congelado).
+    private const EXPIRABLE = "lc.current_points > 0 AND lc.anonymized_at IS NULL
+                               AND m.status = 'active' AND m.points_expiry_months IS NOT NULL
+                               AND COALESCE(lc.last_use_at, lc.created_at) <= NOW() - INTERVAL m.points_expiry_months MONTH";
+
+    // quantos cartoes e quantos pontos venceriam agora (so consulta, nao altera nada)
+    public function countExpirable(): array {
+        $row = $this->db->query(
+            'SELECT COUNT(*) AS cards, COALESCE(SUM(lc.current_points), 0) AS points
+             FROM loyalty_cards lc JOIN merchants m ON m.id = lc.merchant_id
+             WHERE ' . self::EXPIRABLE
+        )->fetch(\PDO::FETCH_ASSOC);
+
+        return ['cards' => (int)$row['cards'], 'points' => (int)$row['points']];
+    }
+
+    // vence o saldo de um cartao: zera os pontos e registra um 'expire' no historico (tudo ou nada).
+    // confere a regra de novo com o cartao travado: se o cliente movimentou (ou a loja mudou o prazo)
+    // entre a busca e este momento, nada vence. devolve quantos pontos venceram (0 = nada a vencer).
+    // o total acumulado e a data da ultima movimentacao ficam como estavam: vencer nao e movimentacao do cliente.
+    public function expire($cardId): int {
+        $this->db->beginTransaction();
+        try {
+            // trava o cartao: lancamento ou resgate ao mesmo tempo espera o commit e ja ve o saldo certo
+            $stmt = $this->db->prepare('SELECT current_points FROM loyalty_cards WHERE id = :id FOR UPDATE');
+            $stmt->execute([':id' => $cardId]);
+            $points = (int)$stmt->fetchColumn();
+
+            $stmt = $this->db->prepare(
+                'SELECT m.points_expiry_months
+                 FROM loyalty_cards lc JOIN merchants m ON m.id = lc.merchant_id
+                 WHERE lc.id = :id AND ' . self::EXPIRABLE
+            );
+            $stmt->execute([':id' => $cardId]);
+            $months = $stmt->fetchColumn();
+
+            if ($months === false) {
+                $this->db->rollBack();
+                return 0;
+            }
+
+            $this->db->prepare('UPDATE loyalty_cards SET current_points = 0 WHERE id = :id')
+                ->execute([':id' => $cardId]);
+
+            $description = 'Pontos vencidos: ' . (int)$months . ' meses sem movimentação';
+            $this->log($cardId, 'expire', $points, $description, null);
+
+            $this->db->commit();
+            return $points;
+        } catch (\Throwable $e) {
+            $this->db->rollBack();
+            throw $e;
+        }
+    }
+
+    // rotina do bin/expire-points.php: vence todos os saldos parados, um cartao por transacao
+    // (uma falha no meio nao desfaz os que ja venceram, e nenhuma trava fica aberta por muito tempo).
+    // devolve ['cards' => cartoes vencidos, 'points' => pontos vencidos]. rodar de novo nao vence nada em dobro.
+    public function expireIdle(int $batchSize = 200): array {
+        $total = ['cards' => 0, 'points' => 0];
+
+        do {
+            $ids = $this->db->query(
+                'SELECT lc.id FROM loyalty_cards lc JOIN merchants m ON m.id = lc.merchant_id
+                 WHERE ' . self::EXPIRABLE . ' ORDER BY lc.id LIMIT ' . (int)$batchSize
+            )->fetchAll(\PDO::FETCH_COLUMN);
+
+            $expiredInBatch = 0;
+            foreach ($ids as $cardId) {
+                $points = $this->expire($cardId);
+                if ($points > 0) {
+                    $expiredInBatch++;
+                    $total['cards']++;
+                    $total['points'] += $points;
+                }
+            }
+            // lote cheio = pode haver mais; lote sem nenhum vencimento = os que sobraram deixaram de valer, para
+        } while (count($ids) === $batchSize && $expiredInBatch > 0);
+
+        return $total;
+    }
+
     // filtro de busca por nome ou telefone. so numero (com ou sem mascara) busca no telefone;
     // qualquer outra coisa busca no nome. % e _ do que foi digitado valem como letra, nao como coringa.
     private function searchClause(string $search): array {
diff --git a/src/Models/MerchantModel.php b/src/Models/MerchantModel.php
index bb530a7..c742cc7 100644
--- a/src/Models/MerchantModel.php
+++ b/src/Models/MerchantModel.php
@@ -42,7 +42,7 @@ public function findByEmail($email){
     // dados que o authGuard confere a cada requisicao (o hash da senha serve pra derrubar
     // as sessoes antigas quando a senha e trocada, ver SessionGuard::passwordSignature)
     public function findById($merchantId) {
-        $stmt = $this->db->prepare('SELECT id, owner_name, store_name, status, points_rule_cents, password_hash FROM merchants WHERE id = :id');
+        $stmt = $this->db->prepare('SELECT id, owner_name, store_name, status, points_rule_cents, points_expiry_months, password_hash FROM merchants WHERE id = :id');
         $stmt->execute([':id' => $merchantId]);
 
         return $stmt->fetch(\PDO::FETCH_ASSOC);
@@ -54,6 +54,12 @@ public function updatePointsRule($merchantId, ?int $ruleCents): void {
         $stmt->execute([':rule' => $ruleCents, ':id' => $merchantId]);
     }
 
+    // validade dos pontos em meses sem movimentacao; null = os pontos da loja nao vencem
+    public function updatePointsExpiry($merchantId, ?int $months): void {
+        $stmt = $this->db->prepare('UPDATE merchants SET points_expiry_months = :months WHERE id = :id');
+        $stmt->execute([':months' => $months, ':id' => $merchantId]);
+    }
+
     // dados exibidos na tela de perfil; false se a conta nao existir
     public function findProfile($merchantId) {
         $stmt = $this->db->prepare(
diff --git a/src/Support/helpers.php b/src/Support/helpers.php
index e8ed919..f236204 100644
--- a/src/Support/helpers.php
+++ b/src/Support/helpers.php
@@ -52,17 +52,58 @@ function format_datetime($value): string {
     return $value ? date('d/m/Y H:i', strtotime($value)) : '—';
 }
 
+// timestamp do banco -> "30/09/2026" (so o dia, ex.: vencimento dos pontos)
+function format_date($value): string {
+    return $value ? date('d/m/Y', strtotime($value)) : '—';
+}
+
 // monta a url de uma rota interna, pra usar em links e actions de form
 function url(string $route, array $params = []): string {
     return '/index.php?' . http_build_query(array_merge(['url' => $route], $params));
 }
 
+// marca o campo que causou o erro: devolve os atributos pra colar dentro do <input> quando o
+// codigo de erro da tela aponta pro campo $field (pelo name), ou texto vazio.
+// aria-invalid pinta a borda (components.css) e avisa o leitor de tela; aria-describedby liga o
+// campo a mensagem (o id="flash-error" do partials/flash.php).
+// $code: por padrao o ?error= da url; tela que nao usa flash (consulta publica) passa o proprio codigo.
+// codigo novo de erro ligado a um campo entra neste mapa.
+function field_error_attr(string $field, ?string $code = null): string {
+    static $fields = [
+        'documento_invalido'        => ['document'],
+        'email_invalido'            => ['email'],
+        'senha_curta'               => ['password', 'new_password'],
+        'senhas_diferentes'         => ['password', 'password_confirm', 'new_password', 'new_password_confirm'],
+        'ja_cadastrado'             => ['email', 'document'],
+        'credenciais_invalidas'     => ['email', 'password'],
+        'senha_atual_incorreta'     => ['current_password'],
+        'telefone_invalido'         => ['phone'],
+        'cliente_nao_encontrado'    => ['phone'],
+        'loja_invalida'             => ['loja'],
+        'nome_obrigatorio'          => ['name'],
+        'consentimento_obrigatorio' => ['consent'],
+        'confirmacao_obrigatoria'   => ['confirm'],
+        'pontos_invalidos'          => ['points'],
+        'valor_invalido'            => ['amount'],
+        'valor_sem_pontos'          => ['amount'],
+        'regra_invalida'            => ['rule'],
+        'validade_invalida'         => ['expiry_months'],
+    ];
+
+    $code ??= $_GET['error'] ?? null;
+    if (!is_string($code) || !in_array($field, $fields[$code] ?? [], true)) {
+        return '';
+    }
+    return ' aria-invalid="true" aria-describedby="flash-error"';
+}
+
 // como cada tipo de movimentacao aparece no extrato e nos relatorios: [rotulo, classe do selo, sinal]
 function log_type_view(string $type): array {
     return match ($type) {
         'earn'     => ['Ganhou', 'badge-earn', '+'],
         'redeem'   => ['Resgatou', 'badge-redeem', '−'],
         'reversal' => ['Estorno', 'badge-reversal', '−'],
+        'expire'   => ['Venceu', 'badge-expire', '−'],
         default    => [$type, '', ''],
     };
 }
diff --git a/src/ts/forms.ts b/src/ts/forms.ts
new file mode 100644
index 0000000..927dffe
--- /dev/null
+++ b/src/ts/forms.ts
@@ -0,0 +1,50 @@
+// envio de formulario: o botao clicado mostra "carregando" e um segundo envio do mesmo
+// formulario e barrado (clique duplo ou enter repetido lancaria pontos duas vezes).
+// e so conforto: sem js o formulario segue funcionando, e o servidor continua validando tudo.
+//
+// vale para todo <form> da pagina, sem atributo nenhum no html.
+// sem import/export de proposito: o arquivo e carregado como script comum (<script src>).
+
+// o botao nao recebe "disabled": botao desabilitado nao e enviado junto com o formulario e perde
+// o foco do teclado. quem barra o segundo envio e a marca no <form>; o css (.is-loading) so mostra.
+function startSubmit(form: HTMLFormElement, button: HTMLElement | null): boolean {
+    if (form.dataset.submitting === "1") return false;
+
+    form.dataset.submitting = "1";
+    if (button) {
+        button.classList.add("is-loading");
+        button.setAttribute("aria-busy", "true");
+        button.setAttribute("aria-disabled", "true");
+    }
+    return true;
+}
+
+function resetSubmit(form: HTMLFormElement): void {
+    delete form.dataset.submitting;
+    form.querySelectorAll<HTMLElement>(".is-loading").forEach((button) => {
+        button.classList.remove("is-loading");
+        button.removeAttribute("aria-busy");
+        button.removeAttribute("aria-disabled");
+    });
+}
+
+// escuta no document: roda depois do onsubmit do proprio formulario, entao um confirm()
+// cancelado ja chega aqui com defaultPrevented e o botao nao fica preso em "carregando".
+document.addEventListener("submit", (event) => {
+    if (event.defaultPrevented) return;
+
+    const form = event.target as HTMLFormElement;
+    // submitter e o botao que disparou o envio; no enter dentro de um campo, cai no primeiro botao de envio
+    const button =
+        event.submitter ??
+        form.querySelector<HTMLElement>('button[type="submit"], button:not([type])');
+
+    if (!startSubmit(form, button)) event.preventDefault();
+});
+
+// voltar do navegador pode trazer a pagina guardada como estava (bfcache), com o botao
+// ainda em "carregando": nesse caso libera tudo de novo.
+window.addEventListener("pageshow", (event) => {
+    if (!event.persisted) return;
+    document.querySelectorAll<HTMLFormElement>("form").forEach(resetSubmit);
+});
diff --git a/tests/Feature/FieldErrorTest.php b/tests/Feature/FieldErrorTest.php
new file mode 100644
index 0000000..8db4a4f
--- /dev/null
+++ b/tests/Feature/FieldErrorTest.php
@@ -0,0 +1,60 @@
+<?php
+
+namespace Tests\Feature;
+
+use Tests\Support\HttpTestCase;
+
+// campo com erro sai marcado (aria-invalid) e ligado a mensagem (aria-describedby -> id da mensagem)
+final class FieldErrorTest extends HttpTestCase {
+    private const MARCADO = ' aria-invalid="true" aria-describedby="flash-error"';
+
+    public function testLoginErradoMarcaEmailESenha(): void {
+        $this->createMerchant('erro@teste.test');
+        [, $location] = $this->post('merchant/login', ['email' => 'erro@teste.test', 'password' => 'errada'], true, 'merchant/login');
+
+        $this->get($location);
+        $this->assertStringContainsString('id="flash-error" role="alert"', $this->lastBody);
+        $this->assertStringContainsString('name="email" id="email"' . self::MARCADO, $this->lastBody);
+        $this->assertStringContainsString('name="password" id="password"' . self::MARCADO, $this->lastBody);
+    }
+
+    public function testTelaSemErroNaoMarcaNada(): void {
+        $this->get('merchant/login');
+        $this->assertStringNotContainsString('aria-invalid', $this->lastBody);
+        $this->assertStringNotContainsString('flash-error', $this->lastBody);
+    }
+
+    public function testErroDeUmCampoNaoMarcaOsOutros(): void {
+        $this->get('merchant/register&error=documento_invalido');
+        $this->assertStringContainsString('name="document" id="document"' . self::MARCADO, $this->lastBody);
+        $this->assertSame(1, substr_count($this->lastBody, 'aria-invalid'));
+    }
+
+    public function testCodigoDesconhecidoNaUrlNaoMarcaNada(): void {
+        $this->get('merchant/register&error=' . urlencode('"><script>'));
+        $this->assertStringNotContainsString('aria-invalid', $this->lastBody);
+    }
+
+    public function testPontosInvalidosMarcaOCampoDePontos(): void {
+        $m = $this->createMerchant('erro@teste.test');
+        $this->db->exec("INSERT INTO customers (phone) VALUES ('11911110001')");
+        (new \App\Models\LoyaltyCardModel($this->db))->findOrCreate($m, (int)$this->db->lastInsertId(), 'Bia', \App\Support\Privacy::VERSION);
+        $this->loginAs('erro@teste.test');
+
+        $this->get('merchant/customer&phone=11911110001&error=pontos_invalidos');
+        $this->assertStringContainsString('name="points" id="points"' . self::MARCADO, $this->lastBody);
+    }
+
+    public function testConsultaPublicaMarcaTelefoneInvalido(): void {
+        $code = $this->publicCode($this->createMerchant('erro@teste.test'));
+        $this->post('customer/balance', ['phone' => '123', 'loja' => $code], true, 'customer/balance&loja=' . $code);
+
+        $this->assertStringContainsString('id="flash-error" role="alert"', $this->lastBody);
+        $this->assertStringContainsString('name="phone" id="phone"' . self::MARCADO, $this->lastBody);
+    }
+
+    public function testMensagemDeSucessoTemPapelDeStatus(): void {
+        $this->get('merchant/login&success=logout');
+        $this->assertStringContainsString('id="flash-success" role="status"', $this->lastBody);
+    }
+}
diff --git a/tests/Feature/FormsScriptTest.php b/tests/Feature/FormsScriptTest.php
new file mode 100644
index 0000000..792e2f5
--- /dev/null
+++ b/tests/Feature/FormsScriptTest.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Tests\Feature;
+
+use Tests\Support\HttpTestCase;
+
+// as paginas com formulario carregam o script do botao "carregando" (a logica dele e testada em tests/js)
+final class FormsScriptTest extends HttpTestCase {
+    public function testLoginECadastroCarregamOScript(): void {
+        $this->get('merchant/login');
+        $this->assertStringContainsString('src="/js/forms.js"', $this->lastBody);
+
+        $this->get('merchant/register');
+        $this->assertStringContainsString('src="/js/forms.js"', $this->lastBody);
+    }
+
+    public function testConsultaPublicaCarregaOScript(): void {
+        $code = $this->publicCode($this->createMerchant('forms@teste.test'));
+        $this->get('customer/balance&loja=' . $code);
+        $this->assertStringContainsString('src="/js/forms.js"', $this->lastBody);
+    }
+
+    public function testPainelCarregaOScript(): void {
+        $this->createMerchant('forms@teste.test');
+        $this->loginAs('forms@teste.test');
+        $this->get('merchant/dashboard');
+        $this->assertStringContainsString('src="/js/forms.js"', $this->lastBody);
+    }
+
+    public function testOArquivoCompiladoExiste(): void {
+        $this->assertFileExists(__DIR__ . '/../../public/js/forms.js');
+    }
+}
diff --git a/tests/Feature/PointsExpiryConfigTest.php b/tests/Feature/PointsExpiryConfigTest.php
new file mode 100644
index 0000000..7b3d9f4
--- /dev/null
+++ b/tests/Feature/PointsExpiryConfigTest.php
@@ -0,0 +1,92 @@
+<?php
+
+namespace Tests\Feature;
+
+use Tests\Support\HttpTestCase;
+
+// task 31: prazo de validade dos pontos, configurado por loja na tela Regra de pontos
+final class PointsExpiryConfigTest extends HttpTestCase {
+    private const SCREEN = 'merchant/points-rule';
+
+    private function months(int $merchant) {
+        return $this->scalar('SELECT points_expiry_months FROM merchants WHERE id = ?', [$merchant]);
+    }
+
+    private function save(string $choice): ?string {
+        return $this->post(self::SCREEN, ['action' => 'expiry', 'expiry_months' => $choice], true, self::SCREEN)[1];
+    }
+
+    public function testLojaNovaComecaComDozeMeses(): void {
+        $merchant = $this->createMerchant('loja@teste.test');
+        $this->loginAs('loja@teste.test');
+
+        $this->assertSame(12, (int)$this->months($merchant));
+        $this->get(self::SCREEN);
+        $this->assertStringContainsString('Validade atual: <strong>12 meses</strong>', $this->lastBody);
+        $this->assertStringContainsString('<option value="12" selected>', $this->lastBody);
+    }
+
+    public function testLojaTrocaOPrazoEDesligaOVencimento(): void {
+        $merchant = $this->createMerchant('loja@teste.test');
+        $this->loginAs('loja@teste.test');
+
+        $this->assertSame(self::SCREEN . '&success=validade_salva', $this->save('6'));
+        $this->assertSame(6, (int)$this->months($merchant));
+
+        $this->assertSame(self::SCREEN . '&success=validade_salva', $this->save('never'));
+        $this->assertNull($this->months($merchant));
+
+        $this->get(self::SCREEN);
+        $this->assertStringContainsString('os pontos não vencem', $this->lastBody);
+        $this->assertStringContainsString('<option value="never" selected>', $this->lastBody);
+    }
+
+    public function testPrazoForaDaListaERecusado(): void {
+        $merchant = $this->createMerchant('loja@teste.test');
+        $this->loginAs('loja@teste.test');
+
+        foreach (['0', '5', '-12', '999', 'abc', '', '12.5'] as $choice) {
+            $this->assertSame(self::SCREEN . '&error=validade_invalida', $this->save($choice), $choice);
+        }
+        $this->assertSame(12, (int)$this->months($merchant));
+
+        $this->get(self::SCREEN . '&error=validade_invalida');
+        $this->assertStringContainsString('name="expiry_months" id="expiry_months" aria-invalid="true"', $this->lastBody);
+    }
+
+    public function testSalvarAValidadeNaoMexeNaRegraDePontos(): void {
+        $merchant = $this->createMerchant('loja@teste.test');
+        $this->db->exec("UPDATE merchants SET points_rule_cents = 500 WHERE id = $merchant");
+        $this->loginAs('loja@teste.test');
+
+        $this->save('24');
+        $this->assertSame(500, (int)$this->scalar('SELECT points_rule_cents FROM merchants WHERE id = ?', [$merchant]));
+    }
+
+    public function testPrazoDeUmaLojaNaoMudaODaOutra(): void {
+        $lojaA = $this->createMerchant('a@teste.test');
+        $lojaB = $this->createMerchant('b@teste.test');
+        $this->loginAs('b@teste.test');
+
+        $this->save('3');
+        $this->assertSame(12, (int)$this->months($lojaA));
+        $this->assertSame(3, (int)$this->months($lojaB));
+    }
+
+    public function testSemLoginNaoSalva(): void {
+        $merchant = $this->createMerchant('loja@teste.test');
+
+        [, $location] = $this->post(self::SCREEN, ['action' => 'expiry', 'expiry_months' => '3'], false);
+        $this->assertSame('merchant/login&error=sessao_expirada', $location);
+        $this->assertSame(12, (int)$this->months($merchant));
+    }
+
+    // a migration e o schema.sql precisam chegar no mesmo lugar: historico aceita o tipo 'expire'
+    public function testHistoricoAceitaOTipoExpire(): void {
+        $type = $this->scalar(
+            "SELECT column_type FROM information_schema.columns
+             WHERE table_schema = DATABASE() AND table_name = 'points_log' AND column_name = 'type'"
+        );
+        $this->assertStringContainsString("'expire'", (string)$type);
+    }
+}
diff --git a/tests/Feature/PointsExpiryScreenTest.php b/tests/Feature/PointsExpiryScreenTest.php
new file mode 100644
index 0000000..49213f3
--- /dev/null
+++ b/tests/Feature/PointsExpiryScreenTest.php
@@ -0,0 +1,124 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\LoyaltyCardModel;
+use Tests\Support\HttpTestCase;
+
+// task 31: a data de vencimento do saldo aparece na consulta publica e na tela do cliente no painel
+final class PointsExpiryScreenTest extends HttpTestCase {
+    private const PHONE = '11922220002';
+
+    private function setUpCard(int $points, string $email = 'loja@teste.test'): array {
+        $merchant = $this->createMerchant($email);
+        $card = $this->createCard($merchant, 'Bia Souza', self::PHONE);
+        if ($points > 0) {
+            (new LoyaltyCardModel($this->db))->addPoints($card, $points, 'Compra');
+        }
+        return [$merchant, $card];
+    }
+
+    // a data esperada sai da mesma conta do banco: ultima movimentacao + prazo da loja
+    private function expectedDate(int $card, int $months): string {
+        return (string)$this->scalar(
+            "SELECT DATE_FORMAT(last_use_at + INTERVAL $months MONTH, '%d/%m/%Y') FROM loyalty_cards WHERE id = ?",
+            [$card]
+        );
+    }
+
+    private function publicBalance(int $merchant): void {
+        $code = $this->publicCode($merchant);
+        $this->post('customer/balance', ['phone' => self::PHONE, 'loja' => $code], true, 'customer/balance&loja=' . $code);
+    }
+
+    public function testConsultaPublicaMostraAteQuandoOsPontosValem(): void {
+        [$merchant, $card] = $this->setUpCard(30);
+
+        $this->publicBalance($merchant);
+        $this->assertStringContainsString(
+            'Pontos válidos até <strong>' . $this->expectedDate($card, 12) . '</strong>',
+            $this->lastBody
+        );
+    }
+
+    public function testTelaDoLojistaMostraAMesmaData(): void {
+        [, $card] = $this->setUpCard(30);
+        $this->loginAs('loja@teste.test');
+
+        $this->get('merchant/customer&phone=' . self::PHONE);
+        $this->assertStringContainsString(
+            'Pontos válidos até <strong>' . $this->expectedDate($card, 12) . '</strong>',
+            $this->lastBody
+        );
+    }
+
+    public function testDataSegueOPrazoDaLoja(): void {
+        [$merchant, $card] = $this->setUpCard(30);
+        $this->db->exec("UPDATE merchants SET points_expiry_months = 3 WHERE id = $merchant");
+
+        $this->publicBalance($merchant);
+        $this->assertStringContainsString('<strong>' . $this->expectedDate($card, 3) . '</strong>', $this->lastBody);
+    }
+
+    public function testLojaEmQueOsPontosNaoVencemNaoMostraData(): void {
+        [$merchant] = $this->setUpCard(30);
+        $this->db->exec("UPDATE merchants SET points_expiry_months = NULL WHERE id = $merchant");
+
+        $this->publicBalance($merchant);
+        $this->assertStringContainsString('30 pts', $this->lastBody);
+        $this->assertStringNotContainsString('points-expiry', $this->lastBody);
+    }
+
+    public function testSemSaldoNaoMostraData(): void {
+        [$merchant] = $this->setUpCard(0);
+
+        $this->publicBalance($merchant);
+        $this->assertStringNotContainsString('points-expiry', $this->lastBody);
+
+        $this->loginAs('loja@teste.test');
+        $this->get('merchant/customer&phone=' . self::PHONE);
+        $this->assertStringNotContainsString('points-expiry', $this->lastBody);
+    }
+
+    // prazo ja passou e a rotina ainda nao rodou: a tela avisa que venceu em vez de prometer uma data no passado
+    public function testSaldoQueJaPassouDoPrazoApareceComoVencido(): void {
+        [$merchant, $card] = $this->setUpCard(30);
+        $this->db->exec("UPDATE loyalty_cards SET last_use_at = NOW() - INTERVAL 13 MONTH WHERE id = $card");
+
+        $this->publicBalance($merchant);
+        $this->assertStringContainsString(
+            'Pontos vencidos em <strong>' . $this->expectedDate($card, 12) . '</strong>',
+            $this->lastBody
+        );
+        $this->assertStringNotContainsString('Pontos válidos até', $this->lastBody);
+    }
+
+    // depois que a rotina vence o saldo, a data some (nao ha mais o que vencer) e o extrato mostra o vencimento
+    public function testDepoisDeVencerADataSomeEOExtratoMostraOVencimento(): void {
+        [, $card] = $this->setUpCard(30);
+        $this->db->exec("UPDATE loyalty_cards SET last_use_at = NOW() - INTERVAL 13 MONTH WHERE id = $card");
+        (new LoyaltyCardModel($this->db))->expireIdle();
+        $this->loginAs('loja@teste.test');
+
+        $this->get('merchant/customer&phone=' . self::PHONE);
+        $this->assertStringContainsString('balance-value">0<', $this->lastBody);
+        $this->assertStringNotContainsString('points-expiry', $this->lastBody);
+
+        $this->get('merchant/statement&phone=' . self::PHONE);
+        $this->assertStringContainsString('badge-expire', $this->lastBody);
+        $this->assertStringContainsString('Venceu', $this->lastBody);
+        $this->assertStringContainsString('Pontos vencidos: 12 meses sem movimentação', $this->lastBody);
+    }
+
+    // LGPD: a data e so desta loja; o prazo de outra loja em que o cliente tambem compra nao aparece aqui
+    public function testDataDeUmaLojaNaoVazaParaOutra(): void {
+        [$lojaA, $cardA] = $this->setUpCard(30, 'a@teste.test');
+        [$lojaB, $cardB] = $this->setUpCard(50, 'b@teste.test');
+        $this->db->exec("UPDATE merchants SET points_expiry_months = 3 WHERE id = $lojaB");
+        $this->db->exec("UPDATE loyalty_cards SET last_use_at = NOW() - INTERVAL 1 MONTH WHERE id = $cardB");
+
+        $this->publicBalance($lojaA);
+        $this->assertStringContainsString('<strong>' . $this->expectedDate($cardA, 12) . '</strong>', $this->lastBody);
+        $this->assertStringNotContainsString($this->expectedDate($cardB, 3), $this->lastBody);
+    }
+}
diff --git a/tests/Feature/RewardProgressScreenTest.php b/tests/Feature/RewardProgressScreenTest.php
index 14eaf7d..c52a39f 100644
--- a/tests/Feature/RewardProgressScreenTest.php
+++ b/tests/Feature/RewardProgressScreenTest.php
@@ -25,8 +25,9 @@ public function testConsultaPublicaMostraFaltamPontosEBarra(): void {
 
         $this->post('customer/balance', ['phone' => '11911110001', 'loja' => $code], true, 'customer/balance&loja=' . $code);
         $this->assertMatchesRegularExpression('/Faltam\s*<strong>20 pontos<\/strong>\s*para\s*<strong>Suco<\/strong>/', $this->lastBody);
-        $this->assertStringContainsString('aria-valuenow="60"', $this->lastBody);
-        $this->assertStringContainsString('width: 60%', $this->lastBody);
+        $this->assertStringContainsString('max="100" value="60"', $this->lastBody);
+        // a largura vem do atributo value: a view nao pode voltar a ter estilo solto
+        $this->assertStringNotContainsString('style=', $this->lastBody);
     }
 
     public function testTelaDoLojistaMostraOMesmoProgresso(): void {
@@ -35,7 +36,7 @@ public function testTelaDoLojistaMostraOMesmoProgresso(): void {
 
         $this->get('merchant/customer&phone=11911110001');
         $this->assertMatchesRegularExpression('/Faltam\s*<strong>20 pontos<\/strong>\s*para\s*<strong>Suco<\/strong>/', $this->lastBody);
-        $this->assertStringContainsString('aria-valuenow="60"', $this->lastBody);
+        $this->assertStringContainsString('max="100" value="60"', $this->lastBody);
     }
 
     public function testSaldoZeroMostraOPrimeiroPremio(): void {
@@ -44,7 +45,7 @@ public function testSaldoZeroMostraOPrimeiroPremio(): void {
 
         $this->get('merchant/customer&phone=11911110001');
         $this->assertMatchesRegularExpression('/Faltam\s*<strong>20 pontos<\/strong>\s*para\s*<strong>Cafe<\/strong>/', $this->lastBody);
-        $this->assertStringContainsString('aria-valuenow="0"', $this->lastBody);
+        $this->assertStringContainsString('max="100" value="0"', $this->lastBody);
     }
 
     public function testQuandoPagaTudoDizQueJaDaParaResgatar(): void {
@@ -53,7 +54,7 @@ public function testQuandoPagaTudoDizQueJaDaParaResgatar(): void {
 
         $this->get('merchant/customer&phone=11911110001');
         $this->assertStringContainsString('Já dá para resgatar qualquer prêmio', $this->lastBody);
-        $this->assertStringContainsString('aria-valuenow="100"', $this->lastBody);
+        $this->assertStringContainsString('max="100" value="100"', $this->lastBody);
     }
 
     public function testLojaSemPremioNaoMostraBarra(): void {
@@ -63,7 +64,7 @@ public function testLojaSemPremioNaoMostraBarra(): void {
         $this->loginAs('loja@teste.test');
 
         $this->get('merchant/customer&phone=11911110001');
-        $this->assertStringNotContainsString('progressbar', $this->lastBody);
+        $this->assertStringNotContainsString('<progress', $this->lastBody);
     }
 
     public function testPremioInativoNaoEntraNoProgresso(): void {
diff --git a/tests/Integration/PointsExpiryTest.php b/tests/Integration/PointsExpiryTest.php
new file mode 100644
index 0000000..a242e69
--- /dev/null
+++ b/tests/Integration/PointsExpiryTest.php
@@ -0,0 +1,148 @@
+<?php
+
+namespace Tests\Integration;
+
+use App\Models\LoyaltyCardModel;
+use Tests\Support\DatabaseTestCase;
+
+// task 31: saldo parado alem do prazo da loja vence e fica registrado no historico
+final class PointsExpiryTest extends DatabaseTestCase {
+    private LoyaltyCardModel $cards;
+    private int $merchant;
+    private int $card;
+
+    protected function setUp(): void {
+        parent::setUp();
+        $this->cards = new LoyaltyCardModel($this->db);
+        $this->merchant = $this->createMerchant(); // nasce com 12 meses de validade
+        $this->card = $this->createCard($this->merchant, 'Bia', '11922220002');
+    }
+
+    // lanca pontos e empurra a ultima movimentacao do cartao pra $months meses atras
+    private function idleCard(int $card, int $points, int $months): void {
+        $this->cards->addPoints($card, $points, 'Compra');
+        $this->db->exec("UPDATE loyalty_cards SET last_use_at = NOW() - INTERVAL $months MONTH WHERE id = $card");
+    }
+
+    private function balance(int $card): int {
+        return (int)$this->scalar('SELECT current_points FROM loyalty_cards WHERE id = ?', [$card]);
+    }
+
+    public function testSaldoParadoAlemDoPrazoVenceEFicaNoHistorico(): void {
+        $this->idleCard($this->card, 80, 13);
+        $before = $this->db->query("SELECT last_use_at, total_accumulated FROM loyalty_cards WHERE id = {$this->card}")->fetch();
+
+        $this->assertSame(['cards' => 1, 'points' => 80], $this->cards->countExpirable());
+        $this->assertSame(['cards' => 1, 'points' => 80], $this->cards->expireIdle());
+
+        $this->assertSame(0, $this->balance($this->card));
+        $log = $this->db->query("SELECT quantity, description, reward_id, reverses_id FROM points_log WHERE type = 'expire'")->fetch();
+        $this->assertSame(80, (int)$log['quantity']);
+        $this->assertSame('Pontos vencidos: 12 meses sem movimentação', $log['description']);
+        $this->assertNull($log['reward_id']);
+        $this->assertNull($log['reverses_id']);
+
+        // vencer nao e movimentacao do cliente: total acumulado e ultima movimentacao ficam como estavam
+        $after = $this->db->query("SELECT last_use_at, total_accumulated FROM loyalty_cards WHERE id = {$this->card}")->fetch();
+        $this->assertSame($before, $after);
+    }
+
+    public function testDentroDoPrazoNaoVence(): void {
+        $this->idleCard($this->card, 80, 11);
+
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+        $this->assertSame(80, $this->balance($this->card));
+        $this->assertSame(0, (int)$this->scalar("SELECT COUNT(*) FROM points_log WHERE type = 'expire'"));
+    }
+
+    public function testRodarDeNovoNaoVenceEmDobro(): void {
+        $this->idleCard($this->card, 80, 13);
+
+        $this->cards->expireIdle();
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+        $this->assertSame(1, (int)$this->scalar("SELECT COUNT(*) FROM points_log WHERE type = 'expire'"));
+    }
+
+    public function testMovimentacaoNovaRenovaOPrazoDoSaldoInteiro(): void {
+        $this->idleCard($this->card, 80, 13);
+        $this->cards->addPoints($this->card, 5, 'Compra'); // cliente voltou antes da rotina rodar
+
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+        $this->assertSame(85, $this->balance($this->card));
+    }
+
+    public function testCadaLojaTemOSeuPrazo(): void {
+        $lojaCurta = $this->createMerchant('curta@teste.test');
+        $this->db->exec("UPDATE merchants SET points_expiry_months = 3 WHERE id = $lojaCurta");
+        $cardCurta = $this->createCard($lojaCurta, 'Bia', '11922220002');
+
+        // o mesmo cliente, 4 meses parado nas duas lojas: so vence na de 3 meses
+        $this->idleCard($this->card, 50, 4);
+        $this->idleCard($cardCurta, 30, 4);
+
+        $this->assertSame(['cards' => 1, 'points' => 30], $this->cards->expireIdle());
+        $this->assertSame(50, $this->balance($this->card));
+        $this->assertSame(0, $this->balance($cardCurta));
+        $this->assertSame(
+            'Pontos vencidos: 3 meses sem movimentação',
+            $this->scalar("SELECT description FROM points_log WHERE type = 'expire'")
+        );
+    }
+
+    public function testLojaSemPrazoNaoVenceNunca(): void {
+        $this->db->exec("UPDATE merchants SET points_expiry_months = NULL WHERE id = {$this->merchant}");
+        $this->idleCard($this->card, 80, 60);
+
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+        $this->assertSame(80, $this->balance($this->card));
+    }
+
+    public function testLojaInativaFicaComOSaldoCongelado(): void {
+        $this->db->exec("UPDATE merchants SET status = 'inactive' WHERE id = {$this->merchant}");
+        $this->idleCard($this->card, 80, 13);
+
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+        $this->assertSame(80, $this->balance($this->card));
+    }
+
+    public function testCartaoSemSaldoOuAnonimizadoFicaDeFora(): void {
+        // sem saldo: nada a vencer, e nao gera linha de 0 pontos no historico
+        $this->db->exec("UPDATE loyalty_cards SET last_use_at = NOW() - INTERVAL 13 MONTH WHERE id = {$this->card}");
+
+        $outro = $this->createCard($this->merchant, 'Caio', '11933330003');
+        $this->idleCard($outro, 40, 13);
+        $this->cards->anonymize($outro, $this->merchant);
+
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+        $this->assertSame(0, (int)$this->scalar("SELECT COUNT(*) FROM points_log WHERE type = 'expire'"));
+    }
+
+    // a rotina confere a regra de novo com o cartao travado: chamar direto num cartao em dia nao vence nada
+    public function testExpireDeUmCartaoEmDiaNaoFazNada(): void {
+        $this->idleCard($this->card, 80, 2);
+
+        $this->assertSame(0, $this->cards->expire($this->card));
+        $this->assertSame(80, $this->balance($this->card));
+    }
+
+    public function testVenceVariosCartoesEmLotes(): void {
+        $this->idleCard($this->card, 10, 13);
+        foreach (['11933330003', '11944440004', '11955550005', '11966660006'] as $i => $phone) {
+            $this->idleCard($this->createCard($this->merchant, "Cliente $i", $phone), 10, 13);
+        }
+
+        // lote de 2: precisa de mais de uma volta pra vencer os 5
+        $this->assertSame(['cards' => 5, 'points' => 50], $this->cards->expireIdle(2));
+        $this->assertSame(0, (int)$this->scalar('SELECT COALESCE(SUM(current_points), 0) FROM loyalty_cards'));
+    }
+
+    // depois de vencer, o cliente volta a acumular normalmente
+    public function testClienteAcumulaDeNovoDepoisDoVencimento(): void {
+        $this->idleCard($this->card, 80, 13);
+        $this->cards->expireIdle();
+
+        $this->cards->addPoints($this->card, 15, 'Compra');
+        $this->assertSame(15, $this->balance($this->card));
+        $this->assertSame(['cards' => 0, 'points' => 0], $this->cards->expireIdle());
+    }
+}
diff --git a/tests/Unit/HelpersTest.php b/tests/Unit/HelpersTest.php
index 2ac8ca0..fd1d925 100644
--- a/tests/Unit/HelpersTest.php
+++ b/tests/Unit/HelpersTest.php
@@ -12,4 +12,36 @@ public function testFormatDocument(): void {
         $this->assertSame('123', format_document('123'), 'tamanho desconhecido sai so com os digitos');
         $this->assertSame('', format_document(null));
     }
+
+    public function testFormatDateMostraSoODia(): void {
+        $this->assertSame('08/10/2027', format_date('2027-10-08 21:15:00'));
+        $this->assertSame('—', format_date(null));
+    }
+
+    public function testVencimentoTemRotuloESeloProprioNoExtrato(): void {
+        $this->assertSame(['Venceu', 'badge-expire', '−'], log_type_view('expire'));
+    }
+
+    public function testFieldErrorAttrMarcaSoOCampoQueOErroAponta(): void {
+        $marcado = ' aria-invalid="true" aria-describedby="flash-error"';
+
+        $this->assertSame($marcado, field_error_attr('email', 'email_invalido'));
+        $this->assertSame('', field_error_attr('phone', 'email_invalido'), 'outro campo da mesma tela fica limpo');
+        $this->assertSame($marcado, field_error_attr('password_confirm', 'senhas_diferentes'), 'erro que aponta dois campos');
+        $this->assertSame('', field_error_attr('email', 'erro_servidor'), 'erro geral nao marca campo');
+        $this->assertSame('', field_error_attr('email', 'codigo_inventado'));
+    }
+
+    public function testFieldErrorAttrSemCodigoUsaOErroDaUrl(): void {
+        $_GET['error'] = 'telefone_invalido';
+        try {
+            $this->assertNotSame('', field_error_attr('phone'));
+            $this->assertSame('', field_error_attr('email'));
+
+            unset($_GET['error']);
+            $this->assertSame('', field_error_attr('phone'), 'sem erro na url nada e marcado');
+        } finally {
+            unset($_GET['error']);
+        }
+    }
 }
diff --git a/tests/js/forms.test.js b/tests/js/forms.test.js
new file mode 100644
index 0000000..2fcc879
--- /dev/null
+++ b/tests/js/forms.test.js
@@ -0,0 +1,63 @@
+// testa o bloqueio de envio duplo de public/js/forms.js (compilado de src/ts/forms.ts) sem navegador: node tests/js/forms.test.js
+const vm = require('vm'), fs = require('fs'), assert = require('assert');
+
+// o minimo de DOM que o forms.js usa: guarda os listeners pra disparar os eventos na mao
+const listeners = {};
+const listen = (type, fn) => { listeners[type] = fn; };
+const makeButton = () => {
+    const classes = new Set(), attrs = {};
+    return {
+        classes, attrs,
+        classList: { add: (c) => classes.add(c), remove: (c) => classes.delete(c) },
+        setAttribute: (k, v) => { attrs[k] = v; },
+        removeAttribute: (k) => { delete attrs[k]; },
+    };
+};
+const makeForm = (button) => ({
+    dataset: {},
+    querySelector: () => button,
+    querySelectorAll: () => (button.classes.has('is-loading') ? [button] : []),
+});
+const submit = (form, extra) => {
+    const event = Object.assign({ target: form, defaultPrevented: false, submitter: null }, extra);
+    event.preventDefault = () => { event.defaultPrevented = true; };
+    listeners.submit(event);
+    return event;
+};
+
+const forms = [];
+const ctx = { document: { addEventListener: listen, querySelectorAll: () => forms }, window: { addEventListener: listen } };
+vm.createContext(ctx);
+vm.runInContext(fs.readFileSync(require('path').join(__dirname, '../../public/js/forms.js'), 'utf8'), ctx);
+
+// primeiro envio passa e o botao clicado entra em "carregando"
+let button = makeButton(), form = makeForm(button);
+forms.push(form);
+assert.strictEqual(submit(form, { submitter: button }).defaultPrevented, false, 'primeiro envio passa');
+assert.ok(button.classes.has('is-loading'), 'botao em carregando');
+assert.strictEqual(button.attrs['aria-busy'], 'true');
+assert.strictEqual(button.attrs.disabled, undefined, 'botao nao fica disabled');
+
+// segundo envio do mesmo formulario e barrado
+assert.strictEqual(submit(form, { submitter: button }).defaultPrevented, true, 'segundo envio barrado');
+
+// voltar do navegador com a pagina guardada (bfcache) libera de novo; carga normal nao mexe
+listeners.pageshow({ persisted: false });
+assert.ok(button.classes.has('is-loading'), 'carga normal nao mexe');
+listeners.pageshow({ persisted: true });
+assert.ok(!button.classes.has('is-loading'), 'bfcache libera o botao');
+assert.strictEqual(button.attrs['aria-busy'], undefined);
+assert.strictEqual(submit(form, { submitter: button }).defaultPrevented, false, 'envia de novo depois de voltar');
+
+// confirm() cancelado (onsubmit devolveu false): nada de carregando, e o proximo envio continua valendo
+button = makeButton(); form = makeForm(button);
+submit(form, { submitter: button, defaultPrevented: true });
+assert.ok(!button.classes.has('is-loading'), 'envio cancelado nao marca o botao');
+assert.strictEqual(submit(form, { submitter: button }).defaultPrevented, false, 'envia depois do cancelamento');
+
+// enter dentro de um campo (sem submitter): usa o primeiro botao de envio do formulario
+button = makeButton(); form = makeForm(button);
+submit(form);
+assert.ok(button.classes.has('is-loading'), 'enter marca o botao de envio');
+
+console.log('ok');
diff --git a/views/auth/merchant/login.php b/views/auth/merchant/login.php
index 637778e..95414d7 100644
--- a/views/auth/merchant/login.php
+++ b/views/auth/merchant/login.php
@@ -25,12 +25,12 @@
 
             <div class="form-group">
                 <label for="email">E-mail Comercial</label>
-                <input type="email" name="email" id="email" placeholder="seu@email.com" required autocomplete="email">
+                <input type="email" name="email" id="email"<?= field_error_attr('email') ?> placeholder="seu@email.com" required autocomplete="email">
             </div>
 
             <div class="form-group">
                 <label for="password">Senha</label>
-                <input type="password" name="password" id="password" placeholder="••••••••" required>
+                <input type="password" name="password" id="password"<?= field_error_attr('password') ?> placeholder="••••••••" required>
             </div>
 
             <button type="submit" class="btn-primary">Entrar no Painel</button>
@@ -42,5 +42,6 @@
         </footer>
     </div>
 
+    <script src="/js/forms.js"></script>
 </body>
 </html>
diff --git a/views/auth/merchant/register.php b/views/auth/merchant/register.php
index 563c063..50913dc 100644
--- a/views/auth/merchant/register.php
+++ b/views/auth/merchant/register.php
@@ -12,7 +12,8 @@
 </head>
 <body class="auth-page">
 
-    <div class="auth-container" style="max-width: 600px;"> <header class="auth-header">
+    <div class="auth-container auth-container-wide">
+        <header class="auth-header">
             <img src="/assets/fidelityx-logo.svg" alt="FidelityX Logo" class="auth-logo">
             <p>Registre sua empresa no ecossistema FidelityX</p>
         </header>
@@ -46,13 +47,13 @@
 
             <div class="form-group">
                 <label for="document">CPF ou CNPJ</label>
-                <input type="text" name="document" id="document" placeholder="000.000.000-00 ou 00.000.000/0000-00" inputmode="numeric" maxlength="18" data-mask="document" required>
+                <input type="text" name="document" id="document"<?= field_error_attr('document') ?> placeholder="000.000.000-00 ou 00.000.000/0000-00" inputmode="numeric" maxlength="18" data-mask="document" required>
             </div>
 
             <div class="form-row">
                 <div class="form-group">
                     <label for="phone">Telefone</label>
-                    <input type="tel" name="phone" id="phone" placeholder="(11) 99999-9999" maxlength="15" data-mask="phone" required>
+                    <input type="tel" name="phone" id="phone"<?= field_error_attr('phone') ?> placeholder="(11) 99999-9999" maxlength="15" data-mask="phone" required>
                 </div>
 
                 <div class="form-group">
@@ -82,22 +83,22 @@
 
             <div class="form-group">
                 <label for="email">E-mail Comercial</label>
-                <input type="email" name="email" id="email" placeholder="seu@email.com" maxlength="255" required>
+                <input type="email" name="email" id="email"<?= field_error_attr('email') ?> placeholder="seu@email.com" maxlength="255" required>
             </div>
 
             <div class="form-row">
                 <div class="form-group">
                     <label for="password">Senha</label>
-                    <input type="password" name="password" id="password" placeholder="Mínimo 6 dígitos" minlength="6" required>
+                    <input type="password" name="password" id="password"<?= field_error_attr('password') ?> placeholder="Mínimo 6 dígitos" minlength="6" required>
                 </div>
 
                 <div class="form-group">
                     <label for="password_confirm">Confirmar Senha</label>
-                    <input type="password" name="password_confirm" id="password_confirm" placeholder="Repita a senha" minlength="6" required>
+                    <input type="password" name="password_confirm" id="password_confirm"<?= field_error_attr('password_confirm') ?> placeholder="Repita a senha" minlength="6" required>
                 </div>
             </div>
 
-            <button type="submit" class="btn-primary" style="margin-top: 1rem;">Criar Minha Conta Profissional</button>
+            <button type="submit" class="btn-primary form-submit">Criar Minha Conta Profissional</button>
         </form>
 
         <footer class="auth-footer">
@@ -106,5 +107,6 @@
     </div>
 
     <script src="/js/masks.js"></script>
+    <script src="/js/forms.js"></script>
 </body>
 </html>
diff --git a/views/customer/balance.php b/views/customer/balance.php
index 7b12736..2a833ec 100644
--- a/views/customer/balance.php
+++ b/views/customer/balance.php
@@ -26,7 +26,7 @@
         <?php if (!$store): ?>
             <?php // sem loja: pede o codigo (vem impresso no cartaz, embaixo do QR). nao lista lojas de proposito ?>
             <?php if ($error === 'loja_invalida'): ?>
-                <div class="alert alert-error">Código de loja não encontrado. Confira o código no cartaz da loja.</div>
+                <div class="alert alert-error" id="flash-error" role="alert">Código de loja não encontrado. Confira o código no cartaz da loja.</div>
             <?php endif; ?>
 
             <p class="muted balance-help">Aponte a câmera do celular para o QR code no balcão da loja, ou digite o código que aparece embaixo dele.</p>
@@ -35,14 +35,14 @@
                 <input type="hidden" name="url" value="customer/balance">
                 <div class="form-group">
                     <label for="loja">Código da loja</label>
-                    <input type="text" name="loja" id="loja" maxlength="12" autocomplete="off" autocapitalize="characters"
+                    <input type="text" name="loja" id="loja"<?= field_error_attr('loja', $error) ?> maxlength="12" autocomplete="off" autocapitalize="characters"
                            placeholder="Ex: 7K2M9QXA" required autofocus>
                 </div>
                 <button type="submit" class="btn-primary">Continuar</button>
             </form>
         <?php else: ?>
             <?php if ($error === 'telefone_invalido'): ?>
-                <div class="alert alert-error">Informe um telefone válido com DDD.</div>
+                <div class="alert alert-error" id="flash-error" role="alert">Informe um telefone válido com DDD.</div>
             <?php endif; ?>
 
             <form action="<?= e(url('customer/balance')) ?>" method="POST">
@@ -51,7 +51,7 @@
 
                 <div class="form-group">
                     <label for="phone">Seu telefone</label>
-                    <input type="tel" name="phone" id="phone" placeholder="(11) 99999-9999" maxlength="15" data-mask="phone"
+                    <input type="tel" name="phone" id="phone"<?= field_error_attr('phone', $error) ?> placeholder="(11) 99999-9999" maxlength="15" data-mask="phone"
                            value="<?= e(format_phone($phone)) ?>" required>
                 </div>
 
@@ -70,6 +70,7 @@
                             <strong><?= number_format((int)$card['current_points'], 0, ',', '.') ?> pts</strong>
                         </div>
 
+                        <?php require __DIR__ . '/../partials/points-expiry.php'; ?>
                         <?php require __DIR__ . '/../partials/reward-progress.php'; ?>
 
                         <?php if ($rewards): ?>
@@ -93,5 +94,6 @@
     </div>
 
     <script src="/js/masks.js"></script>
+    <script src="/js/forms.js"></script>
 </body>
 </html>
diff --git a/views/merchant/customer-new.php b/views/merchant/customer-new.php
index 59c76f4..500e4a0 100644
--- a/views/merchant/customer-new.php
+++ b/views/merchant/customer-new.php
@@ -12,13 +12,13 @@
 
         <div class="form-group">
             <label for="name">Nome do cliente</label>
-            <input type="text" name="name" id="name" placeholder="Ex: Maria Silva" maxlength="255"
+            <input type="text" name="name" id="name"<?= field_error_attr('name') ?> placeholder="Ex: Maria Silva" maxlength="255"
                    autocomplete="off" required autofocus>
         </div>
 
         <div class="form-group">
             <label class="checkbox">
-                <input type="checkbox" name="consent" value="1" required>
+                <input type="checkbox" name="consent" value="1"<?= field_error_attr('consent') ?> required>
                 <span>O cliente autorizou esta loja a guardar o nome e o telefone dele para o programa de pontos
                     (<a href="<?= e(url('privacy')) ?>" target="_blank" rel="noopener">política de privacidade</a>).</span>
             </label>
diff --git a/views/merchant/customer.php b/views/merchant/customer.php
index 14a1767..c3fea30 100644
--- a/views/merchant/customer.php
+++ b/views/merchant/customer.php
@@ -8,6 +8,7 @@
         <div class="customer-name"><?= e($card['customer_name']) ?></div>
         <div class="muted"><?= e(format_phone($card['phone'])) ?></div>
         <a href="<?= e(url('merchant/statement', ['phone' => $card['phone']])) ?>" class="customer-statement-link">Ver extrato</a>
+        <?php require __DIR__ . '/../partials/points-expiry.php'; ?>
     </div>
     <div class="customer-balance">
         <span class="customer-balance-value"><?= number_format((int)$card['current_points'], 0, ',', '.') ?></span>
@@ -49,7 +50,7 @@
             <input type="hidden" name="phone" value="<?= e($card['phone']) ?>">
             <div class="form-group">
                 <label class="checkbox">
-                    <input type="checkbox" name="consent" value="1" required>
+                    <input type="checkbox" name="consent" value="1"<?= field_error_attr('consent') ?> required>
                     <span>O cliente autorizou esta loja a guardar o nome e o telefone dele para o programa de pontos
                         (<a href="<?= e(url('privacy')) ?>" target="_blank" rel="noopener">política de privacidade</a>).</span>
                 </label>
@@ -76,7 +77,7 @@
             <?php // com regra: o lojista digita o valor e ve os pontos antes de confirmar (o servidor recalcula) ?>
             <div class="form-group">
                 <label for="amount">Valor da compra (R$)</label>
-                <input type="text" name="amount" id="amount" inputmode="decimal" autocomplete="off"
+                <input type="text" name="amount" id="amount"<?= field_error_attr('amount') ?> inputmode="decimal" autocomplete="off"
                        placeholder="0,00" maxlength="15" data-rule-cents="<?= (int)$pointsRule ?>" autofocus>
                 <p class="muted amount-preview" id="amount-preview" aria-live="polite">
                     A cada <?= e(\App\Support\Money::format($pointsRule)) ?> em compras, 1 ponto (arredonda pra baixo).
@@ -86,7 +87,7 @@
 
         <div class="form-group">
             <label for="points">Pontos<?php if ($pointsRule): ?> <span class="muted">(ou digite direto)</span><?php endif; ?></label>
-            <input type="number" name="points" id="points" min="1" max="10000" inputmode="numeric"
+            <input type="number" name="points" id="points"<?= field_error_attr('points') ?> min="1" max="10000" inputmode="numeric"
                    placeholder="0"<?= $pointsRule ? '' : ' required autofocus' ?>>
             <div class="quick-points">
                 <button type="button" class="btn-secondary" data-add="1">+1</button>
@@ -145,7 +146,7 @@
         <input type="hidden" name="phone" value="<?= e($card['phone']) ?>">
         <div class="form-group">
             <label class="checkbox">
-                <input type="checkbox" name="confirm" value="1" required>
+                <input type="checkbox" name="confirm" value="1"<?= field_error_attr('confirm') ?> required>
                 <span>O cliente pediu a exclusão dos dados dele.</span>
             </label>
         </div>
diff --git a/views/merchant/dashboard.php b/views/merchant/dashboard.php
index 1fb29cd..7a46ff1 100644
--- a/views/merchant/dashboard.php
+++ b/views/merchant/dashboard.php
@@ -30,7 +30,7 @@
         <input type="hidden" name="url" value="merchant/dashboard">
         <div class="form-group">
             <label for="phone">Telefone do cliente</label>
-            <input type="tel" name="phone" id="phone" inputmode="numeric" maxlength="15" data-mask="phone" autocomplete="off"
+            <input type="tel" name="phone" id="phone"<?= field_error_attr('phone') ?> inputmode="numeric" maxlength="15" data-mask="phone" autocomplete="off"
                    placeholder="(11) 99999-9999" required autofocus>
         </div>
         <button type="submit" class="btn-primary">Continuar</button>
diff --git a/views/merchant/points-rule.php b/views/merchant/points-rule.php
index bc4bf17..20b8528 100644
--- a/views/merchant/points-rule.php
+++ b/views/merchant/points-rule.php
@@ -16,7 +16,7 @@
 
         <div class="form-group">
             <label for="rule">A cada quantos reais em compras o cliente ganha 1 ponto?</label>
-            <input type="text" name="rule" id="rule" inputmode="decimal" autocomplete="off" maxlength="15"
+            <input type="text" name="rule" id="rule"<?= field_error_attr('rule') ?> inputmode="decimal" autocomplete="off" maxlength="15"
                    placeholder="1,00" value="<?= $ruleCents ? e(number_format($ruleCents / 100, 2, ',', '.')) : '' ?>" required autofocus>
             <p class="muted rule-example">Ex.: com R$ 1,00, uma compra de R$ 12,90 dá 12 pontos. Com R$ 5,00, dá 2 pontos.</p>
         </div>
@@ -34,4 +34,35 @@
     <?php endif; ?>
 </section>
 
+<section class="card">
+    <h2>Validade dos pontos</h2>
+    <p class="muted rule-help">O saldo do cliente vence quando ele fica esse tempo sem nenhuma movimentação na sua loja (ganhar, resgatar ou estornar pontos). Cada movimentação renova o prazo do saldo inteiro.</p>
+
+    <p class="rule-current">
+        <?php if ($expiryMonths): ?>
+            Validade atual: <strong><?= (int)$expiryMonths ?> meses</strong> sem movimentação.
+        <?php else: ?>
+            Validade atual: <strong>os pontos não vencem</strong>.
+        <?php endif; ?>
+    </p>
+
+    <form action="<?= e(url('merchant/points-rule')) ?>" method="POST">
+        <?= Csrf::field() ?>
+        <input type="hidden" name="action" value="expiry">
+
+        <div class="form-group">
+            <label for="expiry_months">Os pontos vencem depois de quanto tempo sem movimentação?</label>
+            <select name="expiry_months" id="expiry_months"<?= field_error_attr('expiry_months') ?> required>
+                <?php foreach ($expiryOptions as $months): ?>
+                    <option value="<?= (int)$months ?>"<?= $expiryMonths === $months ? ' selected' : '' ?>><?= (int)$months ?> meses</option>
+                <?php endforeach; ?>
+                <option value="never"<?= $expiryMonths === null ? ' selected' : '' ?>>Não vencem</option>
+            </select>
+            <p class="muted rule-example">A mudança vale para todos os clientes da loja, inclusive para o saldo que eles já têm.</p>
+        </div>
+
+        <button type="submit" class="btn-primary btn-inline">Salvar validade</button>
+    </form>
+</section>
+
 <?php require __DIR__ . '/../partials/merchant-footer.php'; ?>
diff --git a/views/merchant/profile.php b/views/merchant/profile.php
index 6f29aec..474bf96 100644
--- a/views/merchant/profile.php
+++ b/views/merchant/profile.php
@@ -32,7 +32,7 @@
         <div class="form-row">
             <div class="form-group">
                 <label for="phone">Telefone</label>
-                <input type="tel" name="phone" id="phone" maxlength="15" data-mask="phone" value="<?= e(format_phone($profile['phone'])) ?>" required>
+                <input type="tel" name="phone" id="phone"<?= field_error_attr('phone') ?> maxlength="15" data-mask="phone" value="<?= e(format_phone($profile['phone'])) ?>" required>
             </div>
 
             <div class="form-group">
@@ -84,18 +84,18 @@
 
         <div class="form-group">
             <label for="current_password">Senha atual</label>
-            <input type="password" name="current_password" id="current_password" autocomplete="current-password" required>
+            <input type="password" name="current_password" id="current_password"<?= field_error_attr('current_password') ?> autocomplete="current-password" required>
         </div>
 
         <div class="form-row">
             <div class="form-group">
                 <label for="new_password">Nova senha</label>
-                <input type="password" name="new_password" id="new_password" minlength="<?= (int)$minPassword ?>" autocomplete="new-password" required>
+                <input type="password" name="new_password" id="new_password"<?= field_error_attr('new_password') ?> minlength="<?= (int)$minPassword ?>" autocomplete="new-password" required>
             </div>
 
             <div class="form-group">
                 <label for="new_password_confirm">Confirmar nova senha</label>
-                <input type="password" name="new_password_confirm" id="new_password_confirm" minlength="<?= (int)$minPassword ?>" autocomplete="new-password" required>
+                <input type="password" name="new_password_confirm" id="new_password_confirm"<?= field_error_attr('new_password_confirm') ?> minlength="<?= (int)$minPassword ?>" autocomplete="new-password" required>
             </div>
         </div>
         <p class="muted form-hint">Mínimo de <?= (int)$minPassword ?> caracteres. Ao trocar, os outros aparelhos conectados nesta conta precisam entrar de novo.</p>
diff --git a/views/partials/flash.php b/views/partials/flash.php
index 7571a03..6e08979 100644
--- a/views/partials/flash.php
+++ b/views/partials/flash.php
@@ -27,6 +27,7 @@
         'confirmacao_obrigatoria' => 'Marque a confirmação de que o cliente pediu a exclusão.',
         'estorno_invalido'      => 'Lançamento não encontrado para este cliente.',
         'regra_invalida'        => 'Informe um valor de R$ 0,01 a R$ 1.000.000,00.',
+        'validade_invalida'     => 'Escolha um dos prazos de validade da lista.',
         'valor_invalido'        => 'Informe o valor da compra, ex.: 12,90.',
         'valor_sem_pontos'      => 'O valor da compra não chega a 1 ponto pela regra da loja.',
         'estorno_repetido'      => 'Este lançamento já foi estornado.',
@@ -51,14 +52,17 @@
         'lancamento_estornado' => 'Lançamento estornado. Os pontos saíram do saldo.',
         'regra_salva'       => 'Regra de pontos salva.',
         'regra_removida'    => 'Regra de pontos removida.',
+        'validade_salva'    => 'Validade dos pontos salva.',
         'perfil_atualizado' => 'Dados da loja atualizados.',
         'senha_alterada'    => 'Senha alterada. Os outros aparelhos conectados precisam entrar de novo.',
     ],
 ];
 
-foreach (['error', 'success'] as $flashType):
+// role faz o leitor de tela ler a mensagem ao abrir a pagina (alert interrompe, status espera a vez).
+// o id e o alvo do aria-describedby dos campos marcados por field_error_attr() (helpers.php).
+foreach (['error' => 'alert', 'success' => 'status'] as $flashType => $flashRole):
     $flashCode = $_GET[$flashType] ?? null;
     if (is_string($flashCode) && isset($flashMessages[$flashType][$flashCode])): ?>
-        <div class="alert alert-<?= $flashType ?>"><?= e($flashMessages[$flashType][$flashCode]) ?></div>
+        <div class="alert alert-<?= $flashType ?>" id="flash-<?= $flashType ?>" role="<?= $flashRole ?>"><?= e($flashMessages[$flashType][$flashCode]) ?></div>
     <?php endif;
 endforeach;
diff --git a/views/partials/merchant-footer.php b/views/partials/merchant-footer.php
index 9b9db6d..8da0689 100644
--- a/views/partials/merchant-footer.php
+++ b/views/partials/merchant-footer.php
@@ -1,4 +1,5 @@
     </main>
     <script src="/js/masks.js"></script>
+    <script src="/js/forms.js"></script>
 </body>
 </html>
diff --git a/views/partials/points-expiry.php b/views/partials/points-expiry.php
new file mode 100644
index 0000000..98113c7
--- /dev/null
+++ b/views/partials/points-expiry.php
@@ -0,0 +1,16 @@
+<?php
+// validade do saldo (task 31). espera $card com expires_at (LoyaltyCardModel::findByMerchantAndPhone).
+// sem data nao mostra nada: cartao sem saldo ou loja em que os pontos nao vencem.
+if (empty($card['expires_at'])) {
+    return;
+}
+// data ja passada: o saldo venceu e sai na proxima rodada do bin/expire-points.php
+$pointsExpired = strtotime($card['expires_at']) <= time();
+?>
+<p class="muted points-expiry">
+    <?php if ($pointsExpired): ?>
+        Pontos vencidos em <strong><?= e(format_date($card['expires_at'])) ?></strong> por falta de movimentação.
+    <?php else: ?>
+        Pontos válidos até <strong><?= e(format_date($card['expires_at'])) ?></strong>. Cada compra ou resgate renova o prazo.
+    <?php endif; ?>
+</p>
diff --git a/views/partials/reward-progress.php b/views/partials/reward-progress.php
index 3de49fe..608b31c 100644
--- a/views/partials/reward-progress.php
+++ b/views/partials/reward-progress.php
@@ -14,8 +14,6 @@
             para <strong><?= e($progress['reward']['name']) ?></strong>
         </p>
     <?php endif; ?>
-    <div class="progress" role="progressbar" aria-label="Progresso até o próximo prêmio"
-         aria-valuemin="0" aria-valuemax="100" aria-valuenow="<?= (int)$progress['percent'] ?>">
-        <div class="progress-bar" style="width: <?= (int)$progress['percent'] ?>%"></div>
-    </div>
+    <progress class="progress" aria-label="Progresso até o próximo prêmio"
+              max="100" value="<?= (int)$progress['percent'] ?>"><?= (int)$progress['percent'] ?>%</progress>
 </div>