button.accordion {padding-right: 20px;}


#acordeon-general{
  display: block;
  margin: 0 auto;
  width: 50%; 
  padding-top: 20px;
  font-family: 'Inter', sans-serif;
}

.tituloacordeon {display: inline-block}    

.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  font-family: 'Inter', sans-serif;
  width: 100%;
  border: none;
  text-align: left;
  border-radius: 10px;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
     content: '\002B';
     color: #fff;
     /* background-color: #ff778d; */
     font-weight: bold;
     float: left;
     border-radius: 100px;
     margin-left: 0;
     display: block;
     width: 27px;
     text-align: center;
     height: 27px;
     margin-left: 12px;
     font-size: 20px;
     padding-left: 0px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel p{
  text-align: left;
    padding: 20px;
    font-family: 'SharpSans-Light', sans-serif!important;
}


@media (max-width:760px) {

.tituloacordeon {display: inline-block;width: 89%;}
    
.panel p {
    text-align: left;
    LINE-HEIGHT: 22PX;
    padding: 20px;
    font-family: 'SharpSans-Light', sans-serif!important;
    /* width: 86%!important; */
}    
    
.accordion:after {
    content: '\002B';
    color: #fff;
    /* background-color: #ff778d; */
    font-weight: bold;
    float: right;
    LINE-HEIGHT: 26PX;
    border-radius: 100px;
    margin-left: 0;
    display: block;
    width: 27px;
    text-align: center;
    height: 27px;
    margin-left: 46px;
    font-size: 23px;
    padding-left: 0px;
    padding-top: 0px;
}
    
  #acordeon-general {
    display: block;
    margin: 0 auto;
    width: 95%!important;
    padding-top: 20px;
    font-family: 'Inter', sans-serif;
}
.accordion {
    background-color: #f4f4f4;
    font-family: 'Open Sans', sans-serif;
    color: #444;
    cursor: pointer;
    margin-bottom: 21px;
    padding: 26px!important;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    /* padding-bottom: 31px!important; */
    font-size: 15px;
    transition: 0.4s;
}
}




#acordeon-general{
  display: block;
  margin: 0 auto;
  width: 89%;
  padding-top: 20px;
  font-family: 'Inter', sans-serif;
  margin-bottom: 14%;
}

.tituloacordeon {display: inline-block;margin-left: 41px;}    

.accordion {
  background-color: #f7f7f7;
  color: #444;
  cursor: pointer;
  padding: 29px 18px;
   font-family: 'Inter', sans-serif;
  width: 100%;
  border: none;
  text-align: left;
  border-radius: 10px;
  outline: none;
  font-size: 39px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #e9e9e9;
}

.accordion:after {
     content: '\002B';
     color: #adddaf;
     /* background-color: yellowgreen; */
     font-weight: bold;
     float: left;
     border-radius: 100px;
     margin-left: 0;
     display: inline-block;
     width: 27px;
     font-weight: 400;
     margin-top: -5%;
     text-align: center;
     height: 27px;
     /* margin-left: 46px; */
     font-size: 53px;
     padding-left: 0px;
     line-height: 0px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 16px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  /* max-height: 222px; */
}

.panel p{
  text-align: left;
  padding: 0 0 12px 0;
  line-height: 31px;
  font-size: 23px;
  font-family: 'SharpSans-Light', sans-serif!important;
}


@media (max-width:760px) {

.tituloacordeon {display: inline-block;width: 89%;}
    
.panel p {
    text-align: left;
    font-size: 15px;
    LINE-HEIGHT: 18PX;
    padding: 20px;
    font-family: 'SharpSans-Light', sans-serif!important;
    /* width: 86%!important; */
}    
    
.accordion:after {
    content: '\002B';
    color: #47ef5f;
    /* background-color: #ff778d; */
    font-weight: bold;
    float: left;
    /* line-height: 26px; */
    border-radius: 100px;
    margin-left: 0;
    display: block;
    width: 27px;
    text-align: center;
    height: 27px;
    /* margin-left: 46px; */
    font-size: 23px;
    padding-left: 0px;
    padding-top: 0px;
}
    
  #acordeon-general {
    display: block;
    margin: 0 auto;
    width: 95%!important;
    padding-top: 20px;
    font-family: 'Inter', sans-serif;
}
.accordion {
    background-color: #f7f7f7;
    /* font-family: 'Open Sans', sans-serif; */
    color: #444;
    cursor: pointer;
    margin-bottom: 0px;
    padding: 18px!important;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    /* padding-bottom: 31px!important; */
    font-size: 15px;
    transition: 0.4s;
}
}

@media (min-width: 999px) and (max-width: 1880px) {
    
  .accordion:after {
    content: '\002B';
    color: #adddaf;
    /* background-color: yellowgreen; */
    font-weight: bold;
    float: left;
    border-radius: 100px;
    margin-left: 0;
    display: inline-block;
    width: 27px;
    font-weight: 400;
    margin-top: 1%;
    text-align: center;
    height: 27px;
    /* margin-left: 46px; */
    font-size: 53px;
    padding-left: 0px;
    line-height: 0px;
}
    
    .accordion {
    background-color: #f7f7f7;
    color: #444;
    cursor: pointer;
    padding: 29px 18px;
    font-family: 'Inter', sans-serif;
    width: 100%;
    border: none;
    text-align: left;
    border-radius: 10px;
    outline: none;
    font-size: 26px;
    transition: 0.4s;
}
    
    #acordeon-general {
    display: block;
    margin: 0 auto;
    width: 80%;
    padding-top: 20px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 4%;
}

    
    
}


@media (min-width: 1881px) {
.accordion:after {
    content: '\002B';
    color: #adddaf;
    /* background-color: yellowgreen; */
    font-weight: bold;
    float: left;
    border-radius: 100px;
    margin-left: 0;
    display: inline-block;
    width: 27px;
    font-weight: 400;
    margin-top: 1%;
    text-align: center;
    height: 27px;
    /* margin-left: 46px; */
    font-size: 53px;
    padding-left: 0px;
    line-height: 0px;
}
    
    .accordion {
    background-color: #f7f7f7;
    color: #444;
    cursor: pointer;
    padding: 29px 18px;
    font-family: 'Inter', sans-serif;
    width: 100%;
    border: none;
    text-align: left;
    border-radius: 10px;
    outline: none;
    font-size: 26px;
    transition: 0.4s;
}
    
    #acordeon-general {
    display: block;
    margin: 0 auto;
    width: 58%;
    padding-top: 20px;
    font-family: 'Inter', sans-serif;
    margin-bottom: 4%;
}

}