@charset "UTF-8";
.divisor {
  padding-bottom: 15px;
}
.divisor__titulo {
  font-size: 0.65rem;
  line-height: 1em;
  margin-bottom: 7.5px;
  text-transform: uppercase;
  color: #616161;
}
.divisor hr {
  border-color: #616161;
  margin: 0;
}
@media (min-width: 628px) {
  .divisor__titulo {
    font-size: 0.8rem;
  }
}

.consola-filtros {
  padding-bottom: 15px;
}
.consola-filtros .btn-group {
  width: 100%;
}
.consola-filtros .accordion-item {
  border: none;
}
.consola-filtros .accordion-item .accordion-button {
  padding: 6px 8px;
  font-size: 12px;
  color: #616161;
  text-transform: uppercase;
  border: none;
  background-color: #f9f9f9;
  width: auto;
}
.consola-filtros .accordion-item .accordion-button.collapsed {
  background-color: white;
}
.consola-filtros .accordion-item .accordion-button:after {
  margin-right: auto;
  margin-left: 5px;
}
.consola-filtros .accordion-item .accordion-body {
  background-color: #f9f9f9;
  padding: 15px 0;
  border-radius: 0 10px 10px 10px;
}
.consola-filtros .accordion-item .accordion-body h6 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.consola-filtros .accordion-item .accordion-body .btn-filtro {
  background-color: #E0E0E0;
  border-color: #E0E0E0;
  float: left;
  margin: 0 5px 5px 0;
}
@media (min-width: 768px) {
  .consola-filtros .accordion-item .accordion-body .btn-filtro {
    margin: 5px 10px 5px 0;
  }
}
.consola-filtros .accordion-item .accordion-body .btn-check:checked + .btn {
  background-color: #F3DCEC;
  border-color: #F3DCEC;
  color: #9E007E;
}
@media (min-width: 768px) {
  .consola-filtros .accordion-item .accordion-body {
    padding: 30px 0;
  }
  .consola-filtros .accordion-item .accordion-body .row {
    align-items: center;
  }
}

.btn-navegacion {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  border: solid 1px #C4E8E5;
  padding: 13px 20px;
}
.btn-navegacion.active {
  background-color: #C4E8E5;
  border: solid 1px #C4E8E5;
}
.btn-navegacion:hover {
  background-color: #C4E8E5;
}

.filtros-predefinidos {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .filtros-predefinidos {
    justify-content: flex-start;
  }
}

.btn-filtro {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  background-color: #F2F2F2;
  color: #616161;
  padding: 5px 10px;
  margin: 0 10px 0 0;
  border-radius: 30px;
}
.btn-filtro.active, .btn-filtro:active, .btn-filtro:focus, .btn-filtro:hover {
  border: solid 1px #F3DCEC;
  background-color: #F3DCEC;
  color: #9E007E;
}

.selectores-fecha:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  z-index: 100;
  left: 50%;
  top: 10px;
  margin-left: -22px;
  transform: rotate(45deg);
  border: solid #00B2A9;
  border-width: 1px 1px 0 0;
}
.selectores-fecha .selector-fecha {
  width: 50%;
  float: left;
  border-color: #00B2A9;
  font-size: 12px;
}
.selectores-fecha .selector-fecha.inicio {
  border-radius: 10px 0 0 10px;
  border-right-width: 0;
}
.selectores-fecha .selector-fecha.fin {
  border-radius: 0 10px 10px 0;
  border-left-width: 0;
}

.form-switch {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.form-switch .form-check-input {
  margin: 0;
  height: 1.5em;
  width: 2.5em;
}
.form-switch .form-check-input:checked, .form-switch .form-check-input:focus {
  background-color: #00B2A9;
  border-color: #00B2A9;
}
.form-switch .form-check-label {
  margin: 0 0 0 10px;
  font-size: 12px;
  line-height: 1em;
}

.palabra-clave input {
  font-size: 12px;
  background-color: transparent;
  border-radius: 0;
  border-width: 0 0 1px 0;
}
.palabra-clave .input-group-text {
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.dias-semana {
  display: flex;
  justify-content: space-between;
}
.dias-semana .nav-link {
  padding: 5px 8px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #00B2A9;
}
.dias-semana .nav-link.active, .dias-semana .nav-link:hover {
  background-color: #00B2A9;
  color: white;
}
.dias-semana .nav-link.disabled {
  color: #BEBEBE;
}
@media (min-width: 628px) {
  .dias-semana {
    justify-content: flex-start;
  }
}

.picker__header * {
  font-size: 1rem;
  text-transform: uppercase;
  font-style: normal;
}

.picker__nav--next,
.picker__nav--prev {
  top: 0;
}

.picker__weekday,
.picker__day {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.picker__weekday {
  color: #BEBEBE;
}

.picker__day {
  padding: 1em 0;
}
.picker__day--highlighted {
  border-color: #00B2A9;
}

.picker--focused .picker__day--highlighted,
.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  background: #E1F3F2;
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
  color: #00B2A9;
}

.picker__day--today:before,
.picker__button--today:before {
  border-top: 0.5em solid #00B2A9;
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
}

.tags {
  display: flex;
  gap: 10px;
}
.tags .tag {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.65rem;
  letter-spacing: 0.5px;
  border-radius: 20px;
  padding: 5px 10px;
  border: solid 1px #9E007E;
  background-color: white;
  color: #9E007E;
}
.tags .tag.duracion {
  background-color: #00B2A9;
  border-color: #00B2A9;
  color: white;
}

.comida .tag.desayuno {
  background-color: #D28ABF;
  color: white;
}
.comida .tag.mediodía {
  background-color: #9AD8D2;
}
.comida .tag.cena {
  background-color: #E1F3F2;
}

.actividad .card-subtitulo {
  color: #9E007E;
}
.actividad.fisioterapia .inner-front,
.actividad.fisioterapia .inner-back {
  background-color: #C4E8E5;
}
.actividad.terapia-ocupacional .inner-front,
.actividad.terapia-ocupacional .inner-back {
  background-color: #F3DCEC;
}
.actividad.psicologia .inner-front,
.actividad.psicologia .inner-back {
  background-color: #E1F3F2;
}
.actividad.logopedia .inner-front,
.actividad.logopedia .inner-back {
  background-color: #9AD8D2;
}
.actividad.tasoc .inner-front,
.actividad.tasoc .inner-back {
  background-color: #D28ABF;
}