/* ============================================================
   Correções do briefing (seção 3) — out/2026
   Peças novas: grade de clientes/modelos, etiqueta "Modelo",
   marcador [PREENCHER] e linha de Teresina.
   ============================================================ */

/* duas seções de portfólio seguidas: menos espaço entre elas */
#clientes + .portfolio--modelos { padding-top: 0; }

@media (min-width: 981px) {
  .portfolio-grid--3 { grid-template-columns: repeat(3, 1fr); }
}

/* etiqueta "Modelo" no canto da imagem */
.tag-modelo {
  position: absolute; top: 10px; left: 10px; z-index: 3;
  padding: 3px 8px; border-radius: 6px;
  background: var(--v-accent); color: var(--v-accent-ink);
  font-family: var(--font-mono); font-size: 11px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase;
  pointer-events: none;
}

/* até dois links por cartão: "Loja ↗ · Links ↗" */
.project-info .project-links {
  margin: 0; color: var(--v-text-subtle);
}
.project-links .project-link {
  display: inline-flex; align-items: center;
  min-height: 44px; /* alvo de toque */
}
.project-links .project-link.is-disabled { min-height: 0; }

/* cliente sem imagem (SW Consultoria, GetX) */
.project-card--texto { display: flex; flex-direction: column; justify-content: flex-end; }
.project-card--texto .project-info { padding-top: 2rem; }

.portfolio-actions {
  display: flex; flex-wrap: wrap; gap: .75rem;
  justify-content: center; margin-top: 2.25rem;
}

/* marcador de informação que falta (deve sumir antes de publicar) */
.preencher {
  display: inline-block;
  padding: 0 .35em; border-radius: 4px;
  background: #FFE14D; color: #1A1A1A;
  font-family: var(--font-mono); font-size: .78em; font-weight: 600;
}

.about-local {
  margin-top: 1rem;
  font-family: var(--font-mono); font-size: .8rem !important;
  letter-spacing: .04em; color: var(--v-text-subtle);
}

/* ---------- contraste (WCAG AA, 4,5:1) — out/2026 ----------
   Cinza "sutil" ajustado para ler bem sobre o fundo e os cartões;
   laranja de texto pequeno usa o tom de hover do próprio tema.
   Botões e títulos grandes continuam com o âmbar original. */
:root, [data-theme="dark"] { --v-text-subtle: #80878F; --v-accent-text: #D66920; }
[data-theme="light"]       { --v-text-subtle: #666D77; --v-accent-text: #A94D15; }

.eyebrow, .project-index, .diff-num, .footer-heading, .quem-etapas span,
.passos-lista li::before, .field input:focus ~ label, .field textarea:focus ~ label,
.field-select:focus-within label { color: var(--v-accent-text); }