.sitewidget-all {
   
    background-color: #8d8e8f;
    padding-top:1px;
    padding-bottom: 1px;

}

.sitewidget-all h2 {
   
   color: #fff;
   font-size: 16px;
   font-weight: 600;
   padding-left: 10px;
    padding-bottom: 8px;
    text-transform: uppercase;
}




.contenedor-acordeon {
  width: 282px;
  overflow: hidden;
  border-radius: 3px;
}

.acordeon {
  width: 100%;
  overflow: hidden;
}
.acordeon__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .80em;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
 border-right: 1px solid #e5e5e5;
}

.acordeon__head p {
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.acordeon__head:hover {
  cursor: pointer;
}
.acordeon__head--logo, .acordeon__head--title, .acordeon__head .icon {
  pointer-events: none;
}
.acordeon__head--logo {
  width: 8%;
}
.acordeon__head--title {
  display: inline-block;
  text-transform: capitalize;
  font-size: 1em;
  font-weight: 600;
}
.acordeon__head .icon {
  font-size: .80em;
}
.acordeon__body {
  height: 0;
  transition: height .4s ease-in-out;
  
}
.acordeon__body__menu {
  list-style: none;
}
.acordeon__body__menu li {
      border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  padding: .90em;
}
.acordeon__body__menu li a {
  display: block;
  color: #222222;
  text-decoration: none;
  padding-left: 10px;
  font-size: .95em;
  line-height: 1.2em;
  font-weight: 500;
}

.acordeon__body__menu li a:hover {

  font-size: 1em;
  font-weight: 600;
  color: #f85c37;
}

.acordeon__head a {
  color: #000;
  font-weight: 600; 
  text-decoration: none;
}

.acordeon__head a:hover {
  color: #f85c37;
}