/* Menu */
.skeleton-body{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px
  ;
  width: 100%;
}

.skeicon{
  width: 40px;
  height: 40px;
  background-color: #e0e0e0;
  /* border-radius: 50%; */
}
.sketext{
  width: 70%;
  height: 8px;
  margin-bottom: 5px;
  background-color: #e0e0e0;
}

.skeleton{
  animation: skeleton 1s linear infinite alternate; 
}
.ske-title{
  width: 60%;
  height: 15px;
}

.ske-subt{
  width: 40%;
  height: 15px;

}
/* cuando carga el skeleton hay un breve momento en que id skeleton queda vacio y el 
footer sube hasta arriba, se evita con este alto como minimo */
#skeleton {
  min-height: 365px; 

}


@keyframes skeleton {
  0%{
    background-color: #e0e0e0;
  }
  50%{
    background-color: #dddbdb;
  }
  100%{
    background-color: #c9c9c9;
  }
}
/* Menu. Pertenece a NakanuMiku.css , se coloco aquí para evitar conflictos en otras páginas */
@media (min-width: 1000px) and (max-width: 1300px) {
  .redMenu{
    padding: 5px 30px 30px 30px;
  }

  .vertical{
    display: inline-block;
  }


}

@media (max-width: 530px) {
  *{
    box-sizing: border-box;
  }

  .vertical{
    height: 35vw;
  }

  /* .raiden{
    margin-top: 1.3rem;
  } */

}

@media (max-width: 450px) {
  #skeleton{
    box-sizing: content-box;
  }
  .vertical{
    height: 30vw;
  }
}

/* Acordeons */

.mx-auto{
  margin: 0 !important;
}

.col-lg-8{
  flex: none;
  max-width: none;
}

.resp{
  max-width: none;
}

.accordion {
  width: auto;
  border: none;
}

@media (min-width: 1000px) {

  .mx-auto{
    margin-top: 10px !important ;
  }
  
  .col-lg-8{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }

  .sketext{
    width: 50%;
  }

  .ske-title{
    width: 30%;
  }
  
  .ske-subt{
    width: 15%;
  }

}