a {
  transition: 0.3s all ease;
  color: #037da5;
}
a:hover, a:focus {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.5;
  font-weight: 400;
  font-family: "Lato", Arial, sans-serif;
  color: #343a40;
}

.bg-primary {
  background: #ffffff !important;
}

.calendar {
  width: 100%;
  aspect-ratio: 7/6;
  margin: auto;
  height: auto;
  font-weight: 400;
  border-radius: 30px;
  position: relative;
  padding: 0 10px;
  padding-bottom: 10px;
}

.calendar_weekdays, .calendar_content .calendar_content {
  background: #ffffff;
}

.calendar_weekdays {
  background: #037da5;
}

.calendar_header {
  padding: 20px 0;
  container-type: inline-size;
}

.calendar_content, .calendar_weekdays, .calendar_header {
  position: relative;
  overflow: hidden;
}

.calendar_weekdays div {
  display: inline-block;
  vertical-align: top;
  color: #ffffff !important;
}

.calendar_weekdays div,
.calendar_content div {
  width: 14.28571%;
  aspect-ratio: 1/1;
  background-color: transparent;
  float: left;
  position: relative;
  color: #000;
  overflow: auto;
  padding: 0;
  container-type: inline-size;
}

.calendar_content div {
  border: 1px solid transparent;
  float: left;
  position: relative;
  z-index: 0;
}

.calendar_content div span,
.calendar_weekdays div span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40cqw;
}

.calendar_content div.past-date {
  color: #dadada;
}

.calendar_content div:not(.blank, .past-date, .selected):hover {
  cursor: pointer;
}
.calendar_content div:not(.blank, .past-date, .selected):hover:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  content: "";
  width: 80%;
  height: 80%;
  border-radius: 50%;
  margin: 0 auto;
  background: #e5e5e5;
  z-index: -1;
  -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}

.calendar_content div.today {
  font-weight: bold;
  color: #ffffff !important;
}
.calendar_content div.today:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  content: "";
  width: 80%;
  height: 80%;
  border-radius: 50%;
  margin: 0 auto;
  background: #037da5;
  z-index: -1;
  -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}

.calendar_content div.selected {
  font-weight: bold;
  color: #ffffff !important;
}
.calendar_content div.selected:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  content: "";
  width: 80%;
  height: 80%;
  border-radius: 50%;
  margin: 0 auto;
  background: #fa9140;
  z-index: -1;
  -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}

.calendar_header {
  width: 100%;
  text-align: center;
}

.calendar_header h2 {
  padding: 0 10px;
  font-weight: 500;
  font-size: 6cqw;
  color: #037da5;
  float: left;
  width: 70%;
  margin: 0 0 10px;
}

button.switch-month {
  background-color: transparent;
  padding: 0;
  outline: none;
  border: none;
  color: #dcdcdc;
  float: left;
  width: 15%;
  transition: color 0.2s;
}

button.switch-month:hover {
  color: #037da5;
}

/*# sourceMappingURL=val-calendario-style.css.map */