/* ==========================================
   COMMANDS
========================================== */

.commands{

    max-width:1400px;

    margin:180px auto;

    padding:0 50px;

}

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

.commands-tabs{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

    margin:60px 0;

}

.tab{

    display:flex;

    align-items:center;

    gap:10px;

    padding:16px 28px;

    border-radius:16px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    color:var(--text);

    cursor:pointer;

    transition:.30s;

    font-size:16px;

    font-weight:600;

}

.tab i{

    color:var(--primary);

}

.tab:hover{

    background:rgba(139,92,246,.18);

    border-color:var(--primary);

    transform:translateY(-3px);

}

.tab.active{

    background:var(--primary);

    color:white;

}

.tab.active i{

    color:white;

}

/* ==========================================
   COMMAND LIST
========================================== */

.commands-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.command-card{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:28px 30px;

    border-radius:20px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

    transition:.30s;

}

.command-card:hover{

    transform:translateY(-6px);

    border-color:var(--primary);

    box-shadow:0 15px 35px rgba(139,92,246,.18);

}

.command-card h3{

    color:white;

    margin-bottom:8px;

    font-size:22px;

}

.command-card p{

    color:var(--text-secondary);

}

.permission{

    background:rgba(139,92,246,.18);

    color:#D8B4FE;

    padding:12px 18px;

    border-radius:12px;

    font-size:14px;

    font-weight:600;

}

/* Más contraste sobre el fondo de portada */
.command-card {
    background: rgba(18, 14, 32, 0.84);
}

.command-category {
    background: rgba(18, 14, 32, 0.84);
}