Informativa legale

#efori-legal, #efori-legal * { box-sizing: border-box; } #efori-legal { width: 100%; margin: 0; padding: 0; background: #ffffff; color: #111111; font-family: inherit; font-size: 15px; line-height: 1.75; } #efori-legal .el-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 24px; } /* ========================================= HERO ========================================= */ #efori-legal .el-hero { padding: 96px 0 92px; background: #000000; color: #ffffff; } #efori-legal .el-eyebrow { display: block; margin-bottom: 22px; color: #9d9d9d; font-size: 9px; line-height: 1; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; } #efori-legal .el-hero h1 { max-width: 900px; margin: 0; color: #ffffff; font-size: clamp(42px, 6.5vw, 76px); line-height: 0.98; font-weight: 500; letter-spacing: -2px; } #efori-legal .el-hero p { max-width: 780px; margin: 30px 0 0; color: #c8c8c8; font-size: 15px; line-height: 1.8; } #efori-legal .el-updated { display: block; margin-top: 30px; color: #777777; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } /* ========================================= MAIN ========================================= */ #efori-legal .el-main { padding: 72px 0 100px; } #efori-legal .el-label { display: block; margin-bottom: 18px; color: #777777; font-size: 9px; line-height: 1; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } /* ========================================= SUMMARY ========================================= */ #efori-legal .el-summary { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 72px; border-top: 1px solid #000000; border-bottom: 1px solid #dddddd; } #efori-legal .el-summary-item { min-height: 180px; padding: 30px 26px; border-right: 1px solid #dddddd; } #efori-legal .el-summary-item:last-child { border-right: 0; } #efori-legal .el-summary-small { display: block; margin-bottom: 42px; color: #888888; font-size: 8px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; } #efori-legal .el-summary strong { display: block; color: #000000; font-size: 19px; line-height: 1.3; font-weight: 500; } /* ========================================= SECTIONS ========================================= */ #efori-legal .el-section { display: grid; grid-template-columns: 165px minmax(0, 1fr); border-top: 1px solid #dddddd; } #efori-legal .el-section:last-of-type { border-bottom: 1px solid #dddddd; } #efori-legal .el-index { padding: 40px 28px 40px 0; border-right: 1px solid #dddddd; color: #888888; font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } #efori-legal .el-content { padding: 40px 0 42px 44px; } #efori-legal .el-content h2 { margin: 0 0 20px; color: #000000; font-size: 27px; line-height: 1.2; font-weight: 500; } #efori-legal .el-content h3 { margin: 30px 0 12px; color: #000000; font-size: 17px; line-height: 1.3; font-weight: 500; } #efori-legal .el-content p { max-width: 880px; margin: 0 0 15px; color: #333333; } #efori-legal .el-content p:last-child { margin-bottom: 0; } /* ========================================= LIST ========================================= */ #efori-legal .el-list { max-width: 880px; margin: 20px 0; padding: 0; list-style: none; border-top: 1px solid #e2e2e2; } #efori-legal .el-list li { position: relative; padding: 13px 8px 13px 22px; border-bottom: 1px solid #e2e2e2; color: #333333; font-size: 14px; } #efori-legal .el-list li::before { content: ""; position: absolute; top: 21px; left: 2px; width: 5px; height: 5px; background: #000000; border-radius: 50%; } /* ========================================= BOX ========================================= */ #efori-legal .el-box { max-width: 880px; margin: 24px 0 5px; padding: 23px 25px; background: #f5f5f5; border-left: 3px solid #000000; color: #222222; font-size: 14px; } #efori-legal .el-box strong { color: #000000; } /* ========================================= BLACK HIGHLIGHT ========================================= */ #efori-legal .el-highlight { margin: 70px 0; padding: 50px 45px; background: #000000; color: #ffffff; } #efori-legal .el-highlight .el-label { color: #999999; } #efori-legal .el-highlight h2 { max-width: 870px; margin: 0 0 20px; color: #ffffff; font-size: 31px; line-height: 1.2; font-weight: 500; } #efori-legal .el-highlight p { max-width: 900px; margin: 0 0 13px; color: #c9c9c9; } /* ========================================= POLICY LINKS ========================================= */ #efori-legal .el-links { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 880px; margin-top: 24px; border-top: 1px solid #dddddd; } #efori-legal .el-link { padding: 22px 20px 22px 0; border-bottom: 1px solid #dddddd; } #efori-legal .el-link:nth-child(odd) { border-right: 1px solid #dddddd; } #efori-legal .el-link:nth-child(even) { padding-left: 25px; } #efori-legal .el-link strong { display: block; margin-bottom: 5px; color: #000000; font-size: 14px; } #efori-legal .el-link p { margin: 0; color: #555555; font-size: 13px; } /* ========================================= CONTACT ========================================= */ #efori-legal .el-contact { margin-top: 72px; padding: 50px 45px; background: #000000; color: #ffffff; } #efori-legal .el-contact .el-label { color: #999999; } #efori-legal .el-contact h2 { margin: 0; color: #ffffff; font-size: 31px; line-height: 1.2; font-weight: 500; } #efori-legal .el-contact > p { max-width: 780px; margin: 18px 0 0; color: #c8c8c8; } #efori-legal .el-contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 30px; } #efori-legal .el-contact-card { padding: 20px; border: 1px solid #333333; } #efori-legal .el-contact-card span { display: block; margin-bottom: 6px; color: #8f8f8f; font-size: 8px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; } #efori-legal .el-contact-card a { color: #ffffff; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 900px) { #efori-legal .el-wrap { padding: 0 18px; } #efori-legal .el-hero { padding: 65px 0; } #efori-legal .el-main { padding: 50px 0 70px; } #efori-legal .el-summary { grid-template-columns: repeat(2, 1fr); } #efori-legal .el-summary-item:nth-child(2) { border-right: 0; } #efori-legal .el-summary-item:nth-child(-n+2) { border-bottom: 1px solid #dddddd; } #efori-legal .el-section { grid-template-columns: 1fr; } #efori-legal .el-index { padding: 28px 0 13px; border-right: 0; } #efori-legal .el-content { padding: 0 0 35px; } } @media screen and (max-width: 600px) { #efori-legal .el-summary, #efori-legal .el-links, #efori-legal .el-contact-grid { grid-template-columns: 1fr; } #efori-legal .el-summary-item { min-height: auto; border-right: 0; border-bottom: 1px solid #dddddd; } #efori-legal .el-summary-item:last-child { border-bottom: 0; } #efori-legal .el-summary-small { margin-bottom: 20px; } #efori-legal .el-link { padding: 18px 0 !important; border-right: 0 !important; } #efori-legal .el-highlight, #efori-legal .el-contact { padding: 32px 24px; } }