.header-bar {
    background-color: white;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Mòbil → esquerra */
    padding: 0 20px;
}

.logo {
    height: 50px;
    object-fit: contain;
}

/* Escriptori (pantalles grans) */
@media (min-width: 1024px) {
    .header-bar {
        justify-content: flex-start;
        padding-left: 20%; /* 80% cap a l'esquerra */
    }
}