/* Start custom CSS for html, class: .elementor-element-ca05489 *//* =========================================================
   Stile Articolo "Storia" — CanMedTicino
   ---------------------------------------------------------
   USO (Elementor):
   1) Assegna la classe  cmt-storia  alla SEZIONE/CONTENITORE
      che racchiude tutto l'articolo (titolo + testo).
      Elementor → (sezione) → Avanzate → Classi CSS → cmt-storia
   2) Incolla questo CSS in:
      Elementor → Impostazioni pagina → CSS personalizzato
      (oppure Aspetto → Personalizza → CSS aggiuntivo per tutto il sito)
   Token tema: Fraunces (titoli) + Satoshi (testo), verde #1E6F5C.
   ========================================================= */

.cmt-storia{
  max-width: 760px;
  margin: 0 auto;
  font-family: "Satoshi","Inter var",system-ui,-apple-system,sans-serif;
  font-size: 1.0625rem;      /* ~17px */
  line-height: 1.75;
  color: #1A1A1A;
}

/* Titolo principale */
.cmt-storia h1{
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #14301f;
  margin: 0 0 1.2rem;
}

/* Sottotitoli interni */
.cmt-storia h2,
.cmt-storia h3{
  font-family: "Fraunces", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #1A1A1A;
}
.cmt-storia h2{ font-size: 1.6rem; margin: 2.4rem 0 0.8rem; }
.cmt-storia h3{ font-size: 1.3rem; margin: 1.8rem 0 0.6rem; }

/* Paragrafi */
.cmt-storia p{ margin: 0 0 1.25rem; }

/* Primo paragrafo = occhiello/lead, più grande e morbido */
.cmt-storia > p:first-of-type{
  font-size: 1.2rem;
  line-height: 1.7;
  color: #4a534e;
}

.cmt-storia strong{ color: #14301f; }
.cmt-storia a{ color: #003A8F; text-decoration: underline; text-underline-offset: 2px; }
.cmt-storia ul, .cmt-storia ol{ margin: 0 0 1.25rem 1.4rem; }
.cmt-storia li{ margin: 0 0 0.5rem; }

/* Citazione in evidenza (pull-quote) */
.cmt-storia blockquote{
  border-left: 4px solid #1E6F5C;
  background: #EAF6EE;
  margin: 2rem 0;
  padding: 1rem 1.4rem;
  border-radius: 0 6px 6px 0;
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.25rem;
  font-style: italic;
  color: #14301f;
}

/* Immagini nel corpo */
.cmt-storia img{ border-radius: 10px; margin: 1.5rem 0; height: auto; }

/* Firma / nota finale (assegna class="firma" all'ultimo paragrafo) */
.cmt-storia .firma{
  margin-top: 2.4rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(30,111,92,.2);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 0.95rem;
  color: #6B7066;
}

/* Mobile */
@media (max-width: 600px){
  .cmt-storia{ font-size: 1rem; }
  .cmt-storia > p:first-of-type{ font-size: 1.1rem; }
}/* End custom CSS */