/* FECCETEC 2026 — v1.12.4
 * Refinamento de alinhamento do bloco de data, horário e local.
 * Desktop: Data à direita, Horário centralizado e Local à esquerda.
 * Mobile/tablet: informações centralizadas para leitura mais confortável.
 */

/* O bloco continua ocupando a mesma largura do conteúdo acima e dos números abaixo. */
.event-details {
  grid-template-columns: 1fr .78fr 1.42fr;
}

/* Mantém todos os elementos verticalmente equilibrados dentro de cada coluna. */
.event-detail {
  justify-content: center;
}

@media (min-width: 861px) {
  /* DATA — aproxima o conteúdo da divisória central sem perder respiro. */
  .event-details .event-detail:nth-child(1) {
    align-items: flex-end;
    text-align: right;
    padding-left: 30px;
    padding-right: 34px;
  }

  /* HORÁRIO — eixo central do card. */
  .event-details .event-detail:nth-child(2) {
    align-items: center;
    text-align: center;
    padding-left: 28px;
    padding-right: 28px;
  }

  /* LOCAL — começa junto à divisória e cresce naturalmente para a direita. */
  .event-details .event-detail-location {
    align-items: flex-start;
    text-align: left;
    padding-left: 34px;
    padding-right: 30px;
  }

  .event-detail-location small {
    max-width: 100%;
  }
}

/* Em tablet e celular, a composição fica mais limpa com todo o conteúdo centralizado. */
@media (max-width: 860px) {
  .event-detail,
  .event-detail-location {
    align-items: center;
    text-align: center;
  }
}