.text-dias {
  font-size: 0.9rem;
}

.card-dias:hover {
  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  box-shadow: 5px 6px 7px 0px #6262628c;
  cursor: pointer;
}
.card-dias:hover .stats-icon {
  background-color: white;
}

.card-dia-01 {
  background-color: #ffc107;
  color: #312295 !important;
}

.card-dia-01 h6 {
  color: #312295 !important;
}

.card-dia-01 .stats-icon i {
  color: #ffc107;
}

.card-dia-01 .stats-icon,
.card-dia-02 .stats-icon,
.card-dia-03 .stats-icon {
  background-color: #ffffff;
}

.card-dia-02 {
  background-color: #0dcaf0;
  color: #ffffff !important;
}

.card-dia-02 .stats-icon i {
  color: #0dcaf0;
}

.card-dia-03 {
  background-color: #dc3545;
  color: #ffffff !important;
}

.card-dia-03 .stats-icon i {
  color: #dc3545;
}

.card-dia-02 h6,
.card-dia-03 h6 {
  color: #ffffff !important;
}

.card-dia-01:hover .stats-icon i {
  color: #ffc107;
}
.card-dia-01:hover h6 {
  color: #312295 !important;
}
.card-dia-01:hover {
  background-color: #ffc107;
}

.card-dia-02:hover {
  background-color: #0dcaf0;
}
.card-dia-02:hover .stats-icon i {
  color: #0dcaf0;
}
.card-dia-02:hover h6,
.card-dia-03:hover h6,
.card-galeria:hover h6 {
  color: white !important;
}

.card-dia-03:hover {
  background-color: #dc3545;
}
.card-dia-03:hover .stats-icon i {
  color: #dc3545;
}

.card-galeria:hover {
  -moz-transition: all 350ms ease-in-out;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  background: rgb(49, 34, 149);
  background: linear-gradient(
    90deg,
    rgba(49, 34, 149, 1) 0%,
    rgba(101, 51, 187, 1) 100%
  );
}
.card-galeria:hover .stats-icon i {
  color: #312295;
}
.btn-descargar {
  position: fixed;
  z-index: 10;
  bottom: 18px;
  right: 2%;
}

.stats-icon.morado {
  background-color: #312295 !important;
}

.sombra {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px 0px 50px 22px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 50px 22px rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}

.recuadro{
  position: relative;
}

.recuadro .h2{
  width: 100%;
  text-align: center;
  font-size: 30px;
  text-shadow: 3px 3px 4px black;
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translate(-50%, 0%);
  color: white;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.recuadro .h3{
  width: 100%;
  text-align: center;
  font-size: 20px;
  text-shadow: 3px 3px 4px black;
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translate(-50%, 0%);
  color: white;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.recuadro:hover{
	box-shadow: 5px 6px 7px 0px #6262628c;
}

.recuadro:hover .h2, .recuadro:hover .h3{
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.recuadro:hover .sombra{
  background-color: rgba(0, 0, 0, 0.4);
}

.rotar-icono {
  -webkit-animation: girador 1s linear infinite;
  animation: girador 1s linear infinite;
}

@keyframes girador {
  100% {
    transform: rotate(1turn);
  }
}