body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; margin: 0px; line-height: 24px; padding-bottom: 60px; }
.accordion { font-size: inherit; font-family: inherit; }

a:link, a:visited { color: #4a47d1; text-decoration: none; }
a:hover { background-color: #e0d7ff; }

.imglink {
  position: relative;
  display: inline-block;
  margin: 5px;               /* spazio tra le immagini */
  border-radius: 10px;
  overflow: hidden;          /* serve per tagliare l’overlay */
}

.imglink img {
  display: block;
  width: 180px;              /* adatta alla tua dimensione */
  height: auto;
  transition: transform .2s ease;
}

.imglink::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #6c2bd9;       /* viola */
  opacity: 0;
  transition: opacity .2s ease;
}

.imglink:hover::after {
  opacity: 0.35;             /* livello di tinta */
}

.imglink:hover img {
  transform: scale(1.03);    /* effetto zoom opzionale */
}

table.zebrata {
  border-collapse: collapse;
}

table.zebrata th, 
table.zebrata td {
  border: 1px solid #ccc;
  padding: 6px;
}

table.zebrata tr:nth-child(even) {
  background-color: #f2f2f2;
}

table.zebrata tr:nth-child(odd) {
  background-color: #ffffff;
}

table.zebrata tr:hover {
  background-color: #e0d7ff; /* opzionale: effetto hover */
}

.zebrata thead tr:hover {
  background-color: transparent;
}

table.zebrata2 {
  border-collapse: collapse;
}

table.zebrata2 th, 
table.zebrata2 td {
  border: 1px solid #ccc;
  padding: 6px;
}

table.zebrata2 tr:nth-child(even) {
  background-color: #f2f2f2;
}

table.zebrata2 tr:nth-child(odd) {
  background-color: #ffffff;
}

table.zebrata2 tr:hover {
  background-color: #bfdfff; /* opzionale: effetto hover */
}

.zebrata2 thead tr:hover {
  background-color: transparent;
}

a.link-fondino {
  background-color: #4a47d1;   /* colore di sfondo */
  color: #ffffff;              /* colore del testo */
  padding: 6px 12px;           /* spazio interno orizzontale/verticale */
  border-radius: 8px;          /* arrotondamento degli angoli */
  text-decoration: none;       /* rimuove la sottolineatura */
  display: inline-block;       /* per far funzionare padding e bordi */
  transition: background-color 0.2s ease; /* effetto hover morbido */
}

a.link-fondino:hover {
  background-color: #3f3ac6;   /* più scuro al passaggio */
}

.blink-bg {
    animation: blink-fade 1.4s infinite ease-in-out;
}

@keyframes blink-fade {
    0%   { background-color: #FF6A00; }
    50%  { background-color: #FFD2A6; } /* più tenue */
    100% { background-color: #FF6A00; }
}