/* ==========================================================================
   Tema mr — só o que existe no WordPress (o resto vem de css/site.css)
   Página de projeto · página comum · 404 · barra de administração.
   ========================================================================== */

/* Barra de administração do WordPress (logado): o cabeçalho desce junto. */
.admin-bar .topo { top: 32px; }
@media (max-width: 782px) { .admin-bar .topo { top: 46px; } }

/* ---------- página de projeto ---------- */
.projeto__topo { padding: var(--space-64) 0 var(--space-96); }
.projeto__voltar { display: inline-flex; gap: 8px; font-size: var(--type-small); font-weight: 500; text-decoration: none; }
.projeto__frentes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--space-48); list-style: none; }
.projeto__frente {
  display: inline-flex; align-items: center; min-height: 36px; padding: 0 16px; border: 1px solid var(--color-line); border-radius: var(--radius-pill);
  background: var(--color-paper); font-size: 13px; font-weight: 500; text-decoration: none;
  transition: background-color 700ms var(--motion-ease), color 700ms var(--motion-ease), border-color 700ms var(--motion-ease);
}
.projeto__frente:hover { background: var(--color-plum); border-color: var(--color-plum); color: var(--color-paper); }
.projeto__titulo { margin-top: var(--space-24); max-width: 18ch; font-size: clamp(48px, 6.4vw, 92px); line-height: .98; letter-spacing: -.04em; }
.projeto__meta { margin-top: var(--space-24); font-size: var(--type-caption); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--color-mauve); }
.projeto__resumo { margin-top: var(--space-32); max-width: 56ch; font-size: 19px; line-height: 1.7; }
.projeto__corpo { padding-bottom: 128px; }

.projeto__vizinhos { padding: 112px 0; background: var(--color-paper); }
.vizinhos { list-style: none; margin-top: var(--space-24); border-top: 1px solid var(--color-line); }
.vizinho {
  display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: baseline; gap: var(--space-24);
  padding: 24px 0; border-bottom: 1px solid var(--color-line); text-decoration: none;
  transition: padding-left 900ms var(--motion-ease), color 900ms var(--motion-ease);
}
.vizinho:hover { padding-left: 16px; }
.vizinho__nome { font: 500 clamp(26px, 2.6vw, 36px)/1.1 var(--font-display); letter-spacing: -.02em; transition: font-style 0s; }
.vizinho:hover .vizinho__nome { font-style: italic; }
.vizinho__meta { font-size: 13px; color: var(--color-mauve); }
.vizinho__seta { font-size: 22px; transition: transform 900ms var(--motion-ease); }
.vizinho:hover .vizinho__seta { transform: translateX(6px); }

/* ---------- página comum e 404 ---------- */
.pagina { padding: var(--space-64) 0 128px; }
.pagina__titulo { font-size: clamp(44px, 5vw, 72px); line-height: 1; margin-bottom: var(--space-48); }
.pagina__corpo > :not(.bloco) { max-width: 70ch; }
.pagina__corpo p { margin-bottom: 1em; line-height: 1.75; }

.erro { display: grid; align-content: center; min-height: 70vh; padding: var(--space-96) 0; }
.erro__titulo { margin-top: var(--space-16); max-width: 16ch; font-size: clamp(44px, 6vw, 84px); line-height: 1.02; }
.erro__titulo del { color: var(--color-mauve); text-decoration-thickness: 2px; }
.erro__titulo ins { text-decoration: none; font-style: italic; background: linear-gradient(var(--color-rose), var(--color-rose)) 0 88% / 100% .3em no-repeat; }
.erro__texto { margin-top: var(--space-32); max-width: 48ch; font-size: 18px; }
.erro__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--space-48); }

@media (max-width: 640px) {
  .projeto__topo { padding: var(--space-32) 0 var(--space-64); }
  .projeto__titulo { font-size: 44px; }
  .projeto__resumo { font-size: 17px; }
  .vizinho { grid-template-columns: minmax(0, 1fr) auto; }
  .vizinho__meta { display: none; }
}