/* Lo stile della pagina per i media (scripts/prensa-web.mjs), sopra
   `palabras.css` e `guide.css`: la scheda dei dati e il testo sono quelli di
   una guida. Qui ci sono solo le classi nuove — il tasto dello zip, le
   schermate e i loghi. Nessuna regola dei due fogli sotto si ridefinisce:
   glossario e guide non caricano questo file, e non devono muoversi. */

.kit-zip {
  display: inline-block; margin-top: 24px; padding: 14px 22px; border-radius: 999px;
  background: var(--ink); color: var(--ink-inverse); font-size: 16px; font-weight: 600;
}
.kit-zip:hover { background: var(--accent); color: var(--ink-inverse) }

.guida-testo .kit-schermate {
  list-style: none; margin: 8px 0 1.4em; padding: 0;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px;
}
.kit-schermate a { display: block }
.kit-schermate img {
  display: block; width: 100%; height: auto; border-radius: 14px;
  border: 1px solid var(--line);
}
.kit-schermate span { display: block; margin-top: 10px; font-size: 14px; line-height: 1.4; opacity: .8 }

.guida-testo .kit-loghi { list-style: none; margin: 8px 0 1.4em; padding: 0 }
.guida-testo .kit-loghi li {
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  padding: 14px 0; border-bottom: 1px solid var(--line);
}
.kit-loghi li:first-child { border-top: 1px solid var(--line) }
.kit-loghi a { white-space: nowrap }

.guida-testo .kit-colori {
  list-style: none; margin: 8px 0 1.4em; padding: 0;
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px;
}
.kit-colori li { background: var(--fondo); border-radius: 14px; padding: 18%; }
.kit-colori a, .kit-colori img { display: block; width: 100%; height: auto }

@media (max-width: 1100px) {
  .guida-testo .kit-schermate { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px }
}
.guida-testo .kit-schermate li, .guida-testo .kit-loghi li, .guida-testo .kit-colori li { margin: 0 }