.comunidad-practica__contain{
    max-width: 80%;
    margin: auto;
}


/* tabs menu */
.t-tabs-nab__element {
    border-radius: 8px 8px 0px 0px !important;
}

.t-tabs-nav>* {
    gap: 8px;
}

.member-section-content .t-tabs-nav  .t-tabs-nab__element {
    border-radius: 8px 8px 0px 0px;
    color: var(--color-black-01);
    background-color: var(--color-grey-0);
    font-weight: bold;
    transition: 0.35s;
}

.t-tabs-nav .t-tabs-nab__element.active{
    color: var(--color-black-02);
    background-color: var(--color-white-01);
}

/* ========= description tab  */

.member-section__content{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.member-section {
    margin: auto;
    padding: 77px 0px;
}

.t-tabs-content__elements {
    background: var(--color-white-01);
    padding: 24px;
    border-radius: 0px 32px 32px 32px;
}

.description__title {
    font-weight: bold;
    margin-bottom: 19px;
    color: var(--color-black-02);
}

.description__infor {
    margin-bottom: 40px;
}

.description__members-title {
    font-weight: bold;
    font-size: var(--font-size-h4);
    margin-bottom: 42px;
}


/* user info */
.member-profile {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--color-white-02);
    padding: 8px 16px;
    border-radius: 16px;
    gap: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.member-profile__content-img {
    text-align: center;
    position: relative;
}

.member-profile__option-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
    cursor: pointer;
}

.member-info {
    width: 100%;
}

.member-profile__img {
    width: 100px;
    border-radius: 100px;
}


.member-info__name{
    font-size: var(--font-size-h5);
    font-weight: bold;
}


.m-button.primary-botton{
    width: 100%;
}

.member-profile .primary-botton .m-button__btn{
    width: 100%;
}

.modal-user-info {
    position: absolute;
    right: -14px;
    top: 10px;
    background-color: var(--color-white-01);
    padding: 8px;
    border-radius: 16px;
    border: none;
    z-index: -1;
    opacity: 0;
    transition: 0.4s;
}

.member-profile__option-icon:hover .modal-user-info{
    top: 22px;
    opacity: 1;
    z-index: 0;
    transition: 0.4s;
} 

.modal-user-info__email {
    margin: 0px;
    padding: 10px;
    background-color: var(--observatorio-highlight-light);
    border-radius: 8px;
    color: var(--color-black-01);
}


/* ======== MODAL  TASK MEMBERS LIST ========= */
.user-task {
    border: none;
    position: fixed;
    z-index: 3;
    top: 0px;
    right: 0px;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000096;  
}

.user-task__content {
    background: var(--color-white-02);
    padding: 40px;
    width: 90%;
    max-height: 570px;
    position: relative;
    border-radius: 18px;
    overflow-y: scroll;
}

.user-task-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    justify-content: center;
}

.user-task-card {
    background-color: var(--color-white-01);
    padding: 16px 32px;
    border-radius: 16px;
    text-decoration: none;
    max-width: 719px;
}

.user-task__title {
    font-size: var(--font-size-h1) !important;
    font-weight: bold;
    margin-bottom: 30px;

}

.user-task-card__title{
    color: var(--color-black-01);
    font-weight: bold;
    margin-bottom: 11px;
}

.user-task-card__status {
    padding: 2px 8px;
    border-radius: 14px;
    color: var(--color-white-01);
}

.user-task-card__time-content {
    background-color: var(--color-white-02);
    padding: 9px 20px;
    border-radius: 9px;
    margin-top: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center
}

.user-task-card__start {
    margin: 0;
    color: var(--color-black-01);
}

@media(max-width:780px){

    /* Description miembros del grupos */
    .member-section__content{
        grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    }

    .member-section{
        padding: 50px 15px
    }
}



/* ========== DOCUMENT TABS ================ */

.document-section__title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.document-section__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.document-section__element {
    background-color: var(--color-white-03);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 11px;
}

.document-section__img {
    width: 100%;
    height: 183px;
    object-fit: cover;
}

.document-section__title {
    font-weight: bold;
}

.document-section__body {
    gap: 9px;
    margin-top: 15px;
}

.document-section__element .m-button path{
    fill: inherit !important;
    stroke: var(--color-white-01);
}


@media(max-width:780px){

    .document-section__list {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    }
}



/** ========== PLAN DE TRABAJO ========= */

/* parche scheduler */
.MuiAvatar-root.MuiAvatar-circular.MuiAvatar-colorDefault {
    background: white !important;
}