.hello-week {
  width: 100%;
  margin: 0 auto;
  user-select: none;
  font-size: 16px; 
  background: #fff;
}
.hello-week .navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0; 
}

.hello-week .prev,
.hello-week .next {
  padding: 15px 0px;
  cursor: pointer; 
  font-size: 20px;
}

.hello-week .period {
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  text-align: center; 
}

.hello-week .week {
  display: flex;
  font-size: 18px !important; 
}
.hello-week .week.rtl {
  flex-direction: row-reverse; 
}
.hello-week .month {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer; 
}
.hello-week .month.rtl {
  flex-direction: row-reverse; 
}
.hello-week .day {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  width: 14.28571%;
  padding: 0.5em;
  font-weight: 600;
  transition: background-color 0.2s cubic-bezier(0.25, 0.1, 0.49, 0.9); 
}

.hello-week .week {
  color: #ef5350;
  font-size: 16px; 
}

.hello-week .day.is-weekend {
  color: #ef5350; 
}

.hello-week .day.is-highlight {
  border-radius: 15px;
  background-color: #8fbc8f;
  color: #fff; 
}

.hello-week .day.is-today {
  background-color: #eee;
}

.hello-week .day.is-selected {
  border-radius: 15px;
  background-color: var(--corPrimaria) !important;
  color: #fff !important; 
}

.hello-week .day.is-begin-range, .hello-week .day.is-end-range {
  border-radius: 15px;
  background-color: #ef5350 !important;
  color: #fff !important; 
}

.hello-week .day.is-disabled {
  border-radius: 15px;
  cursor: not-allowed;
  opacity: .33; 
}
