.elementor-90153 .elementor-element.elementor-element-4408cc3{--display:flex;--padding-top:64px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-90153 .elementor-element.elementor-element-4408cc3:not(.elementor-motion-effects-element-type-background), .elementor-90153 .elementor-element.elementor-element-4408cc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6EC;}.elementor-90153 .elementor-element.elementor-element-d9b699f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#F2DDC9;--border-color:#F2DDC9;--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-90153 .elementor-element.elementor-element-b10e480{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90153 .elementor-element.elementor-element-b10e480.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-90153 .elementor-element.elementor-element-6e88ee0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon-wrapper{text-align:center;}.elementor-90153 .elementor-element.elementor-element-6e88ee0.elementor-view-stacked .elementor-icon{background-color:#C2402E;}.elementor-90153 .elementor-element.elementor-element-6e88ee0.elementor-view-framed .elementor-icon, .elementor-90153 .elementor-element.elementor-element-6e88ee0.elementor-view-default .elementor-icon{color:#C2402E;border-color:#C2402E;}.elementor-90153 .elementor-element.elementor-element-6e88ee0.elementor-view-framed .elementor-icon, .elementor-90153 .elementor-element.elementor-element-6e88ee0.elementor-view-default .elementor-icon svg{fill:#C2402E;}.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon{font-size:24px;}.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon svg{height:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-90153 .elementor-element.elementor-element-b665272.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-90153 .elementor-element.elementor-element-b665272 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.6em;letter-spacing:0.14em;color:#C2402E;}.elementor-90153 .elementor-element.elementor-element-45338f8{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;}.elementor-90153 .elementor-element.elementor-element-45338f8 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:58px;font-weight:600;line-height:1.06em;letter-spacing:-0.015em;color:#33264A;}.elementor-90153 .elementor-element.elementor-element-8e632b1{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;padding:32px 0px 0px 0px;--e-filter-space-between:8px;--e-filter-item-border-radius:999px 999px 999px 999px;}.elementor-90153 .elementor-element.elementor-element-8e632b1 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-ff07f22 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-5c157ed );}.elementor-90153 .elementor-element.elementor-element-8e632b1 .e-filter-item{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:700;padding:4px 13px 4px 10px;}.elementor-90153 .elementor-element.elementor-element-8e632b1 .e-filter-item:hover:not( [aria-pressed=true] ){border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-5c157ed );}.elementor-90153 .elementor-element.elementor-element-8e632b1 .e-filter-item[aria-pressed="true"]{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-5c157ed );}.elementor-90153 .elementor-element.elementor-element-0b854b3{--display:flex;--padding-top:48px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-90153 .elementor-element.elementor-element-0b854b3:not(.elementor-motion-effects-element-type-background), .elementor-90153 .elementor-element.elementor-element-0b854b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6EC;}.elementor-90153 .elementor-element.elementor-element-595a3df{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-90153 .elementor-element.elementor-element-28bfd5b{--grid-columns:1;--grid-row-gap:16px;--grid-column-gap:0px;}.elementor-90153 .elementor-element.elementor-element-6aad1d3{--grid-columns:1;--grid-row-gap:16px;}.elementor-90153 .elementor-element.elementor-element-6aad1d3 > .elementor-widget-container{padding:032px 0px 0px 0px;}.elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination{text-align:center;font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:700;margin-top:32px;}.elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-78250e6 );}.elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-1e740a1 );}.elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination .page-numbers.current{color:var( --e-global-color-1e740a1 );}body:not(.rtl) .elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 8px/2 );}body:not(.rtl) .elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 8px/2 );}body.rtl .elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 8px/2 );}body.rtl .elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 8px/2 );}@media(max-width:1024px){.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon{font-size:24px;}.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon svg{height:24px;}.elementor-90153 .elementor-element.elementor-element-45338f8 .elementor-heading-title{font-size:53px;}.elementor-90153 .elementor-element.elementor-element-28bfd5b{--grid-columns:1;--grid-row-gap:16px;}.elementor-90153 .elementor-element.elementor-element-6aad1d3{--grid-columns:1;}}@media(min-width:768px){.elementor-90153 .elementor-element.elementor-element-4408cc3{--content-width:1280px;}.elementor-90153 .elementor-element.elementor-element-d9b699f{--content-width:1232px;}.elementor-90153 .elementor-element.elementor-element-b10e480{--width:fit-content;}.elementor-90153 .elementor-element.elementor-element-0b854b3{--content-width:1280px;}.elementor-90153 .elementor-element.elementor-element-595a3df{--content-width:1232px;}}@media(max-width:1024px) and (min-width:768px){.elementor-90153 .elementor-element.elementor-element-d9b699f{--content-width:1232px;}.elementor-90153 .elementor-element.elementor-element-b10e480{--width:fit-content;}.elementor-90153 .elementor-element.elementor-element-595a3df{--content-width:1232px;}}@media(max-width:767px){.elementor-90153 .elementor-element.elementor-element-b10e480{--width:fit-content;}.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon{font-size:24px;}.elementor-90153 .elementor-element.elementor-element-6e88ee0 .elementor-icon svg{height:24px;}.elementor-90153 .elementor-element.elementor-element-45338f8 .elementor-heading-title{font-size:30px;}.elementor-90153 .elementor-element.elementor-element-0b854b3{--padding-top:32px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-90153 .elementor-element.elementor-element-28bfd5b{--grid-columns:1;--grid-row-gap:16px;}.elementor-90153 .elementor-element.elementor-element-6aad1d3{--grid-columns:1;}.elementor-90153 .elementor-element.elementor-element-6aad1d3 .elementor-pagination{margin-top:32px;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-8e632b1 *//* ============================================================================
   DIARIO DI BORDO — filtro categorie NATIVO (widget Taxonomy Filter)
   v2 — corretta la specificita'. SOSTITUISCE per intero la versione precedente:
   cancella il blocco vecchio e incolla questo.

   PERCHE' LA v1 NON COLORAVA. Elementor dichiara i suoi colori con
       .elementor-widget-taxonomy-filter .e-filter-item   ->  peso (0,2,0)
   mentre io scrivevo
       .e-filter-item                                     ->  peso (0,1,0)
   Il --cat per categoria arrivava (i pallini erano giusti, sono dipinti da una
   regola che Elementor non tocca), ma testo e bordo restavano grigi #69727D
   perche' la regola del widget pesa di piu'. Qui uso lo stesso prefisso piu'
   il tag del bottone: (0,2,1), e il CSS personalizzato viene caricato dopo.

   RESTA VERO: i campi Colore testo e Colore bordo nel pannello vanno lasciati
   VUOTI. Se li riempi, Elementor scrive una regola PER-ELEMENTO che pesa (0,4,0)
   e nemmeno questo blocco la batte: tornerebbero tutte dello stesso colore.
   ========================================================================= */

