/* Bigordà Portfolio · integració portada v1.1.0
   Classes prefixades per evitar col·lisions amb el CSS existent. */
#projectes.bp-home,
#proyectos.bp-home{
  --bp-ink:#142235;--bp-muted:#5d6b7e;--bp-line:#dfe6ef;--bp-brand:#0c6f74;
  --bp-brand2:#12495e;--bp-soft:#eaf4f4;--bp-bg:#f6f8fb;--bp-card:#fff;
  padding:84px 0;background:var(--bp-bg);color:var(--bp-ink)
}
.bp-home *{box-sizing:border-box}
.bp-home .bp-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.bp-home .bp-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:32px}
.bp-home .bp-eyebrow{font-size:.76rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--bp-brand);margin-bottom:15px}
.bp-home h2{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.04;letter-spacing:-.045em;margin:0}
.bp-home .bp-intro{margin:0;color:var(--bp-muted);font-size:1.02rem}
.bp-home .bp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bp-home .bp-card{display:flex;flex-direction:column;min-height:278px;background:var(--bp-card);border:1px solid var(--bp-line);border-radius:18px;padding:22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.bp-home .bp-card:hover{transform:translateY(-3px);border-color:#c8d6e2;box-shadow:0 18px 46px rgba(24,45,70,.10)}
.bp-home .bp-type{display:inline-flex;align-self:flex-start;background:var(--bp-soft);color:var(--bp-brand2);padding:5px 9px;border-radius:999px;font-size:.71rem;font-weight:800}
.bp-home .bp-card h3{font-size:1.25rem;line-height:1.15;letter-spacing:-.025em;margin:15px 0 9px}
.bp-home .bp-card p{font-size:.91rem;line-height:1.5;color:var(--bp-muted);margin:0 0 15px}
.bp-home .bp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.bp-home .bp-tag{border:1px solid var(--bp-line);border-radius:999px;padding:4px 7px;color:#526277;font-size:.69rem}
.bp-home .bp-more{margin-top:17px;color:var(--bp-brand);font-weight:800;font-size:.88rem;text-decoration:none}
.bp-home .bp-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:27px;padding-top:24px;border-top:1px solid var(--bp-line)}
.bp-home .bp-note{color:var(--bp-muted);font-size:.86rem;max-width:720px}
.bp-home .bp-all{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bp-ink);border-radius:12px;padding:11px 15px;color:var(--bp-ink);font-size:.9rem;font-weight:800;text-decoration:none;white-space:nowrap}
.bp-home .bp-all:hover{background:var(--bp-ink);color:white}
@media(max-width:900px){
  .bp-home .bp-head{grid-template-columns:1fr}
  .bp-home .bp-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  #projectes.bp-home,#proyectos.bp-home{padding:58px 0}
  .bp-home .bp-wrap{width:min(100% - 26px,1180px)}
  .bp-home .bp-grid{grid-template-columns:1fr}
  .bp-home .bp-card{min-height:0}
  .bp-home .bp-bottom{align-items:flex-start;flex-direction:column}
}