header h1 {
  text-transform: uppercase;
}

header h4 {
  font-family: 'Overpass', sans-serif;
  text-transform: uppercase;
}

header blockquote {
  border: none;
}

header blockquote p {
  font-family: 'Overpass', sans-serif;
  font-style: normal;
  font-size: 1.3em;
}

header .cover-info {
  position: absolute;
  padding: 1em;
  bottom: 0;
  right: 0;
  color: var(--white);
  fill: var(--white);
}

header .cover-info * {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

header .cover-info .cover-info-content {
  display: none;
  position: absolute;
  background-color: var(--black);
  padding: 1em 1.5em;
  right: 0;
  bottom: 0;
}

header .cover-info:hover .cover-info-content p {
  white-space: pre;
}

header .cover-info:hover .cover-info-content {
  display: block;
}

header a[href^="/releases-files/"] {
  display: block;
}

section {
  padding-top: 2.8em;
  margin-top: -2.8em;
}

section.editorial {
  padding-top: 0;
  margin-top: 0;
}

section > a[href="#sub-nav"] {
  display: block;
  position: sticky;
  top: 4em;

  z-index: 2;
}

nav#sub-nav a:nth-of-type(1):last-child,
a[href="#sub-nav"]:nth-of-type(1):last-child {
  display: none;
}

section .section-arrow {
  float: right;
  margin-right: 0.5em;
}

h2.editorial,
a.editorial {
  display: none;
}

h2.dossier,
h2.artículos {
  background-color: var(--dossier);
  border-top: 3px solid var(--dossier-border);
}

h2.panóptico,
h2.creación {
  background-color: var(--panóptico);
  border-top: 3px solid var(--panóptico-border);
}

h2.crítica,
h2.reseñas {
  background-color: var(--crítica);
  border-top: 3px solid var(--crítica-border);
}

h2.multimedia,
h2.video-entrevistas,
h2.programa-tv {
  background-color: var(--multimedia);
  border-top: 3px solid var(--multimedia-border);
}

h2.suplemento,
h2.columnistas {
  background-color: var(--blog);
  border-top: 3px solid var(--blog-border);
}

article.article-thumb > div > .section-label {
  display: none;
}

article.article-thumb > div > .section-label.subsection-label {
  display: block;
  margin-bottom: 1em;
}

article figure p {
  text-align: center;
  color: var(--dark);
  width: 100%;
  font-size: small;
}

main > nav {
  display: flex;
  flex-flow: row wrap;
  height: auto;

  padding-top: 4.5em;
  margin-top: -3.5em;

  z-index: 9;
}

main > nav a {
  flex: 1 33%;
}

#release-quote blockquote .author {
  width: 100%;
  text-align: right;
  font-weight: bold;
}

/* desktop specifics */
@media (min-width: 72em) {
  header {
    padding: 6em 0;
  }

  section {
    flex: 1 100%;
    order: 3;
  }

  section h2 {
    margin: 1em 0.8em;
  }

  main {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
  }

  main > nav a {
    flex: 1;
  }
}