.elementor-90042 .elementor-element.elementor-element-4c2022d{--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;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-4c2022d::before, .elementor-90042 .elementor-element.elementor-element-4c2022d > .elementor-background-video-container::before, .elementor-90042 .elementor-element.elementor-element-4c2022d > .e-con-inner > .elementor-background-video-container::before, .elementor-90042 .elementor-element.elementor-element-4c2022d > .elementor-background-slideshow::before, .elementor-90042 .elementor-element.elementor-element-4c2022d > .e-con-inner > .elementor-background-slideshow::before, .elementor-90042 .elementor-element.elementor-element-4c2022d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, rgba(24,16,44,0.15) 0%, rgba(24,16,44,0.86) 100%);}.elementor-90042 .elementor-element.elementor-element-4c2022d:not(.elementor-motion-effects-element-type-background), .elementor-90042 .elementor-element.elementor-element-4c2022d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-90042 .elementor-element.elementor-element-dae7ba4{--display:flex;--min-height:460px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:64px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-90042 .elementor-element.elementor-element-db4aed6{--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:7px 7px;--row-gap:7px;--column-gap:7px;--border-radius:999px 999px 999px 999px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:13px;}.elementor-90042 .elementor-element.elementor-element-db4aed6:not(.elementor-motion-effects-element-type-background), .elementor-90042 .elementor-element.elementor-element-db4aed6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(255,255,255,0.92);}.elementor-90042 .elementor-element.elementor-element-db4aed6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-90042 .elementor-element.elementor-element-25d4303{--display:flex;--min-height:8px;--border-radius:50px 50px 50px 50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90042 .elementor-element.elementor-element-25d4303.e-con{--flex-grow:0;--flex-shrink:0;}.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-90042 .elementor-element.elementor-element-9c11515 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:700;line-height:1.2em;letter-spacing:0.04em;}.elementor-90042 .elementor-element.elementor-element-4d81c32 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.14em;color:rgba(255,255,255,0.9);}.elementor-90042 .elementor-element.elementor-element-9ebdd13{width:var( --container-widget-width, 60ch );max-width:60ch;--container-widget-width:60ch;--container-widget-flex-grow:0;}.elementor-90042 .elementor-element.elementor-element-9ebdd13 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:56px;font-weight:700;line-height:1.08em;text-shadow:0px 3px 26px rgba(18,12,36,0.55);color:#FFFFFF;}.elementor-90042 .elementor-element.elementor-element-3d98f82{--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;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:0px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-3d98f82:not(.elementor-motion-effects-element-type-background), .elementor-90042 .elementor-element.elementor-element-3d98f82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ff07f22 );}.elementor-90042 .elementor-element.elementor-element-62fdfa1{--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 16px;--row-gap:8px;--column-gap:16px;--flex-wrap:wrap;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-90042 .elementor-element.elementor-element-17482c8 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:700;line-height:1.4em;color:#33264A;}.elementor-90042 .elementor-element.elementor-element-c36a566 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#6E6280;}.elementor-90042 .elementor-element.elementor-element-ec47aa4 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#6E6280;}.elementor-90042 .elementor-element.elementor-element-e350834 .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#6E6280;}.elementor-90042 .elementor-element.elementor-element-9ded5ce .elementor-heading-title{font-family:"Atkinson Hyperlegible", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;color:#6E6280;}.elementor-90042 .elementor-element.elementor-element-6133045{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-6133045:not(.elementor-motion-effects-element-type-background), .elementor-90042 .elementor-element.elementor-element-6133045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b78c3ec );}.elementor-90042 .elementor-element.elementor-element-4fd7679{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90042 .elementor-element.elementor-element-4fd7679.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-90042 .elementor-element.elementor-element-21eb2a9{color:#33264A;font-family:"Atkinson Hyperlegible", Sans-serif;font-size:18px;line-height:1.72em;}.elementor-90042 .elementor-element.elementor-element-42a52d2{--display:flex;--padding-top:64px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-42a52d2:not(.elementor-motion-effects-element-type-background), .elementor-90042 .elementor-element.elementor-element-42a52d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF6EC;}.elementor-90042 .elementor-element.elementor-element-acb2bcf{--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:24px 24px;--row-gap:24px;--column-gap:24px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#F2DDC9;--border-color:#F2DDC9;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-90042 .elementor-element.elementor-element-fb1f109{--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-90042 .elementor-element.elementor-element-fb1f109.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-90042 .elementor-element.elementor-element-cd12f9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon-wrapper{text-align:center;}.elementor-90042 .elementor-element.elementor-element-cd12f9c.elementor-view-stacked .elementor-icon{background-color:#C2402E;}.elementor-90042 .elementor-element.elementor-element-cd12f9c.elementor-view-framed .elementor-icon, .elementor-90042 .elementor-element.elementor-element-cd12f9c.elementor-view-default .elementor-icon{color:#C2402E;border-color:#C2402E;}.elementor-90042 .elementor-element.elementor-element-cd12f9c.elementor-view-framed .elementor-icon, .elementor-90042 .elementor-element.elementor-element-cd12f9c.elementor-view-default .elementor-icon svg{fill:#C2402E;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon{font-size:24px;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon svg{height:24px;}.elementor-90042 .elementor-element.elementor-element-1a43ca9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-90042 .elementor-element.elementor-element-1a43ca9 .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-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-90042 .elementor-element.elementor-element-33dd9c3{--grid-columns:2;--grid-row-gap:24px;--grid-column-gap:24px;}.elementor-90042 .elementor-element.elementor-element-33dd9c3 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-90042 .elementor-element.elementor-element-33dd9c3 .e-loop-item > .elementor-section, .elementor-90042 .elementor-element.elementor-element-33dd9c3 .e-loop-item > .elementor-section > .elementor-container, .elementor-90042 .elementor-element.elementor-element-33dd9c3 .e-loop-item > .e-con, .elementor-90042 .elementor-element.elementor-element-33dd9c3 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-widget-button .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-90042 .elementor-element.elementor-element-b6846d8 .elementor-button{background-color:rgba(0,0,0,0);font-family:"Atkinson Hyperlegible", Sans-serif;font-size:18px;font-weight:700;fill:#C2402E;color:#C2402E;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-90042 .elementor-element.elementor-element-b6846d8 .elementor-button:hover, .elementor-90042 .elementor-element.elementor-element-b6846d8 .elementor-button:focus{background-color:rgba(0,0,0,0);color:#33264A;}.elementor-90042 .elementor-element.elementor-element-b6846d8{width:initial;max-width:initial;margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-90042 .elementor-element.elementor-element-b6846d8 .elementor-button:hover svg, .elementor-90042 .elementor-element.elementor-element-b6846d8 .elementor-button:focus svg{fill:#33264A;}@media(max-width:1024px){.elementor-90042 .elementor-element.elementor-element-dae7ba4{--min-height:380px;}.elementor-90042 .elementor-element.elementor-element-9ebdd13{--container-widget-width:602px;--container-widget-flex-grow:0;width:var( --container-widget-width, 602px );max-width:602px;}.elementor-90042 .elementor-element.elementor-element-9ebdd13 .elementor-heading-title{font-size:44px;}.elementor-90042 .elementor-element.elementor-element-42a52d2{--padding-top:64px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon{font-size:24px;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon svg{height:24px;}.elementor-90042 .elementor-element.elementor-element-33dd9c3{--grid-columns:2;--grid-row-gap:24px;--grid-column-gap:24px;}}@media(max-width:767px){.elementor-90042 .elementor-element.elementor-element-dae7ba4{--min-height:300px;}.elementor-90042 .elementor-element.elementor-element-db4aed6{--width:fit;}.elementor-90042 .elementor-element.elementor-element-25d4303{--width:8px;}.elementor-90042 .elementor-element.elementor-element-9ebdd13 .elementor-heading-title{font-size:28px;}.elementor-90042 .elementor-element.elementor-element-6133045{--padding-top:32px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-42a52d2{--padding-top:64px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-90042 .elementor-element.elementor-element-fb1f109{--width:fit-content;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon{font-size:24px;}.elementor-90042 .elementor-element.elementor-element-cd12f9c .elementor-icon svg{height:24px;}.elementor-90042 .elementor-element.elementor-element-33dd9c3{--grid-columns:1;--grid-row-gap:24px;--grid-column-gap:24px;}}@media(min-width:768px){.elementor-90042 .elementor-element.elementor-element-4c2022d{--content-width:1280px;}.elementor-90042 .elementor-element.elementor-element-db4aed6{--width:fit-content;}.elementor-90042 .elementor-element.elementor-element-25d4303{--width:8px;}.elementor-90042 .elementor-element.elementor-element-3d98f82{--content-width:1280px;}.elementor-90042 .elementor-element.elementor-element-6133045{--content-width:1280px;}.elementor-90042 .elementor-element.elementor-element-4fd7679{--width:770px;}.elementor-90042 .elementor-element.elementor-element-42a52d2{--content-width:1280px;}.elementor-90042 .elementor-element.elementor-element-acb2bcf{--content-width:770px;}.elementor-90042 .elementor-element.elementor-element-fb1f109{--width:fit-content;}}@media(max-width:1024px) and (min-width:768px){.elementor-90042 .elementor-element.elementor-element-acb2bcf{--content-width:770px;}.elementor-90042 .elementor-element.elementor-element-fb1f109{--width:fit-content;}}/* Start custom CSS *//* ============================================================================
   DIARIO DI BORDO — stili dei blocchi editoriali dentro l'articolo
   Cinema in Ospedale · 4 settembre 2026

   DOVE VA: Elementor > Impostazioni sito > CSS personalizzato  (una volta sola)
   SU COSA AGISCE: il widget "Contenuto del post" del template Articolo singolo,
                   a cui va messa la classe CSS  cio-prosa

   PERCHE' VALORI LETTERALI E NON I TOKEN
   Verificato il 4 set 2026 sul sito: nessun foglio di stile servito da
   claude.colonnaweb.it definisce --fs-450 / --sp-6 / --ink-soft. tokens.css vive
   solo nei prototipi statici. Incollare qui il CSS del prototipo con var(--sp-6)
   produrrebbe regole scartate dal browser e padding a zero — lo stesso guasto
   che nel prototipo fa sparire i padding dove e' scritto var(--sp-7).

   IL WIDGET NON BASTA, ED E' UNA CORREZIONE. Avevo scritto che titoli, elenchi
   e link si sarebbero impostati dai pannelli nativi: falso. Il widget «Contenuto
   del post» espone la tipografia del CORPO e basta — per gli h2 non ha nessun
   controllo, quindi ereditano lo stile globale del sito. Misurato sul live il
   16/09: gli h2 uscivano in Atkinson 32 invece che in Fraunces 28. Le regole
   stanno qui sotto, limitate a .cio-prosa per non toccare gli h2 del resto del sito.
   ========================================================================== */

