/* ——— Ressò de premsa (10.10.2026) ———
   Banda de portada #premsa («La premsa en parla»): els titulars sobre IA dels
   diaris, amb enllaç a la peça original. La pinta public/premsa.js a partir de
   public/data/premsa.json; amagada si no hi ha prou peces.
   Full independent per no tocar portada.css (regla de CLAUDE.md).
   Distinció visual: paper de diari (blanc trencat, filets i capçalera a l'esquerra)
   perquè es llegeixi com una revista de premsa, no com una notícia nostra. */

.premsa-band { width: var(--shell); margin: 0 auto 26px; }
.premsa-band[hidden] { display: none; }

.premsa-layout {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 34px;
  padding: 34px 38px;
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    linear-gradient(90deg, rgba(17, 21, 38, .018) 1px, transparent 1px) 0 0 / 22px 100%,
    linear-gradient(150deg, #fff, #fbfaf6);
  box-shadow: 0 22px 60px rgba(17, 21, 38, .06);
}

.premsa-cap { align-self: start; position: sticky; top: 24px; }
.premsa-cap__eti {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0 0 14px;
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--ink);
  background: #fff1c9;
  font: 600 9px var(--mono);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.premsa-cap__eti i { width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }
.premsa-cap h2 { margin: 0; font: 500 40px/1.02 var(--serif); letter-spacing: -.04em; }
.premsa-cap > p:not(.premsa-cap__eti) { margin: 14px 0 18px; color: #59627a; font-size: 14px; line-height: 1.6; }
.premsa-cap__tot { color: var(--ink); font-weight: 600; font-size: 14px; text-decoration: none; border-bottom: 1px solid currentColor; }
.premsa-cap__tot:focus-visible, .premsa-peca a:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }

.premsa-llista {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.premsa-peca { min-width: 0; padding: 16px 0; border-top: 1px solid var(--line); }
.premsa-llista { border-top: 2px solid var(--ink); padding-top: 4px; }
.premsa-llista > .premsa-peca--destacada:first-child { margin-top: 14px; }
.premsa-peca--destacada { grid-column: 1 / -1; padding: 20px 22px; margin: 4px 0 10px; border: 0; border-radius: 22px; background: var(--ink); color: #fff; }

.premsa-peca__meta { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; margin: 0 0 6px; color: var(--muted); font: 500 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.premsa-peca__meta strong { color: #a33127; font-weight: 700; }
.premsa-peca__llengua { padding: 1px 7px; border-radius: 999px; background: #eef0f6; color: #4d566d; }

.premsa-peca__titol { margin: 0; font: 500 19px/1.25 var(--serif); letter-spacing: -.015em; overflow-wrap: anywhere; }
.premsa-peca__titol a { color: inherit; text-decoration: none; }
.premsa-peca__titol a:hover { color: var(--blue); }
.premsa-peca__fora { color: var(--muted); font-family: var(--sans); font-size: .75em; }

.premsa-peca__comentari { margin: 10px 0 0; color: #c9cfe6; font-size: 14px; line-height: 1.55; }
.premsa-peca__comentari span { display: inline-block; margin-right: 6px; padding: 2px 8px; border-radius: 999px; color: var(--ink); background: var(--lime); font: 600 9px/1.6 var(--mono); letter-spacing: .08em; text-transform: uppercase; vertical-align: 1px; }

.premsa-peca__nostra { display: inline-block; margin-top: 8px; color: var(--blue); font-size: 13px; font-weight: 600; text-decoration: none; }
.premsa-peca__nostra::before { content: "→ "; }

.premsa-peca--destacada .premsa-peca__meta { color: #aeb6c8; }
.premsa-peca--destacada .premsa-peca__meta strong { color: var(--lime); }
.premsa-peca--destacada .premsa-peca__llengua { background: rgba(255, 255, 255, .1); color: #dfe4ff; }
.premsa-peca--destacada .premsa-peca__titol { font-size: 24px; }
.premsa-peca--destacada .premsa-peca__titol a:hover { color: var(--cyan); }
.premsa-peca--destacada .premsa-peca__fora { color: #aeb6c8; }
.premsa-peca--destacada .premsa-peca__nostra { color: var(--cyan); }

@media (max-width: 980px) {
  .premsa-layout { grid-template-columns: 1fr; gap: 18px; }
  .premsa-cap { position: static; }
}

@media (max-width: 620px) {
  .premsa-layout { padding: 26px 20px; border-radius: 26px; }
  .premsa-cap h2 { font-size: 32px; }
  .premsa-llista { grid-template-columns: 1fr; }
  .premsa-peca--destacada { padding: 18px; }
  .premsa-peca--destacada .premsa-peca__titol { font-size: 21px; }
}