body { font-family: Inter } {} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root { --blu-elettrico: #000FFF; --blu-notte: #001540; --grigio-perla: #E6E6E6; --giallo-oro: #FFB800; --bianco: #FFFFFF; --nero-quasi: #4D5C7A; --grigio-text-secondario: rgba(0, 21, 64, 0.7); --bianco-secondario: rgba(255, 255, 255, 0.7); --container-max: 760px; --section-padding-y-desktop: 64px; --section-padding-y-mobile: 48px; --font-base: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font-base); font-size: 17px; line-height: 1.7; color: var(--nero-quasi); background: var(--bianco); -webkit-font-smoothing: antialiased; } .container { max-width: var(--container-max); margin: 0 auto; padding: 0 24px; } /* HEADER (identico alle altre pagine, nessuna voce attiva) */ .site-header { background: var(--bianco); border-bottom: 1px solid var(--grigio-perla); padding: 18px 0; position: sticky; top: 0; z-index: 100; } .header-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; } .logo { display: flex; align-items: center; gap: 12px; font-weight: 800; font-size: 22px; color: var(--blu-notte); text-decoration: none; letter-spacing: -0.02em; } .logo-mascotte { height: 80px; width: auto; display: block; } .main-nav { display: flex; gap: 32px; } .main-nav a { color: var(--blu-notte); text-decoration: none; font-weight: 500; font-size: 16px; padding-bottom: 4px; border-bottom: 2px solid transparent; transition: border-color 0.2s; } .main-nav a:hover { border-bottom-color: var(--giallo-oro); } /* TIPOGRAFIA PAGINA LEGALE */ h1 { color: var(--blu-notte); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; font-size: 42px; margin-bottom: 12px; } .ultimo-aggiornamento { font-size: 14px; color: var(--grigio-text-secondario); margin-bottom: 32px; font-style: italic; } .intro-paragrafo { font-size: 18px; line-height: 1.65; color: var(--nero-quasi); padding-bottom: 32px; border-bottom: 1px solid var(--grigio-perla); margin-bottom: 40px; } h2 { color: var(--blu-notte); font-weight: 700; font-size: 26px; letter-spacing: -0.01em; margin-top: 48px; margin-bottom: 18px; line-height: 1.3; } h3 { color: var(--blu-notte); font-weight: 600; font-size: 19px; margin-top: 28px; margin-bottom: 12px; } p { margin-bottom: 18px; } p strong, strong { font-weight: 700; color: var(--blu-notte); } a { color: var(--blu-elettrico); text-decoration: underline; } a:hover { color: var(--blu-notte); } ul, ol { padding-left: 24px; margin-bottom: 18px; } ul li, ol li { margin-bottom: 10px; line-height: 1.65; } .titolare-box { background: var(--grigio-perla); border-left: 4px solid var(--giallo-oro); padding: 22px 26px; border-radius: 0 6px 6px 0; margin-bottom: 18px; } .titolare-box p { margin-bottom: 0; line-height: 1.85; } table { width: 100%; border-collapse: collapse; margin: 18px 0 24px; font-size: 15px; } th, td { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--grigio-perla); vertical-align: top; } th { background: rgba(0, 15, 255, 0.04); color: var(--blu-notte); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.04em; } .divider { border: none; border-top: 1px solid var(--grigio-perla); margin: 48px 0; } section { padding: var(--section-padding-y-desktop) 0; } /* FOOTER (identico alle altre pagine) */ .site-footer { background: var(--blu-notte); color: var(--bianco); padding: 64px 0 24px; } .footer-grid { max-width: 1100px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1.5fr 1fr 1.5fr; gap: 48px; margin-bottom: 48px; } .footer-col h5 { font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 18px; color: var(--bianco); } .footer-col p, .footer-col a { color: var(--bianco-secondario); font-size: 15px; text-decoration: none; line-height: 1.7; } .footer-col a:hover { color: var(--giallo-oro); } .footer-col ul { list-style: none; padding: 0; } .footer-col li { margin-bottom: 8px; } .footer-brand-logo { font-weight: 800; font-size: 20px; color: var(--bianco); display: block; margin-bottom: 12px; } .footer-brand-tag { font-size: 15px; color: var(--bianco-secondario); line-height: 1.6; } .footer-bottom { max-width: 1100px; margin: 0 auto; padding: 24px 24px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--bianco-secondario); } .footer-bottom-links a { color: var(--bianco-secondario); text-decoration: none; margin-left: 18px; font-size: 13px; } .footer-bottom-links a:hover { color: var(--giallo-oro); } /* MOBILE */ @media (max-width: 768px) { section { padding: var(--section-padding-y-mobile) 0; } h1 { font-size: 32px; } h2 { font-size: 22px; margin-top: 40px; } h3 { font-size: 17px; } body, p { font-size: 16px; } .intro-paragrafo { font-size: 17px; } .header-inner { flex-direction: column; gap: 16px; } .main-nav { gap: 18px; font-size: 15px; flex-wrap: wrap; justify-content: center; } table { font-size: 14px; } th, td { padding: 10px 12px; } .footer-grid { grid-template-columns: 1fr; gap: 32px; } .footer-bottom { flex-direction: column; gap: 12px; text-align: center; } .footer-bottom-links a { margin: 0 8px; } }