/* Chi siamo: immagine orizzontale centrata nel cuore della sezione. */
@media (min-width:1200px) {
  .innerPage .story {
    grid-template-columns: minmax(280px,1fr) minmax(430px,1.5fr) minmax(280px,1fr) !important;
  }
  .innerPage .story .storyPhoto {
    justify-self: center !important;
    align-self: center !important;
    width: min(100%, 760px) !important;
    margin: 0 auto !important;
  }
  .innerPage .story .storyCopy {
    align-self: center !important;
  }
}
.innerPage .story .storyPhoto > img.leadershipLandscape {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  transform: translate(-50%,-50%) !important;
  object-fit: contain !important;
  object-position: center center !important;
}
.innerPage .story .storyPhoto > span {
  z-index: 2 !important;
}

/* Il testo istituzionale recuperato dalla precedente pagina Chi siamo. */
.mediatelHome .homeCorporateStory {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: clamp(18px,3vw,42px);
  padding: clamp(22px,3vw,38px);
  color: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  background: rgba(2,18,50,.28);
}
.mediatelHome .homeCorporateStory p {
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
}

/* Informazioni finali distribuite, leggibili e senza sovrapposizioni. */
.legalFooter {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: center !important;
  gap: 20px !important;
  width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
}
.legalFooter p {
  min-width: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  text-align: center !important;
  font-size: clamp(9px,.72vw,11px) !important;
  line-height: 1.45 !important;
}

@media (max-width:900px) {
  .mediatelHome .homeCorporateStory { grid-template-columns: 1fr; }
  .legalFooter { grid-template-columns: 1fr !important; gap: 10px !important; }
}

/* Chi siamo v52: fotografia sopra, racconto distribuito sotto. */
.innerPage .story {
  display: block !important;
  height: auto !important;
  min-height: 100svh !important;
  max-height: none !important;
  padding: 130px 6vw 150px !important;
  color: #fff !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at 82% 20%,rgba(19,126,206,.3),transparent 34%),
    linear-gradient(145deg,#020d25,#06376f 62%,#075d9f) !important;
}
.innerPage .story .sectionHead {
  position: relative !important;
  inset: auto !important;
  width: min(1180px,100%) !important;
  max-width: none !important;
  margin: 0 auto 28px !important;
  transform: none !important;
}
.innerPage .story .sectionHead .eyebrow { color: #efb830 !important; }
.innerPage .story .storyGrid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 32px !important;
  width: min(1180px,100%) !important;
  margin: 0 auto !important;
}
.innerPage .story .storyPhoto {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: center !important;
  width: min(920px,100%) !important;
  height: auto !important;
  aspect-ratio: 3 / 2 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: transparent !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.25) !important;
}
.innerPage .story .storyPhoto > img.leadershipLandscape {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  transform: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}
.innerPage .story .storyCopy {
  position: static !important;
  inset: auto !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 16px !important;
  width: min(1180px,100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.innerPage .story .storyCopy > p {
  margin: 0 !important;
  padding: 22px 24px !important;
  color: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.08) !important;
}
.innerPage .story .storyCopy > p.big {
  font-size: 18px !important;
  font-weight: 600 !important;
}
.innerPage .story .storyCopy .values {
  grid-column: 1 / -1 !important;
  margin-top: 8px !important;
}
.innerPage .story .numbers {
  position: static !important;
  inset: auto !important;
  width: min(1180px,100%) !important;
  margin: 34px auto 0 !important;
}
@media (max-width:900px) {
  .innerPage .story { padding: 110px 24px 90px !important; }
  .innerPage .story .storyCopy { grid-template-columns: 1fr !important; }
  .innerPage .story .storyPhoto { border-radius: 20px !important; }
}

/* Chi siamo v53: il racconto è un testo unico sotto alla fotografia. */
.innerPage .story .storyCopy {
  display: block !important;
  width: min(980px,100%) !important;
  margin: 0 auto !important;
  padding: clamp(26px,3vw,42px) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 22px !important;
  background: rgba(2,18,50,.28) !important;
}
.innerPage .story .storyCopy > p,
.innerPage .story .storyCopy > p.big {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: rgba(255,255,255,.92) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 15.5px !important;
  line-height: 1.58 !important;
}
.innerPage .story .storyCopy > p.big {
  font-size: 16px !important;
  line-height: 1.58 !important;
}
.innerPage .story .storyCopy > p:last-of-type {
  margin-bottom: 0 !important;
}
.innerPage .story .storyCopy .values {
  margin-top: 28px !important;
}

/* Chi siamo v58: formato orizzontale naturale, senza ritagli o regole verticali ereditate. */
.innerPage .story .storyPhoto {
  display: block !important;
  width: min(640px,70vw) !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.2) !important;
}
.innerPage .story .storyPhoto > img.leadershipLandscape {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: inherit !important;
}
.innerPage .story .storyPhoto > span { display: none !important; }

/* Tipografia coerente con il resto del sito Mediatel. */
.innerPage .story,
.innerPage .story .sectionHead,
.innerPage .story .storyCopy,
.innerPage .story .storyCopy > p,
.innerPage .story .storyCopy > p.big,
.innerPage .story .values,
.innerPage .story .numbers {
  font-family: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.innerPage .story .storyCopy > p,
.innerPage .story .storyCopy > p.big {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
@media (max-width:900px) {
  .innerPage .story .storyPhoto {
    width: min(640px,92vw) !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 16px !important;
  }
}

/* Chi siamo v59: più respiro sopra i volti senza ritagliare l'immagine originale. */
.innerPage .story .storyPhoto {
  box-sizing: border-box !important;
  padding: 0 !important;
  background: transparent !important;
}
.innerPage .story .storyPhoto > img.leadershipLandscape {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* Footer v60: nessun secondo menu; contenuti centrati e ben distribuiti. */
footer > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  width: 100% !important;
  text-align: center !important;
}
footer > div:first-child > nav { display: none !important; }
footer > div:first-child > p {
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}
footer .legalFooter {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(16px,3vw,48px) !important;
  width: min(1400px,100%) !important;
  margin: 24px auto 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-align: center !important;
}
footer .legalFooter p {
  min-width: 0 !important;
  white-space: normal !important;
  text-align: center !important;
  font-size: clamp(9px,.72vw,11px) !important;
  line-height: 1.45 !important;
}
@media (max-width:900px) {
  footer .legalFooter {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
