/* Tablet portrait optimizado */
@media (min-width: 768px) and (max-width: 1024px) {
    #mesa-modal .modal-content {
        margin: 3vh auto;
        height: 94vh;
        max-height: 94vh;
        width: 96%;
        max-width: 750px;
    }

    #mesa-modal .categorias-container {
        grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
        max-height: 140px;
    }

    .category-button {
        min-height: 65px;
        height: 65px;
    }

    #mesa-modal .articulos-container {
        grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
        max-height: 35vh;
    }

    .articulo-btn {
        min-height: 95px;
    }

    #mesa-modal .modal-footer {
        display: none;
    }
}