/* ============================================================
   ENTREVISTES — pàgina de detall individual
   Complementa events.css (hero, galeria, lightbox, footer).
   ============================================================ */

/* El títol d'un esdeveniment és curt ("3X3"); el nom d'una persona
   no ho és — permetem que faci salt de línia i reduïm la mida. */
.event-title.person-name {
  white-space: normal;
  font-size: clamp(32px, 4.5vw, 58px);
  line-height: 1.05;
}
.event-sub.person-cred {
  text-transform: none;
  letter-spacing: .3px;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: rgba(0,0,0,.55);
}
.person-lead {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(0,0,0,.68);
  max-width: 560px;
  margin: 18px 0 24px;
}
.person-lead strong { color: var(--black); }

/* ── Secció Q&A ── */
.qa-section { max-width: 1140px; margin: 8px auto 60px; padding: 0 24px; }
.qa-section .qa-head {
  font-size: 11px; font-weight: 800; letter-spacing: 3px; text-transform: uppercase;
  color: var(--orange); display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px;
}
.qa-section .qa-head::before { content: ''; width: 24px; height: 2px; background: var(--orange); }
.qa-grid { columns: 2; gap: 32px; }
.qa-item { break-inside: avoid; border-bottom: 1px solid rgba(0,0,0,.08); padding: 14px 0; }
.qa-toggle {
  display: flex; gap: 14px; align-items: flex-start; width: 100%;
  background: none; border: none; color: inherit; text-align: left; cursor: pointer; padding: 0;
  font-family: inherit;
}
.qa-num { font-size: 10px; font-weight: 800; color: var(--orange); letter-spacing: 2px; min-width: 28px; padding-top: 2px; flex-shrink: 0; }
.qa-q { flex: 1; font-size: 14.5px; font-weight: 700; color: var(--black); line-height: 1.45; }
.qa-arrow { color: rgba(0,0,0,.25); font-size: 16px; flex-shrink: 0; transition: transform .25s; padding-top: 1px; }
.qa-item.open .qa-arrow { transform: rotate(180deg); color: var(--orange); }
.qa-answer { display: none; padding: 10px 0 4px 42px; font-size: 14px; color: var(--grey-text); line-height: 1.75; }
.qa-item.open .qa-answer { display: block; }
@media (max-width: 760px) { .qa-grid { columns: 1; } }

/* Petita galeria secundària (quan hi ha més d'una foto) */
.event-gallery.compact .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }