/* ── Barquinha Parque case study extras ───────────────────── */
.bp-swatches { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.5rem; }
.bp-swatch { flex: 1; min-width: 110px; display: flex; flex-direction: column; border-radius: .75rem; overflow: hidden; border: 1px solid var(--bg-2); }
.bp-swatch-color { height: 110px; }
.bp-swatch-info { padding: .75rem; background: var(--bg-2); display: flex; flex-direction: column; gap: .2rem; }
.bp-swatch-name { font-size: .72rem; font-weight: 700; color: var(--text); }
.bp-swatch-hex { font-size: .68rem; font-family: monospace; color: var(--text-2); }
.bp-swatch-note { font-size: .6rem; color: var(--text-2); opacity: .65; }

.bp-pages { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; margin-top: 1.5rem; }
.bp-page { border-radius: .65rem; padding: 1rem; display: flex; flex-direction: column; gap: .3rem; border: 1px solid var(--bg-2); }
.bp-page--done { background: var(--bg-2); }
.bp-page--wip  { background: rgba(88,153,180,.06); border-color: rgba(88,153,180,.25); }
.bp-page-status { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.bp-page--done  .bp-page-status { color: #5A9A5C; }
.bp-page--wip   .bp-page-status { color: #3A7A94; }
.bp-page-name { font-size: .88rem; font-weight: 700; color: var(--text); }
.bp-page-desc { font-size: .75rem; color: var(--text-2); line-height: 1.55; }

.bp-feat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; margin-top: 1.5rem; }
.bp-feat { background: var(--bg-2); border-radius: .65rem; padding: 1rem 1.1rem; }
.bp-feat-title { font-size: .85rem; font-weight: 700; color: var(--text); margin: 0 0 .25rem; }
.bp-feat-desc { font-size: .75rem; color: var(--text-2); line-height: 1.55; margin: 0; }

@media (max-width: 700px) {
  .bp-pages, .bp-feat-grid { grid-template-columns: 1fr; }
}