/* Contenedor de las pestañas */
    .tabs{
        display: flex;
        flex-wrap: wrap;
    }

    .tab-button {
      background: #181818;
      color: #fff;
      padding: 0.75rem 1.45rem;
      cursor: pointer;
      transition: background 0.2s;
      white-space: nowrap;
    }


    .tab-button:hover,
    .tab-button:focus {
      background: #333;
    }

    .tab-button.active {
      background: #252525;
      color: #fff;
      border-top: 1px solid #878787;;
    }

    /* Contenidos */
.tab-content
 {
    display: none;
    color: #fff;
    min-height: 150px;
    padding: 20px;
}

    .tab-content.active {
      display: block;
    }