/* ════════════════════════════════════════════════════════════════
   responsive-projeto-catalogo.css  —  Via Traço
   Ajustes responsivos das páginas individuais de catálogo.
   Carregado SÓ nessas páginas, depois de responsive.css.
   ════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .proj-list { grid-template-columns: 1fr; }
  .proj-hero-band .sec-h { font-size: 23px; }
  .proj-cover   { margin: 16px auto 40px; padding: 0 24px; }
  .proj-cover img { max-height: 56vh; }
  .proj-body    { padding: 0 24px; }
  .proj-block   { margin-bottom: 36px; }
  .proj-block p { font-size: 15px; line-height: 1.7; }
  .proj-gallery { padding: 0 24px; margin-top: 52px; }
  .proj-car__slide { height: 46vh; }
  .proj-car__arrow { width: 36px; height: 36px; font-size: 19px; }
  .proj-car__arrow--prev { left: 8px; }
  .proj-car__arrow--next { right: 8px; }
  .proj-cta     { padding: 44px 24px; margin-top: 60px; }
  .proj-cta h2  { font-size: 21px; }
  .proj-lb__arrow { font-size: 34px; padding: 0 10px; }
}