/* Native typographic covers for the web publication catalogue. */
.editorial-cover {
  --ec-bg: #213d51;
  --ec-ink: #fffaf1;
  --ec-accent: #e5bf71;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
  width: 180px;
  min-height: 250px;
  max-width: 100%;
  padding: 22px 18px 18px 24px;
  border-radius: 2px 7px 7px 2px;
  border-left: 6px solid rgba(0, 0, 0, .18);
  background: var(--ec-bg);
  color: var(--ec-ink);
  box-shadow: 5px 8px 15px #30253324;
  text-align: left;
  overflow-wrap: anywhere;
}
.editorial-cover::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 7px;
  border: 1px solid currentColor;
  opacity: .17;
  pointer-events: none;
}
.editorial-cover .ec-kind {
  font: 600 9px/1.5 Arial, sans-serif;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ec-accent);
}
.editorial-cover .ec-title {
  font: 600 26px/1.06 Georgia, serif;
  letter-spacing: -.5px;
  color: var(--ec-ink);
}
.editorial-cover .ec-title em { font-weight: 400; color: var(--ec-accent); }
.editorial-cover .ec-sub { font: 12px/1.5 Arial, sans-serif; color: var(--ec-ink); }
.editorial-cover .ec-footer {
  display: block;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #ffffff55;
  font: 9px/1.5 Arial, sans-serif;
  letter-spacing: .5px;
  color: var(--ec-ink);
}
.ec-pixel { --ec-bg: #241b19; --ec-accent: #f5b15d; }
.ec-creator { --ec-bg: #202d47; --ec-accent: #e7b5e5; }
.ec-guia { --ec-bg: #164b5b; --ec-accent: #ffe0a0; }
.ec-eca { --ec-bg: #284630; --ec-accent: #f7e49e; }
.ec-diversidade { --ec-bg: #743f47; --ec-accent: #ffdfa2; }
.ec-vitimizacao { --ec-bg: #482563; --ec-accent: #e9ccff; }
.ec-dossie { --ec-bg: #532f52; --ec-accent: #ffe1bb; }
.resources-grid .resource-card { grid-template-columns: 1fr; align-content: start; }
.resources-grid .editorial-cover { justify-self: center; margin: 4px auto 16px; }
.resources-grid .resource-cover { width: 180px; height: 280px; max-height: 280px; justify-self: center; margin: 4px auto 16px; }
.resources-grid .resource-copy { align-self: start; }
.publication-page .material-tile.editorial-tile { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; align-items: start; }
.editorial-tile-copy { min-width: 0; }
.catalog-card > .editorial-cover { width: 100%; }
.reading-page .ec-reading { float: right; width: 210px; min-height: 295px; margin: 0 0 28px 32px; }
.reading-page main::after { content: ''; display: block; clear: both; }
@media (max-width: 1100px) {
  .publication-page .material-tile.editorial-tile { grid-template-columns: 1fr; }
  .editorial-tile > .editorial-cover { justify-self: center; }
}
@media (max-width: 620px) {
  .reading-page .ec-reading { float: none; margin: 0 auto 30px; width: 210px; }
  .catalog-card > .editorial-cover { width: 180px; justify-self: center; }
  .publication-page .material-tile.editorial-tile { gap: 25px; }
}
@media print {
  .editorial-cover { print-color-adjust: exact; -webkit-print-color-adjust: exact; box-shadow: none; break-inside: avoid; }
}