/* Template: archive */

.pf-riojano-archive {
  padding: var(--pf-riojano-space-5) 0 var(--pf-riojano-space-8);
}
.pf-riojano-archive__head {
  text-align: center;
  margin-bottom: var(--pf-riojano-space-6);
}
.pf-riojano-archive__title {
  font-family: var(--pf-riojano-font-display);
  margin: 0 0 var(--pf-riojano-space-2);
}
.pf-riojano-archive__description {
  color: var(--pf-riojano-brand-primary-soft);
  max-width: var(--pf-riojano-content-max);
  margin: 0 auto;
}
.pf-riojano-archive__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--pf-riojano-space-4);
}
.pf-riojano-archive__card {
  background: var(--pf-riojano-neutral-white);
  border: var(--pf-riojano-border-soft);
  border-radius: var(--pf-riojano-radius-lg);
  overflow: hidden;
  transition: transform var(--pf-riojano-transition-base),
              box-shadow var(--pf-riojano-transition-base);
}
.pf-riojano-archive__card:hover {
  transform: translateY(-2px);
  box-shadow: var(--pf-riojano-shadow-elevated);
}
.pf-riojano-archive__media img { display: block; width: 100%; height: auto; }
.pf-riojano-archive__body { padding: var(--pf-riojano-space-3) var(--pf-riojano-space-3) var(--pf-riojano-space-4); }
.pf-riojano-archive__item-title {
  font-family: var(--pf-riojano-font-display);
  font-size: var(--pf-riojano-fs-lg);
  margin: 0 0 var(--pf-riojano-space-2);
}
.pf-riojano-archive__item-title a { color: var(--pf-riojano-brand-primary); text-decoration: none; }
.pf-riojano-archive__item-title a:hover { color: var(--pf-riojano-brand-accent-strong); }
.pf-riojano-archive__excerpt {
  color: var(--pf-riojano-brand-primary-soft);
  font-size: var(--pf-riojano-fs-sm);
  margin: 0 0 var(--pf-riojano-space-3);
}
.pf-riojano-archive__more { color: var(--pf-riojano-brand-primary); text-decoration: none; font-size: var(--pf-riojano-fs-sm); }
.pf-riojano-archive__more:hover { color: var(--pf-riojano-brand-accent-strong); }
.pf-riojano-archive__pagination { margin-top: var(--pf-riojano-space-6); display: flex; justify-content: center; }
.pf-riojano-archive__empty {
  text-align: center;
  color: var(--pf-riojano-brand-primary-soft);
  padding: var(--pf-riojano-space-7) 0;
}