- Continuazione del Catalogo

src/css/app.scss

@@ -2448,4 +2448,45 @@ body.body--dark {
   border-radius: 5px; /* Angoli arrotondati */
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); /* Leggera ombra per effetto di profondità */
   margin: 10px 0; /* Spaziatura verticale */
+}
+
+.flex-container-book {
+  display: flex;
+  flex-direction: row; /* Allineamento orizzontale */
+  flex-wrap: wrap;
+  gap: 10px; /* Spaziatura tra gli elementi */
+}
+
+.flex-item-book {
+  display: flex; /* Rende il div un container flex per allineare i contenuti */
+  justify-content: center; /* Allineamento orizzontale al centro */
+  align-items: center; /* Allineamento verticale al centro */
+  padding: 10px;
+  flex-grow: 1; /* Opzionale: permette agli elementi di crescere uniformemente */
+
+  break-inside: avoid;
+  page-break-inside: avoid;
+}
+
+.card-page {
+  break-after: page;
+  page-break-after: always;
+}
+
+.card-row {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.cards-container {
+  display: flex;
+  flex-direction: column !important;
+  width: 100% !important;
+}
+
+.sfondo_print{
+  background-color: #17ead9;
+}
+.sfondo_margine{
+  background-color: #d8f38a;
 }