@charset "utf-8";

/* Reset di base */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Segoe UI", Arial, sans-serif;
  line-height: 1.5;
  background-color: #fdfdfd;
}

/* Contenitore principale */
.navbar {
  background: #333;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  position: relative;
}

/* Logo o titolo a sinistra */
.navbar .logo {
  font-size: 1.2rem;
  font-weight: bold;
}

/* Lista link */
.nav-links {
  display: flex;
  list-style: none;
}

.nav-links li {
  margin: 0;
}

.nav-links a {
  display: block;
  padding: 12px 18px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s, color 0.3s;
}

.nav-links a:hover {
  background: #666;
  color: #ffeb3b;
  border-radius: 4px;
}

/* Hamburger (mobile) */
.hamburger {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.hamburger span {
  height: 3px;
  width: 25px;
  background: white;
  margin: 4px 0;
  border-radius: 2px;
  transition: 0.3s;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  .nav-links {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    background: #333;
    flex-direction: column;
    display: none; /* nascosto di default */
  }

  .nav-links li {
    text-align: center;
    border-bottom: 1px solid #444;
  }

  .nav-links li:last-child {
    border-bottom: none;
  }

  .hamburger {
    display: flex;
  }

  .nav-links.active {
    display: flex;
  }
}


.grid-persona {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;	/* 30*/
  justify-content: center; /* centra le card nella riga */
  margin-top: 30px;
}

.persona {
  flex: 1 1 200px;   /* base 200px, va a capo da solo */
  max-width: 220px;  /* evita card troppo larghe */
  text-align: center;
   display: flex;              /* 👈 nuovo */
  flex-direction: column;     /* 👈 forza immagine sopra, testo sotto */
  align-items: center;        /* 👈 centra tutto in orizzontale */
}

.persona img {
  width: 100%;
  height: auto;
   border-radius: 6px;
  display: block;
  margin: 0 auto;
}

.persona .desc {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 500;
}

/* Spazio tra sezioni */
.titolo-sezione {
  margin-top: 60px; /* sostituisce tutti quei <p>&nbsp;</p> */
  margin-bottom: 20px;
}



/* Contenitore principale */
#contenuto {
  max-width: 1200px; /* limite massimo su desktop */
  width: 100%;
  margin: 20px auto;
  padding: 0 16px;
}



video {
display : block;
margin : 0 auto;
}

#bodyPageChiSiamo.H1 {
text-align : center;
}
#description {
padding-left : 45px;
padding-right : 45px;
text-align : justify;
font-size : 18px;
font-family : "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
#description.d1 {
font-style : normal;
}
#description.d2 {
font-style : italic;
}
#description.H3 {
padding-left : 50px;
}

.loghiInfo {
max-height : 45px;
margin : 65px;
}
.loghiInfo2 {
max-height : 70px;
margin : 87px;
}
.homeIMG {
margin-left : 28%;
height : 25px;
width : auto;
}
.contattaciIMG {
height : 50px;
width : auto;
margin-left : 25%;
}
.indietro {
height : 80px;
}
.shurite {
width : 250px;
height : 250px;
border-radius : 8px;
display : block;
margin : auto auto;
}
#footer {
font-size : 15.5px;
font-style : normal;
text-align : center;
color : #C60;
height : auto;
}