.boleteraContainer {
  --rosa: #ED07D2;
  --morado: #6100B0;
  --azulOb: #030233;
  --azulClaro: #17C6FF;
  --azulClaroA: #17C6FF4F;
  --rojo: #E80763;
  transition: 0.5s ease-in-out;
  background: #000;
  position: fixed;
  right: -101%;
  top: 0;
  width: 100%;
  max-width: 600px;
  z-index: 100;
  height: 100vh;
  padding: 5%;
}
.boleteraContainer.mostrarCaendario {
  right: 0;
}
.boleteraContainer .closeButton {
  color: transparent !important;
  background: none !important;
  font-size: 0 !important;
  position: relative;
  display: block;
  border: none;
  height: 22px;
  width: 35px;
}
.boleteraContainer .closeButton::after {
  transform: rotate(-45deg) translate(7px, -8px) !important;
  background-color: var(--azulClaro);
  border-radius: 2px;
  position: absolute;
  transform: none;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
}
.boleteraContainer .closeButton::before {
  transform: rotate(45deg) translate(6px, 7px) !important;
  background-color: var(--azulClaro);
  border-radius: 2px;
  position: absolute;
  transform: none;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
}
.boleteraContainer .closeButton:hover::after, .boleteraContainer .closeButton:hover::before {
  background-color: var(--rosa);
}

.calendarHolder h3 {
  text-align: center;
  color: #FFF;
}

.calendario {
  border-collapse: collapse;
  font-family: sans-serif;
  margin: 0 auto;
  width: inherit;
}
.calendario td {
  border: 1px solid #ccc;
  text-align: center;
  padding: 0px;
  height: 40px;
}
.calendario td a {
  color: var(--azulClaro) !important;
  background-color: rgba(137, 107, 255, 0);
  justify-content: center;
  transition: 0.3s ease;
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}
.calendario td a:hover {
  background-color: var(--azulClaro);
  color: var(--azulOb) !important;
}
.calendario td span {
  font-family: "Jersey 15", Sans-serif;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
  height: 100%;
  width: 100%;
}
.calendario th {
  background-color: var(--morado) !important;
  font-weight: bold;
  color: #FFF;
}
.calendario .days {
  color: var(--azulClaro) !important;
}
.calendario .fechaPasada {
  color: var(--azulClaroA);
}
.calendario .hoy {
  font-weight: bold;
}
.calendario .mesCalendarSwiper {
  overflow: hidden;
}

.mesCalendarSwiper {
  position: relative;
  overflow: hidden;
  height: 350px;
  width: 100%;
}
.mesCalendarSwiper .swiper-button-next,
.mesCalendarSwiper .swiper-button-prev {
  transition: 0.3s ease;
  top: 30px !important;
  color: #FFF;
}
.mesCalendarSwiper .swiper-button-next::after, .mesCalendarSwiper .swiper-button-next::before,
.mesCalendarSwiper .swiper-button-prev::after,
.mesCalendarSwiper .swiper-button-prev::before {
  font-size: 15px !important;
}
.mesCalendarSwiper .swiper-button-next.swiper-button-disabled, .mesCalendarSwiper .swiper-button-next.swiper-button-disabled,
.mesCalendarSwiper .swiper-button-prev.swiper-button-disabled,
.mesCalendarSwiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

/*# sourceMappingURL=calendario.css.map */