h1 {
  color: #005A92;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.subtitle { 
  font-weight: 600;
  font-size: 1.1rem;
}
.data-calendar {
  color: #005A92;
  margin-top: 28px;
  font-weight: bold;
}
.data-agenda {
  font-size: 1.1rem;
  font-weight: 700;
}
.underline {
  position: relative;
  display: table;
}
.underline:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #BC9D32;
}
.calendar-view-table .calendar-view-day__number {
  cursor: default;
}
.event-list {
  gap: 25px;
}
.event {
  gap: 12px;
}
.event-time {
  color: #005A92;
  text-align: center;
  font-family: Averta;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  gap: 3px;
  max-width: 70px;
  width: 100%;
}
.event-bar {
  flex: 0 0 3px;
  background-color: #BC9D32;
}
.event-details {
  flex: 1;
  gap: 7px;
}
.event-title {
  color: #303030;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.event-title.high-contrast {
  color: #fff;
}

.event-subtitle {
  color: #6A6A6A;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.event-subtitle.high-contrast {
  color: #fff;
}

.calendar-view-pager {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  height: 52px;
  font-weight: 700;
  line-height: 150%;
  padding: 10px 32px 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #fff;
  color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgb(217, 217, 217);
}

.contextual-region view.view-id-agenda.view-display-id-calendario.js-view-dom-id-747986982e56a3a005b76de4ad520672e8516abe838ef208335f53a5281bead7{
  width: 416px;
}

.calendar-view-day__number.today-decorator{
  position: sticky;
  width: 31px;
  height: 27px;
  top: 195px;
  left: 203px;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.calendar-view-pager.high-contrast {
  background-color: #303030;
  color: #fff !important;
}

.view-agenda {
    width: 416px;
    margin: 0 auto;
}

.arrow {
  width: 10px;
  height: 14px;
}

.arrow a{
    font-size: 0;
    fill: #000;
    width: 100%;
    height: auto;
}

.arrow.prev a {
    background-image: url("../../img/arrow-prev.svg");
}

.arrow.next a {
    background-image: url("../../img/arrow-next.svg");
}

.calendar-view-table .previous-month,
.calendar-view-table .next-month,
.calendar-view-table .calendar-view-day__number,
.calendar-view-table .previous-month .calendar-view-day__number,
.calendar-view-table .next-month .calendar-view-day__number {
    background: #fff;
    color: #000;
    font-size: 1.1rem;
    line-height: 150%;
}

.calendar-view-table .previous-month.high-contrast,
.calendar-view-table .next-month.high-contrast,
.calendar-view-table .calendar-view-day__number.high-contrast,
.calendar-view-table .previous-month .calendar-view-day__number.high-contrast,
.calendar-view-table .next-month .calendar-view-day__number.high-contrast {
  background: transparent;
  color: #fff;
}

.calendar-view-day, .calendar-view-day .calendar-view-day__number {
    padding: 0;
    margin: 0;
}

.calendar-view-day__number.high-contrast {
  background: #999;
}

.calendar-view-table tbody {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow: hidden;
    padding-bottom: 14px;
    background-color: #fff;
}

.calendar-view-table tbody.high-contrast {
  background-color: #303030;
}

.calendar-view-table .calendar-view-day__number {
  align-self: center;
  width: auto;
  background: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.calendar-view-table .calendar-view-day__number a {
  text-decoration: underline!important;
}

.calendar-view-table thead th {
  background: #fff;
  color: #000;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 1.1rem;
}

.calendar-view-table thead th.high-contrast {
  background: #303030;
  color: #fff !important;
}

.calendar-view-table th {
    padding: 0;
    background-color: #fff;
}

.calendar-view-table th.high-contrast {
  padding: 0;
  background-color: #000;
}

.calendar-view-table td {
    border: 0;
    background-color: #fff;
    min-height: 0;
    width: auto;
    height: auto;
    padding: 3px 0;
}

.calendar-view-table td.high-contrast {
  background-color: #303030;
}

.today-decorator {
    background-color: #005A92!important;
    color: #fff!important;
    border-radius: 8px!important;
    font-weight: normal!important;
    padding: 0 .35rem !important;
}

.today-decorator.high-contrast {
  background-color: #fff !important;
  color: #000!important;
}

.today-decorator a {
  color: #fff;
  text-decoration: none;
}

.today-decorator a.high-contrast {
  color: #000;
}

@media (max-width: 48rem) {
    .calendar-view-table thead, .calendar-view-table .next-month, .calendar-view-table .previous-month {
        display: block;
    }

    .calendar-view-table, .calendar-view-table tr, .calendar-view-table thead, .calendar-view-table tbody {
        grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
    }

    .calendar-view-table tr {
        grid-column: 1 / -1;
    }
}

@media (max-width: 400px) {
    .view-agenda {
        width: 100%;
    }
}
@media (max-width: 576px) {
    h1 {
      font-size: 1.5rem;
    }
    .data-calendar {
      font-size: 1rem;
    }
    .event-title,
    .event-time,
    .subtitle,
    .calendar-view-table .previous-month,
    .calendar-view-table .next-month,
    .calendar-view-table .calendar-view-day__number,
    .calendar-view-table .previous-month .calendar-view-day__number,
    .calendar-view-table .next-month .calendar-view-day__number {
      font-size: .8rem;
    }
    .event-subtitle {
      font-size: .75rem;
    }
    .event {
      gap: 8px;
    }
}