.contenedor-tabs {
    margin: auto;
    width: 100%;
}

.tab-link {
    cursor: pointer;
    border: none;
    border-bottom: 2px solid transparent;
    transition: background-color 0.3s, border-bottom 0.3s;
    font-size: 1em;
}

.layout-local .tab-link.activo {
    background-color: var(--color-terciario);
    color: var(--color-principal);
}

.tab-content {
    display: none;

   

    padding-top: 50px;
}
.tab-content.activo {
    display: block;
    

}
.tabs-header{
    background-color: var(--color-primario);
    /*background-color: red;*/
}
.tabs-header > button {
    padding: 10px;
    border: none;
    border-radius: 5px 6px 0 0;
    cursor: pointer;
    transition: background-color 0.3s;

    background-color: var(--color-principal);

    color: var(--color-secundario);
}