.projecte-web h1{font-weight:700;margin:0 0 1.4em}
.projecte-web h2{font-size:18px;line-height:1.3;margin:0 0 .75em}
.projecte-web-descripcio{white-space:pre-line;overflow-wrap:anywhere}
.projecte-web-galeria{margin:2em 0 3em}
.projecte-web-galeria figure{margin:0 0 2em}
.projecte-web-galeria img{display:block;max-width:100%;height:auto;margin-inline:auto}
.projecte-web-galeria figcaption{margin-top:.75em;max-width:70em;overflow-wrap:anywhere}
.projecte-web-layout{max-width:900px;width:100%;margin:0 auto;box-sizing:border-box}
.projecte-web-layout .projecte-web{min-width:0;width:100%;box-sizing:border-box}
.projecte-web-layout--esquerra,.projecte-web-layout--dreta,.projecte-web-layout--ambdos{display:grid;gap:24px;align-items:start;padding:0 16px}
.projecte-web-layout--esquerra{max-width:1136px;grid-template-columns:180px minmax(0,900px)}
.projecte-web-layout--dreta{max-width:1136px;grid-template-columns:minmax(0,900px) 180px}
.projecte-web-layout--ambdos{max-width:1340px;grid-template-columns:180px minmax(0,900px) 180px}
.banners-laterals{display:flex;flex-direction:column;gap:20px;width:180px;max-width:100%;margin:1em 0 2em}
.banner-lateral{min-width:0}
.banner-lateral a{display:block}
.banner-lateral a:focus-visible{outline:2px solid #9a6815;outline-offset:4px}
.banner-lateral img{display:block;width:100%;height:auto}
@media(max-width:1199px){
  .projecte-web-layout--esquerra,.projecte-web-layout--dreta,.projecte-web-layout--ambdos{max-width:900px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .projecte-web-layout--esquerra .projecte-web,.projecte-web-layout--dreta .projecte-web,.projecte-web-layout--ambdos .projecte-web{grid-column:1/-1;grid-row:1}
  .banners-laterals{grid-row:2;justify-self:center}
  .projecte-web-layout--esquerra .banners-laterals,.projecte-web-layout--dreta .banners-laterals{grid-column:1/-1}
}
@media(max-width:600px){
  .projecte-web-layout--esquerra,.projecte-web-layout--dreta,.projecte-web-layout--ambdos{display:flex;flex-direction:column;gap:0}
  .projecte-web-layout .projecte-web{order:0}
  .banners-laterals{order:1;align-self:center}
}
