.elementor-1767 .elementor-element.elementor-element-6b8b173f{overflow:visible;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-5140f9bf *//* Estilo para las tarjetas con fondo café oscuro */
.pedido-item {
    background-color: #3E2723; /* Fondo café oscuro */
    color: #FFFFFF; /* Texto blanco */
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid #795548; /* Borde café medio */
}

/* Estilo para los encabezados */
.pedido-item h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #FFCCBC; /* Color crema para destacar */
}

/* Estilo para el estado */
.pedido-item p {
    font-size: 14px;
    margin: 5px 0;
}

.pedido-item p:first-of-type {
    font-weight: bold;
    color: #FFAB91; /* Texto en tono salmón para estado */
}

/* Estilo para los productos */
.pedido-item ul {
    list-style: disc;
    padding-left: 20px;
    margin-top: 10px;
    color: #FFECB3; /* Texto crema */
}

.pedido-item ul li {
    margin-bottom: 5px;
}

/* Estilo para el QR */
.pedido-item img {
    max-width: 200px;
    height: auto;
    border-radius: 5px;
    border: 1px solid #FFCCBC;
}

/* Fondo de la página general */
body {
    background-color: #4E342E; /* Café oscuro general */
    color: #FFFFFF;
    font-family: 'Arial', sans-serif;
}

/* Botón de notificaciones */
#qrcompleto-sound-btn {
    background-color: #795548; /* Café medio */
    color: #FFFFFF;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

#qrcompleto-sound-btn:hover {
    background-color: #6D4C41; /* Café más oscuro */
}

/* Ajustes de transición */
.pedidos-lista {
    transition: transform 0.3s ease;
}
/* Nuevos estilos modernos para los estados de pedidos */
.order-status {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Nuevo - Morado más moderno */
.order-status-new {
    background: linear-gradient(135deg, #9333ea, #7c3aed);
    color: white;
}

/* Procesando - Azul vibrante */
.order-status-processing {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
}

/* Listo - Verde fresco */
.order-status-ready {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

/* En camino - Naranja cálido */
.order-status-out-for-delivery {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
}

/* Entregado - Verde suave */
.order-status-delivered {
    background: linear-gradient(135deg, #34d399, #10b981);
    color: white;
}

/* Cancelado - Rojo suave */
.order-status-cancelled {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

/* Hover effect */
.order-status:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}/* End custom CSS */