@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600;700&display=swap'); .ikigai-legal { --coral: #F38645; --coral-cta: #E2722D; --coral-deep: #A8420E; --cream: #F7F1E8; --white-warm: #FDFBF7; --charcoal: #2A2520; --char-deeper: #1F1B17; --gray-text: #5C544B; --border-soft: #E8DFD0; --display: 'Fraunces', Georgia, serif; --body: 'Inter', -apple-system, system-ui, sans-serif; font-family: var(--body); color: var(--charcoal); background: var(--cream); line-height: 1.7; font-size: 17px; -webkit-font-smoothing: antialiased; } .ikigai-legal *, .ikigai-legal *::before, .ikigai-legal *::after { box-sizing: border-box; } .ikigai-legal a { color: var(--coral-cta); text-decoration: none; transition: color 0.2s; border-bottom: 1px solid rgba(226, 114, 45, 0.3); } .ikigai-legal a:hover { color: var(--coral-deep); border-bottom-color: var(--coral-deep); } .ikigai-legal .legal-container { max-width: 760px; margin: 0 auto; padding: 0 24px; } /* ============ HEADER ============ */ .ikigai-legal .legal-header { background: var(--white-warm); border-bottom: 0.5px solid var(--border-soft); padding: 14px 0; position: sticky; top: 0; z-index: 100; } .ikigai-legal .legal-header-inner { max-width: 1140px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; } .ikigai-legal .legal-header img { height: 32px; width: auto; } .ikigai-legal .back-link { font-size: 13px; font-weight: 500; color: var(--gray-text); border-bottom: none; display: inline-flex; align-items: center; gap: 6px; } .ikigai-legal .back-link:hover { color: var(--coral-cta); } /* ============ HERO ============ */ .ikigai-legal .legal-hero { background: var(--cream); padding: 72px 0 48px; border-bottom: 0.5px solid var(--border-soft); } .ikigai-legal .legal-hero .eyebrow { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; color: var(--coral-deep); text-transform: uppercase; margin-bottom: 14px; } .ikigai-legal .legal-hero h1 { font-family: var(--display); font-weight: 500; font-size: clamp(32px, 5vw, 48px); line-height: 1.1; color: var(--charcoal); margin: 0 0 16px; letter-spacing: -0.01em; } .ikigai-legal .legal-hero .last-update { font-size: 14px; color: var(--gray-text); font-style: italic; } /* ============ CONTEÚDO ============ */ .ikigai-legal .legal-content { background: var(--white-warm); padding: 64px 0 88px; } .ikigai-legal .legal-content p { margin: 0 0 18px; color: var(--charcoal); } .ikigai-legal .legal-content > p:first-of-type { font-size: 18px; color: var(--gray-text); margin-bottom: 32px; } .ikigai-legal .legal-content h2 { font-family: var(--display); font-weight: 500; font-size: clamp(22px, 3vw, 28px); line-height: 1.25; color: var(--charcoal); margin: 56px 0 20px; letter-spacing: -0.005em; padding-top: 8px; border-top: 0.5px solid var(--border-soft); } .ikigai-legal .legal-content h2:first-child { margin-top: 0; border-top: none; padding-top: 0; } .ikigai-legal .legal-content h3 { font-family: var(--display); font-weight: 500; font-size: 20px; line-height: 1.3; color: var(--charcoal); margin: 32px 0 12px; } .ikigai-legal .legal-content strong { font-weight: 600; color: var(--charcoal); } .ikigai-legal .legal-content em { font-style: italic; color: var(--gray-text); } .ikigai-legal .legal-content ul, .ikigai-legal .legal-content ol { margin: 0 0 20px 0; padding-left: 24px; } .ikigai-legal .legal-content li { margin-bottom: 10px; color: var(--charcoal); } .ikigai-legal .legal-content ul li::marker { color: var(--coral); } .ikigai-legal .legal-content ol li::marker { color: var(--coral); font-weight: 600; } /* ============ TABELAS ============ */ .ikigai-legal .legal-content table { width: 100%; border-collapse: collapse; margin: 24px 0 28px; font-size: 15px; background: var(--cream); border-radius: 12px; overflow: hidden; } .ikigai-legal .legal-content th, .ikigai-legal .legal-content td { padding: 14px 18px; text-align: left; border-bottom: 0.5px solid var(--border-soft); vertical-align: top; line-height: 1.55; } .ikigai-legal .legal-content th { background: rgba(243, 134, 69, 0.1); color: var(--coral-deep); font-weight: 600; font-size: 13px; letter-spacing: 0.02em; text-transform: uppercase; } .ikigai-legal .legal-content tr:last-child td { border-bottom: none; } /* ============ HORIZONTAL RULE ============ */ .ikigai-legal .legal-content hr { border: none; border-top: 0.5px solid var(--border-soft); margin: 48px 0; } /* ============ FOOTER ============ */ .ikigai-legal .legal-footer { background: var(--char-deeper); padding: 32px 0; text-align: center; } .ikigai-legal .legal-footer-inner { color: rgba(253, 251, 247, 0.4); font-size: 12px; padding: 0 24px; } .ikigai-legal .legal-footer .footer-links { margin-bottom: 12px; } .ikigai-legal .legal-footer .footer-links a { color: rgba(253, 251, 247, 0.55); border-bottom: none; margin: 0 12px; transition: color 0.2s; } .ikigai-legal .legal-footer .footer-links a:hover { color: var(--coral); } /* ============ RESPONSIVE ============ */ @media (max-width: 700px) { .ikigai-legal { font-size: 16px; } .ikigai-legal .legal-hero { padding: 48px 0 32px; } .ikigai-legal .legal-content { padding: 48px 0 64px; } .ikigai-legal .legal-content table { font-size: 14px; } .ikigai-legal .legal-content th, .ikigai-legal .legal-content td { padding: 12px 14px; } }