body {
  background: #e0e5ec;
  font-family: 'Segoe UI', sans-serif;
}
#champit{ 
width: 100%;
background: #e0e5ec;
}
.resume{
padding-top:0px;
 

}
.section-card {
  background: #e0e5ec;
  padding: 1rem;
  margin: 1rem;
}


.section-card h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #333;
}

.btn {
  display: inline-block;
  padding: 0.7rem 1.5rem;
 
  border-radius: 10px;
  background: #e0e5ec;
  box-shadow: 5px 5px 15px #999, -5px -5px 15px #ffffff;
  border: 1px solid #E4E4E4;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  transition: 0.2s;
}

.btn:hover {
  box-shadow: inset 5px 5px 15px #bebebe, inset -5px -5px 15px #ffffff;
  color: #000;
}

.btn-icon {
  width: 20px; /* Imposta la larghezza desiderata */
  height: 20px; /* Imposta l'altezza desiderata */
}
#all_btn_regolamento{
float:right;
}
@media (max-width: 768px) {
#all_btn_regolamento{
float:none;
}
}
.hidden { display: none; }
/* Mostra solo testata desktop per schermi >= 768px */
#testata_desk {
  display: block;
}

#testata_mob {
  display: none;
}

/* Per schermi piccoli (mobile): mostra solo testata mobile */
@media (max-width: 767.98px) {
  #testata_desk {
    display: none;
  }

  #testata_mob {
    display: block;
  }
}
  .btn-fixed {
    min-width: 170px;
 display: inline-block;
  padding: 0.7rem 1rem;
 border: none;
  border-radius: 10px;
  background: #e0e5ec;
  box-shadow: 5px 5px 15px #999, -5px -5px 15px #ffffff;
 
  color: #333;
  font-weight: bold;
  text-decoration: none;
  transition: 0.2s;
}
.btn-fixed:hover {
  box-shadow: inset 5px 5px 15px #bebebe, inset -5px -5px 15px #ffffff;
  color: #000;
}
/* Voci di menu */
.nav-menu li {
  margin-bottom: 15px;
}

/* Link in rilievo (non inset) */
.nav-menu a {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #000;
  padding: 10px 15px;
  border-radius: 12px;
border:1px solid #fff;
  text-decoration: none;
  color: #ccc;
  font-weight: 500;
  box-shadow: 6px 6px 12px #141414,
              -6px -6px 12px #2a2a2a;
  transition: all 0.2s ease-in-out;
}

/* Hover effetto "premuto" (inset) */
.nav-menu a:hover {
  box-shadow: inset 2px 2px 5px #141414,
              inset -2px -2px 5px #2a2a2a;
  background: #1b1b1b;
  color: #fff;
}

/* Icone */
.nav-menu i {
  font-size: 18px;
}