/* Trilha Work — site. Tokens do site do Trilha (emersonjoe.github.io/trilha). */
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/Inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/Inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#fbfaf6;--bg-2:#f2efe6;--cartao:#fffdf8;--fg:#1d221f;--fg-2:#4f5852;--linha:#e2ddd0;
  --marca:#1f6f4a;--marca-2:#16553a;--acento:#d99a1e;--acento-bg:#fff4d6;--noite:#1b2320;--noite-linha:#253029;--noite-fg:#a9b3ac;
  --raio:18px;--fonte:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--largura:75rem;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--fonte);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
a{color:var(--marca)}a:hover{color:var(--marca-2)}
img{max-width:100%;height:auto}
code{font-family:var(--mono)}
h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.08}
:focus-visible{outline:3px solid var(--acento);outline-offset:3px;border-radius:6px}
.so-leitor{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-9999px;top:8px;background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:10}
.pular:focus{left:16px}

/* marca */
.marca{display:inline-flex;align-items:center;gap:10px;color:var(--marca);text-decoration:none;font-weight:750;font-size:20px;letter-spacing:-.02em}
.marca>span{color:var(--fg)}.marca .marca-work{color:var(--marca);font-weight:500}

/* botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:0;background:var(--marca);color:var(--bg);font:700 15.5px/1 var(--fonte);text-decoration:none;cursor:pointer;transition:background .15s}
.botao:hover{background:var(--marca-2);color:var(--bg)}
.botao.secundario{background:var(--bg-2);color:var(--fg);border:1px solid var(--linha)}
.botao.secundario:hover{background:#ebe6d9;color:var(--fg)}
.botao.ambar{background:var(--acento);color:var(--fg);min-height:56px;padding:0 30px;font-size:17px;font-weight:800}
.botao.ambar:hover{background:#f0b429}
.botao.largo{width:100%;min-height:52px;font-size:16px}
.acoes{display:flex;flex-wrap:wrap;gap:12px}

/* topo */
.topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:32px;height:76px;padding:0 max(16px,calc((100vw - 84rem)/2 + 24px));background:rgb(251 250 246 / 94%);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.topo-nav{display:flex;gap:28px;margin-left:16px}
.topo-nav a{color:var(--fg);text-decoration:none;font-weight:550;font-size:15px}
.topo-nav a:hover{color:var(--marca)}
.topo-acoes{margin-left:auto;display:flex;align-items:center;gap:22px}
.topo-acoes .entrar{color:var(--fg);text-decoration:none;font-weight:650;font-size:15px}
.topo-acoes .botao{min-height:44px;font-size:14.5px}

/* herói */
.heroi{position:relative;overflow:hidden;background:var(--bg-2) url(/fundo.svg) center/cover no-repeat;padding:88px 16px 0;text-align:center}
.heroi-texto{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px;max-width:56rem;margin:0 auto}
.selo{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:var(--cartao);border:1px solid var(--linha);font-size:13.5px;font-weight:600;color:var(--fg-2)}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--acento)}
.heroi h1{font-size:clamp(44px,7vw,84px);font-weight:800;letter-spacing:-.04em;line-height:1}
.heroi-texto>p{margin:0;max-width:45rem;font-size:clamp(17px,2vw,20px);color:var(--fg-2)}
.heroi .acoes{justify-content:center}
.trilha-apps{position:relative;max-width:90rem;height:320px;margin:36px auto 0;color:var(--acento)}
.trilha-linha{position:absolute;inset:0;width:100%;height:100%}
.marco{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;width:88px;transform:translate(-50%,-32px);text-decoration:none;color:var(--fg);font-size:13px;font-weight:650}
.marco img{display:block;width:64px;height:64px;border-radius:17px;box-shadow:0 10px 24px rgb(29 34 31 / 16%);transition:transform .18s ease}
.marco:hover img{transform:translateY(-4px)}
.marco span{background:var(--bg);padding:2px 9px;border-radius:999px}
.marco-1{left:7.639%;top:55.394%}
.marco-2{left:16.111%;top:67.953%}
.marco-3{left:24.583%;top:64.561%}
.marco-4{left:33.056%;top:47.785%}
.marco-5{left:41.528%;top:30.320%}
.marco-6{left:50.000%;top:25.384%}
.marco-7{left:58.472%;top:36.712%}
.marco-8{left:66.944%;top:55.731%}
.marco-9{left:75.417%;top:68.048%}
.marco-10{left:83.889%;top:64.342%}
.marco-11{left:92.361%;top:47.417%}
.vitrine{position:relative;max-width:75rem;margin:0 auto -1px;border:1px solid var(--linha);border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:var(--cartao);box-shadow:0 -10px 60px rgb(29 34 31 / 12%)}
.vitrine-barra{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:var(--bg-2);border-bottom:1px solid var(--linha)}
.vitrine-barra>span:not(.vitrine-url){width:11px;height:11px;border-radius:50%;background:var(--linha)}
.vitrine-url{display:inline-flex;align-items:center;gap:6px;margin-left:16px;height:26px;padding:0 14px;border-radius:8px;background:var(--cartao);border:1px solid var(--linha);font:500 12.5px var(--mono);color:var(--fg-2)}
.vitrine img{display:block;width:100%}

