@import url('stile1.css');
:root {
  --cassiopeia-color-primary: #22732b;
  --cassiopeia-color-link: #5c6b88;
  --link-color: #224faa;
  --link-color-rgb: 34,79,170;
  --cassiopeia-color-hover: #3a7b0d;
  --link-hover-color: #424077;
  --link-hover-color-rgb: 66,64,119;
}

.container-header {
  margin-left: 50px;
  width: 1340px;
  height: 210px;
  background-color: #187a0a;
  /* Corretto punto e virgola mancante */ 
    box-shadow: 0 5px 5px rgba(0,0,0,.03) inset;
	position: relative;
	z-index: 10;
	background-image: linear-gradient(135deg,#0b8f4b 0,#829118 100%);
}

.footer {
  width: 1340px;
  height: 50px; /* Unificato il duplicato del footer */
  margin-left: 05px;
  background-color: #187a0a;
  background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
  background-image: linear-gradient(135deg,#317b10 0,#829118 100%);
  color: #fff;
  margin-top: 1em;
}

.vertical-marquee-container {
  height: 400px; /* Altezza della finestra visibile */
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #ccc; /* Opzionale: serve solo per vedere i bordi del box */
}

.marquee-track {
  display: flex;
  flex-direction: column;
  animation: scrollVertical 10s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused; /* Si ferma al passaggio del mouse */
}

.marquee-item {
  width: 100%;
  padding: 10px 0;
  text-align: center;
}

.marquee-item img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}


/* Nuova animazione basata su transform */
@keyframes scrollVertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%); /* Sposta esattamente della metà, dove iniziano i duplicati */
  }
}

*, ::before, ::after {
  box-sizing: border-box;
}
/* ==========================================
   ALLINEAMENTO PERFETTO LEGGI TUTTO SUL RIGO
   ========================================== */

/* Fa comportare l'intero articolo del blog come un unico flusso continuo */
.com-content-category-blog__item {
    display: inline;
}

/* Rende "invisibile" il contenitore del testo per far congiungere le parole al pulsante */
.com-content-category-blog__introtext {
    display: contents !important;
}

/* Costringe i paragrafi interni al testo a fluire in linea senza andare a capo */
.com-content-category-blog__introtext p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Rimuove eventuali interruzioni di riga lasciate a fine testo nell'editor */
.com-content-category-blog__introtext br:last-child {
    display: none !important;
}

/* Aggancia la casella del pulsante subito dopo l'ultimo punto del testo */
.com-content-category-blog__item .readmore {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 0 0 10px !important; /* Aggiunge 10px di spazio a sinistra del pulsante */
    padding: 0 !important;
}

.com-content-category-blog__item .readmore a {
    display: inline-block !important;
    margin: 0 !important;
}
/* Correzione millimetrica: alza il pulsante e regola lo spazio a sinistra */
.com-content-category-blog__item .readmore,
.blog-featured .readmore {
    display: inline-block !important;
    vertical-align: baseline !important; /* Allinea la base del pulsante alla linea del testo */
    margin-left: 6px !important;        /* Avvicina il pulsante a sinistra (diminuisci se lo vuoi ancora più vicino) */
    margin-top: -2px !important;        /* Sposta millimetricamente il pulsante verso l'alto */
    margin-bottom: 0 !important;
}

/* Rimuove spazi vuoti nascosti che creano blocchi invisibili prima del bottone */
.com-content-category-blog__item .readmore p,
.blog-featured .readmore p {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Regola aggiuntiva per allineare il Leggi tutto anche negli articoli in evidenza e nei moduli */
.blog-featured .com-content-featured__item,
.blog-featured .com-content-featured__introtext {
    display: inline !important;
}

.blog-featured .com-content-featured__introtext p {
    display: inline !important;
    margin: 0 !important;
}

.blog-featured .readmore {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 0 0 10px !important;
}
/* Elimina lo spazio generato dai paragrafi rimasti vuoti dopo il leggi tutto */
.com-content-article__body p:empty {
    display: none !important;
}