/* CSS específico para pantallas 1366x768 - Reducción de tamaños de fuente */
@media (max-width: 1366px) and (max-height: 768px) {
    
    /* Reducir tamaños de fuente generales */
    body {
        font-size: 13px !important;
    }
    
    /* Reducir títulos */
    .h1, h1 { font-size: 1.6rem !important; }
    .h2, h2 { font-size: 1.4rem !important; }
    .h3, h3 { font-size: 1.2rem !important; }
    .h4, h4 { font-size: 1.1rem !important; }
    .h5, h5 { font-size: 1rem !important; }
    .h6, h6 { font-size: 0.9rem !important; }
    
    /* Reducir fuentes de modales */
    .cambiar-mesa-header .modal-title {
        font-size: 1.1rem !important;
    }
    
    .cambiar-mesa-header .close {
        font-size: 1.3rem !important;
    }
    
    .cambiar-mesa-card .card-header h5 {
        font-size: 0.95rem !important;
    }
    
    .cambiar-mesa-select {
        font-size: 0.9rem !important;
    }
    
    /* Reducir fuentes de botones */
    .botonpedido {
        font-size: 11px !important;
    }
    
    .texto-encima {
        font-size: 16px !important;
    }
    
    .platosboton {
        font-size: 10px !important;
    }
    
    /* Reducir fuentes de tablas */
    .table {
        font-size: 15px !important;
    }
    
    .table-sm {
        font-size: 10px !important;
    }
    
    /* Reducir fuentes de formularios */
    .form-control {
        font-size: 12px !important;
    }
    
    .form-label {
        font-size: 12px !important;
    }
    
    /* Reducir fuentes de navegación */
    .navbar {
        font-size: 12px !important;
    }
    
    .nav-link {
        font-size: 15px !important;
    }
    
    /* Reducir fuentes de cards */
    .card-title {
        font-size: 1rem !important;
    }
    
    .card-text {
        font-size: 11px !important;
    }
    
    /* Reducir fuentes de botones */
    .btn {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }
    
    .btn-sm {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    
    .btn-lg {
        font-size: 13px !important;
        padding: 6px 12px !important;
    }
    
    /* Reducir fuentes de alertas */
    .alert {
        font-size: 12px !important;
    }
    
    /* Reducir fuentes de badges */
    .badge {
        font-size: 9px !important;
    }
    
    /* Reducir fuentes de breadcrumbs */
    .breadcrumb {
        font-size: 11px !important;
    }
    
    /* Reducir fuentes de dropdowns */
    .dropdown-menu {
        font-size: 11px !important;
    }
    
    /* Reducir fuentes de paginación */
    .pagination {
        font-size: 11px !important;
    }
    
    /* Reducir fuentes de DataTables */
    .dataTables_wrapper {
        font-size: 15 !important;
    }
    
    .dataTables_filter input {
        font-size: 11px !important;
    }
    
    .dataTables_info {
        font-size: 10px !important;
    }
    
    .dataTables_paginate {
        font-size: 10px !important;
    }
    
    /* Reducir fuentes de tooltips */
    .tooltip {
        font-size: 10px !important;
    }
    
    /* Reducir fuentes de popovers */
    .popover {
        font-size: 11px !important;
    }
    
    /* Reducir espaciado para aprovechar mejor el espacio */
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .row {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }
    
    .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, 
    .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    
    /* Reducir altura de elementos para aprovechar mejor el espacio vertical */
    .card {
        margin-bottom: 8px !important;
    }
    
    .card-header {
        padding: 8px 12px !important;
    }
    
    .card-body {
        padding: 12px !important;
    }
    
    .modal-header {
        padding: 8px 12px !important;
    }
    
    .modal-body {
        padding: 12px !important;
    }
    
    .modal-footer {
        padding: 8px 12px !important;
    }
}