/* Paleta de colores e identidad de marca de J&G */
.bg-dark-custom { background-color: #0d0d0d; }
.bg-card-custom { background-color: #141414; }
.text-orange-custom { color: #e06000; }
.bg-orange-custom { background-color: #e06000; }
.border-orange-custom { border-color: #e06000; }

/* Efecto de sombra 3D en botones premium */
.btn-shadow {
    box-shadow: 0px 4px 0px #b04c00;
}

/* Esconder barras de scroll horizontales manteniendo funcionalidad nativa */
.scrollbar-none::-webkit-scrollbar { 
    display: none; 
}
.scrollbar-none { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}
/* modal contraseña Contenedor del fondo (Oculto por defecto con display: none) */
.modal-contenedor {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Fondo oscuro transparente */
    backdrop-filter: blur(5px); /* Efecto borroso moderno */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* La tarjeta blanca del modal */
.modal-contenido {
    background-color: #000;
    border: 1px solid #b04c00;
    padding: 25px;
    border-radius: 8px;
    width: 320px;
    box-shadow: 0 4px 15px rgba(256, 256, 256, 0.8);
    text-align: center;
    font-family: sans-serif;
}

.modal-contenido h3 {
    margin-top: 0;
    color: #333;
}

/* El input de contraseña */
.modal-contenido input[type="password"] {
    width: 90%;
    padding: 10px;
    margin: 15px 0;
    border-bottom: 2px solid #b04c00 ;
    border-radius: 4px;
    font-size: 16px;
    background: rgba(0,0,0,0.5);
    outline: none; 
}
input:focus {
    border: 2px solid #b04c00; 
}


/* Botones */
.modal-botones {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.modal-botones button {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.btn-primario { background-color: #b04c00; color: white; }
.btn-primario:hover { background-color: #f37f3a;  }

.btn-secundario { background-color: #6c757d; color: white; }
.btn-secundario:hover { background-color: #545b62; }
/* ==========================================
   INTERFAZ LIMPIA - REMOVER BARRAS DE SCROLL
   ========================================== */

/* 1. Ocultar la barra en los contenedores del Menú y Despacho */
#contenedor-despacho-rapido,
#contenedor-menu-modal,
#modal-sector-venta > div,
#lista-ventas-diarias {
    -ms-overflow-style: none;  /* Oculta en Internet Explorer y Edge antiguo */
    scrollbar-width: none;     /* Oculta en Firefox */
}

/* 2. Ocultar la barra en navegadores basados en Webkit (Chrome, Safari, Brave, Opera, Edge moderno) */
#contenedor-despacho-rapido::-webkit-scrollbar,
#contenedor-menu-modal::-webkit-scrollbar,
#modal-sector-venta > div::-webkit-scrollbar,
#lista-ventas-diarias::-webkit-scrollbar {
    display: none;             /* Oculta la barra visualmente por completo */
}
.todoIzq{
    background: red;
}