.pestanya {
    padding: 8px 10px 8px 10px;
    margin: 0rem 0.2rem 0rem 0.2rem;
    border-radius: 4px; 
    background-color: white;
    border: 2px solid #302E6B;
    /*box-shadow: 3px 2px 2px #7A7A7A;*/
    border-bottom: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .pestanya a {
    color: #302E6B;
    text-decoration: none;
    text-align: center;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0.04rem;
    font-family: Arial ;
  }

  .contenedor-pestanyas {
    display: flex;     
  }

  .pestanya-activa, .pestanya-activa a {
    background-color: #302E6B;
    color: white;
  }

  #seccion-pestanyas {
    color:#393C4C;
  }

  #btn-menu {
    float: right;
    border: none;
    border-radius: 0px;
    box-shadow:none;
    padding: 0px 8px;
    min-width: 48px; 
    display: none;  
    background-color: inherit;
    margin-left: 0.5rem;
  }

  @media screen and (min-width: 280px) and (max-width: 720px) {
    #btn-menu {
        display: block;   
    }

    .contenedor-pestanyas{
        justify-content: center;
    }
}

@media screen and (min-width: 720px){
  .contenedor-pestanyas {
    margin-top: 1.75rem;
}
}



/*BURGUER MENU BUTTON*/

.hamburguer-bt {
  cursor: pointer;
  transition: all .2s ease-out;
}

.hamburguer-bt .hamburguer-bt__stripe {
  width: 100%;
  height: 0.3rem;
  background: black;
  margin: 0.325rem auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}

.hamburguer-bt.on .hamburguer-bt__stripe__top {
  transform: rotate(45deg) translate(0.45rem, 0.45rem);
}

.hamburguer-bt.on .hamburguer-bt__stripe__middle {
  opacity: 0;
}

.hamburguer-bt.on .hamburguer-bt__stripe__bottom {
  transform: rotate(-45deg) translate(0.45rem, -0.45rem);
}