.item_detail p.item_name{
    margin-bottom: 0rem !important;
}
.item_detail p.item_qty{
    margin-bottom: 0rem !important;
}

/* ===== COLORES DE ENCABEZADO DE ÓRDENES EN COCINA ===== */
.orden_celeste {
    background: linear-gradient(90deg, #00BCD4 0%, #26C6DA 100%) !important;
}

.orden_amarillo {
    background: linear-gradient(90deg, #FFC107 0%, #FFD54F 100%) !important;
}

.orden_lila {
    background: linear-gradient(90deg, #CE93D8 0%, #E1BEE7 100%) !important;
}

/* ===== ESTILOS TOTALIZADOR REDISEÑADO ===== */
.totalizador_card {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ===== ORDEN SELECCIONADA PARA TOTALIZADOR ===== */
.orden_seleccionada_totalizador {
    border: 3px solid #e94560 !important;
    box-shadow: 0 0 12px rgba(233, 69, 96, 0.5) !important;
}

/* ===== BOTÓN SELECCIONAR PARA TOTALIZADOR ===== */
.btn_seleccionar_totalizador {
    background: #555;
    color: #fff;
    border: 2px solid #777;
    border-radius: 4px;
    padding: 4px 10px;
    font-weight: bold;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}
.btn_seleccionar_totalizador:hover {
    background: #e94560;
    border-color: #e94560;
}
.btn_seleccionar_totalizador.activo {
    background: #e94560;
    border-color: #e94560;
    color: #fff;
}

/* ===== SCROLL VISIBLE EN TOTALIZADOR ===== */
.totalizador_content {
    scrollbar-width: auto !important;
    scrollbar-color: #e94560 #333 !important;
}
.totalizador_content::-webkit-scrollbar {
    width: 14px !important;
}
.totalizador_content::-webkit-scrollbar-track {
    background: #333 !important;
    border-radius: 7px !important;
}
.totalizador_content::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #e94560, #ff6b81) !important;
    border-radius: 7px !important;
    border: 2px solid #333 !important;
    min-height: 40px !important;
}
.totalizador_content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ff6b81, #e94560) !important;
}
/* Indicador de scroll (flecha parpadeante abajo) - Totalizador y ordenes normales */
.scroll_hint_order {
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
    z-index: 5;
    animation: scroll_hint_bounce 1.5s ease-in-out infinite;
}
.scroll_hint_order span {
    display: inline-block;
    background: rgba(233, 69, 96, 0.9);
    color: #fff;
    padding: 6px 0;
    border-radius: 8px;
    font-size: 1.35rem;
    font-weight: bold;
    letter-spacing: 1px;
    width: 90%;
    text-align: center;
}
.totalizador_scroll_hint {
    position: absolute;
    bottom: 48px;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none;
    z-index: 5;
    animation: scroll_hint_bounce 1.5s ease-in-out infinite;
}
.totalizador_scroll_hint span {
    display: inline-block;
    background: rgba(233, 69, 96, 0.9);
    color: #fff;
    padding: 6px 0;
    border-radius: 8px;
    font-size: 1.35rem;
    font-weight: bold;
    letter-spacing: 1px;
    width: 90%;
    text-align: center;
}
@keyframes scroll_hint_bounce {
    0%, 100% { transform: translateY(0); opacity: 0.9; }
    50% { transform: translateY(-6px); opacity: 1; }
}

/* ===== PRODUCTO CON NOTA - ANIMACIÓN MUY LLAMATIVA ===== */
.tiene_nota {
    animation: nota_pulse 1.6s ease-in-out infinite, nota_glow_border 1s ease-in-out infinite !important;
    border: 3px solid #ff4444 !important;
    border-radius: 6px !important;
    background: rgba(255, 68, 68, 0.08) !important;
    margin: 4px 2px !important;
    padding: 4px !important;
    position: relative;
    box-shadow: 0 0 8px rgba(255, 68, 68, 0.4), inset 0 0 8px rgba(255, 68, 68, 0.08);
}
@keyframes nota_pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}
@keyframes nota_glow_border {
    0%, 100% {
        border-color: #ff4444;
        box-shadow: 0 0 8px rgba(255, 68, 68, 0.5), inset 0 0 6px rgba(255, 68, 68, 0.08);
    }
    50% {
        border-color: #ffcc00;
        box-shadow: 0 0 18px rgba(255, 204, 0, 0.7), inset 0 0 10px rgba(255, 204, 0, 0.1);
    }
}
.tiene_nota .note {
    display: inline-block !important;
    color: #111 !important;
    background: #ffcc00 !important;
    padding: 3px 10px !important;
    border-radius: 4px !important;
    font-weight: 900 !important;
    font-size: 1rem !important;
    text-shadow: none !important;
    animation: nota_label_blink 0.8s ease-in-out infinite !important;
    margin-top: 4px !important;
    letter-spacing: 0.5px;
}
@keyframes nota_label_blink {
    0%, 100% { background: #ffcc00; color: #111; }
    50% { background: #ff4444; color: #fff; }
}