:root{--verde: #0f766e;--verde-claro: #0d9488;--verde-suave: #e6f4f1;--verde-mata: #2e8b3a;--marinho: #20394f;--amarelo: #f4d21e;--marrom: #8a5a2b;--fundo: #f8fafc;--texto: #0f172a;--texto-suave: #5b6b7f;--borda: #e2e8f0;--sombra: 0 20px 44px rgba(15, 23, 42, .09);--raio: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Raleway,system-ui,sans-serif;color:var(--texto);background:var(--fundo);overflow:hidden}h1,h2,h3{font-family:Montserrat,system-ui,sans-serif;margin:0 0 14px;line-height:1.12}h1{font-size:clamp(2.4rem,3.6vw,3.6rem);font-weight:800;letter-spacing:-.02em;color:var(--marinho)}h2{font-size:clamp(1.9rem,2.9vw,2.7rem);font-weight:800;letter-spacing:-.01em;color:var(--marinho)}h3{font-size:clamp(1rem,1.25vw,1.2rem);font-weight:700;color:var(--marinho)}p{margin:0 0 10px}ul{margin:0;padding:0;list-style:none}img{display:block;max-width:100%;height:auto}.sprite{display:none}.ico{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.palco{position:relative;width:100vw;height:100vh}.slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:7vh 6.5vw 8vh;opacity:0;visibility:hidden;transform:translate(40px);transition:opacity .45s ease,transform .45s ease,visibility .45s;overflow:hidden}.slide.ativo{opacity:1;visibility:visible;transform:none}.slide.saiu{transform:translate(-40px)}.chapeu{text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;font-weight:800;color:var(--verde);margin-bottom:10px}.linha{color:var(--texto-suave);font-size:1.1rem;max-width:72ch;margin-bottom:26px}.nota{margin-top:26px;color:var(--texto-suave);font-size:.98rem;border-left:3px solid var(--verde-suave);padding-left:14px}.cartoes{display:grid;gap:18px;margin-top:22px}.cartoes.quatro{grid-template-columns:repeat(4,1fr)}.cartoes.tres{grid-template-columns:repeat(3,1fr)}.cartoes article{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:22px 20px;box-shadow:var(--sombra);animation:subir .5s ease both}.cartoes article .ico{color:var(--verde);margin-bottom:14px;width:30px;height:30px}.cartoes article p{color:var(--texto-suave);font-size:.96rem;margin:0}.cartoes article.destaque{border-top:4px solid var(--verde)}.cartoes article.perfil{text-align:center}.cartoes article.perfil .ico{margin:0 auto 14px;width:34px;height:34px}.slide.ativo .cartoes article:nth-child(1){animation-delay:.08s}.slide.ativo .cartoes article:nth-child(2){animation-delay:.16s}.slide.ativo .cartoes article:nth-child(3){animation-delay:.24s}.slide.ativo .cartoes article:nth-child(4){animation-delay:.32s}@keyframes subir{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.passos article{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:28px;box-shadow:var(--sombra);animation:subir .5s ease both}.passos article p{color:var(--texto-suave);margin:0}.numero{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--amarelo);color:var(--marinho);font-family:Montserrat,sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:16px}.duas-colunas{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.lista{display:grid;gap:14px;margin-top:20px}.lista li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:16px 18px;box-shadow:0 6px 16px #0f172a0d;animation:subir .45s ease both}.lista .ico{color:var(--verde);width:22px;height:22px;margin-top:2px}.lista b{display:block;font-size:1rem}.lista span{color:var(--texto-suave);font-size:.93rem}.slide.ativo .lista li:nth-child(1){animation-delay:.06s}.slide.ativo .lista li:nth-child(2){animation-delay:.14s}.slide.ativo .lista li:nth-child(3){animation-delay:.22s}.slide.ativo .lista li:nth-child(4){animation-delay:.3s}.quadro{background:linear-gradient(150deg,var(--marinho),#142739);color:#fff;border-radius:22px;padding:34px;box-shadow:var(--sombra)}.quadro h3{color:#fff;font-size:1.25rem;margin-bottom:20px}.quadro-texto{color:#e2e8f0db;font-size:1rem;margin:0}.comparar{display:grid;gap:14px}.comparar div{display:grid;gap:4px;border-left:3px solid var(--amarelo);padding-left:14px}.comparar span{color:#e2e8f0b8;font-size:.9rem}.comparar b{color:#fff;font-size:1.06rem;font-family:Montserrat,sans-serif}.fluxo{display:flex;align-items:stretch;gap:14px;margin:26px 0 8px}.fluxo-etapa{flex:1;background:#fff;border:1px solid var(--borda);border-radius:16px;padding:20px 18px;box-shadow:var(--sombra);display:grid;gap:6px;align-content:start;animation:subir .5s ease both}.fluxo-etapa .ico{color:var(--verde);width:26px;height:26px}.fluxo-etapa b{font-family:Montserrat,sans-serif;color:var(--marinho);font-size:1rem}.fluxo-etapa span{color:var(--texto-suave);font-size:.88rem}.fluxo-seta{width:22px;height:22px;align-self:center;fill:none;stroke:var(--verde-claro);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.trilha{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 22px}.trilha-passo{position:relative;background:#fff;border:1px solid var(--borda);border-top:4px solid var(--verde-suave);border-radius:14px;padding:18px;box-shadow:var(--sombra);animation:subir .5s ease both}.trilha-passo b{display:block;font-family:Montserrat,sans-serif;color:var(--marinho);margin-bottom:4px}.trilha-passo span{color:var(--texto-suave);font-size:.88rem}.trilha-passo.forte{border-top-color:var(--verde);background:var(--verde-suave)}.tabela-compara{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:26px}.tabela-compara .coluna{border-radius:18px;padding:26px 28px;box-shadow:var(--sombra);animation:subir .5s ease both}.tabela-compara .antes{background:#fff;border:1px solid var(--borda)}.tabela-compara .depois{background:linear-gradient(150deg,var(--verde),var(--verde-mata));color:#fff}.tabela-compara .depois h3{color:#fff}.tabela-compara h3{font-size:1.2rem;margin-bottom:16px}.tabela-compara ul{display:grid;gap:10px}.tabela-compara li{position:relative;padding-left:22px;font-size:1rem}.tabela-compara li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--borda)}.tabela-compara .antes li{color:var(--texto-suave)}.tabela-compara .antes li:before{background:#cbd5e1}.tabela-compara .depois li:before{background:var(--amarelo)}.selo-quadro{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:#f4d21e29;color:var(--amarelo);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.88rem}.selo-quadro .ico{width:18px;height:18px}.etiqueta-bloco{position:fixed;left:26px;top:22px;z-index:22;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-suave);opacity:0;transition:opacity .3s}.etiqueta-bloco.visivel{opacity:.75}.capa,.encerramento{align-items:center;text-align:center;justify-content:center}.capa-fundo{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(13,148,136,.12),transparent 45%),radial-gradient(circle at 80% 70%,rgba(244,210,30,.16),transparent 50%)}.capa-marca{width:min(38vw,420px);position:relative;margin-bottom:34px}.capa h1,.encerrar-titulo{position:relative}.capa-linha{position:relative;color:var(--texto-suave);font-size:1.2rem;max-width:64ch;margin:10px auto 0}.capa-rodape{position:relative;display:flex;align-items:center;gap:14px;margin-top:44px;color:var(--verde);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.ponto{width:6px;height:6px;border-radius:50%;background:var(--amarelo)}.encerrar-titulo{font-size:clamp(2.2rem,3.4vw,3.2rem)}.encerramento .nota{border:none;padding:0;margin-top:18px}.barra-progresso{position:fixed;left:0;top:0;width:100%;height:4px;background:#0f766e1f;z-index:20}.barra-progresso i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--verde-claro),var(--verde));transition:width .35s ease}.controles{position:fixed;right:26px;bottom:22px;display:flex;align-items:center;gap:8px;z-index:25;background:#ffffffeb;border:1px solid var(--borda);border-radius:999px;padding:7px 10px;box-shadow:var(--sombra);opacity:.35;transition:opacity .25s}.controles:hover{opacity:1}.controles button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--marinho);cursor:pointer;transition:background .2s,color .2s}.controles button:hover{background:var(--verde-suave);color:var(--verde)}.controles .ico{width:19px;height:19px}.contador{font-size:.82rem;font-weight:700;color:var(--texto-suave);padding:0 6px;min-width:74px;text-align:center}.mapa{position:fixed;inset:0;background:#0f172aeb;z-index:40;overflow-y:auto;padding:5vh 5vw}.mapa-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.mapa button{text-align:left;background:#fff;border:2px solid transparent;border-radius:14px;padding:18px;cursor:pointer;font-family:inherit;transition:transform .18s,border-color .18s}.mapa button:hover{transform:translateY(-3px);border-color:var(--verde-claro)}.mapa button.atual{border-color:var(--amarelo)}.mapa b{display:block;font-family:Montserrat,sans-serif;color:var(--marinho);font-size:.98rem}.mapa small{color:var(--texto-suave);font-size:.8rem}.ajuda{position:fixed;left:26px;bottom:26px;z-index:25;font-size:.82rem;color:var(--texto-suave);background:#ffffffe6;border:1px solid var(--borda);border-radius:999px;padding:8px 16px;box-shadow:var(--sombra);transition:opacity .4s}.ajuda.sumiu{opacity:0;pointer-events:none}.so-computador{display:none}@media(max-width:1023px),(orientation:portrait)and (max-width:1200px){body{overflow:auto}.palco,.controles,.barra-progresso,.ajuda,.mapa{display:none!important}.so-computador{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;padding:40px 24px;gap:10px;background:linear-gradient(180deg,#ffffff,var(--verde-suave))}.so-computador img{width:min(70vw,240px);margin-bottom:18px}.so-computador h1{font-size:1.6rem}.so-computador p{color:var(--texto-suave);font-size:1.05rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}