Informativa legale

.pi-legal-notice { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; max-width: 900px; margin: 40px auto; padding: 24px; background: #ffffff; border-radius: 12px; border: 1px solid #e3e3e3; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04); color: #333333; line-height: 1.6; } .pi-legal-notice * { box-sizing: border-box; } .pi-legal-notice h1, .pi-legal-notice h2, .pi-legal-notice h3 { margin: 0 0 12px; line-height: 1.3; color: #222222; } .pi-legal-notice h1 { font-size: 1.8rem; text-align: center; margin-bottom: 24px; } .pi-legal-notice h2 { font-size: 1.2rem; margin-top: 24px; display: flex; align-items: center; gap: 8px; } .pi-legal-notice h2::before { content: ""; display: inline-block; width: 6px; height: 18px; border-radius: 999px; background: linear-gradient(135deg, #ff9fb6, #ffd1a8); } .pi-legal-notice p { margin: 0 0 12px; font-size: 0.95rem; } .pi-legal-notice ul { margin: 0 0 12px 18px; padding: 0; font-size: 0.95rem; } .pi-legal-notice li { margin-bottom: 6px; } .pi-legal-notice a { color: #e67a9b; text-decoration: none; border-bottom: 1px dotted rgba(230, 122, 155, 0.6); } .pi-legal-notice a:hover { text-decoration: underline; } .pi-legal-notice .pi-legal-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 16px; border-bottom: 1px solid #f0f0f0; padding-bottom: 16px; } .pi-legal-notice .pi-legal-brand { font-weight: 600; font-size: 1.05rem; } .pi-legal-notice .pi-legal-tagline { font-size: 0.9rem; color: #777777; } .pi-legal-notice .pi-legal-section { margin-bottom: 18px; } .pi-legal-notice .pi-legal-label { font-weight: 600; } .pi-legal-notice .pi-legal-meta { margin-top: 16px; font-size: 0.85rem; color: #888888; border-top: 1px dashed #e5e5e5; padding-top: 10px; text-align: right; } .pi-legal-notice .pi-legal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px 24px; margin-top: 8px; } .pi-legal-notice .pi-legal-box { background: #fff8fb; border-radius: 10px; padding: 12px 14px; border: 1px solid #ffe3ef; font-size: 0.9rem; } @media (max-width: 600px) { .pi-legal-notice { margin: 20px auto; padding: 18px; } .pi-legal-notice h1 { font-size: 1.5rem; } }