/* STILE SAGGIO STORICO (Versione Ampia) */ .saggio-storico { max-width: 900px; /* Aumentato da 760px a 900px per maggiore ampiezza */ margin: 30px auto; padding: 40px 50px; /* Ottimizzati i margini interni */ background-color: #ffffff; box-shadow: 0 4px 15px rgba(0,0,0,0.06); font-family: "Georgia", "Times New Roman", serif; font-size: 18px; /* Leggermente più grande per compensare la larghezza */ line-height: 1.8; color: #2b2521; border-radius: 4px; } .saggio-storico .header-saggio { text-align: center; margin-bottom: 40px; } .saggio-storico h1 { font-size: 26px; /* Adattato all'ampiezza */ font-weight: bold; letter-spacing: 0.5px; margin: 15px 0 5px 0; color: #111111; } .saggio-storico h3 { font-size: 19px; font-weight: normal; font-style: italic; color: #555555; margin: 0 0 15px 0; } .saggio-storico .linea-regale { border: 0; height: 1px; background-color: #ff0000; margin: 10px 0; } .saggio-storico p { text-align: justify; text-justify: inter-word; margin-top: 0; margin-bottom: 20px; } /* Capolettera elegante */ .saggio-storico p.capolettera::first-letter { font-size: 55px; font-weight: bold; float: left; line-height: 44px; padding-right: 10px; padding-top: 4px; color: #8c1d1d; } .saggio-storico em, .saggio-storico i { font-style: italic; color: #3e352f; } .saggio-storico .citazione-testo { font-style: italic; background-color: #f9f6f0; padding: 3px 8px; border-left: 4px solid #8c1d1d; } .saggio-storico .footer-note { margin-top: 50px; padding-top: 20px; border-top: 1px dashed #d1c7bd; font-size: 15px; color: #555555; } .saggio-storico .footer-note p { margin-bottom: 5px; } .saggio-storico .firma { text-align: right; margin-top: 20px; font-size: 16px; color: #2b2521; } /* Ottimizzazione per tablet e smartphone */ @media (max-width: 960px) { .saggio-storico { padding: 30px; margin: 15px; } } @media (max-width: 600px) { .saggio-storico { padding: 20px; margin: 10px; font-size: 16px; } .saggio-storico h1 { font-size: 22px; } .saggio-storico h3 { font-size: 17px; } }