/* TRANSPARÈNCIA */

/* Nota legal */
.transp-legal-nota {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-left: 4px solid var(--navy-light, #1a6fb5);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 2rem;
  font-size: .85rem;
  color: #1e3a5f;
  line-height: 1.5;
}
.transp-legal-nota > span {
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: .05rem;
}
.transp-ext-link {
  display: inline-block;
  margin-left: .5rem;
  color: var(--navy-light, #1a6fb5);
  font-weight: 600;
  text-decoration: none;
}
.transp-ext-link:hover { text-decoration: underline; }

/* Panels (reutilitzen .doc-panel via classe doble) */
.transp-panel { display: none; }
.transp-panel.act { display: block; }

/* Ítem pendent (sense PDF disponible) */
.transp-pendent {
  opacity: .6;
  cursor: default;
  pointer-events: none;
  border-left-color: var(--lightgray) !important;
}

/* Targeta Junta Directiva */
.transp-junta-card {
  background: white;
  border: 1px solid var(--lightgray);
  border-radius: 8px;
  padding: 1.25rem;
  margin-bottom: .5rem;
}
.transp-junta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: .75rem 1.5rem;
  margin-bottom: 1rem;
}
.transp-junta-item {
  display: flex;
  flex-direction: column;
  gap: .15rem;
}
.transp-junta-rol {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--gray);
}
.transp-junta-nom {
  font-size: .88rem;
  font-weight: 600;
  color: var(--navy-dark);
}
.transp-junta-link {
  display: inline-block;
  font-size: .8rem;
  color: var(--navy-light, #1a6fb5);
  text-decoration: none;
  border-top: 1px solid var(--lightgray);
  padding-top: .75rem;
  margin-top: .25rem;
}
.transp-junta-link:hover { text-decoration: underline; }

/* Graella de dades identificatives */
.transp-dades-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: .6rem 1.5rem;
  background: white;
  border: 1px solid var(--lightgray);
  border-radius: 8px;
  padding: 1.25rem;
}
.transp-dades-item {
  display: flex;
  flex-direction: column;
  gap: .1rem;
}
.transp-dades-item strong {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--gray);
}
.transp-dades-item span {
  font-size: .88rem;
  color: var(--navy-dark);
}
.transp-dades-item a {
  color: var(--navy-light, #1a6fb5);
  text-decoration: none;
}
.transp-dades-item a:hover { text-decoration: underline; }

@media (max-width: 600px) {
  .transp-junta-grid,
  .transp-dades-grid { grid-template-columns: 1fr 1fr; }
}