.h1-calendario {
  margin-top: 0px;
  margin-right: 12px;
  margin-bottom: 0px;
  color: #f44611;
  font-size: 40px;
  line-height: 44px;
  font-weight: 400;
}

.h2-calendario {
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  color: #f44611;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}

.a-calendario {
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  color: #f44611;
  font-size: 16px;
  text-decoration: none;
}

.a-calendario:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

@media (min-width: 1000px) {
  .img-calendario {
    display: inline-block;
    width: 50%; /* Ajusta según necesites */
  }
}

  .contadorAtras {
    flex-direction: column;
    justify-content: center;
    position: relative;
    display: flex;
    align-items: center;
  }

  .slider {
    height:0px;
  }

  .container-calendario {
    height:535px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 0 50px 5px rgba(0, 0, 0, .09);
  }

  .heading-calendario {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 0px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .heading-calendario.sub {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.calendar-calendario {
  width: 50%;
}

.month-calendario {
  display: block;
  width: 70%;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width:350px;
}

@media (min-width: 1000px) {
.art-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
}
.row-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  padding-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.row-calendario.event-list {
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.date-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 30px;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  text-decoration: none;
}

.date-calendario:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.date-calendario.today {
  border-bottom: 1px solid #f44611;
  font-weight: 700;
}

.date-calendario-value {
  margin-bottom: 10px;
  color: #707070;
  font-weight: 300;
  text-decoration: none;
}

.date-calendario-value.prev {
  background-image: none;
  color: #d6d6d6;
}

.date-calendario-value.prev:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.date-calendario-value.today {
  font-weight: 700;
}

.event-calendario {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #f44611;
}

.page-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.page-calendario.event-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.clock-calendario {
  width: 90%;
  margin-right: 5%;
  margin-left: 5%;
position: absolute;
    top: 600px;
        left: 0px;
}

.evento-marcado {
 border-radius: 40%;
 border-color: #ff5001;
 border-width: thick;
 padding-top: 1px;
 padding-bottom: 1px;
 border-left: solid #ff5001;
 border-bottom: solid #ff5001;
 border-top: solid #ff5001;
 border-right: solid #ff5001;
 padding-right: 3px;
 padding-left: 3px;
 color: orange;
}

.time-calendario {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #f44611;
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 500px) {
.time-calendario {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #f44611;
  font-size: 12px;
  font-weight: 300;
}

}
.time-temp-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.all-month-calendario {
  display: block;
  height: 480px;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.march-calendario {
  display: block;
  width: 100%;
  float: left;
}

.slider-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 500px;
  background-color: #fff;
}

.slide-calendario {
  width: 33%;
}

.prev-calendario {
  float: left;
}

.right-calendario {
  width: 4%;
  height: 90%;
  float: left;
  background-image: url("https://uploads-ssl.webflow.com/58bf5b78abf180ee391cad27/58bf678398d477871c713937_arrow-right.jpg");
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.right-calendario:hover {
  -webkit-transform: translate(5px, 0px);
  -ms-transform: translate(5px, 0px);
  transform: translate(5px, 0px);
}

.left-calendario {
  width: 4%;
  height: 90%;
  background-image: url("https://uploads-ssl.webflow.com/58bf5b78abf180ee391cad27/58bf67647ef5d8bf64aafe39_arrow-left.jpg");
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.left-calendario:hover {
  -webkit-transform: translate(-5px, 0px);
  -ms-transform: translate(-5px, 0px);
  transform: translate(-5px, 0px);
}

.event-list-item-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.event-list-item-calendario.add {
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.event-subhead-calendario {
  width: 15%;
  color: #707070;
  font-weight: 300;
  text-align: left;
}

.event-title-calendario {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  color: #f44611;
  font-size: 16px;
  font-weight: 300;
}

.event-title-calendario:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.event-item-calendario {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.event-description-calendario {
  display: none;
  height: 0px;
  opacity: 0;
  color: #707070;
  font-size: 16px;
  font-weight: 300;
}

.event-add-calendario {
  position: static;
  left: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 100%;
  background-color: #f44611;
  font-size: 24px;
  text-align: center;
}

.add-hover-calendario {
  margin-top: 0px;
  opacity: 0;
  -webkit-transform: translate(-5px, 0px);
  -ms-transform: translate(-5px, 0px);
  transform: translate(-5px, 0px);
  color: #d6d6d6;
  font-size: 16px;
  font-weight: 300;
}

.list-calendario {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  max-height: 340px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.notes-calendario {
  margin: 10px;
  padding: 30px 30px 40px;
  border-radius: 10px;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .04);
}

.event-column-calendario {
  position: relative;
  display: block;
  overflow: visible;
  height: 100%;
}

.gray-calendario {
  color: #d6d6d6;
}

.back-month-calendario {
  margin-right: 12px;
  font-size: 40px;
}

.credit-calendario {
  margin-right: 10px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #b1b1b1;
}