/* seções */
.secao{max-width:var(--largura);margin:0 auto;padding:120px 16px 20px;display:flex;flex-direction:column;gap:48px}
.secao-cabeca{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.sobre{font:600 12.5px var(--mono);color:var(--marca);letter-spacing:.1em;text-transform:uppercase}
.secao-cabeca h2{font-size:clamp(32px,4.4vw,46px);font-weight:800;letter-spacing:-.035em;max-width:54rem}
.secao-cabeca p{margin:0;max-width:45rem;font-size:18px;color:var(--fg-2)}
.grade-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}

/* apps: abas sem JavaScript (rádio + :has) */
.apps{display:flex;gap:32px;align-items:stretch}
.apps-abas{width:300px;flex-shrink:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:4px}
.apps-abas input{position:absolute;opacity:0;pointer-events:none}
.apps-abas label{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 14px;border-radius:14px;border:1px solid transparent;font-weight:650;font-size:16px;color:var(--fg-2);cursor:pointer}
.apps-abas label:hover{background:var(--bg-2);color:var(--fg)}
.apps-abas input:checked+label{background:var(--cartao);border-color:var(--linha);color:var(--fg);box-shadow:0 6px 18px rgb(29 34 31 / 8%)}
.apps-abas input:focus-visible+label{outline:3px solid var(--acento);outline-offset:2px}
.apps-abas label img{width:34px;height:34px}
.apps-paineis{flex-grow:1;min-width:0;display:flex}
.app-painel{display:none;flex-direction:column;gap:22px;width:100%;padding:44px 48px;border-radius:22px;background:var(--noite);color:var(--bg)}
.apps:not(:has(input:checked)) [data-app="arquivos"]{display:flex}
.apps:has(#app-painel:checked) [data-app="painel"]{display:flex}
.apps:has(#app-arquivos:checked) [data-app="arquivos"]{display:flex}
.apps:has(#app-documentos:checked) [data-app="documentos"]{display:flex}
.apps:has(#app-reuniao:checked) [data-app="reuniao"]{display:flex}
.apps:has(#app-email:checked) [data-app="email"]{display:flex}
.apps:has(#app-calendario:checked) [data-app="calendario"]{display:flex}
.apps:has(#app-contatos:checked) [data-app="contatos"]{display:flex}
.apps:has(#app-projetos:checked) [data-app="projetos"]{display:flex}
.apps:has(#app-tarefas:checked) [data-app="tarefas"]{display:flex}
.apps:has(#app-notas:checked) [data-app="notas"]{display:flex}
.apps:has(#app-fotos:checked) [data-app="fotos"]{display:flex}
.app-nome{display:flex;align-items:center;gap:18px}
.app-nome img{width:72px;height:72px;border-radius:19px}
.app-nome h3{font-size:36px;font-weight:800;letter-spacing:-.03em}
.app-nome code{font-size:13px;color:var(--noite-fg)}
.app-frase{margin:0;font-size:26px;font-weight:650;line-height:1.3;letter-spacing:-.015em;max-width:40rem}
.app-painel ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.app-painel li{display:flex;gap:12px;font-size:17px;line-height:1.45;color:#e6ebe7}
.app-painel li .icone{color:var(--acento);flex-shrink:0;margin-top:1px}
.app-lugar{margin:auto 0 0;padding-top:18px;border-top:1px solid var(--noite-linha);display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14.5px;color:var(--noite-fg)}
.app-lugar span{font:600 12px var(--mono);color:var(--acento);letter-spacing:.1em;text-transform:uppercase}

/* recursos */
.recurso,.baixar{display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--cartao);border:1px solid var(--linha);border-radius:var(--raio)}
.recurso-icone{width:48px;height:48px;border-radius:13px;background:var(--acento-bg);color:var(--marca);display:flex;align-items:center;justify-content:center}
.recurso h3,.baixar h3{font-size:20px;font-weight:750}
.recurso p,.baixar p{margin:0;font-size:15.5px;color:var(--fg-2)}

/* planos */
.tabela{border:1px solid var(--linha);border-radius:var(--raio);overflow:auto;background:var(--cartao)}
table{width:100%;border-collapse:collapse}
thead{background:var(--bg-2)}
th,td{padding:18px 20px;text-align:left;font-size:15.5px}
thead th{padding:14px 20px;font-size:13px;font-weight:700;color:var(--fg-2)}
tbody tr+tr th,tbody tr+tr td{border-top:1px solid var(--linha)}
tbody th{font-weight:400}
tr.destaque{background:var(--acento-bg)}
.selo-mini{margin-left:8px;font-size:11.5px;font-weight:700;color:var(--bg);background:var(--marca);padding:2px 8px;border-radius:999px;white-space:nowrap}
td code{font-weight:600}
td.preco{white-space:nowrap}td.preco strong{font-size:16px}
.mes,.a-partir{font-size:12.5px;color:var(--fg-2)}
.pessoas{display:block;margin-top:2px;font-size:13px;color:var(--fg-2)}
.desconto{margin-left:6px;font-size:11.5px;font-weight:700;color:var(--marca-2);background:var(--acento-bg);padding:2px 7px;border-radius:999px}
td.acao{text-align:right}td.acao a{font-weight:700;text-decoration:none}

/* baixar */
.baixar{position:relative}
.baixar.detectado{border:2px solid var(--marca)}
.detectado-selo{position:absolute;top:-13px;left:24px;font-size:12px;font-weight:700;color:var(--bg);background:var(--marca);padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.baixar .botao{min-height:44px;padding:0 18px;font-size:14.5px}
.nota{margin:0;text-align:center;font-size:14px;color:var(--fg-2)}

/* dúvidas */
details{padding:20px 24px;background:var(--cartao);border:1px solid var(--linha);border-radius:14px}
summary{font-size:17px;font-weight:700;cursor:pointer}
details p{margin:12px 0 0;color:var(--fg-2)}

/* chamada */
.chamada{max-width:var(--largura);margin:110px auto 0;padding:72px;border-radius:28px;background:var(--noite);color:var(--bg);display:flex;align-items:center;gap:40px}
.chamada>div:first-child{flex-grow:1;display:flex;flex-direction:column;gap:14px}
.chamada h2{font-size:clamp(34px,4.6vw,52px);font-weight:800;letter-spacing:-.035em}
.chamada p{margin:0;font-size:18px;color:var(--noite-fg)}
.chamada-acoes{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.chamada-acoes>a:last-child{color:#8ad9ac;font-weight:600}

/* rodapé */
.rodape{margin-top:90px;padding:64px max(16px,calc((100vw - 75rem)/2 + 16px)) 48px;display:flex;flex-wrap:wrap;gap:24px 64px;border-top:1px solid var(--linha);background:var(--bg-2)}
.rodape-marca{max-width:360px;margin-right:auto}
.rodape-marca p{color:var(--fg-2);font-size:14.5px}
.rodape nav{display:flex;flex-direction:column;gap:10px;font-size:14.5px}
.rodape nav a{color:var(--fg-2);text-decoration:none}.rodape nav a:hover{color:var(--marca)}

/* teste */
.pagina-teste{max-width:var(--largura);margin:0 auto;padding:88px 16px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px;align-items:start}
.teste-lado{display:flex;flex-direction:column;gap:20px;padding-top:24px}
.teste-lado h1{font-size:clamp(38px,5vw,56px);font-weight:800;letter-spacing:-.04em}
.teste-lado>p{margin:0;font-size:18px;color:var(--fg-2)}
.lista-check{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.lista-check li{display:flex;gap:12px;font-weight:600}.lista-check .icone{color:var(--marca)}
.cartao-form{display:flex;flex-direction:column;gap:18px;padding:36px;background:var(--cartao);border:1px solid var(--linha);border-radius:22px;box-shadow:0 24px 60px rgb(29 34 31 / 10%)}
.campo{display:flex;flex-direction:column;gap:7px}
.campo label{font-size:14px;font-weight:650}
.campo input,.campo select{height:48px;padding:0 14px;border:1.5px solid var(--linha);border-radius:10px;background:var(--bg);font:500 15px var(--fonte);color:var(--fg)}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 3px rgb(31 111 74 / 18%)}
.campo input[aria-invalid=true]{border-color:#a13d33}
.campo-check{flex-direction:row;align-items:flex-start;gap:10px}
.campo-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--marca)}
.campo-check label{font-weight:500;color:var(--fg-2)}
.erro{margin:0;font-size:13.5px;font-weight:600;color:#a13d33}
.aviso{margin:0;padding:14px 16px;border-radius:12px;background:var(--acento-bg);border:1px solid #efd59a;font-weight:600}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* páginas simples e manual */
.pagina-simples{max-width:46rem;margin:0 auto;padding:96px 16px 20px;display:flex;flex-direction:column;gap:18px}
.pagina-simples.centro{align-items:center;text-align:center}
.pagina-simples h1{font-size:clamp(34px,5vw,48px);font-weight:800;letter-spacing:-.035em}
.ficha{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;background:var(--bg-2);border:1px solid var(--linha);border-radius:14px;padding:18px 20px;margin:0}
.ficha dt{font-weight:600;color:var(--fg-2,var(--fg))}
.ficha dd{margin:0;overflow-wrap:anywhere}
.acoes{display:flex;gap:12px;flex-wrap:wrap}
.pagina-simples p{margin:0;font-size:17px;color:var(--fg-2)}
.pagina-simples.texto h2{margin-top:18px;font-size:22px;font-weight:750}
.pagina-simples.texto ul{margin:0;padding-left:20px;color:var(--fg-2)}
.grande-simbolo{color:var(--marca)}
.pagina-manual{max-width:var(--largura);margin:0 auto;padding:80px 16px 20px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.manual-indice{position:sticky;top:100px;display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg-2);border-radius:14px}
.manual-indice ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.manual-indice a{color:var(--fg);text-decoration:none;font-weight:550}.manual-indice a:hover{color:var(--marca)}
.manual-corpo{display:flex;flex-direction:column;gap:16px;max-width:48rem}
.manual-corpo h1{font-size:clamp(34px,5vw,48px);font-weight:800;letter-spacing:-.035em}
.manual-corpo .lead{margin:0;font-size:18px;color:var(--fg-2)}
.manual-secao{padding:24px 0;border-top:1px solid var(--linha)}
.manual-secao h2{display:flex;align-items:baseline;gap:12px;font-size:24px;font-weight:750}
.manual-secao .num{font:600 13px var(--mono);color:var(--marca)}
.manual-secao ol{margin:14px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--fg-2)}

/* telas pequenas */
@media (max-width:1000px){
  .topo-nav{display:none}
  .grade-3{grid-template-columns:minmax(0,1fr)}
  .apps{flex-direction:column}
  .apps-abas{width:auto;flex-direction:row;overflow-x:auto;padding-bottom:6px}
  .apps-abas label{flex-direction:column;justify-content:center;gap:6px;min-width:84px;font-size:12.5px;padding:8px}
  .app-painel{padding:28px}
  .app-painel ul{grid-template-columns:minmax(0,1fr)}
  .chamada{flex-direction:column;align-items:flex-start;padding:40px 28px;margin-inline:16px}
  .chamada-acoes{align-items:flex-start}
  .rodape{flex-wrap:wrap;gap:32px}
  .pagina-teste,.pagina-manual{grid-template-columns:minmax(0,1fr)}
  .manual-indice{position:static}
}
@media (max-width:700px){
  .topo{gap:12px;height:64px}
  .topo-acoes{gap:12px}.topo-acoes .botao{padding:0 14px}
  .marca{font-size:18px}
  .trilha-apps{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 6px;margin-top:40px;padding-bottom:40px}
  .trilha-linha{display:none}
  .marco{position:static;transform:none;width:auto}
  .marco img{width:52px;height:52px;border-radius:14px}
  .grade-2{grid-template-columns:minmax(0,1fr)}
  th,td{padding:14px 12px}
  .app-frase{font-size:21px}
  .cartao-form{padding:24px}
  .vitrine{margin-inline:0}
}
@media (max-width:420px){.topo-acoes .entrar{display:none}}

/* páginas legais */
.legal .manual-secao p{margin:12px 0 0;color:var(--fg-2)}
.legal .manual-secao ul{margin:12px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--fg-2)}
.resumo{padding:22px 24px;border-radius:14px;background:var(--acento-bg);border:1px solid #efd59a}
.resumo ul{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.versao{margin-top:24px!important;font:500 13px var(--mono);color:var(--fg-2)}
.rodape-id{flex-basis:100%;margin:8px 0 0;font-size:13px;color:var(--fg-2)}