body{margin:0;padding:2rem;background:#e8f3ec;font-family:system-ui}
.container{max-width:1100px;margin:auto;background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05)}
.banner img{width:100%;height:260px;object-fit:cover}
.hero{padding:3rem 2rem 2.8rem;text-align:center}
h1{margin:0;font-size:2rem}
h2{margin:.9rem 0 2.4rem;font-size:1.05rem;font-weight:400;color:#4b6b57}
.author-link,.author-link:visited{color:#2f6f4e !important;text-decoration:none;border-bottom:1px solid rgba(47,111,78,.4)}
.author-link:hover{color:#1f4d37;border-bottom-color:#1f4d37}
.intro-text{max-width:900px;margin:0 auto;color:#4b6b57;line-height:1.7}
.intro-text p{margin-bottom:1.15rem}
.controls{display:flex;gap:.8rem;justify-content:center;align-items:center;flex-wrap:wrap}
#counter{font-size:.8rem;color:#4b6b57}
table{width:100%;border-collapse:collapse;margin-top:1rem}
th,td{padding:1rem;border-bottom:1px solid #d1e3d8;text-align:left}
.col-tipus{text-align:center}
.thumb{height:120px;aspect-ratio:1/1.414;border-radius:6px;border:1px solid #cfe2d6}
.badge{padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500;display:inline-block}
.badge.article{background:#dcfce7;color:#166534}
.badge.fulleto{background:#dcfce7;color:#166534}
.badge.opuscle{background:#fef9c3;color:#854d0e}
.badge.llibre{background:#ede9fe;color:#5b21b6}
.badge.estudi{background:#fae8ff;color:#86198f}
.badge.imatge{background:#ffe4e6;color:#9f1239}
.badge.activitat{background:#ecfeff;color:#155e75}
.badge.noticia{background:#fff7ed;color:#9a3412}
.badge.mapa{background:#f1f5f9;color:#334155}
.doc-link,.doc-link:visited{color:#2f6f4e !important;text-decoration:none}
.doc-link:hover{text-decoration:underline}
footer{padding:1rem;font-size:.8rem;color:#5f7f6b}


/* FIX DEFINITIU: force ALL badges to green (override any previous color rules) */
.badge,
.badge.article,
.badge.llibre,
.badge.butlleti,
.badge.fulleto,
.badge.opuscle,
.badge.estudi,
.badge.imatge,
.badge.activitat,
.badge.noticia,
.badge.mapa,
.badge.web {
  background: #dcfce7 !important;
  color: #166534 !important;
}
.image-wrapper {
  position: relative;
  display: inline-block;
}

.image-wrapper img {
  display: block;
}

.image-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}