body {
    overflow: hidden;
}

.mesa-card {

    background: #343a40;
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: .2s;

}

.mesa-card:hover {
    background: #495057;
}

.mesa-activa {
    border: 3px solid #ffc107;
}

.producto-card {

    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: .2s;

}

.producto-card:hover {
    transform: scale(1.02);
}

.producto-img {
    height: 180px;
    object-fit: cover;
}

.orden-item {

    background: white;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;

}