/*=============================================
BUSCADOR PRODUCTO - POSICIONAMIENTO DINÁMICO
=============================================*/
    
/* 1. Establecer el contexto de posicionamiento para la columna del input de producto */
.producto-buscador-wrapper {
    position: relative; 
    /* Aseguramos que el contenedor de la columna sea el punto de referencia */
}

/*=============================================
CONTENEDOR DE RESULTADOS DEL PROFORMA (.resultsProducto)         
=============================================*/
.resultsProductoProforma {
    /* 2. Posicionamiento absoluto respecto a .producto-buscador-wrapper */
    position: absolute; 
    z-index: 1000; 
    
    /* 3. POSICIONAMIENTO DINÁMICO */
    top: 100%; /* Se posiciona inmediatamente debajo de su elemento hermano (el input-group) */
    left: 0;   /* Alineado con el borde izquierdo del contenedor padre */
    width: 100%; /* Toma el ancho completo del contenedor padre */
    
    /* ESTILOS VISUALES (Similar al buscador de Cliente) */
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
    border-radius: 0 0 5px 5px; 
    display: none; 
}

/* ⚠️ Nota: Asegúrate de que los estilos para los ítems individuales dentro de .resultsProducto 
   (ej. .resultProducto-item) sigan siendo válidos. */

.resultProductoProforma-item {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px; 
    color: #333;
}

.resultProductoProforma-item:last-child {
    border-bottom: none;
}

.resultProductoProforma-item:hover {
    background-color: #363a3d;
    color: white;
}

.stock-insuficienteProforma {
    border: 1px solid red !important; /* Borde rojo */
    color: red !important; /* Texto rojo */
    font-weight: bold;
}


/*=============================================
CONTENEDOR DE RESULTADOS DEL PRODUCTO (.resultsProducto)         
=============================================*/
.resultsProducto {
    /* 2. Posicionamiento absoluto respecto a .producto-buscador-wrapper */
    position: absolute; 
    z-index: 1000; 
    
    /* 3. POSICIONAMIENTO DINÁMICO */
    top: 100%; /* Se posiciona inmediatamente debajo de su elemento hermano (el input-group) */
    left: 0;   /* Alineado con el borde izquierdo del contenedor padre */
    width: 100%; /* Toma el ancho completo del contenedor padre */
    
    /* ESTILOS VISUALES (Similar al buscador de Cliente) */
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
    border-radius: 0 0 5px 5px; 
    display: none; 
}

/* ⚠️ Nota: Asegúrate de que los estilos para los ítems individuales dentro de .resultsProducto 
   (ej. .resultProducto-item) sigan siendo válidos. */

.resultProducto-item {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px; 
    color: #333;
}

.resultProducto-item:last-child {
    border-bottom: none;
}

.resultProducto-item:hover {
    background-color: #2dce89;
    color: white;
}

.stock-insuficiente {
    border: 1px solid red !important; /* Borde rojo */
    color: red !important; /* Texto rojo */
    font-weight: bold;
}

/*=============================================
CONTENEDOR DE RESULTADOS DEL PRODUCTO (.resultsProductoEntrada) 
=============================================*/
.resultsProductoEntrada {
    position: absolute; 
    z-index: 1000; 
    top: 100%; 
    left: 0; 
    width: 100%; 
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
    border-radius: 0 0 5px 5px; 
    display: none; 
}

/* ⚠️ Ítems Individuales (Búsqueda) */
.resultProductoEntrada-item { /* CLASE MODIFICADA */
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px; 
    color: #333;
}

.resultProductoEntrada-item:last-child {
    border-bottom: none;
}

.resultProductoEntrada-item:hover {
    background-color: #2dce89;
    color: white;
}

/*=============================================
VALIDACIÓN DE STOCK EN BÚSQUEDA (Entradas) - CLASES NUEVAS
=============================================*/

/* STOCK = 0: Color rojo */
.resultProductoEntrada-item.stock-cero-entrada {
    background-color: #f8d7da; /* Fondo rojo claro */
    color: #721c24; /* Texto rojo oscuro */
    border: 1px solid #721c24;
    font-weight: bold;
}

/* STOCK = 1: Color de advertencia (amarillo/naranja) */
.resultProductoEntrada-item.stock-advertencia-entrada {
    background-color: #fff3cd; /* Fondo amarillo claro */
    color: #856404; /* Texto amarillo oscuro */
    border: 1px solid #856404;
    font-weight: bold;
}

.resultProductoEntrada-item:hover {
    background-color: #0da3bf;
    color: white;
}

/*=============================================
VALIDACIÓN DE STOCK EN BÚSQUEDA (salidas) - CLASES NUEVAS
=============================================*/

/* STOCK = 0: Color rojo */
.resultProducto-item.stock-cero-salida {
    background-color: #f8d7da; /* Fondo rojo claro */
    color: #721c24; /* Texto rojo oscuro */
    border: 1px solid #721c24;
    font-weight: bold;
}

/* STOCK = 1: Color de advertencia (amarillo/naranja) */
.resultProducto-item.stock-advertencia-salida {
    background-color: #fff3cd; /* Fondo amarillo claro */
    color: #856404; /* Texto amarillo oscuro */
    border: 1px solid #856404;
    font-weight: bold;
}

