.events-list {
  /* light (por defeito) */
  --el-gap: 24px;
  --el-date-width: 120px;
  --el-duration: 0.3s;
  border-bottom: 1px solid var(--el-border);
}

.events-list.events-list--dark {
  --el-border: rgba(255, 255, 255, 0.25);
}

.events-list.events-list--light {
  --el-border: rgba(6, 20, 43, 0.15);
}

.gpc-agenda-container {
  display: flex;
  flex-direction: column;
}

.events-list .gpc-agenda-heading {
  margin: 0;
  font: inherit;
}

.events-list .gpc-agenda-heading .gpc-agenda-title {
  display: block;
  width: 100%;
  margin: 0;
  padding: var(--el-gap) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
}

.events-list .gpc-agenda-heading .gpc-agenda-title:hover,
.events-list .gpc-agenda-heading .gpc-agenda-title:focus,
.events-list .gpc-agenda-heading .gpc-agenda-title:active {
  background: transparent;
  color: inherit;
}

.events-list .gpc-agenda-heading .gpc-agenda-title:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 3px;
}

.gpc-agenda-title__inner {
  display: flex;
  align-items: center;
  gap: var(--el-gap);
}

@media (max-width:767px) {
  .gpc-agenda-title__inner {
    align-items: flex-start;
  }
}

/* Data (dia + mês) */
.events-list__date {
  display: flex;
  flex: 0 0 var(--el-date-width);
  align-items: center;
  gap: 8px;
}

@media(max-width:767px) {
  .events-list__date {
    flex-direction: column;
  }
}


.events-list__date-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}

.events-list__day {
  font-size: 2rem;
  font-weight: 600;
}

.events-list__month {
  margin-top: 4px;
  font-size: 0.875rem;
  text-transform: uppercase;
}


.events-list__date-sep {
  opacity: 0.5;
}

/* Evento sem datas: "Data a anunciar" na mesma coluna, para manter o alinhamento */



.events-list__tbc {
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

/* Tipo + título + datas */
.events-list__info {
  flex: 1 1 auto;
  min-width: 0;
}

.events-list__title,
.events-list__meta,
.events-list__dates,
.events-list__place {
  display: block;
  margin-bottom: 0;
}

.events-list__meta {
  text-transform: uppercase;
}

/* "13, 14, 16 OUT, 2 NOV" */
.events-list__dates {
  text-transform: uppercase;
}

/* Ícone (círculo com seta) */
.gpc-agenda-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 0;
  transition:
    transform var(--el-duration) ease,
    background-color 0.25s ease,
    color 0.25s ease;
}

.gpc-agenda-icon svg {
  width: 50%;
  height: 50%;
}

.events-list .gpc-agenda-title:hover .gpc-agenda-icon,
.events-list .gpc-agenda-title:focus-visible .gpc-agenda-icon {
  background: transparent;
}

.events-list.is-open .gpc-agenda-icon {
  transform: rotate(180deg);
}

.events-list .gpc-agenda-details {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--el-duration) ease;
}

.events-list.is-open .gpc-agenda-details {
  grid-template-rows: 1fr;
}

.gpc-agenda-details__inner {
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0s linear var(--el-duration);
}

.events-list.is-open .gpc-agenda-details__inner {
  visibility: visible;
  transition-delay: 0s;
}

/* Alinha o painel com a coluna do título (largura da data + espaço) */
.gpc-agenda-details__content {
  padding: 0 0 var(--el-gap) calc(var(--el-date-width) + var(--el-gap));
}

/*
.events-list__place {
  opacity: 0.7;
}
*/

/* the_content do evento */
.events-list__content {
  margin-top: 12px;
}

.events-list__place + .events-list__content {
  margin-top: 8px;
}

.events-list__content > :first-child {
  margin-top: 0;
}

.events-list__content > :last-child {
  margin-bottom: 0;
}

.events-list__content a {
  color: inherit;
  text-decoration: underline;
}

/* 
.events-list__more {
  display: inline-block;
  margin-top: 16px;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.events-list__more:hover {
  text-decoration-thickness: 2px;
}

*/

@media (max-width: 480px) {
  .events-list {
    --el-gap: 14px;
    --el-date-width: 50px;
  }

  .events-list__day {
    font-size: 1.5rem;
  }

  .gpc-agenda-icon {
    width: 32px;
    height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .events-list .gpc-agenda-details,
  .gpc-agenda-details__inner,
  .gpc-agenda-icon {
    transition: none;
  }
}


/*Colors*/

.events-list .events-list__dates,
.events-list .events-list__place,
.events-list.events-list--light .events-list__meta,
.events-list.events-list--dark .events-list__meta,
.events-list.events-list--light .events-list__month,
.events-list.events-list--dark .events-list__month {
  color: var(--neutral4);
}

.events-list.events-list--light .events-list__title,
.events-list.events-list--light .gpc-agenda-icon,
.events-list.events-list--light .events-list__date,
.events-list.events-list--light .events-list__tbc {
  color: var(--primary);
}


.events-list.events-list--dark .events-list__title,
.events-list.events-list--dark .gpc-agenda-icon,
.events-list.events-list--dark .events-list__date,
.events-list.events-list--dark .events-list__tbc {
  color: var(--white);
}

.events-list.events-list--light .events-list__content {
  color: var(--text);
}

.events-list.events-list--dark .events-list__content {
  color: var(--neutral1);
}