/* Barra comune delle demo TuoPilota */
@font-face { font-family: "TP-Figtree"; src: url("../assets/fonts/figtree-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
.tp-barra {
  position: sticky; top: 0; z-index: 50;
  background: #0B3C49; color: #fff;
  font: 500 13px/1.3 "TP-Figtree", system-ui, sans-serif;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 16px; min-height: 40px;
}
.tp-barra a, .tp-barra button { color: #fff; font: inherit; }
.tp-barra .tp-marchio { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.tp-barra .tp-marchio svg { width: 20px; height: 20px; flex: none; }
.tp-barra .tp-nota { opacity: .75; }
.tp-barra .tp-azioni { display: flex; gap: 14px; align-items: center; flex: none; }
.tp-barra button { background: none; border: 1px solid rgba(255,255,255,.35); border-radius: 99px; padding: 4px 12px; cursor: pointer; }
.tp-barra button:hover { border-color: #F2B035; color: #F2B035; }
.tp-barra .tp-cta { background: #F2B035; color: #0B3C49; border-radius: 99px; padding: 5px 12px; text-decoration: none; font-weight: 600; }
@media (max-width: 640px) { .tp-barra .tp-nota, .tp-barra .tp-torna { display: none; } }