/* ===== Legal / docs pages (privacy, oferta) ===== */ /* Inherits theme vars from landing.css via [data-theme="light"] on . */ .legal-page { min-height: 100vh; background: var(--bg, #FAFAF8); color: var(--text, #1E1E1E); font-family: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; } .legal-nav { position: sticky; top: 0; z-index: 50; background: var(--nav-bg, rgba(250,250,248,0.9)); backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px); border-bottom: 1px solid var(--border, rgba(0,0,0,0.07)); } .legal-nav-inner { max-width: 960px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .legal-nav-inner a { color: inherit; text-decoration: none; } .legal-back { font-size: 0.9rem; color: var(--text2, #555); display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border, rgba(0,0,0,0.07)); padding: 8px 14px; border-radius: 999px; transition: background 0.15s, border-color 0.15s; background: var(--card, #fff); } .legal-back:hover { background: var(--bg2, #F3F1EC); border-color: var(--text3, #999); } .legal-container { max-width: 820px; margin: 0 auto; padding: 56px 24px 96px; } .legal-eyebrow { font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--red, #B63F37); font-weight: 700; margin-bottom: 12px; } .legal-h1 { font-family: "Gluten", "Raleway", serif; font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 8px; color: var(--text, #1E1E1E); } .legal-sub { font-size: 1rem; color: var(--text2, #555); margin: 0 0 40px; max-width: 60ch; } .legal-prose { font-size: 1rem; } .legal-prose h2 { font-family: "Gluten", "Raleway", serif; font-weight: 800; font-size: 1.5rem; letter-spacing: -0.01em; margin: 48px 0 14px; color: var(--text, #1E1E1E); } .legal-prose h3 { font-weight: 700; font-size: 1.1rem; margin: 28px 0 10px; color: var(--text, #1E1E1E); } .legal-prose p { margin: 0 0 14px; color: var(--text, #1E1E1E); } .legal-prose a { color: var(--red, #B63F37); text-decoration: underline; text-underline-offset: 3px; } .legal-prose a:hover { color: var(--red-light, #F04756); } .legal-prose ul { margin: 0 0 16px; padding-left: 22px; } .legal-prose ul li { margin-bottom: 6px; } .legal-prose strong { color: var(--text, #1E1E1E); font-weight: 700; } .legal-callout { background: var(--bg2, #F3F1EC); border: 1px solid var(--border, rgba(0,0,0,0.07)); border-left: 4px solid var(--red, #B63F37); border-radius: 12px; padding: 18px 22px; margin: 24px 0 32px; font-size: 0.95rem; color: var(--text2, #555); } .legal-requisites { background: var(--card, #fff); border: 1px solid var(--border, rgba(0,0,0,0.07)); border-radius: 16px; padding: 24px 28px; margin: 40px 0 0; font-size: 0.95rem; line-height: 1.8; } .legal-requisites dt { color: var(--text3, #999); font-weight: 500; } .legal-requisites dd { color: var(--text, #1E1E1E); font-weight: 600; margin: 0 0 6px; } .legal-footer { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--border, rgba(0,0,0,0.07)); font-size: 0.82rem; color: var(--text3, #999); text-align: center; }