/* ── titoli, elenchi e link dentro l'articolo ──────────────────────────────── */
.cio-prosa h2 {
  font-family:"Fraunces",Georgia,serif; font-size:28px; line-height:1.2;
  font-weight:600; color:#33264A; letter-spacing:-.01em;
  margin:48px 0 12px; text-wrap:balance;
}
.cio-prosa h3 {
  font-family:"Fraunces",Georgia,serif; font-size:22px; line-height:1.25;
  font-weight:600; color:#33264A; margin:32px 0 8px;
}
.cio-prosa p  { margin:0 0 16px }
.cio-prosa ul { margin:0 0 16px; padding-left:1.15rem }
.cio-prosa li { line-height:1.65; margin-bottom:8px }
.cio-prosa a  { color:#C2402E; font-weight:700; text-underline-offset:3px }
.cio-prosa strong { font-weight:700 }

/* ── nota sul colore di categoria ────────────────────────────────────────────
   Il colore della sezione NON sta piu' qui. Vive in un campo ACF
   «colore_sezione» sull'articolo e lo leggono i tag dinamici di Elementor sui
   widget del template (pastiglia, filo delle card). Cosi' una categoria nuova si
   colora dalla bacheca, senza toccare il CSS.
   Dentro il testo dell'articolo il colore non arriva — i tag dinamici colorano
   widget, non HTML scritto nel contenuto — quindi il filo della citazione resta
   sul corallo del marchio, uguale per tutti gli articoli. Scelta, non ripiego.  */

/* ── apertura: il primo paragrafo ──────────────────────────────────────────── */
.cio-prosa .lead {
  font-family:"Fraunces",Georgia,serif;
  font-size:clamp(1.25rem,2.1vw,1.55rem); line-height:1.45;
  color:#33264A; font-weight:500; margin:0 0 32px;
}

/* ── pallini degli elenchi nel corallo del marchio ─────────────────────────── */
.cio-prosa li::marker { color:#FB7A66 }

/* ── citazione ─────────────────────────────────────────────────────────────── */
.cio-prosa .citazione {
  margin:48px 0; padding:32px 32px 32px 24px;
  background:linear-gradient(180deg,#FFE7D2,#FFF0E2);
  border-left:5px solid #FB7A66;
  border-radius:0 22px 22px 0;
}
.cio-prosa .citazione p {
  font-family:"Fraunces",Georgia,serif;
  font-size:clamp(1.2rem,2vw,1.5rem); line-height:1.4;
  color:#33264A; margin:0; font-weight:500;
}
.cio-prosa .citazione cite {
  display:block; margin-top:12px; font-style:normal;
  font-size:14px; color:#6E6280; font-weight:700; letter-spacing:.03em;
}

/* ── riquadro (nota, box "cosa non chiediamo mai") ─────────────────────────── */
.cio-prosa .riquadro {
  margin:32px 0; padding:32px;
  background:#FFFFFF; border:1px solid #F2DDC9; border-radius:22px;
  box-shadow:0 1px 2px rgba(20,24,43,.06), 0 2px 8px rgba(20,24,43,.06);
}
.cio-prosa .riquadro h3 { font-family:"Fraunces",Georgia,serif; font-size:22px; margin:0 0 8px }
.cio-prosa .riquadro p:last-child,
.cio-prosa .riquadro ul:last-child { margin-bottom:0 }
.cio-prosa .riquadro .etichetta {
  display:block; margin-bottom:6px;
  font-size:14px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:#C2402E;
}

/* ── numeri a colpo d'occhio ───────────────────────────────────────────────── */
.cio-prosa .numeri {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:16px; margin:32px 0; width:min(100%,780px); margin-inline:auto;
}
.cio-prosa .numero {
  background:#FFFFFF; border:1px solid #F2DDC9; border-radius:22px; padding:24px;
  box-shadow:0 1px 2px rgba(20,24,43,.06), 0 2px 8px rgba(20,24,43,.06);
}
.cio-prosa .numero b {
  display:block; font-family:"Fraunces",Georgia,serif; font-size:2rem; line-height:1;
  color:#C2402E; font-variant-numeric:tabular-nums;
}
.cio-prosa .numero span { display:block; margin-top:6px; font-size:14px; color:#6E6280; line-height:1.35 }

/* ── griglia delle locandine (Corti Doppiati) ──────────────────────────────── */
.cio-prosa .corti {
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
  margin:32px 0 16px; width:min(100%,780px); margin-inline:auto;
}
.cio-prosa .corto {
  margin:0; background:#FFFFFF; border:1px solid #F2DDC9; border-radius:14px; overflow:hidden;
  box-shadow:0 1px 2px rgba(20,24,43,.06), 0 2px 8px rgba(20,24,43,.06);
}
.cio-prosa .corto img { display:block; width:100%; height:auto }
.cio-prosa .corto figcaption { padding:10px 13px 11px; font-size:14px; line-height:1.35; color:#6E6280 }
.cio-prosa .corto figcaption b {
  display:block; color:#33264A; font-family:"Fraunces",Georgia,serif; font-size:16px;
}
.cio-prosa .corto figcaption span { display:block }
.cio-prosa .corto figcaption .dur { margin-top:2px; font-variant-numeric:tabular-nums; opacity:.8 }
@media (max-width:700px){ .cio-prosa .corti { grid-template-columns:1fr 1fr } }
@media (max-width:460px){ .cio-prosa .corti { grid-template-columns:1fr } }

/* ── fila delle otto faccine ───────────────────────────────────────────────── */
.cio-prosa .facce {
  display:flex; flex-wrap:wrap; gap:12px; justify-content:center;
  margin:32px 0 12px; width:min(100%,780px); margin-inline:auto;
}
.cio-prosa .faccia {
  width:76px; height:76px; border-radius:50%; display:grid; place-items:center;
  background:#FFFFFF;
  background:color-mix(in srgb, var(--m) 18%, #FFFFFF);
  border:2px solid color-mix(in srgb, var(--m) 45%, transparent);
  color:color-mix(in srgb, var(--m) 78%, #33264A);
}
.cio-prosa .faccia .ic { width:44px; height:44px }

/* ── foto con didascalia ───────────────────────────────────────────────────── */
.cio-prosa .photofig {
  margin:32px 0; background:#FFFFFF; border:1px solid #F2DDC9;
  border-radius:22px; overflow:hidden;
  box-shadow:0 1px 2px rgba(20,24,43,.06), 0 2px 8px rgba(20,24,43,.06);
}
.cio-prosa .photofig img { display:block; width:100%; height:auto }
.cio-prosa .photofig figcaption { padding:12px 24px; font-size:14px; line-height:1.45; color:#6E6280 }

/* ── didascalia sciolta (sotto una griglia) ────────────────────────────────── */
.cio-prosa .didascalia { text-align:center; font-size:14px; color:#6E6280; margin:0 }

/* ── fonte esterna ripresa ─────────────────────────────────────────────────── */
.cio-prosa .fonte-box {
  margin:48px 0 0; padding:24px 32px;
  background:#EDF4F9; border:1px solid rgba(78,148,194,.26); border-radius:22px;
  font-size:16px; color:#6E6280; line-height:1.6;
}
.cio-prosa .fonte-box strong { color:#33264A }

/* ── pulsante dentro il testo ──────────────────────────────────────────────── */
.cio-prosa .cta-row { display:flex; flex-wrap:wrap; gap:16px; margin-top:32px }
.cio-prosa .btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:0 24px; border-radius:999px;
  font-weight:700; font-size:18px; line-height:1; text-align:center; text-decoration:none;
  transition:transform .16s cubic-bezier(.22,.61,.36,1), box-shadow .28s cubic-bezier(.22,.61,.36,1);
}
.cio-prosa .btn:hover { transform:translateY(-2px) }
.cio-prosa .btn-accent {
  background:#FFC23C; color:#3A2C00;
  box-shadow:0 1px 2px rgba(20,24,43,.06), 0 2px 8px rgba(20,24,43,.06);
}
.cio-prosa .btn-lg { min-height:60px; padding:0 32px; font-size:22px }
.cio-prosa .btn .ic { width:22px; height:22px; flex:none }

/* ── icone in linea (SVG incorporato, lo sprite del prototipo non c'e') ────── */
.cio-prosa .ic { width:24px; height:24px; flex:none; display:inline-block; vertical-align:middle }

/* ──────────────────────────────────────────────────────────────────────────
   COLORE DI CATEGORIA — derivato, non ripetuto.

   --cat arriva dallo snippet colori-categoria.php, che lo definisce su
   .category-<slug>. Quella classe sta gia' sul contenitore della pagina singola
   e su ogni item del Loop Grid, quindi la testata prende il colore dell'articolo
   e ogni card correlata prende il proprio: dentro la card vince la card.

   IL COLORE DEL TESTO NON SI SCRIVE. Nel prototipo e'
   color-mix(in srgb, var(--cat) 78%, #241C33), cioe' la categoria schiarita sul
   viola scuro; scriverlo a mano vorrebbe dire quattro esadecimali da tenere
   allineati a quelli dei pallini per sempre. Qui se lo calcola il browser, e i
   valori tornano identici al prototipo — #4E94C2 da' #457AA3, misurato.

   Il ripiego #FB7A66 vale solo se una categoria non ha il colore impostato.
   ────────────────────────────────────────────────────────────────────────── */
.cio-pallino,
.cio-filetto { background: var(--cat, #FB7A66) }

/* Tre classi invece di due: il selettore corto .cio-pastiglia .elementor-heading-title
   pesa (0,2,0) quanto la regola globale di Elementor sui titoli, e un pareggio lo
   risolve l'ordine di caricamento — cioe' il caso. Con .elementor-widget-heading in
   mezzo pesa (0,3,0) e vince sempre. */
.cio-pastiglia .elementor-widget-heading .elementor-heading-title {
  color: color-mix(in srgb, var(--cat, #FB7A66) 78%, #241C33);
}

/* MA IL CSS DA SOLO NON BASTA, E NON E' UNA QUESTIONE DI SELETTORI SCRITTI MALE.
   Se il colore resta impostato nel pannello, Elementor emette una regola per-elemento
   che pesa (0,4,0) sul pallino — .elementor-90042 .elementor-element.elementor-element-XXX
   piu' un :not() che conta come una classe — e (0,3,0) sul testo. Nessun selettore
   ragionevole nel Customizer le batte. Vanno SVUOTATI i campi colore nel pannello:
   tolto il valore, Elementor smette di scrivere la regola e queste tre righe comandano. */

/* ──────────────────────────────────────────────────────────────────────────
   SOMMARIO — l'attacco dei sei articoli di cronaca.

   Non e' il `.lead`: quello e' Fraunces 24,8 nel colore del testo, questo e'
   Atkinson 17,9 in grigio con un filetto a sinistra. Sono due modi diversi di
   aprire un pezzo e nel prototipo convivono — i sei articoli editoriali usano
   il lead, i sei di cronaca il sommario. Non accorparli.

   Il filetto e' #FB7A66 fisso, come nel prototipo. Volendo diventerebbe
   var(--cat) e prenderebbe il colore della categoria come il resto: e' un
   miglioramento, non una fedelta', quindi lo lascio deciso a Daniele.
   ────────────────────────────────────────────────────────────────────────── */
.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: due colonne, 4:3 ritagliato, come .news-gal */
.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 }

/* ──────────────────────────────────────────────────────────────────────────
   CARD DEL LOOP — tutte della stessa altezza.

   Perche' TRE righe e non due. Misurati tutti e dodici i titoli a 325px (la
   card meno padding e filetto): a due righe ne taglierei 3 su 12 a desktop e 5
   su 12 a mobile, e i tagli sono brutti — «Presentato il Calendario 2026 dei
   diritti dei bambini in ospedale» diventerebbe «Presentato il Calendario 2026
   dei…», che non dice piu' niente. A tre righe non si taglia nessuno a desktop
   e uno solo a mobile. Il puntino di sospensione c'e', ma quasi non si vede
   mai: e' una rete, non una regola di stile.

   L'altezza 156 non e' scelta a occhio: 24+24 di padding, 22,4 di categoria,
   6 di stacco, 79,2 di titolo (3 x 26,4). Viene uguale ai tre formati perche'
   nella card non cambia nessun corpo del testo.
   ────────────────────────────────────────────────────────────────────────── */
.e-loop-item .cio-card-titolo .elementor-heading-title {
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}/* End custom CSS */