/* Colori Techsoft: si cambiano qui e valgono per tutto il sito */
:root {
  --ts-blu: #0b3d6e;
  --ts-blu2: #1565c0;
  --ts-arancio: #f28c28;
}

body { font-family: "Segoe UI", Roboto, Arial, sans-serif; }

.navbar-brand img { height: 64px; }
@media (max-width: 575px) { .navbar-brand img { height: 44px; } }
.navbar .nav-link.active { color: var(--ts-blu2) !important; font-weight: 600; }

.hero { background: linear-gradient(135deg, var(--ts-blu), var(--ts-blu2)); color: #fff; }

.btn-ts { background: var(--ts-arancio); color: #fff; border: 0; }
.btn-ts:hover { background: #d9771a; color: #fff; }

.titolo { color: var(--ts-blu); font-weight: 700; }

.shot { border-radius: 10px; box-shadow: 0 12px 36px rgba(0, 0, 0, .25); }

/* riquadri arancioni: h-100 nell'HTML li rende alti uguali */
.card-ts { border: 0; border-top: 4px solid var(--ts-arancio); box-shadow: 0 6px 24px rgba(11, 61, 110, .08); }
.card-ts .bi { font-size: 2rem; color: var(--ts-blu2); }

/* schede prodotto della home */
.card-prodotto { border: 0; overflow: hidden; box-shadow: 0 8px 30px rgba(11, 61, 110, .10); }
.card-prodotto img { height: 210px; object-fit: cover; object-position: top left; }

/* video di presentazione */
.video-box { border-radius: 12px; overflow: hidden; box-shadow: 0 12px 36px rgba(0, 0, 0, .2); background: #000; }
.video-segnaposto { aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center;
  flex-direction: column; color: #fff; background: linear-gradient(135deg, var(--ts-blu), var(--ts-blu2)); }
.video-segnaposto .bi { font-size: 4rem; }

.fascia-pc { background: var(--ts-blu); color: #fff; }

.pagina-titolo { background: linear-gradient(135deg, var(--ts-blu), var(--ts-blu2)); color: #fff; }

footer { background: #0a2540; color: #b8c4d3; }
footer a { color: #b8c4d3; text-decoration: none; }
footer a:hover { color: #fff; }

/* salvagente nel menu: scarica Assistenza Remota */
.icona-assistenza { font-size: 1.4rem; color: var(--ts-arancio); }
.icona-assistenza:hover { color: var(--ts-blu2); }

/* pagina privacy: indice fisso a lato e testo comodo da leggere */
.indice-privacy { position: sticky; top: 110px; border-left: 3px solid var(--ts-arancio); padding-left: 1rem; }
.indice-privacy a { display: block; padding: .3rem 0; color: #555; text-decoration: none; font-size: .95rem; }
.indice-privacy a:hover { color: var(--ts-blu2); }
.testo-privacy { max-width: 820px; line-height: 1.75; }
.testo-privacy h2 { margin-top: 2.5rem; padding-top: .5rem; scroll-margin-top: 110px; }
.testo-privacy h2:first-child { margin-top: 0; }
.riquadro-browser { background: #f5f8fc; border-radius: 10px; padding: 1.25rem 1.5rem; }
@media (max-width: 991px) { .indice-privacy { position: static; } }