/* «Qué incluye la suscripción»: los 10 plugins con su panel, cada uno enlazado a su ficha.
   Lo usan /sampler y /prueba (ES y EN). 5-oct-2026. */
.incluye { margin: 28px 0 8px; }
.incluye-titulo {
  font-family: "Astra Etiquetas", system-ui, sans-serif;
  font-size: .78rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--cyan); margin: 0 0 14px;
}
.incluye-rejilla {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.incluye-rejilla a {
  display: flex; flex-direction: column; gap: 8px; height: 100%;
  padding: 12px; border-radius: 12px; text-decoration: none;
  background: var(--panel); border: 1px solid var(--line);
  transition: border-color .15s ease, transform .15s ease;
}
.incluye-rejilla a:hover, .incluye-rejilla a:focus-visible {
  border-color: var(--cyan); transform: translateY(-2px); outline: none;
}
.incluye-rejilla img {
  display: block; width: 100%; height: 86px; object-fit: contain;
}
.incluye-cat {
  font-family: "Astra Etiquetas", system-ui, sans-serif;
  font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);
}
.incluye-nombre {
  font-family: "Astra Titulos", "Arial Black", system-ui, sans-serif;
  font-size: 1rem; color: var(--text); line-height: 1.15;
}
.incluye-pie { color: var(--muted); font-size: .85rem; margin: 12px 0 0; }
@media (max-width: 480px) {
  .incluye-rejilla { grid-template-columns: repeat(2, 1fr); }
  .incluye-rejilla img { height: 70px; }
}