.resultados-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    justify-content: center;
}
.resultado-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 200px;
    text-align: center;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.resultado-item img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.resultado-item.carrito {
    background-color: #d4edda; /* Verde claro */
    border-color: #c3e6cb;
}
.resultado-item.proceso {
    background-color: #fff3cd; /* Amarillo claro */
    border-color: #ffeeba;
}
.resultado-item .estado {
    margin-top: 10px;
    font-weight: bold;
}
.resultado-item .estado i {
    margin-right: 5px;
}

.colorBarraSurtiventa{
    background-color: rgb(22 42 99 / var(--tw-text-opacity, 1));
    color: #ffff;
}

.btn-outline-primary {
    color: #0a3d62 !important; /* Azul oscuro */
    border-color: rgb(22 42 99 / var(--tw-text-opacity, 1)) !important;
}

.btn-outline-primary:hover {
    background-color: rgb(22 42 99 / var(--tw-text-opacity, 1)) !important;
    color: white !important;
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

.logo {
    max-width: 200px;
    height: auto;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-right: 20px;
}

.header-image {
    width: 100px; /* Ajusta el tamaño según necesites */
    height: auto;
}

.caja-nolista{
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}