.v-c7441e7d9818 {background: var(--surface); color: var(--ink); font-family: Figtree, system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.5; min-height: 100vh;}
.v-e1efbb143371 {max-width: 1200px; margin: 0 auto; padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;}
.v-3040368129eb {display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink);}
.v-99073bbc01ce {width: 40px; height: 40px; border-radius: 12px; background: var(--primary); color: var(--on-primary); display: inline-flex; align-items: center; justify-content: center;}
.v-6accbf21d752 {font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.01em;}
.v-7f8de562ac8e {display: flex; flex-wrap: wrap; align-items: center; gap: 4px;}
.v-ceb59fcab54a {min-height: 48px; box-sizing: border-box; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; text-decoration: none; color: var(--body); font-weight: 600; font-size: 15px;}
.v-a2c53172f62f {margin-left: 8px; height: 48px; padding: 0 20px; border-radius: 999px; background: var(--primary); color: var(--on-primary); text-decoration: none; font-weight: 600; font-size: 15px; display: inline-flex; align-items: center;}
.v-f45891b98cbd {max-width: 1200px; margin: 0 auto; padding: 48px 20px 96px; display: flex; flex-wrap: wrap; align-items: center; gap: 56px;}
.v-b3bc38e337ea {flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 24px;}
.v-c6822b02761f {align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--primary-soft); color: var(--on-primary-soft); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;}
.v-f418334d9a13 {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: clamp(40px, 6vw, 68px); line-height: 1.04; letter-spacing: -0.025em;}
.v-4749cdeb3259 {margin: 0; font-size: 19px; line-height: 1.55; color: var(--body); max-width: 560px;}
.v-6f40ac3a4d59 {display: flex; flex-wrap: wrap; gap: 12px;}
.v-308b8ed76453 {height: 56px; padding: 0 28px; border-radius: 20px; background: var(--primary); color: var(--on-primary); text-decoration: none; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center; gap: 10px;}
.v-a170a9ad917e {height: 56px; padding: 0 28px; border-radius: 20px; background: var(--raised); color: var(--ink); border: 1px solid var(--line); text-decoration: none; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center;}
.v-2fe8d5d47a50 {list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--meta); font-size: 14px; font-weight: 500;}
.v-378e76576ae0 {display: flex; align-items: center; gap: 8px;}
.v-ee82b03898c6 {display: flex; align-items: center; gap: 8px; color: inherit; min-height: 24px;}
.v-a33e01130275 {flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column;}
.v-6ac23ea0ec39 {position: relative; border-radius: 32px; overflow: hidden; background: var(--peach); aspect-ratio: 1080 / 700;}
.v-fd2a1c234c66 {width: 100%; height: 100%; object-fit: cover; display: block;}
.v-c1edc17c4dd8 {position: absolute; top: 16px; left: 16px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,0.92); color: #3E4944; font-size: 12px; font-weight: 700;}
.v-761fd5dddb3f {margin: -64px 20px 0 auto; position: relative; width: min(360px, 92%); background: var(--need); color: var(--ink); border-radius: 24px; padding: 20px; box-shadow: var(--shadow-pop); display: flex; flex-direction: column; gap: 10px;}
.v-2c6da820d4b7 {font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--on-need);}
.v-d6325c7f0657 {font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.15;}
.v-40ff905eb1dc {font-size: 14px; color: var(--body); font-weight: 500;}
.v-4d5902a923e9 {margin-top: 4px; height: 48px; border-radius: 999px; background: var(--fill); color: var(--on-fill); text-decoration: none; font-weight: 600; font-size: 15px; display: inline-flex; align-items: center; justify-content: center;}
.v-e01ada6821b4 {background: var(--raised); padding: 96px 20px;}
.v-5937afb82f50 {max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 48px;}
.v-af6cca3db0f3 {display: flex; flex-wrap: wrap; gap: 32px 64px; align-items: flex-end;}
.v-0caf39088505 {flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 16px;}
.v-cd0ecfa72772 {font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--primary);}
.v-88ead0b50f93 {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: clamp(32px, 4.4vw, 48px); line-height: 1.08; letter-spacing: -0.02em;}
.v-8508971a27f4 {flex: 1 1 440px; min-width: 0; margin: 0; font-size: 17px; line-height: 1.6; color: var(--body);}
.v-635f0a252e99 {display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;}
.v-6576dab77f6f {background: var(--surface); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 12px;}
.v-a2b9163beea1 {width: 52px; height: 52px; border-radius: 16px; background: var(--primary-soft); color: var(--on-primary-soft); display: inline-flex; align-items: center; justify-content: center;}
.v-eb21ec814cc2 {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: 24px;}
.v-fe85e30b832e {margin: 0; color: var(--body); font-size: 15px; line-height: 1.5;}
.v-15146da39007 {width: 52px; height: 52px; border-radius: 16px; background: var(--peach); color: var(--on-need); display: inline-flex; align-items: center; justify-content: center;}
.v-a035913227d1 {width: 52px; height: 52px; border-radius: 16px; background: var(--lilac); color: var(--on-lilac); display: inline-flex; align-items: center; justify-content: center;}
.v-e07246ed21c6 {display: flex; gap: 12px; align-items: flex-start; background: var(--info); color: var(--on-info); border-radius: 16px; padding: 16px 20px;}
.v-cd9ad944bad5 {flex-shrink: 0; margin-top: 2px;}
.v-77b4062a9ebc {margin: 0; font-size: 15px; line-height: 1.5;}
.v-14646bd88bbf {max-width: 1200px; margin: 0 auto; padding: 96px 20px; display: flex; flex-direction: column; gap: 48px;}
.v-1c2f4d1a0396 {display: flex; flex-direction: column; gap: 16px; max-width: 720px;}
.v-d03870e281d0 {margin: 0; font-size: 17px; line-height: 1.6; color: var(--body);}
.v-92284fb91141 {display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start;}
.v-1accf689d90b {flex: 0 1 360px; min-width: 0; margin: 0 auto; background: #17201C; border-radius: 48px; padding: 12px; box-shadow: var(--shadow-pop); position: relative}
.v-ee5feca27a63 {background: var(--surface); border-radius: 38px; overflow: hidden; display: flex; flex-direction: column;}
.v-ba72fd4a5320 {position: relative; background: var(--peach); height: 320px; overflow: hidden;}
.v-abc13cc1ebe8 {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block;}
.v-ec6dd673e163 {position: absolute; top: 20px; left: 16px; width: 44px; height: 44px; border-radius: 999px; background: var(--raised); color: var(--ink); display: inline-flex; align-items: center; justify-content: center;}
.v-8fc76b1cae27 {position: absolute; top: 28px; right: 16px; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,0.92); color: #3E4944; font-size: 11px; font-weight: 700;}
.v-eba0d810a140 {background: var(--raised); border-radius: 32px 32px 0 0; margin-top: -28px; position: relative; padding: 22px 20px 20px; display: flex; flex-direction: column; gap: 12px;}
.v-2befb59f42e9 {display: flex; flex-direction: column; gap: 4px;}
.v-e77d66e15dfd {font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-size: 28px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.1;}
.v-2f01bd8b2bf3 {font-size: 13px; color: var(--meta);}
.v-79d8e3d85412 {display: flex; flex-wrap: wrap; gap: 6px;}
.v-436c21c4128d {padding: 5px 10px; border-radius: 999px; background: var(--primary-soft); color: var(--on-primary-soft); font-size: 12px; font-weight: 700;}
.v-2626782c8352 {padding: 5px 10px; border-radius: 999px; background: var(--muted); color: var(--body); font-size: 12px; font-weight: 700;}
.v-d65906f4862a {background: var(--need); border-radius: 20px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px;}
.v-ab0572a9d7c4 {font-size: 11px; font-weight: 700; letter-spacing: 0.04em; color: var(--on-need);}
.v-ef68964efa9d {font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-size: 18px; font-weight: 600;}
.v-89dcc762b12c {font-size: 13px; color: var(--body);}
.v-bbb5449e8c1c {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;}
.v-f658282a9526 {height: 48px; border-radius: 999px; border: 1px solid var(--line); color: var(--ink); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; justify-content: center;}
.v-8c817c79f16b {height: 48px; border-radius: 999px; background: var(--fill); color: var(--on-fill); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; justify-content: center;}
.v-ab85d6843ef4 {flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px;}
.v-11cecc4b586b {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px;}
.v-0e344f232865 {background: var(--raised); border-radius: 20px; padding: 20px 24px; display: flex; gap: 20px; align-items: flex-start; box-shadow: var(--shadow-card);}
.v-aff1d362b5f8 {flex-shrink: 0; width: 44px; height: 44px; border-radius: 999px; background: var(--primary); color: var(--on-primary); display: inline-flex; align-items: center; justify-content: center; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 700; font-size: 18px;}
.v-35de7b51e3c5 {margin: 0; font-size: 18px; font-weight: 700;}
.v-42825ab8a687 {margin: 0; color: var(--body); font-size: 15px;}
.v-5ca968a6601f {background: var(--sky); color: var(--on-sky); border-radius: 20px; padding: 20px 24px; display: flex; gap: 20px; align-items: flex-start;}
.v-d68001ea04d5 {flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: var(--raised); color: var(--on-sky); display: inline-flex; align-items: center; justify-content: center;}
.v-05291f22be6b {margin: 0; font-size: 15px;}
.v-1d376af71634 {background: #17201C; color: #FFFFFF; padding: 96px 20px;}
.v-e31ed3607c27 {display: flex; flex-direction: column; gap: 16px; max-width: 760px;}
.v-7e944286e308 {font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: #7FCFAE;}
.v-09a466a6b49a {margin: 0; font-size: 17px; line-height: 1.6; color: #C9D1CC;}
.v-79c514545d15 {background: #1B201D; border: 1px solid #2F3632; border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 10px;}
.v-e1116dd0c22d {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: 21px; color: #E7ECE8;}
.v-e634433700bd {margin: 0; color: #C9D1CC; font-size: 15px;}
.v-d3cf6f995aef {max-width: 1200px; margin: 0 auto; padding: 96px 20px; display: flex; flex-direction: column; gap: 56px;}
.v-b24a5d1cdc14 {display: flex; flex-wrap: wrap; gap: 48px; align-items: center;}
.v-98f6f28f21ed {flex: 1 1 380px; min-width: 0; position: relative; border-radius: 32px; overflow: hidden; background: var(--primary-soft); aspect-ratio: 4 / 3;}
.v-4c9a14a40ccd {width: 100%; height: 100%; object-fit: cover; object-position: center 35%; display: block;}
.v-6febf6ec939e {display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px;}
.v-6db817bb81f4 {background: var(--raised); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 6px; box-shadow: var(--shadow-card);}
.v-658135ac24cd {margin: 0; font-size: 17px; font-weight: 700;}
.v-a75e60e466db {margin: 0; color: var(--body); font-size: 14px; font-weight: 500;}
.v-5fcc1edfdbf3 {background: var(--raised); border-radius: 32px; padding: clamp(24px, 4vw, 48px); display: flex; flex-direction: column; gap: 28px; box-shadow: var(--shadow-card);}
.v-28cbbd1022ce {display: flex; flex-wrap: wrap; align-items: center; gap: 20px;}
.v-9a3532edd15c {display: flex;}
.v-5f6ecd0ec368 {width: 56px; height: 56px; border-radius: 999px; object-fit: cover; background: var(--peach); border: 3px solid var(--raised);}
.v-73171ea6ff35 {width: 56px; height: 56px; border-radius: 999px; object-fit: cover; background: var(--lilac); border: 3px solid var(--raised); margin-left: -14px;}
.v-d681a7cae346 {width: 56px; height: 56px; border-radius: 999px; object-fit: cover; background: var(--sky); border: 3px solid var(--raised); margin-left: -14px;}
.v-702f8421a2fa {width: 56px; height: 56px; border-radius: 999px; object-fit: cover; background: var(--peach); border: 3px solid var(--raised); margin-left: -14px;}
.v-e5d61ad863aa {display: flex; flex-direction: column; gap: 2px; flex: 1 1 280px;}
.v-f6e4d9210b1f {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: 26px;}
.v-1397889a7f87 {margin: 0; color: var(--meta); font-size: 14px;}
.v-3a4c7d6bdf1f {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px;}
.v-fd0e5de16f0d {background: var(--surface); border-radius: 20px; padding: 18px; display: flex; flex-direction: column; gap: 10px;}
.v-e41adfb91e3a {align-self: flex-start; padding: 5px 10px; border-radius: 999px; background: var(--sky); color: var(--on-sky); font-size: 12px; font-weight: 700;}
.v-2c156949e8ed {margin: 0; font-size: 15px; color: var(--body);}
.v-8ba2797af992 {align-self: flex-start; padding: 5px 10px; border-radius: 999px; background: var(--fill); color: var(--on-fill); font-size: 12px; font-weight: 700;}
.v-c9422321dd60 {align-self: flex-start; padding: 5px 10px; border-radius: 999px; background: var(--lilac); color: var(--on-lilac); font-size: 12px; font-weight: 700;}
.v-97993deab77f {align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: var(--primary-soft); color: var(--on-primary-soft); font-size: 12px; font-weight: 700;}
.v-fbdf20430830 {background: var(--raised); padding: 80px 20px;}
.v-1dda685f104b {max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 40px 64px;}
.v-f2246518f1be {flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 16px;}
.v-bba95084ea00 {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.1; letter-spacing: -0.02em;}
.v-0ddddbde3db3 {margin: 0; font-size: 16px; color: var(--body);}
.v-ae6bbeeea0fb {flex: 2 1 520px; min-width: 0; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px;}
.v-9df91155b043 {display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: 16px; background: var(--surface); font-size: 15px; color: var(--body);}
.v-fa9befae8b6e {flex-shrink: 0; margin-top: 2px; color: var(--meta);}
.v-a0b83b84bdba {max-width: 1200px; margin: 0 auto; padding: 96px 20px;}
.v-a6b5e8cd8ecf {background: var(--primary); color: var(--on-primary); border-radius: 32px; padding: clamp(32px, 6vw, 72px); display: flex; flex-wrap: wrap; align-items: center; gap: 40px;}
.v-31cc15eda300 {display: flex; flex-direction: column; gap: 16px;}
.v-ffdfa821832a {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: clamp(32px, 4.4vw, 52px); line-height: 1.05; letter-spacing: -0.02em;}
.v-bd9589d4e96c {margin: 0; font-size: 17px; line-height: 1.6; opacity: 0.92;}
.v-54ca0f2e05ff {min-height: 64px; padding: 10px 22px; border-radius: 20px; background: var(--on-primary); color: var(--primary); text-decoration: none; display: inline-flex; align-items: center; gap: 14px; flex: 1 1 220px;}
.v-0c9429905133 {display: flex; flex-direction: column; line-height: 1.2;}
.v-92f0b46940bb {font-size: 12px; font-weight: 600; opacity: 0.85;}
.v-f42c128ebbe0 {font-size: 18px; font-weight: 700;}
.v-d883d71f4c71 {flex: 0 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 24px; border-radius: 24px; border: 1px solid var(--on-primary);}
.v-d667757e7be3 {margin: 0; font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 600; font-size: 22px;}
.v-1aed0b3bccbc {margin: 0; font-size: 15px; line-height: 1.5; opacity: 0.92;}
.v-acad3dbfbdfe {border-top: 1px solid var(--line);}
.v-402f2cd60758 {max-width: 1200px; margin: 0 auto; padding: 32px 20px 48px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; color: var(--meta); font-size: 13px;}
.v-4021cd293fb5 {font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 700; font-size: 18px; color: var(--ink);}
.v-f0a245b4cd7e {max-width: 560px;}
.v-88a5383ec116 {display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center;}
.v-fbcf0f272c02 {min-height: 48px; display: inline-flex; align-items: center;}

body{margin:0;background:#F4F5F2}
.pdr{--surface:#F4F5F2;--raised:#FFFFFF;--muted:#ECEEEA;--line:#DDE1DA;--ink:#17201C;--body:#3E4944;--meta:#5B6660;--primary:#1F5C4A;--on-primary:#FFFFFF;--primary-soft:#DCE8DF;--on-primary-soft:#1F5C4A;--fill:#17201C;--on-fill:#FFFFFF;--need:#FBEDE3;--on-need:#8A3A10;--peach:#F6E1D3;--lilac:#E5E0F3;--on-lilac:#4B3F7A;--sky:#DCE7F2;--on-sky:#24476B;--amber:#F6E7C8;--on-amber:#6B4A12;--info:#E6EDF4;--on-info:#24384D;--danger-soft:#FBE7E1;--on-danger-soft:#6E2413;--shadow-card:0 1px 2px rgba(23,32,28,0.05);--shadow-pop:0 20px 50px rgba(18,24,21,0.18)}
.pdr.dark{--surface:#111513;--raised:#1B201D;--muted:#242A26;--line:#2F3632;--ink:#E7ECE8;--body:#C9D1CC;--meta:#A6B0AA;--primary:#7FCFAE;--on-primary:#0D2A1F;--primary-soft:#20332A;--on-primary-soft:#A9E0C6;--fill:#E7ECE8;--on-fill:#111513;--need:#3A2A20;--on-need:#F2C3A2;--peach:#3A2A20;--lilac:#2B2740;--on-lilac:#CFC6F2;--sky:#1E2A36;--on-sky:#B9D2EC;--amber:#3A321F;--on-amber:#EAD29A;--info:#1E2833;--on-info:#C3D6EA;--danger-soft:#3B201A;--on-danger-soft:#F5C1B3;--shadow-card:none;--shadow-pop:0 20px 50px rgba(0,0,0,0.6)}
.pdr h1,.pdr h2,.pdr h3{text-wrap:balance}
:where(.pdr a){color:var(--primary)}
.pdr a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.pdr #participar a:focus-visible{outline-color:var(--on-primary)}
.pdr .btn{transition:opacity .15s}
.pdr a.btn:hover{opacity:.86}
.pdr .navlink:hover{background:var(--muted)}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 24px; }
body { overflow-wrap: break-word; }
img { max-width: 100%; }
main:focus { outline: none; }
.skip-link { font-family: Figtree, system-ui, sans-serif; font-weight: 600; position: absolute; top: -80px; left: 16px; z-index: 10; padding: 12px 20px; background: #1f5c4a; color: white; border-radius: 12px; }
.skip-link:focus { top: 12px; }
.pdr a:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.pdr #participar a:focus-visible { outline-color: var(--on-primary); }
.pdr a.btn:active { opacity: .72; }
.store-pending { cursor: default; }
.contact-pending { margin: 0; font-size: 15px; line-height: 1.5; }
.not-found { max-width: 640px; margin: 10vh auto; padding: 24px; font-family: Figtree, system-ui, sans-serif; color: #17201c; }
.not-found a { display: inline-flex; padding-block: 16px; color: #1f5c4a; }
@media (max-width: 600px) {
 header { gap: 12px; }
 header nav { width: 100%; }
 header nav .navlink { padding-inline: 10px !important; font-size: 14px !important; }
 header nav .btn { margin-left: 0 !important; }
 #inicio { padding-top: 28px !important; gap: 32px !important; }
 #inicio > div:last-child > div:last-child { margin-right: 0 !important; }
 section { padding-block: 56px !important; }
 #como-usar ol > li { gap: 12px !important; padding: 18px !important; }
 #como-usar ol > li > span { width: 36px !important; height: 36px !important; }
}
@media (max-width: 350px) {
 .responsive-grid { grid-template-columns: minmax(0, 1fr) !important; }
 #participar > div { padding: 24px 18px !important; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .pdr .btn { transition: none; } }

/* Termos de Uso e Política de Privacidade: páginas de leitura, sem estilos inline (CSP). */
.legal-page { background: var(--surface); color: var(--ink); font-family: Figtree, system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.6; min-height: 100vh; }
.legal-header { max-width: 760px; margin: 0 auto; padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.legal-brand { font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-weight: 700; font-size: 22px; color: var(--ink); text-decoration: none; min-height: 48px; display: inline-flex; align-items: center; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 4px; }
.legal-nav a { min-height: 48px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; color: var(--body); font-weight: 600; font-size: 15px; text-decoration: none; }
.legal-nav a:hover { background: var(--muted); }
.legal-nav a[aria-current="page"] { background: var(--primary-soft); color: var(--on-primary-soft); }
.legal { max-width: 760px; margin: 0 auto; padding: 16px 20px 64px; color: var(--body); }
.legal h1 { font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-size: clamp(32px, 6vw, 44px); line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); margin: 16px 0 8px; }
.legal h2 { font-family: 'Bricolage Grotesque', Figtree, sans-serif; font-size: 24px; line-height: 1.25; color: var(--ink); margin: 48px 0 12px; }
.legal h3 { font-size: 17px; color: var(--ink); margin: 24px 0 8px; }
.legal section { scroll-margin-top: 24px; }
.legal li { margin-block: 6px; }
.legal strong { color: var(--ink); }
.legal-meta { color: var(--meta); font-size: 14px; margin-top: 0; }
.legal-toc { background: var(--raised); border: 1px solid var(--line); border-radius: 16px; padding: 4px 20px 12px; margin-top: 32px; }
.legal-toc .legal-toc-title { font-size: 17px; margin: 16px 0 4px; }
.legal-toc li { padding-block: 6px; }
.legal-table-wrap { overflow-x: auto; }
.legal table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 520px; }
.legal caption { text-align: left; color: var(--meta); font-size: 14px; padding-bottom: 8px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.legal th { color: var(--ink); background: var(--muted); }
.legal-footer { max-width: 760px; margin: 0 auto; padding: 24px 20px 48px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; color: var(--meta); font-size: 14px; }
.legal-footer nav { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.legal-footer a, .legal-footer span { min-height: 48px; display: inline-flex; align-items: center; }
/* A regra de seções da home (padding-block !important no celular) não vale para as páginas de leitura. */
.legal section { padding-block: 0 !important; }
.legal-table-wrap:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.legal-back a { min-height: 48px; display: inline-flex; align-items: center; }
/* No celular, cada linha da tabela vira um cartão com o rótulo da coluna. */
@media (max-width: 600px) {
 .legal table { min-width: 0; }
 .legal thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
 .legal tr { display: block; border: 1px solid var(--line); border-radius: 12px; background: var(--raised); margin-bottom: 12px; padding: 4px 0; }
 .legal td { display: block; border: 0; padding: 6px 14px; }
 .legal td::before { content: attr(data-label); display: block; font-size: 13px; font-weight: 600; color: var(--meta); }
}