.hidenTable{
    display: none;
}

#btnTabla{
    background-color: #eae2b7;
}

#btnTabla .eliminar{
    background-color: #fcbf49;
    color: black;
    padding: 2px;
}


#btnTabla:hover{
    background-color: #780000;
    color: whitesmoke;
}

#btnTablaEdit{
    background-color: #eae2b7;
}
#btnTablaEdit:hover{
    background-color: #344e41;
    color: whitesmoke;
}

.table-desfiles{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    justify-content: center;
}

.table-desfiles table, tr, td{
    border: 1px solid black;
}
.table-desfiles table{
    border-collapse: separate;
    border-spacing: 10px 5px;
    background-color: #8ecae6;
}
.table-desfiles th{
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0 1rem;
    background-color: none;
}

.table-desfiles td{
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem;
    background-color: #fff;
}

.list-desfiles{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
    justify-content: center;
    margin-bottom: 2rem;
}

.list-desfiles section{
    border: 1px solid black;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
}

.list-desfiles section h2{
    font-size: 2rem;
    text-decoration: underline;
}

.list-desfiles section div{
    padding: 10px;
    border-radius: 10px;
    border: 1px solid;
    margin: 10px 0;
}

.list-desfiles section div p:first-child{
    font-weight: bold;
    font-size: 1.5rem;
}

.list-desfiles section div span{
    margin: 5px;
}

#invitaciones{
    background: #ffdab9;
}
#invitaciones div{
    background: #fefae0;
}

#aceptados{
    background: #a3b18a;
}
#aceptados div{
    background: #e9edc9;
}

#rechazados{
    background: #e63946;
}
#rechazados div{
   
    background: #f4978e;
}

#cancelados{
    background: #353535;
}
#cancelados h2{
    color: whitesmoke;
}

#cancelados div{
    background: #bcb8b1;
}
.hidenList{
    display: none;
}