/**
 * vad-portada.css · tema vadImmersion (VAD)
 * Presentación del número (portada y página del número) y resúmenes en las tablas de contenidos.
 * Las alturas exactas las pone js/vadPortada.js (clase .vad-fit).
 */

/* Portada */
.issue-desc .vad-desc__text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; overflow: hidden; margin: 0; }
.issue-desc .vad-desc__more { display: inline-block; margin-top: .75rem; margin-left: 0; padding-left: 0; padding-right: 0; }
.issue-desc__galleys .issue-desc__btn-group { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.issue-desc__galleys .issue-desc__btn-group li { margin: 0; }

/* Página del número */
.vad-head__cover img { display: block; }
.vad-head__galleys { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.vad-head__galleys li { margin: 0; }
.vad-head__galleys .article__btn, .issue-desc__galleys .issue-desc__btn-group .article__btn { margin-right: 0; }

/* «[…]» */
.vad-pres__more, .vad-abs__more { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .15em; cursor: pointer; white-space: nowrap; }

/* Resúmenes */
.vad-abs { margin: .5rem 0 1rem; }
.vad-abs__text { margin: 0; }

@media (min-width: 768px) {
  .issue-desc .vad-fit { align-self: flex-start; display: flex; flex-direction: column; overflow: hidden; }
  .issue-desc .vad-fit .issue-desc__content { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; }
  .issue-desc .vad-fit .vad-desc__text { flex: 0 1 auto; min-height: 0; }
  .issue-desc .vad-fit .vad-desc__more { margin-top: auto; padding-top: .5rem; align-self: flex-start; }
  .issue-desc .vad-fit .vad-pres { display: block; overflow: hidden; }
  .issue-desc .vad-fit .vad-pres p:last-child { margin-bottom: 0; }
  .article .vad-fit { align-self: flex-start; display: flex; flex-direction: column; overflow: hidden; }
  .article .vad-fit .vad-abs { flex: 1 1 0; min-height: 0; overflow: hidden; margin-bottom: 1rem; }
  .article .vad-fit .article__btn-group { margin-top: auto; margin-bottom: 0; }
}
@media (min-width: 992px) {
  .article .vad-abs { max-width: 75%; }
}
