/* ══════════════════════════════════════════
   LNX TECHNOLOGIES — style.css (condiviso)
   ══════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Space+Grotesk:wght@400;500;700&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:        #0a0d14;
  --bg2:       #111620;
  --bg3:       #181e2d;
  --blue:      #1e90ff;
  --blue-dark: #0055cc;
  --blue-glow: #1e90ff33;
  --cyan:      #00d4ff;
  --white:     #f0f4ff;
  --muted:     #7a8aaa;
  --border:    #1e2d4a;
  --nav-h:     68px;
  --radius:    12px;
}

html, body {
  margin: 0; padding: 0;
  overflow-x: hidden;
  width: 100%;
  background: var(--bg);
  color: var(--white);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ── HEADER ── */
.header {
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 32px;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}

.imageUp img {
  width: 60px;
  height: 60px;
  border-radius: 14px;
  object-fit: contain;
}

.titoloPagina {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(22px, 2.5vw, 36px);
  font-weight: 700;
  color: var(--blue);
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ── NAVBAR ── */
.nav-container {
  width: 100%;
  height: var(--nav-h);
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(8px);
}

.nav-item a {
  display: block;
  color: var(--muted);
  text-align: center;
  padding: 10px 28px;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 8px;
  transition: color 0.2s, background 0.2s;
}

.nav-item a:hover {
  color: var(--white);
  background: var(--blue-glow);
}

.nav-item a.active {
  color: var(--blue);
  background: var(--blue-glow);
  border: 1px solid var(--blue-dark);
}

/* ── FOOTER ── */
.footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: var(--bg2);
  border-top: 1px solid var(--border);
  margin-top: auto;
}

.columns1 {
  background: var(--bg2);
  padding: 36px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.columns2, .columns3 {
  background: var(--bg2);
  padding: 36px 24px;
  text-align: center;
}

.logoF {
  width: 70px;
  height: 70px;
  border-radius: 14px;
  object-fit: contain;
  opacity: 0.85;
}

.TitoloFooter {
  color: var(--white);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.descrizioniF {
  color: var(--muted);
  font-size: 13px;
  margin: 6px 0;
  font-family: 'Inter', sans-serif;
}

.linkFooter:link, .linkFooter:visited {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
}
.linkFooter:hover { color: var(--cyan); }
.linkFooter:active { color: var(--white); }

.vuoto { height: 0; }

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 700px) {
  .header { padding: 0 16px; height: 70px; }
  .imageUp img { width: 44px; height: 44px; }
  .titoloPagina { font-size: 18px; letter-spacing: 1px; }

  .nav-container { height: auto; flex-direction: column; gap: 0; }
  .nav-item { width: 100%; }
  .nav-item a { padding: 14px 20px; border-radius: 0; border-bottom: 1px solid var(--border); }

  .footer { grid-template-columns: 1fr; }
  .columns1, .columns2, .columns3 { padding: 24px 16px; border-bottom: 1px solid var(--border); }
  .logoF { width: 50px; height: 50px; }
  .TitoloFooter { font-size: 13px; }
  .descrizioniF { font-size: 11px; }
}

@media (min-width: 701px) and (max-width: 1099px) {
  .nav-container { height: auto; flex-direction: column; gap: 0; }
  .nav-item { width: 100%; }
  .nav-item a { padding: 14px 20px; border-radius: 0; }
}