/* Página Eventos. Los ajustes propios de esta página viven aquí. */
@import url("/css/pages.css");

/* Extracted page-owned styles. */
.event-type {
  display: block;
  margin-bottom: var(--space-3);
  color: #ef4b56;
  font-size: var(--text-xs);
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.events-section {
  background: transparent;
}
.events-list {
  display: grid;
  gap: var(--space-3);
  margin: var(--space-8) 0 0;
  padding: 0;
  list-style: none;
}
.events-list:empty {
  display: none;
}
.event-card {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-4);
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: var(--radius-md);
  background: rgb(255 255 255 / 3%);
  box-shadow: none;
}
.event-card > time {
  min-height: 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-3);
  color: var(--color-white);
  background: #1c1b20;
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: var(--radius-sm);
  text-align: center;
  text-transform: uppercase;
}
.event-card > time strong {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  line-height: 1;
}
.event-card > time span {
  margin-top: var(--space-1);
  color: #aaa7aa;
  font-size: var(--text-xs);
  font-weight: 850;
}
.event-card h3 {
  margin-bottom: var(--space-2);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  line-height: 1;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.event-card .event-type,
.event-card h3,
.event-card p {
  text-wrap: pretty;
}
.event-card p {
  margin: 0;
  color: #aaa7aa;
  overflow-wrap: anywhere;
}
.event-card > div {
  min-width: 0;
}
.published-events,
.event-collection {
  display: grid;
  gap: var(--space-8);
}
.published-events[hidden],
.event-collection[hidden] {
  display: none;
}
.event-collection--archive {
  margin-top: clamp(3rem, 8vw, 6rem);
  padding-top: clamp(2rem, 5vw, 4rem);
  border-top: 1px solid var(--color-gray-200);
}
.event-card__main {
  display: grid;
  gap: var(--space-4);
}
.event-card__image {
  width: 100%;
  max-height: 11rem;
  object-fit: cover;
  border-radius: var(--radius-sm);
}
.event-card__copy {
  min-width: 0;
}
.event-card__description {
  display: -webkit-box;
  overflow: hidden;
  margin-top: var(--space-3) !important;
  color: var(--color-ink-800) !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.event-card--featured {
  border-color: rgb(239 75 86 / 38%);
}
.event-card--featured > time {
  background: linear-gradient(135deg, #a81725, #d92231);
}

.events-section .section-heading > p,
.archive-section .section-heading > p,
.archive-section .editorial-copy > p {
  color: #cbc7c8;
}

.events-section .event-card h3,
.archive-section .editorial-copy h2,
#balance .result-stories h3 {
  color: #f7f3ef;
}

#balance,
.archive-section {
  background: transparent;
}

#balance .result-stories article {
  border-color: rgb(255 255 255 / 9%);
  background: rgb(255 255 255 / 3%);
  box-shadow: none;
}

#balance .result-stories p {
  color: #aaa7aa;
}

.archive-section .editorial-media::before {
  background: #a81725;
}

@media (max-width: 29.99rem) {
  .event-card {
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-3);
  }

  .event-card > time {
    min-height: 4rem;
    padding: var(--space-2);
  }

  .event-card > time strong {
    font-size: var(--text-base);
  }

  .event-card h3 {
    font-size: var(--text-lg);
  }
}

@media (min-width: 60rem) {
  .event-card__main--with-image {
    min-width: 0;
  }
}