/*-------Estilos FAQ--------*/

@import url("https://fonts.googleapis.com/css?family=Hind:300,400&display=swap");
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

.container-all-faq{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding-top:1px;
  margin-bottom: 30px;
}

.container {
  margin: 0 auto;
  padding: 1rem;
  width: 100%;
  background: #fff;

}

.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #66d9d9;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #236363;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #0b0b0b;  
  background: #111212;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #080808;;
  border: 1px solid #66d9d9;;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #484848;;  
  background: #062a2a;;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 28em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
  color: #285151;;
}

.info-horario{
  float: right;
}

.horarios{
  border-bottom: 1px solid gray;
  padding-bottom: 10px;
}

/*-----------------Fin estilos FAQ-----------------*/


@media only screen and (max-width: 1000px) {

.title-faq h1{
  font-size: 100px;
}

.container{
  width: 95%;
}
.accordion-title{
  font-size: 60px;
}

.accordion-item .icon{
  display: none;
  color: transparent;
}

.accordion button[aria-expanded=true] + .accordion-content {
  max-height: 400em;
}
  
.accordion-item .accordion-content p{
  font-size: 55px;
  font-family: arial;
  
}

.container-all-faq{
  margin-top: 50px;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1270px) {
  .container{
  width: 85%;
}
.accordion-title{
  font-size: 30px;
}

.accordion button .icon{
  display: none;
}
  
  
.accordion button[aria-expanded=true] + .accordion-content {
  max-height: 50em;
}
  
.accordion-item .accordion-content p{
  font-size: 30px;
  font-family: arial;
}
}