/* =====================================================================
   PROJETOS.CSS — estilos exclusivos de projetos.html
   ===================================================================== */

.projetos-list{padding:24px 0 80px;display:flex;flex-direction:column;gap:24px;}

/* ---------- Card de projeto em destaque (com cobertura + detalhes) ---------- */
.projeto-featured{
  display:flex;gap:32px;align-items:flex-start;
  background:linear-gradient(160deg, var(--surface) 0%, var(--surface-2) 100%);
  border:1px solid rgba(37,99,235,0.35);border-radius:var(--radius-lg);padding:36px;
}
.projeto-cover{width:170px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 40px -14px rgba(0,0,0,0.6);}
.projeto-cover img{width:100%;height:auto;display:block;}
.projeto-featured h2{font-family:var(--font-body);font-size:22px;margin-bottom:10px;}
.projeto-featured > div > p.desc{font-size:15px;color:var(--text-muted);margin-bottom:18px;max-width:520px;}
.projeto-meta{display:flex;gap:18px;margin-bottom:20px;flex-wrap:wrap;}
.projeto-meta span{font-family:var(--font-display);font-size:12.5px;color:var(--text-faint);}
.projeto-meta b{color:var(--text);}
.projeto-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- Bônus / materiais inclusos ---------- */
.bonus-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;max-width:520px;}
.bonus-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;}
.bonus-item img{width:100%;height:auto;}
.bonus-item span{display:block;padding:8px 10px;font-family:var(--font-display);font-size:11px;color:var(--text-muted);}

/* ---------- Grid de projetos compactos (escalável — adicione mais .projeto-card aqui) ---------- */
.projetos-grid-compact{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px,1fr));gap:16px;}
.projeto-card{
  background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-md);
  padding:26px 22px;min-height:150px;display:flex;flex-direction:column;justify-content:center;
}
.projeto-card h3{font-family:var(--font-display);font-size:14px;color:var(--text-muted);margin-bottom:8px;}
.projeto-card p{font-size:13px;color:var(--text-faint);}

/* ---------- Responsivo ---------- */
@media (max-width:860px){
  .projeto-featured{flex-direction:column;}
  .projeto-cover{width:130px;}
  .bonus-row{max-width:100%;}
}
@media (max-width:560px){
  .bonus-row{grid-template-columns:1fr;}
  .projetos-grid-compact{grid-template-columns:1fr;}
}