Informativa legale

.mv-legal{ --ink:#403946; --text:#615964; --muted:#817786; --lav:#8d789b; --lav-dark:#705e7b; --soft:#f4eff5; --soft2:#faf8fa; --line:#e3dce5; max-width:1160px; margin:0 auto; padding:54px 22px 78px; color:var(--ink); font-family:Arial,Helvetica,sans-serif; } .mv-legal *{box-sizing:border-box} .mv-legal p, .mv-legal li{ font-size:15px; line-height:1.78; } .mv-legal .head{ display:grid; grid-template-columns:1.25fr .75fr; overflow:hidden; border:1px solid var(--line); border-radius:24px; } .mv-legal .head-main{ padding:56px 7%; background:#fff; } .mv-legal .eyebrow{ margin:0 0 13px; color:var(--lav-dark); font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; } .mv-legal h1{ margin:0 0 17px; font-family:Georgia,serif; font-size:clamp(40px,6vw,62px); line-height:1.05; font-weight:400; } .mv-legal .lead{ max-width:680px; margin:0; color:var(--text); } .mv-legal .head-side{ display:flex; align-items:flex-end; padding:38px; background:var(--soft); } .mv-legal .head-side p{ margin:0; color:var(--text); } .mv-legal .identity{ margin:20px 0 44px; padding:34px; background:var(--ink); color:#fff; border-radius:18px; } .mv-legal .identity h2{ margin:0 0 24px; font-family:Georgia,serif; font-size:28px; font-weight:400; } .mv-legal .identity-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 38px; } .mv-legal .identity-item{ padding:17px 0; border-top:1px solid rgba(255,255,255,.18); } .mv-legal .identity-item span{ display:block; margin-bottom:6px; color:#d9cedd; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; } .mv-legal .identity-item p{ margin:0; color:#fff; } .mv-legal .legal-body{ max-width:940px; margin:0 auto; } .mv-legal section{ padding:30px 0; border-top:1px solid var(--line); } .mv-legal section h2{ margin:0 0 12px; font-family:Georgia,serif; font-size:24px; font-weight:400; } .mv-legal section p{ color:var(--text); } .mv-legal .note{ margin:38px 0; padding:31px 34px; background:var(--soft2); border-left:3px solid var(--lav); } .mv-legal .note h2{ margin:0 0 10px; font-family:Georgia,serif; font-size:24px; font-weight:400; } .mv-legal .note p{ margin-bottom:0; color:var(--text); } @media(max-width:760px){ .mv-legal{ padding:30px 15px 52px; } .mv-legal .head{ grid-template-columns:1fr; } .mv-legal .head-main{ padding:42px 25px; } .mv-legal .head-side{ padding:25px; } .mv-legal .identity{ padding:27px 23px; } .mv-legal .identity-grid{ grid-template-columns:1fr; } .mv-legal .note{ padding:25px 22px; } }