/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */


.legal-top { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:none; }
.legal-top svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }


:root { --black:#000; --white:#fff; --red:#be1e2d; --yellow:#ffde17; --gutter:clamp(20px,4vw,64px); }
* { box-sizing:border-box; }
html { scroll-padding-top:100px; }
body { margin:0; color:var(--black); background:radial-gradient(rgba(227,227,227,.8) 1px,#fff 1px) 0 0 / 10px 10px; font:17px/1.7 'Onest',sans-serif; }
a { color:inherit; text-underline-offset:4px; }
:focus-visible { outline:3px solid var(--red); outline-offset:5px; }
.skip { position:fixed; top:8px; left:20px; z-index:20; padding:8px 16px; background:#fff; transform:translateY(-160%); }
.skip:focus { transform:none; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px var(--gutter); }
.legal-brand { display:flex; align-items:center; min-height:48px; padding:10px 18px; background:#000; border-radius:0 0 24px 24px; margin-top:-14px; padding-top:24px; }
.nav__logo { display:block; width:auto; height:24px; }
.project-link { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:10px 20px; border-radius:999px; background:var(--red); color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
@media(hover:hover) { .project-link:hover { background:var(--yellow); color:var(--black); } .project-link:hover::before { background:var(--black); } }
.project-link::before { content:''; width:8px; height:8px; border-radius:50%; background:#fff; }
.legal-main { padding:clamp(48px,8vw,112px) var(--gutter) clamp(64px,9vw,144px); }
.legal-layout { display:grid; gap:40px; max-width:1280px; margin:auto; }
h1 { margin:0 0 32px; max-width:15ch; font:700 clamp(42px,6.6vw,100px)/1.02 'Gabarito',sans-serif; letter-spacing:-.035em; overflow-wrap:break-word; }
.title-dot { display:inline-block; width:.17em; height:.17em; margin-left:.03em; border-radius:50%; background:var(--red); }
.legal-content { max-width:72ch; overflow-wrap:anywhere; }
.legal-content > :first-child { margin-top:0; }
.legal-content h2 { margin:2em 0 .65em; font:650 clamp(25px,3vw,34px)/1.2 'Gabarito',sans-serif; }
.legal-content h3 { margin:1.7em 0 .5em; font:650 23px/1.3 'Gabarito',sans-serif; }
.legal-content p,.legal-content ul,.legal-content ol { margin:0 0 1.3em; }
.legal-content li+li { margin-top:.4em; }
.legal-content img,.legal-content iframe { max-width:100%; }
.legal-content img { height:auto; }
.legal-content table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; }
.legal-content td,.legal-content th { padding:12px; border:1px solid #ccc; text-align:left; }
.legal-nav { display:grid; align-content:start; gap:16px; font-size:14px; }
.legal-nav a { text-decoration:none; padding-block:8px; border-bottom:1px solid #ccc; }
.legal-nav a[aria-current="page"] { color:var(--red); font-weight:600; }
.legal-footer { background:radial-gradient(rgba(28,28,28,.5) 1px,#000 1px) 0 0 / 10px 10px #000; color:#fff; padding:48px var(--gutter) 28px; }
.footer-links { display:flex; flex-wrap:wrap; gap:16px 28px; max-width:1280px; margin:auto; }
.footer-links a { font-size:14px; text-decoration:none; }
.footer-bottom { display:flex; align-items:center; flex-wrap:nowrap; justify-content:space-between; gap:16px; max-width:1280px; margin:40px auto 0; padding-top:24px; border-top:1px solid #333; font-size:13px; }
@media(min-width:1000px) { .legal-layout { grid-template-columns:minmax(0,1fr) 240px; gap:clamp(48px,7vw,112px); } .legal-nav { position:sticky; top:32px; } }
@media(max-width:480px) { .nav__logo { height:20px; } .project-link { font-size:12px; padding-inline:12px; } }