Informativa legale

#ss-legal { --ss-rose: #B78E8E; --ss-dusty: #8F6B6B; --ss-pink: #D8A7A7; --ss-card: #F7F2F2; --ss-cream: #FBF7F7; --ss-border: #E6D6D6; --ss-text: #4A4244; --ss-muted: #867778; width: 100%; max-width: 960px; margin: 0 auto; padding: 28px 18px 44px; box-sizing: border-box; background: var(--ss-cream); color: var(--ss-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; word-break: normal; } #ss-legal *, #ss-legal *::before, #ss-legal *::after { box-sizing: border-box; } #ss-legal h1, #ss-legal h2, #ss-legal h3, #ss-legal p, #ss-legal ul, #ss-legal ol { margin-top: 0; } #ss-legal a { color: var(--ss-dusty); text-decoration: underline; text-decoration-color: var(--ss-pink); text-underline-offset: 3px; overflow-wrap: anywhere; } #ss-legal a:hover { color: var(--ss-rose); } #ss-legal .ss-header { margin-bottom: 25px; padding: 34px 28px; border: 1px solid var(--ss-border); border-radius: 22px; background: linear-gradient( 135deg, #F5EAEA 0%, #FBF7F7 62%, #F3E8E8 100% ); text-align: center; box-shadow: 0 5px 18px rgba(143, 107, 107, 0.07); } #ss-legal .ss-eyebrow { display: inline-block; margin-bottom: 12px; padding: 5px 13px; border: 1px solid var(--ss-border); border-radius: 999px; background: rgba(255, 255, 255, 0.72); color: var(--ss-dusty); font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; } #ss-legal .ss-header h1 { margin-bottom: 14px; color: var(--ss-dusty); font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 4vw, 38px); font-weight: 600; line-height: 1.35; } #ss-legal .ss-header p { max-width: 760px; margin: 0 auto; color: var(--ss-muted); font-size: 14px; line-height: 1.9; } #ss-legal .ss-header-mark { display: block; margin-top: 16px; color: var(--ss-rose); font-size: 20px; letter-spacing: 8px; } #ss-legal .ss-card { margin-bottom: 19px; padding: 25px 26px; border: 1px solid var(--ss-border); border-radius: 17px; background: var(--ss-card); box-shadow: 0 4px 14px rgba(143, 107, 107, 0.055); scroll-margin-top: 24px; } #ss-legal .ss-card h2 { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 18px; padding-bottom: 13px; border-bottom: 1px solid var(--ss-border); color: var(--ss-dusty); font-size: 19px; font-weight: 750; line-height: 1.5; } #ss-legal .ss-icon { display: inline-flex; flex: 0 0 34px; width: 34px; height: 34px; align-items: center; justify-content: center; margin-top: -3px; border: 1px solid var(--ss-border); border-radius: 11px; background: #FFF9F9; color: var(--ss-dusty); font-size: 17px; line-height: 1; } #ss-legal .ss-card p { margin-bottom: 13px; } #ss-legal .ss-card p:last-child { margin-bottom: 0; } #ss-legal .ss-card ul { margin-bottom: 15px; padding-left: 23px; } #ss-legal .ss-card li { margin-bottom: 8px; padding-left: 3px; } #ss-legal .ss-card li::marker { color: var(--ss-rose); } #ss-legal .ss-card strong { color: #625052; font-weight: 700; } #ss-legal .ss-contact-card { margin: 17px 0; padding: 23px; border: 1px solid #D9BDBD; border-radius: 16px; background: linear-gradient(135deg, #F2E5E5, #FFF9F9); box-shadow: 0 5px 16px rgba(143, 107, 107, 0.07); } #ss-legal .ss-contact-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; padding-bottom: 15px; border-bottom: 1px solid var(--ss-border); } #ss-legal .ss-contact-emblem { display: inline-flex; flex: 0 0 44px; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid #DCC4C4; border-radius: 13px; background: #FFF9F9; color: var(--ss-dusty); font-size: 22px; } #ss-legal .ss-contact-heading h3 { margin-bottom: 3px; color: var(--ss-dusty); font-size: 19px; font-weight: 800; line-height: 1.45; } #ss-legal .ss-contact-heading p { margin: 0; color: var(--ss-muted); font-size: 13px; } #ss-legal .ss-contact-list { margin: 0 !important; padding: 0 !important; list-style: none; } #ss-legal .ss-contact-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 13px; padding: 0 0 13px; border-bottom: 1px solid rgba(230, 214, 214, 0.95); } #ss-legal .ss-contact-list li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #ss-legal .ss-contact-icon { display: inline-flex; flex: 0 0 31px; width: 31px; height: 31px; align-items: center; justify-content: center; border: 1px solid var(--ss-border); border-radius: 10px; background: #FFF9F9; color: var(--ss-rose); font-size: 15px; } #ss-legal .ss-contact-value { flex: 1 1 auto; min-width: 0; } #ss-legal .ss-contact-label { display: block; margin-bottom: 3px; color: var(--ss-muted); font-size: 12px; font-weight: 650; } #ss-legal .ss-contact-value strong, #ss-legal .ss-contact-value a { font-size: 14px; line-height: 1.8; } #ss-legal .ss-contact-value strong { display: block; } #ss-legal .ss-contact-note { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ss-border); color: var(--ss-muted); font-size: 12px; line-height: 1.85; } #ss-legal .legal-note { margin: 17px 0; padding: 18px 19px; border: 1px solid #DDC6C6; border-left: 4px solid var(--ss-rose); border-radius: 12px; background: #F3E9E9; font-size: 14px; line-height: 1.85; } #ss-legal .legal-note-title { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; color: var(--ss-dusty); font-size: 15px; font-weight: 800; } #ss-legal .legal-note p { margin-bottom: 10px; } #ss-legal .legal-note p:last-child { margin-bottom: 0; } #ss-legal .ss-policy-index { margin: 17px 0; padding: 19px; border: 1px solid #DCC4C4; border-radius: 15px; background: linear-gradient(135deg, #F5EAEA, #FFF9F9); } #ss-legal .ss-policy-index-title { margin-bottom: 7px; color: var(--ss-dusty); font-size: 16px; font-weight: 800; } #ss-legal .ss-policy-index-intro { margin-bottom: 15px; color: var(--ss-muted); font-size: 13px; } #ss-legal .ss-policy-list { margin: 0 !important; padding: 0 !important; list-style: none; } #ss-legal .ss-policy-list li { display: flex; align-items: flex-start; gap: 11px; margin-bottom: 10px; padding: 12px; border: 1px solid var(--ss-border); border-radius: 11px; background: rgba(255, 255, 255, 0.75); } #ss-legal .ss-policy-list li:last-child { margin-bottom: 0; } #ss-legal .ss-policy-number { display: inline-flex; flex: 0 0 29px; width: 29px; height: 29px; align-items: center; justify-content: center; border: 1px solid var(--ss-border); border-radius: 9px; background: #F7EEEE; color: var(--ss-dusty); font-size: 12px; font-weight: 800; } #ss-legal .ss-policy-content { flex: 1 1 auto; min-width: 0; } #ss-legal .ss-policy-content strong { display: block; margin-bottom: 3px; color: var(--ss-dusty); font-size: 14px; } #ss-legal .ss-policy-content span { display: block; color: var(--ss-muted); font-size: 13px; line-height: 1.75; } #ss-legal .ss-footer { padding: 12px 10px 0; color: var(--ss-muted); font-size: 12px; text-align: center; } @media (max-width: 600px) { #ss-legal { padding: 15px 11px 30px; font-size: 14px; line-height: 1.85; } #ss-legal .ss-header { padding: 25px 17px; border-radius: 17px; } #ss-legal .ss-header h1 { font-size: 28px; } #ss-legal .ss-header p { font-size: 13px; } #ss-legal .ss-card { margin-bottom: 14px; padding: 19px 15px; border-radius: 14px; } #ss-legal .ss-card h2 { gap: 9px; margin-bottom: 15px; padding-bottom: 12px; font-size: 17px; } #ss-legal .ss-icon { flex-basis: 31px; width: 31px; height: 31px; font-size: 15px; } #ss-legal .ss-contact-card, #ss-legal .ss-policy-index { padding: 15px; } #ss-legal .ss-contact-heading { gap: 10px; } #ss-legal .ss-contact-emblem { flex-basis: 39px; width: 39px; height: 39px; } #ss-legal .ss-contact-heading h3 { font-size: 17px; } #ss-legal .ss-contact-list li { gap: 9px; } #ss-legal .ss-contact-icon { flex-basis: 28px; width: 28px; height: 28px; } #ss-legal .ss-contact-value strong, #ss-legal .ss-contact-value a { font-size: 13px; } #ss-legal .legal-note { padding: 15px; } #ss-legal .ss-policy-list li { padding: 10px; } }