<div class="container-fluid">
  <div class="title-section">
      <h2>Histórico de Check-ins</h2>
  </div>

  <div class="item-historico" 
      *ngFor="let checkin of checkins"
      [ngClass]="{ 'hoje': ehHoje(checkin.dataHora) }">
      <span class="data">{{ formatarData(checkin.dataHora) }}</span>
      <span class="comentario">{{ checkin.comentario }}</span>
      <span class="emoji">{{ humorEmojis[checkin.nivelHumor] }}</span>
  </div>
</div>