/* I quattro colori, dagli stessi valori delle pastiglie degli articoli.
   Qui basta (0,1,1): nessuno dichiara --cat su questi bottoni tranne noi. */
.e-filter-item[data-filter="piattaforma"]      { --cat:#4E94C2 }
.e-filter-item[data-filter="dietro-le-quinte"] { --cat:#B98CE6 }
.e-filter-item[data-filter="rete-europea"]     { --cat:#FB7A66 }
.e-filter-item[data-filter="per-gli-ospedali"] { --cat:#5EBD93 }
.e-filter-item[data-filter="__all"]            { --cat:#6E6280 }

/* Testo e bordo: col prefisso del widget, sennO' vince Elementor */
.elementor-widget-taxonomy-filter button.e-filter-item {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: color-mix(in srgb, var(--cat) 72%, #33264A);

  /* IL BORDO VA BLINDATO QUI, E SPIEGO PERCHE'.
     Il pannello scrive lo stile del bordo con
        .elementor-XXX .e-filter-item:not([aria-pressed="true"]):not(:hover)
     cioe' SOLO fuori dall'hover. Al passaggio del mouse quella regola smette
     di valere e resta la shorthand del plugin, `border: 1px rgb(105,114,125)`,
     che NON dichiara lo stile: border-style torna `none`, il bordo sparisce e
     la pastiglia si accorcia di 2px. E' il salto che si vede passandoci sopra.
     Ridichiarandoli qui valgono in ogni stato e la scatola non si muove piu'. */
  border-style: solid;
  border-width: 1px;

  /* i tempi e la curva sono quelli di tokens.css del prototipo:
     --t-med .28s con --ease cubic-bezier(.22,.61,.36,1), la stessa che muove
     le card. Parte svelta e frena: il .2s lineare di prima scattava.
     border-color e' in elenco perche' senza di lui il bordo scattava di netto
     mentre fondo e testo sfumavano: era quella meta' secca a farla sembrare
     brusca anche quando il tempo era giusto. */
  transition: background-color .28s cubic-bezier(.22,.61,.36,1),
              color            .28s cubic-bezier(.22,.61,.36,1),
              border-color     .28s cubic-bezier(.22,.61,.36,1);
}

/* il pallino davanti al testo, come .catchip::before nel prototipo */
.elementor-widget-taxonomy-filter button.e-filter-item::before {
  content: "";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--cat);
  margin-right: 7px;
  flex: none;
  transition: transform .16s cubic-bezier(.22,.61,.36,1);
}

/* il pallino cresce appena quando passi sopra: lo stesso --t-fast della
   freccia del «Leggi», che gia' scorre di 3px al passaggio sulla card. */
.elementor-widget-taxonomy-filter button.e-filter-item:hover::before {
  transform: scale(1.18);
}

/* «Tutti» non e' una categoria: niente pallino, grigio neutro */
.elementor-widget-taxonomy-filter button.e-filter-item[data-filter="__all"]::before { display: none }
.elementor-widget-taxonomy-filter button.e-filter-item[data-filter="__all"] {
  color: #6E6280;
}

.elementor-widget-taxonomy-filter button.e-filter-item:hover {
  background: color-mix(in srgb, var(--cat) 12%, #FFFFFF);
}

/* La categoria selezionata prende la stessa formula della pastiglia dentro le
   card (16% su bianco): filtro acceso e pastiglia dell'articolo filtrato
   risultano esattamente dello stesso colore. */
.elementor-widget-taxonomy-filter button.e-filter-item[aria-pressed="true"] {
  background: color-mix(in srgb, var(--cat) 16%, #FFFFFF);
}
.elementor-widget-taxonomy-filter button.e-filter-item[data-filter="__all"][aria-pressed="true"] {
  background: #FFF0E2;
  color: #C2402E;
}

/* OPZIONALE — «Tutti» esce per ultimo nel markup del widget. Per portarlo in
   testa come reset, togli il commento a questa riga. */
/* .elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] { order:-1 } */

/* ----------------------------------------------------------------------------
   IL BORDO NON SI COLORA PER CATEGORIA, E NON E' UNA SVISTA.

   Elementor dichiara il bordo con la SHORTHAND
       .elementor-widget-taxonomy-filter .e-filter-item { border: 1px rgb(105,114,125) }
   dentro widget-loop-filter.min.css. Provate quattro strade, misurate una per
   una sul live: border-color con !important, la shorthand completa, la variabile
   --e-filter-normal-border-color (non esiste) e la tinta piena var(--cat).
   Nessuna sposta il computed: resta rgb(105,114,125) o degrada a un grigio.

   Quindi il bordo si mette DAL PANNELLO, uno solo per tutte: #F2DDC9, la linea
   del sito. Il colore della categoria resta dove conta ed e' leggibile: il
   PALLINO (tinta piena) e il TESTO (72% su #33264A). Nel prototipo il bordo e'
   la categoria al 34% di alpha — una differenza che a occhio non si vede, e non
   vale una guerra di !important contro il CSS del plugin, che il primo
   aggiornamento di Elementor rimetterebbe in discussione.
   ------------------------------------------------------------------------- *//* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6aad1d3 */.elementor-pagination {
  display: flex; flex-wrap: wrap;
  justify-content: center; align-items: center;
  gap: 8px;
}
.elementor-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 36px;
  padding: 6px 14px;
  border: 1px solid #F2DDC9;
  border-radius: 999px;
  background: #FFFFFF;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
}
.elementor-pagination a.page-numbers:hover { border-color: #C2402E }
.elementor-pagination .page-numbers.current {
  background: #FFF0E2;
  border-color: #C2402E;
}
.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next { min-width: 0 }

@media (max-width: 767px) {
  .elementor-pagination .page-numbers { padding: 10px 14px }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================================
   DIARIO DI BORDO — blocco MANCANTE sul sito (verificato sul live 17/09)
   Da APPENDERE in fondo a: Elementor > Impostazioni sito > CSS personalizzato
   Non tocca nulla di quello che c'e' gia' (.cio-prosa, .cio-sala, .cio-srch,
   .cio-a11y restano dove sono).

   Tutti i colori escono da --cat, che lo snippet colori-categoria.php mette su
   .category-<slug>. Verificato sul live: sull'item del loop --cat vale #4E94C2.
   ========================================================================= */

/* --- pallino e filetto: il colore della categoria, senza scriverlo --------- */
.cio-pallino,
.cio-filetto { background: var(--cat, #FB7A66) }

/* --- pastiglia della TESTATA (sopra la foto dell'articolo) ---------------- */
.cio-pastiglia .elementor-widget-heading .elementor-heading-title {
  color: color-mix(in srgb, var(--cat, #FB7A66) 78%, #241C33);
}

/* --- pastiglia dell'ARCHIVIO (dentro le card): fondo, bordo e testo -------- */
.cio-pastiglia-archivio {
  background: color-mix(in srgb, var(--cat, #FB7A66) 16%, #FFFFFF);
  border-color: color-mix(in srgb, var(--cat, #FB7A66) 34%, transparent);
}
.cio-pastiglia-archivio .elementor-widget-heading .elementor-heading-title {
  color: color-mix(in srgb, var(--cat, #FB7A66) 72%, #33264A);
}

/* --- i punti separatori della riga meta, dentro le card ------------------- */
.cio-punto .elementor-heading-title { opacity:.5 }

/* --- sommario dell'articolo (attacco dei sei pezzi di cronaca) ------------ */
.cio-prosa .sommario {
  font-size:17.9px; line-height:1.6; color:#6E6280;
  border-left:3px solid #FB7A66; padding-left:16px; margin:0 0 25.6px;
}

/* --- galleria di fine articolo ------------------------------------------- */
.cio-prosa .cio-galleria { gap:14px; margin:19.2px 0 0 }
.cio-prosa .cio-galleria figure {
  margin:0; border-radius:12px; overflow:hidden; background:#ECEFF3;
  box-shadow:0 2px 10px rgba(30,51,70,.08);
}
.cio-prosa .cio-galleria img {
  display:block; width:100%; height:100%; aspect-ratio:4/3; object-fit:cover;
}

/* --- titoli e sommari tagliati: le card restano tutte della stessa altezza  */
.e-loop-item .cio-card-titolo .elementor-heading-title {
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.cio-voce-titolo .elementor-heading-title {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.cio-voce-sommario .elementor-heading-title,
.cio-evidenza-sommario .elementor-heading-title {
  display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
}
.cio-voce-sommario .elementor-heading-title     { -webkit-line-clamp:2; max-width:573px }
.cio-evidenza-sommario .elementor-heading-title { -webkit-line-clamp:3 }

/* --- la freccia del «Leggi» scorre quando passi sulla card ---------------- */
.e-loop-item:hover .cio-leggi .elementor-button-icon { transform:translateX(3px) }
.cio-leggi .elementor-button-icon { transition:transform .18s ease }

/* --- i quattro filtri, ognuno del proprio colore -------------------------- */
.cio-filtro.cat-piattaforma      { --cat:#4E94C2 }
.cio-filtro.cat-dietro-le-quinte { --cat:#B98CE6 }
.cio-filtro.cat-rete-europea     { --cat:#FB7A66 }
.cio-filtro.cat-per-gli-ospedali { --cat:#5EBD93 }

.cio-filtro .elementor-button {
  background:#FFFFFF;
  color: color-mix(in srgb, var(--cat) 72%, #33264A);
  border-color: color-mix(in srgb, var(--cat) 34%, transparent);
  transition:border-color .2s, color .2s;
}
.cio-filtro .elementor-button-text::before {
  content:""; display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--cat); margin-right:7px; vertical-align:.08em; flex:none;
}
.cio-filtro .elementor-button:hover {
  background: color-mix(in srgb, var(--cat) 12%, #FFFFFF);
  border-color: var(--cat);
}/* End custom CSS */