.resultProducto-item:hover {
    background-color: #0da3bf;
    color: white;
}

/*=============================================
VALIDACIÓN DE STOCK EN BÚSQUEDA (porformas) - CLASES NUEVAS
=============================================*/

/* STOCK = 0: Color rojo */
.resultProductoProforma-item.stock-cero-proforma {
    background-color: #f8d7da; /* Fondo rojo claro */
    color: #721c24; /* Texto rojo oscuro */
    border: 1px solid #721c24;
    font-weight: bold;
}

/* STOCK = 1: Color de advertencia (amarillo/naranja) */
.resultProductoProforma-item.stock-advertencia-proforma {
    background-color: #fff3cd; /* Fondo amarillo claro */
    color: #856404; /* Texto amarillo oscuro */
    border: 1px solid #856404;
    font-weight: bold;
}

.resultProductoProforma-item:hover {
    background-color: #0da3bf;
    color: white;
}


/* ❌ ASEGÚRATE DE ELIMINAR ESTAS CLASES si existen en tu CSS:
.stock-insuficiente 
.stock-cero 
.stock-advertencia 
*/
/*=============================================
BUSCADOR CLIENTE - POSICIONAMIENTO DINÁMICO
=============================================*/

/* 🔑 1. Establecer el contexto de posicionamiento para la columna del input */
.cliente-buscador-wrapper {
    position: relative; 
    /* Nota: Si el col-sm-6/col-lg-4 ya es relativo o absoluto, puedes omitir esta línea.
       Pero la añadimos para asegurar el comportamiento. */
}

/*=============================================
BUSCADOR RESULTADOS (Cliente)         
=============================================*/
#results {
    /* 🔑 2. Posicionamiento absoluto respecto a .cliente-buscador-wrapper */
    position: absolute; 
    z-index: 1000; 
    
    /* 🔑 3. POSICIONAMIENTO DINÁMICO */
    top: 100%; /* Se posiciona inmediatamente debajo de su elemento hermano anterior */
    left: 0;   /* Alineado con el borde izquierdo del contenedor padre */
    width: 100%; /* Toma el ancho completo del contenedor padre (col-sm-6) */
    
    /* ESTILOS VISUALES (Mejorados) */
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
    border-radius: 0 0 5px 5px; /* Bordes redondeados solo abajo */
    display: none; 
}

/* Estilos de ítem (sin cambios, ya estaban bien) */
.result-item {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px; /* Un poco más legible */
    color: #333;
}

.result-item:last-child {
    border-bottom: none;
}

.result-item:hover {
    background-color: #0062cc;
    color: white;
}



/*=============================================
BUSCADOR CLIENTE - POSICIONAMIENTO DINÁMICO
=============================================*/

/* 🔑 1. Establecer el contexto de posicionamiento para la columna del input */
.cliente-buscador-wrapper {
    position: relative; 
    /* Nota: Si el col-sm-6/col-lg-4 ya es relativo o absoluto, puedes omitir esta línea.
       Pero la añadimos para asegurar el comportamiento. */
}

/*=============================================
BUSCADOR RESULTADOS (Cliente)         
=============================================*/
#resultsCliente {
    /* 🔑 2. Posicionamiento absoluto respecto a .cliente-buscador-wrapper */
    position: absolute; 
    z-index: 1000; 
    
    /* 🔑 3. POSICIONAMIENTO DINÁMICO */
    top: 100%; /* Se posiciona inmediatamente debajo de su elemento hermano anterior */
    left: 0;   /* Alineado con el borde izquierdo del contenedor padre */
    width: 100%; /* Toma el ancho completo del contenedor padre (col-sm-6) */
    
    /* ESTILOS VISUALES (Mejorados) */
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
    border-radius: 0 0 5px 5px; /* Bordes redondeados solo abajo */
    display: none; 
}

/* Estilos de ítem (sin cambios, ya estaban bien) */
.result-item-cliente {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    font-size: 14px; /* Un poco más legible */
    color: #333;
}

.result-item-cliente:last-child {
    border-bottom: none;
}

.result-item-cliente:hover {
    background-color: #0062cc;
    color: white;
}



/*=============================================
check box         
=============================================*/
.border-checkbox {
    /* 2. Aplica la transformación de escala para hacerlo visualmente más grande */
    /* El valor '2' lo hace 2 veces su tamaño original */
    transform: scale(2); 
    
    /* 3. Ajuste opcional para que la caja se alinee correctamente */
    /* Necesario porque 'transform' no afecta el espacio ocupado */
    margin: 15px; 
}



/*=============================================
notificate         
=============================================*/
.info-number .badge {
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 6px;
    position: absolute;
    right: 2px;
    top: 8px
}


.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C
}
.bg-green {
    background: #5cb85c!important;
    border: 1px solid #1ABB9C !important;
    color: #fff
}
.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff
}
.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff
}
.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff
}
.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff
}
.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff
}




/*=============================================
CABEZOTE           
=============================================*/
.g-recaptcha {
	transform: scale(1.16);
	-webkit-transform:scale(1.16);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	max-width: 500px;
	} 
	
/*Logotipo*/