/* Design Scuole Italia — child "Formigine 2" · f2-storia.css
   La pagina "La storia": testata piu' larga e racconto della scuola.
   Additivo: nessun override di struttura o di marcatori del tema padre. */

/* ---- TESTATA: era una colonna di 472px su 1280, con tre paragrafi a 16px ----
   Misurato il 25/07/2026: il tema mette `col-md-5`, cioe' 472px utili, e il resto della
   fascia rossa (708px) resta vuoto con la sola decorazione. Il testo sembrava schiacciato
   in un angolo. Qui la colonna prende due terzi della riga e il primo paragrafo diventa
   un attacco leggibile. Solo su questa pagina: le altre testate `hero/page` non cambiano. */
.page-template-storia .section.bg-redbrown .col-md-5 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .page-template-storia .section.bg-redbrown .col-md-5 {
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }
}
.page-template-storia .section.bg-redbrown .hero-title h1 {
  margin-bottom: 1rem;
}
/* Il tema avvolge TUTTO il contenuto della pagina in un solo <p class="h4">: i paragrafi
   veri stanno dentro. Si allarga la misura e si da' aria fra un capoverso e l'altro. */
.page-template-storia .section.bg-redbrown .hero-title p {
  max-width: 46rem;
  font-size: 1.0625rem;
  line-height: 1.62;
}
.page-template-storia .section.bg-redbrown .hero-title p p {
  margin-bottom: 1rem;
}
.page-template-storia .section.bg-redbrown .hero-title p p:first-child {
  font-size: 1.22rem;
  line-height: 1.5;
}
.page-template-storia .section.bg-redbrown .hero-title p p:last-child {
  margin-bottom: 0;
}

/* ---- IL RACCONTO ----
   Il corpo della pagina e' fatto con i pezzi del tema (title-section, card card-bg rounded,
   badge-outline, big-data): qui resta solo il respiro della sezione. La gabbia della
   fotografia sta in custom.css come `.f2-foto-16-10`, perche' serve anche a "I luoghi". */
.f2st-sec { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
/* I numeri del tema nascono con 80px di stacco sopra (pensati per una fascia dedicata):
   dentro il racconto basta un respiro normale. */
.f2st-sec .big-data { margin-top: 1.5rem; }