.acordeonmenu {
    background-color: white;
  }
  .acordeonmenu .contenedor {
    position: relative;
    border-top: solid 1px #BCBCBC;
  }
  .acordeonmenu .etiqueta {
    position: relative;
    padding: 10px 0;
    color:  var(--bs-Azuliv);
    font-size:  18px;
    font-family: "barlowsemibold";
    cursor: pointer;
    padding-right: 30px;
    border-bottom: solid 1px #BCBCBC;
    text-align: left;
    padding-left: 29px;
  }
  .acordeonmenu .etiqueta:hover{
   /* background-color: var(--bs-contatcab);*/
  }
  .acordeonmenu .contenedor.activa .etiqueta::before {
    content: '';
    color:  var(--bs-Azuliv);
    font-size: 1.5em;
    padding-left: 6px;
    padding-right: 6px;
    background-image: url(undown.svg);
    background-repeat: no-repeat;
    height: 25px;
    width: 26px;
    fill: var(--bs-Azuliv);
  }
  .acordeonmenu .etiqueta::before {
    
    content: '';
   
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 1.5em;
    transform: translateY(-50%);
    background-image: url(updonw.svg);
    background-repeat: no-repeat;
    height: 25px;
    width: 26px;
    fill: var(--bs-Azuliv);
  }
  .acordeonmenu .contenido {
    position: relative;
    background: white;
    display: none;
    font-size: 20px;
    width: 780px;
    overflow: hidden;
    transition: 0.5s;
  }


  .acordeonmenu .contenedor.activa .contenido {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    font-size: 17px;
    color: var(--bs-Azuliv);
    line-height: 25px;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
  }


  @media only screen and (min-width:992px) and (max-width:1199.98px),only screen and (min-width:768px) and (max-width:991.98px),only screen and (max-width:767.98px),only screen and (max-width:479.98px)
  {
    .tab li{
      display: block;
      margin-right: 0px;
      padding-bottom: 15px;
      padding-top: 15px;
      border-bottom: 1px solid var(--bs-Plomo);
    }
    .tab .open a{
      display: inline-block;
     
    }
    .tab .open a::after{
      margin-top:2px;
    }
   
  }
  