.tutorial{--bg: #F3F7F6;--surface: #FFFFFF;--fg: #0D2A2B;--muted: #5B7475;--line: #D5E4E2;--petroleo: #0F6E6E;--petroleo-claro: #DDF0EE;--petroleo-tinta: #0B4F4F;--coral: #FF6B4A;--coral-claro: #FFE9E3;--coral-tinta: #8A2A12;--ouro-claro: #FBF1D6;--ouro-tinta: #5C4308;--hero: #0D2A2B;--hero-fg: #FFFFFF;--hero-muted: rgba(255,255,255,.68);--font-display: "Sora", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif}.tutorial *{box-sizing:border-box}.tutorial{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6}.tutorial a{color:var(--petroleo);font-weight:600}.tutorial a:focus-visible,.tutorial button:focus-visible,.tutorial summary:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:6px}.tutorial h1,.tutorial h2,.tutorial h3{font-family:var(--font-display);line-height:1.2;text-wrap:balance;margin:0}.tutorial p{margin:0}.tutorial .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.tutorial .hero{background:var(--hero);color:var(--hero-fg)}.tutorial .hero .wrap{padding-block:48px 40px;display:grid;gap:28px}.tutorial .marca{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em}.tutorial .marca span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--coral);color:#3b1206;font-weight:800}.tutorial .hero h1{font-size:clamp(30px,5vw,48px);font-weight:800;max-width:18ch}.tutorial .hero .lead{color:var(--hero-muted);font-size:18px;max-width:60ch}.tutorial .trilha{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;list-style:none;padding:0;margin:0}.tutorial .trilha li{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--hero-muted)}.tutorial .trilha b{display:block;color:var(--hero-fg);font-family:var(--font-display);font-size:15px;margin-bottom:2px}.tutorial .trilha i{font-style:normal;color:var(--coral);font-weight:700;margin-right:6px}.tutorial .corpo{display:grid;gap:32px;padding-block:32px 80px}@media(min-width:960px){.tutorial .corpo{grid-template-columns:250px minmax(0,1fr);gap:48px}}.tutorial .sumario{font-size:14px}.tutorial .sumario details{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:4px 16px}.tutorial .sumario summary{cursor:pointer;font-weight:700;padding:12px 0;list-style-position:inside}.tutorial .sumario ol{list-style:none;margin:0;padding:0 0 12px;display:grid;gap:2px;counter-reset:s}.tutorial .sumario li{counter-increment:s}.tutorial .sumario a{display:flex;gap:10px;color:var(--fg);font-weight:500;text-decoration:none;padding:7px 8px;border-radius:8px}.tutorial .sumario a:before{content:counter(s);color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.4em}.tutorial .sumario a:hover{background:var(--petroleo-claro)}@media(min-width:960px){.tutorial .sumario{position:sticky;top:calc(env(safe-area-inset-top,0px) + 24px);align-self:start;max-height:calc(100vh - 48px);overflow-y:auto}.tutorial .sumario details{border:0;background:transparent;padding:0}.tutorial .sumario summary{pointer-events:none;list-style:none;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.tutorial .sumario summary::-webkit-details-marker{display:none}}.tutorial main{min-width:0;display:grid;gap:56px}.tutorial section{scroll-margin-top:24px;display:grid;gap:18px;max-width:760px}.tutorial .rotulo{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--coral-tinta)}.tutorial section>h2{font-size:clamp(24px,3.4vw,30px);font-weight:700}.tutorial h3{font-size:18px;font-weight:700;margin-top:8px}.tutorial .intro{color:var(--muted);font-size:17px}.tutorial ul.lista{margin:0;padding-left:20px;display:grid;gap:6px}.tutorial ul.lista li::marker{color:var(--petroleo)}.tutorial ol.passos{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:p}.tutorial ol.passos>li{counter-increment:p;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}.tutorial ol.passos>li:before{content:counter(p);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--fg);color:var(--bg);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.tutorial ol.passos>li>div{padding-top:4px;display:grid;gap:6px}.tutorial .botao{display:inline-block;white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:0 7px;font-size:.92em;font-weight:600}.tutorial .nota{border-radius:14px;padding:14px 16px;font-size:15px;display:grid;gap:4px}.tutorial .nota strong:first-child{font-family:var(--font-display)}.tutorial .dica{background:var(--ouro-claro);color:var(--ouro-tinta)}.tutorial .atencao{background:var(--coral-claro);color:var(--coral-tinta)}.tutorial .info{background:var(--petroleo-claro);color:var(--petroleo-tinta)}.tutorial .grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.tutorial .bloco{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:6px;align-content:start}.tutorial .bloco b{font-family:var(--font-display)}.tutorial .bloco p{color:var(--muted);font-size:15px}.tutorial .tabela{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.tutorial table{border-collapse:collapse;width:100%;font-size:15px}.tutorial th,.tutorial td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}.tutorial tr:last-child td{border-bottom:0}.tutorial th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.tutorial td.n{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;width:1%;white-space:nowrap}.tutorial .notas010{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tutorial .notas010 div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;text-align:center;font-size:13px;color:var(--muted)}.tutorial .notas010 b{display:block;color:var(--fg);font-size:16px;font-variant-numeric:tabular-nums}@media(max-width:520px){.tutorial .notas010{grid-template-columns:repeat(2,minmax(0,1fr))}}.tutorial .rodape{color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:20px}.tutorial{background:transparent}.tutorial .wrap{padding-left:0;padding-right:0}.tutorial .hero{border-radius:24px}.tutorial .hero .wrap{padding-left:20px;padding-right:20px}.tutorial ul.lista{list-style:disc}.tutorial .sumario summary{list-style:none}.tutorial section{scroll-margin-top:80px}.tutorial a{text-decoration:underline;text-underline-offset:2px}.tutorial .sumario a{text-decoration:none}@media(min-width:768px){.tutorial .hero .wrap{padding-left:32px;padding-right:32px}.tutorial section{scroll-margin-top:24px}}.tutorial ol.passos>li>div{display:block}.tutorial .corpo{grid-template-columns:minmax(0,1fr)}@media(min-width:960px){.tutorial .corpo{grid-template-columns:250px minmax(0,1fr)}}.tutorial .botao{white-space:normal}.tutorial .sumario a{padding:10px 8px}