/* QR: tamanho pequeno e adaptável */
.qr-img {
    width: clamp(70px, 8vw, 100px);
    height: auto;
}

.message-bar {
    position: relative;
    padding: 12px 16px; /* margens internas menores */
}

/* QR no canto superior direito em telas médias e grandes */
@media (min-width: 768px) {
    .qr-holder {
        position: absolute;
        right: 14px;
        top: 10px; /* ⬅️ agora mais próximo do topo */
        text-align: right;
    }
}

/* Em telas pequenas, QR abaixo do texto */
@media (max-width: 767.98px) {
    .qr-holder {
        margin-top: 8px;
    }
}