:root{
  --tinta:#1c2731;--tinta-2:#44505b;--suave:#5f6b75;--linha:#dde5ec;
  --marinho:#0f2238;--marinho-2:#183352;
  --ciano:#1cbbee;--ciano-esc:#08729c;--ciano-esc-2:#065c80;--ciano-claro:#e6f6fc;
  --fundo:#ffffff;--fundo-2:#eef3f7;--verde-whats:#0f7a40;
  --raio:14px;--raio-p:9px;--sombra:0 1px 2px rgba(15,34,56,.05),0 8px 24px rgba(15,34,56,.07);
  --sombra-tela:0 1px 0 rgba(15,34,56,.06),0 28px 60px -24px rgba(15,34,56,.42),0 0 0 1px rgba(15,34,56,.08);
  --largura:1180px;
  --fonte:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fonte-titulo:"Schibsted Grotesk",var(--fonte);
}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/schibsted-grotesk.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}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--tinta);font:16px/1.6 var(--fonte);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--ciano-esc)}
a:hover{color:var(--ciano-esc-2)}
h1,h2,h3{font-family:var(--fonte-titulo);line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;color:var(--tinta);text-wrap:balance}
h1{font-size:clamp(2.15rem,4.6vw,3.6rem);font-weight:760;line-height:1.05;letter-spacing:-.03em}
h2{font-size:clamp(1.65rem,3vw,2.4rem);font-weight:720;line-height:1.1;letter-spacing:-.025em}
h3{font-size:1.14rem;font-weight:680;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:var(--largura);margin:0 auto;padding:0 20px}
.wrap.estreito{max-width:820px}
.pular{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}
.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--ciano);outline-offset:2px}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;gap:24px;min-height:70px}
.logo{display:inline-flex;align-items:center;text-decoration:none;flex:none}
.logo img{height:36px;width:auto}
.logo-texto{font-weight:800;font-size:1.5rem;color:var(--tinta)}
.menu{display:flex;align-items:center;gap:18px;flex:1;justify-content:flex-end}
.menu>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.menu>ul>li{position:relative}
.menu>ul>li>a{display:block;padding:10px 12px;color:var(--tinta);text-decoration:none;font-weight:560;font-size:.97rem;border-radius:8px}
.menu>ul>li>a:hover,.menu>ul>li.ativo>a{color:var(--ciano-esc);background:var(--ciano-claro)}
.sub-abre{display:none}
.sub{position:absolute;left:-12px;top:100%;padding-top:8px;opacity:0;visibility:hidden;transform:translateY(4px);transition:.15s}
.tem-sub:hover .sub,.tem-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub-in{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);padding:10px;width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sub-in a{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;text-decoration:none;color:var(--tinta)}
.sub-in a svg{color:var(--ciano-esc);flex:none;margin-top:2px}
.sub-in a:hover{background:var(--fundo-2)}
.sub-in strong{display:block;font-size:.95rem;font-weight:620}
.sub-in small{display:block;color:var(--suave);font-size:.83rem;line-height:1.35}
.sub-in .sub-todos{grid-column:1/-1;justify-content:center;font-weight:600;color:var(--ciano-esc);border-top:1px solid var(--linha);border-radius:0;margin-top:4px}
.menu-acoes{display:flex;gap:8px}
.menu-abre{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
.menu-abre span{display:block;width:24px;height:2px;background:var(--tinta);transition:.2s;transform-origin:center}

/* botões */
.botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.botoes.centro{justify-content:center;margin-top:30px}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:640;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.2;font-family:inherit;transition:background .15s,border-color .15s,color .15s}
.bt-p{padding:9px 16px;font-size:.93rem}
.bt-primario{background:var(--ciano-esc);color:#fff}
.bt-primario:hover{background:var(--ciano-esc-2);color:#fff}
.bt-secundario{background:#fff;color:var(--tinta);border-color:var(--linha)}
.bt-secundario:hover{border-color:var(--ciano-esc);color:var(--ciano-esc)}
.bt-whats{background:var(--verde-whats);color:#fff}
.bt-whats:hover{background:#0b6634;color:#fff}
.bt-claro{background:#fff;color:var(--ciano-esc-2)}
.bt-contorno-claro{border-color:rgba(255,255,255,.7);color:#fff}
.bt-contorno-claro:hover{background:rgba(255,255,255,.12);color:#fff}

/* trilha */
.trilha{padding-top:14px;font-size:.86rem}
.trilha ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;color:var(--suave)}
.trilha li+li::before{content:"›";margin-right:6px;color:#a7adb2}
.trilha a{color:var(--suave);text-decoration:none}
.trilha a:hover{color:var(--ciano-esc)}

/* hero */
.hero{padding:64px 0 56px;background:var(--fundo-2);overflow:hidden}
.hero.compacto{padding:40px 0 30px}
.hero-grid{display:grid;gap:48px;align-items:center}
.hero.com-visual .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.etiqueta{display:inline-block;font-size:.95rem;font-weight:650;color:var(--ciano-esc);margin-bottom:12px}
.lead{font-size:1.16rem;color:var(--tinta-2);max-width:620px}
.lead p:last-child{margin-bottom:0}
.atualizado{color:var(--suave);font-size:.9rem;margin-top:8px}
.selos{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--tinta-2);font-size:.93rem}
.selos li{display:flex;align-items:center;gap:6px}
.selos svg{color:var(--ciano-esc)}
.mapa{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:8px}
.mapa-centro{grid-column:2;grid-row:2;background:var(--marinho);color:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;box-shadow:var(--sombra);min-height:110px}
.mapa-centro span{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}
.mapa-centro span::after{content:"";display:block;width:34px;height:4px;border-radius:2px;background:var(--ciano);margin:6px auto 0}
.mapa-centro small{opacity:.8;font-size:.8rem;margin-top:6px}
.mapa-item{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:600;font-size:.92rem;box-shadow:0 1px 2px rgba(20,30,40,.04)}
.mapa-item svg{color:var(--ciano-esc);background:var(--ciano-claro);border-radius:9px;padding:6px;width:34px;height:34px}

/* seções */
.secao{padding:72px 0}
.secao:not([class*="fundo-"]):not(.fluxo):not(.cta-faixa)+.secao:not([class*="fundo-"]):not(.fluxo):not(.cta-faixa):not(.vitrine){padding-top:24px}
.fundo-suave{background:var(--fundo-2)}
.fundo-escuro{background:var(--marinho);color:#e3eaf1}
.fundo-escuro h2,.fundo-escuro h3{color:#fff}
.secao-cab{max-width:760px;margin-bottom:34px}
.secao-intro{color:var(--tinta-2);font-size:1.07rem}
.secao-intro p:last-child{margin:0}
.cards{display:grid;gap:18px}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:24px;display:flex;flex-direction:column;color:var(--tinta);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.fundo-suave .card{border-color:#e1e8ed}
.card h3{margin-bottom:.4em}
.card-txt{color:var(--tinta-2);font-size:.97rem}
.card-txt p:last-child{margin-bottom:0}
.card-txt ul{padding-left:1.1em;margin:0}
.card-ic{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px;background:var(--ciano-claro);color:var(--ciano-esc);margin-bottom:14px}
.card-img{border-radius:10px;margin:-6px -6px 14px;width:calc(100% + 12px);max-width:none}
.card-mais{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;color:var(--ciano-esc);font-weight:620;font-size:.95rem}
.card-link:hover{border-color:var(--ciano-esc);color:var(--tinta)}
.tabela-mod{border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:#fff}
.tm-linha{display:grid;grid-template-columns:260px 1fr;border-top:1px solid var(--linha)}
.tm-linha:first-child{border-top:0}
.tm-a{padding:18px 20px;background:var(--fundo-2);display:flex;gap:10px;align-items:flex-start}
.tm-a svg{color:var(--ciano-esc);flex:none;margin-top:2px}
.tm-a a{color:var(--tinta);text-decoration:none}
.tm-a a:hover{color:var(--ciano-esc)}
.tm-b{padding:18px 20px;color:var(--tinta-2)}
.tm-b p:last-child{margin:0}
.lista-check{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lista-check li{display:flex;gap:12px;align-items:flex-start}
.lista-check svg{flex:none;color:#fff;background:var(--ciano-esc);border-radius:50%;padding:3px;margin-top:3px}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.duas.inverter>div:first-child{order:2}
.caixa-lado{background:var(--fundo-2);border-radius:var(--raio);padding:28px}
.caixa-lado p:last-child{margin:0}
.fundo-suave .caixa-lado{background:#fff;border:1px solid var(--linha)}
.caixa-lado ul{margin:0;padding-left:1.1em}
.prosa{font-size:1.04rem;overflow-wrap:break-word}
.prosa a{overflow-wrap:anywhere}
.prosa h2{margin-top:1.6em}
.prosa h3{margin-top:1.4em}
.prosa ul,.prosa ol{padding-left:1.25em}
.prosa li{margin-bottom:.35em}
.prosa table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95rem;display:block;overflow-x:auto}
.prosa th,.prosa td{border:1px solid var(--linha);padding:9px 12px;text-align:left;vertical-align:top}
.prosa th{background:var(--fundo-2)}
.prosa blockquote{margin:1.2em 0;padding:12px 18px;border-left:4px solid var(--ciano);background:var(--fundo-2);border-radius:0 10px 10px 0}
.prosa code{background:var(--fundo-2);padding:2px 5px;border-radius:5px;font-size:.9em}
.passos{list-style:none;counter-reset:p;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.passos li{counter-increment:p;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:24px;position:relative}
.passos li::before{content:counter(p);display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--marinho);color:#fff;font-weight:700;margin-bottom:12px;font-family:var(--fonte-titulo)}
.passos p:last-child{margin:0}
.faq details{border:1px solid var(--linha);border-radius:var(--raio-p);background:#fff;margin-bottom:10px}
.faq summary{cursor:pointer;padding:16px 46px 16px 18px;font-weight:620;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--ciano-esc)}
.faq details[open] summary::after{content:"–"}
.faq-r{padding:0 18px 14px;color:var(--tinta-2)}
.cta-faixa{background:var(--marinho);color:#dfe7ee;padding:60px 0}
.cta-faixa h2{color:#fff;margin-bottom:.3em}
.cta-faixa p{margin:0}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-in .botoes{margin:0}
.cta-faixa .bt-secundario{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.cta-faixa .bt-secundario:hover{border-color:#fff;color:#fff}
.cta-faixa .bt-primario{background:var(--ciano);color:var(--tinta)}
.cta-faixa .bt-primario:hover{background:#4fcdf3;color:var(--tinta)}
.empresa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.empresa-item{display:flex;gap:12px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;font-size:.95rem}
.empresa-item svg{color:var(--ciano-esc);flex:none}
.empresa-item a{word-break:break-word}

/* formulário */
.contato-wrap{align-items:start}
.form-contato{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:26px;box-shadow:var(--sombra)}
.campo{margin-bottom:14px}
.campo.duplo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.campo.oculto{position:absolute;left:-9999px}
.campo label{display:block;font-weight:600;font-size:.92rem;margin-bottom:5px}
.campo input,.campo select,.campo textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid #cdd5db;border-radius:var(--raio-p);background:#fff;color:var(--tinta)}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--ciano-esc);outline:none;box-shadow:0 0 0 3px rgba(28,187,238,.2)}
.campo .erro,.aceite.erro{border-color:#c62828 !important;color:#b71c1c}
.aceite{display:flex;gap:9px;align-items:flex-start;font-size:.92rem;margin:4px 0 18px}
.aceite input{margin-top:4px}
.form-msg{margin:14px 0 0;font-weight:600}
.form-msg.ok{color:#1b7a3d}
.form-msg.falha{color:#b71c1c}

/* legal */
.legal-wrap{display:grid;grid-template-columns:250px 1fr;gap:48px;align-items:start}
.indice{position:sticky;top:96px;font-size:.9rem;border-left:2px solid var(--linha);padding-left:16px}
.indice ol{padding-left:1.1em;margin:8px 0 0}
.indice li{margin-bottom:6px}
.indice a{color:var(--tinta-2);text-decoration:none}
.indice a:hover{color:var(--ciano-esc)}
.legal h2{font-size:1.35rem;scroll-margin-top:90px}
.legal{max-width:780px}

/* blog / glossário */
.post-meta{font-size:.85rem;color:var(--suave);margin-bottom:8px;font-weight:560}
.post-card h3{font-size:1.08rem}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filtros a{padding:7px 14px;border:1px solid var(--linha);border-radius:999px;text-decoration:none;color:var(--tinta-2);font-size:.92rem}
.filtros a[aria-current]{background:var(--marinho);color:#fff;border-color:var(--marinho)}
.paginacao{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:34px}
.artigo{padding:40px 0 30px}
.artigo h1{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.artigo .capa{margin:24px 0}
.artigo .capa img{border-radius:var(--raio)}
.autor{color:var(--suave);margin-top:28px}
.letras{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.letras a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--linha);border-radius:8px;text-decoration:none;font-weight:600}
.letra{font-size:1.4rem;margin-top:1.4em;padding-bottom:6px;border-bottom:1px solid var(--linha)}
.glossario div{padding:10px 0}
.glossario dt{font-weight:650}
.glossario dd{margin:2px 0 0;color:var(--tinta-2)}
.vazio{color:var(--suave);text-align:center;padding:30px 0}
.entrar svg{color:var(--ciano-esc);margin-bottom:12px;width:34px;height:34px}

/* rodapé */
.rodape{background:var(--fundo-2);border-top:1px solid var(--linha);padding:52px 0 30px;font-size:.93rem;color:var(--tinta-2)}
.rod-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.rod-marca p{margin-top:14px;max-width:290px}
.rod-col strong{display:block;color:var(--tinta);margin-bottom:10px}
.rod-col ul{list-style:none;margin:0;padding:0}
.rod-col li{margin-bottom:7px}
.rod-col a{color:var(--tinta-2);text-decoration:none}
.rod-col a:hover{color:var(--ciano-esc)}
.rod-empresa{border-top:1px solid #dbe2e7;margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.rod-empresa p{margin:0}
.rod-legal{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:flex-start}
.rod-legal a,.link-cookies{color:var(--tinta-2);font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rod-copy{margin:18px 0 0;font-size:.85rem;color:var(--suave)}

/* flutuantes */
.whats-flutua{position:fixed;left:18px;bottom:18px;z-index:40;width:54px;height:54px;border-radius:50%;background:var(--verde-whats);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.whats-flutua svg{width:28px;height:28px}
.whats-flutua:hover{color:#fff;background:#0b6634}
.cookies{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:60;width:min(760px,calc(100% - 24px));background:#fff;border:1px solid var(--linha);border-radius:var(--raio);box-shadow:0 10px 40px rgba(0,0,0,.18);padding:18px 20px;display:flex;gap:18px;align-items:center;font-size:.93rem}
.cookies[hidden]{display:none}
.cookies p{margin:0}
.cookies-bt{display:flex;gap:10px;flex:none}
.cookies-bt .bt{padding:10px 20px}

@media (max-width:1060px){
  .topo{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .menu-abre{display:flex;flex-direction:column;gap:5px}
  .menu{position:fixed;top:71px;left:0;right:0;bottom:0;height:calc(100dvh - 71px);background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px 20px 30px;overflow-y:auto;display:none;gap:12px}
  .menu.aberta{display:flex}
  .menu>ul{flex-direction:column}
  .menu>ul>li{border-bottom:1px solid var(--linha)}
  .menu>ul>li>a{padding:14px 4px;font-size:1.05rem}
  .tem-sub{display:grid;grid-template-columns:1fr 48px}
  .sub-abre{display:block;background:none;border:0;cursor:pointer;position:relative}
  .sub-abre::after{content:"";position:absolute;left:18px;top:20px;width:9px;height:9px;border-right:2px solid var(--tinta);border-bottom:2px solid var(--tinta);transform:rotate(45deg);transition:.2s}
  .tem-sub.aberto .sub-abre::after{transform:rotate(-135deg);top:24px}
  .sub{position:static;grid-column:1/-1;opacity:1;visibility:visible;transform:none;padding:0;display:none}
  .tem-sub.aberto .sub{display:block}
  .tem-sub:hover .sub{display:none}
  .tem-sub.aberto:hover .sub{display:block}
  .sub-in{width:auto;box-shadow:none;border:0;grid-template-columns:1fr;padding:0 0 10px}
  .menu-acoes{flex-direction:column}
  .menu-acoes .bt{padding:13px}
  body.menu-on{overflow:hidden}
  .menu-abre[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-abre[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-abre[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .rod-grid{grid-template-columns:1fr 1fr 1fr}
  .rod-marca{grid-column:1/-1}
  .empresa-grid{grid-template-columns:1fr 1fr}
  .cards.c4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .hero{padding:40px 0}
  .hero.com-visual .hero-grid,.duas{grid-template-columns:1fr;gap:32px}
  .duas.inverter>div:first-child{order:0}
  .cards.c3,.cards.c2{grid-template-columns:1fr 1fr}
  .tm-linha{grid-template-columns:1fr}
  .tm-a{padding-bottom:8px}
  .tm-b{padding-top:6px;background:var(--fundo-2)}
  .legal-wrap{grid-template-columns:1fr}
  .indice{position:static}
  .secao{padding:46px 0}
  .cookies{flex-direction:column;align-items:stretch}
  .cookies-bt .bt{flex:1}
}
@media (max-width:600px){
  body{font-size:15.5px}
  .cards.c3,.cards.c2,.cards.c4{grid-template-columns:1fr}
  .campo.duplo{grid-template-columns:1fr}
  .rod-grid{grid-template-columns:1fr 1fr}
  .empresa-grid{grid-template-columns:1fr}
  .mapa{grid-template-columns:repeat(2,1fr)}
  .mapa-centro{grid-column:1/-1;grid-row:1}
  .botoes .bt{flex:1 1 100%}
  .cta-in .botoes{width:100%}
  .lead{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto !important}}
@media print{.topo,.rodape,.whats-flutua,.cookies,.cta-faixa{display:none}}
.hero.compacto+.secao{padding-top:36px}

.datas{color:var(--suave);font-size:.9rem;margin:-4px 0 22px}
.datas a{color:var(--tinta-2)}
.sumario{background:var(--fundo-2);border-radius:var(--raio);padding:18px 22px;margin:8px 0 28px;font-size:.96rem}
.sumario ol{margin:8px 0 0;padding-left:1.2em;columns:2;column-gap:28px}
.sumario li{margin-bottom:5px;break-inside:avoid}
.sumario a{color:var(--tinta-2);text-decoration:none}
.sumario a:hover{color:var(--ciano-esc);text-decoration:underline}
.prosa h2[id]{scroll-margin-top:90px}
.link-glossario{text-decoration:underline dotted;text-underline-offset:3px}
.caixa-autor{margin-top:36px;padding:20px 22px;border:1px solid var(--linha);border-radius:var(--raio);font-size:.95rem}
.caixa-autor p{margin:6px 0 10px;color:var(--tinta-2)}
.termo-artigos{margin-top:30px;border-top:1px solid var(--linha);padding-top:18px}
.termo-artigos h2{font-size:1.2rem}
@media (max-width:600px){.sumario ol{columns:1}}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prosa li.tarefa{list-style:none;margin-left:-1.2em;display:flex;gap:8px}
.caixinha{color:var(--ciano-esc);font-size:1.1em;line-height:1.4;flex:none}

/* telas do KWeb */
.janela{margin:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--sombra-tela)}
.janela-barra{display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;background:var(--marinho)}
.janela-k{width:14px;height:14px;border-radius:3px;background:var(--ciano);flex:none}
.janela-end{font-size:.74rem;color:#b9c8d6;background:rgba(255,255,255,.08);border-radius:999px;padding:3px 12px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.janela img,.celular img,.tela-solta img{width:100%;height:auto;display:block}
.celular{margin:0;border:7px solid var(--marinho);border-radius:30px;overflow:hidden;background:#fff;box-shadow:var(--sombra-tela)}
.tela-solta{margin:0;border-radius:12px;overflow:hidden;box-shadow:var(--sombra-tela);background:#fff}
.hero-telas{position:relative;margin-right:calc(-1 * max(20px,(100vw - var(--largura)) / 2 + 20px));padding:6px 0 34px}
.hero-telas .janela{border-top-right-radius:0;border-bottom-right-radius:0}
.hero-celular{position:absolute;left:-46px;bottom:0;width:27%;max-width:210px}
.hero.com-tela-abaixo{padding-bottom:56px;background:linear-gradient(var(--fundo-2) 0 64%,var(--fundo) 64% 100%)}
.hero-abaixo{margin-top:48px;position:relative}
.hero-dividido{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px 56px;align-items:start}
.hero-dividido .ht-b{padding-top:40px}
.hero-dividido h1{margin:0}
.hero-dividido .lead{font-size:1.1rem}
.hero-dividido .botoes{margin-top:20px}
.hero-dividido .selos{margin-top:16px}
.hero-abaixo .hero-celular{position:absolute;right:-8px;left:auto;bottom:-36px;width:19%;max-width:230px}
.hero.com-tela-abaixo+.secao{padding-top:56px}
.vitrine-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.tela-esquerda .vitrine-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.tela-esquerda .vitrine-texto{order:2}
.vitrine-visual{position:relative;min-width:0}
.vitrine-texto{min-width:0}
.vitrine-texto .secao-cab{margin-bottom:18px}
.vitrine-cel .vitrine-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.vitrine-cel.tela-esquerda .vitrine-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.vitrine-cel .celular{max-width:300px;margin:0 auto}
.vitrine-celular{position:absolute;right:-22px;bottom:-34px;width:26%;max-width:190px}
.tela-esquerda .vitrine-celular{right:auto;left:-22px}
.vitrine+.vitrine:not([class*="fundo-"]){padding-top:40px}
.vitrine-link{margin:18px 0 0;font-weight:640}
.vitrine-link a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.lista-traco{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px;color:var(--tinta-2)}
.lista-traco li{position:relative;padding-left:22px}
.lista-traco li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:2px;background:var(--ciano)}
.lista-traco strong{color:var(--tinta)}
.fluxo{background:var(--marinho);color:#d9e3ec}
.fluxo h2,.fluxo h3{color:#fff}
.fluxo .etiqueta{color:var(--ciano)}
.fluxo .secao-intro{color:#c3d1dd}
.fluxo-passos{list-style:none;counter-reset:f;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px 40px;align-items:start}
.fluxo-passos>li{counter-increment:f;min-width:0;display:flex;flex-direction:column;gap:18px}
.fluxo-tx{display:grid;grid-template-columns:38px 1fr;column-gap:14px}
.fluxo-tx::before{content:counter(f);grid-row:span 2;width:38px;height:38px;border-radius:50%;background:var(--ciano);color:var(--marinho);font:700 1.05rem/38px var(--fonte-titulo);text-align:center}
.fluxo-tx h3{margin:6px 0 4px;font-size:1.2rem}
.fluxo-tx p{margin:0;color:#c3d1dd}
.fluxo-passos>li:not(:has(figure)){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
.fluxo .tela-solta,.fluxo .janela{box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.fluxo .botoes .bt-secundario{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.fluxo .bt-primario{background:var(--ciano);color:var(--marinho)}
.fluxo .bt-primario:hover{background:#4fcdf3;color:var(--marinho)}
.fluxo a:not(.bt){color:#8fdcf6}
.lista-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
.lista-links.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lista-links li{border-top:1px solid var(--linha)}
.lista-links a,.lista-links li>div{display:flex;align-items:flex-start;gap:14px;padding:18px 2px;text-decoration:none;color:var(--tinta)}
.lista-links a>svg:last-child{margin-left:auto;margin-top:4px;color:var(--suave);flex:none;transition:transform .15s}
.lista-links a:hover strong{color:var(--ciano-esc)}
.lista-links a:hover>svg:last-child{transform:translateX(3px);color:var(--ciano-esc)}
.ll-ic{display:inline-flex;width:38px;height:38px;flex:none;align-items:center;justify-content:center;border-radius:10px;background:var(--ciano-claro);color:var(--ciano-esc)}
.ll-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ll-tx strong{font-weight:650;font-size:1.03rem}
.ll-tx span{color:var(--tinta-2);font-size:.95rem;line-height:1.45}
@media (max-width:1060px){
  .hero-celular{left:-18px}
  .lista-links.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .hero-telas{margin-right:-20px;padding-bottom:24px}
  .hero-celular{left:auto;right:28px;bottom:0;width:30%}
  .vitrine-grid,.tela-esquerda .vitrine-grid,.vitrine-cel .vitrine-grid,.vitrine-cel.tela-esquerda .vitrine-grid{grid-template-columns:1fr;gap:30px}
  .tela-esquerda .vitrine-texto{order:0}
  .vitrine-celular{right:-6px;bottom:-24px;width:30%}
  .tela-esquerda .vitrine-celular{left:auto;right:-6px}
  .vitrine-visual{padding-bottom:10px}
  .vitrine-cel .celular{max-width:260px}
  .fluxo-passos{grid-template-columns:1fr}
  .hero-abaixo{margin-top:30px}
  .hero-dividido{grid-template-columns:1fr}
  .hero-dividido .ht-b{padding-top:0}
  .hero-abaixo .hero-celular{right:12px;bottom:-24px;width:28%}
  .hero.com-tela-abaixo{background:linear-gradient(var(--fundo-2) 0 80%,var(--fundo) 80% 100%)}
}
@media (max-width:600px){
  .lista-links,.lista-links.c3{grid-template-columns:1fr}
  .janela-barra{height:24px}
  .janela-end{font-size:.68rem}
  .celular{border-width:5px;border-radius:22px}
}
.cards.aberto{gap:36px}
.cards.aberto .card{border:0;padding:0;background:none;border-top:2px solid var(--marinho);border-radius:0;padding-top:22px}
.cards.aberto .card-ic{background:none;width:auto;height:auto;justify-content:flex-start;margin-bottom:10px}
@media (max-width:1240px){.vitrine-celular{right:-4px}.tela-esquerda .vitrine-celular{left:-4px}.hero-abaixo .hero-celular{right:4px}}
.vitrine,.hero{overflow-x:clip}
.fundo-escuro .etiqueta{color:var(--ciano)}
.fundo-escuro .secao-intro,.fundo-escuro .prosa{color:#cfdbe6}
.fundo-escuro .prosa a{color:#8fdcf6}
.fundo-escuro .bt-primario{background:var(--ciano);color:var(--marinho)}
.fundo-escuro .bt-primario:hover{background:#4fcdf3;color:var(--marinho)}
.fundo-escuro .bt-secundario{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.fundo-escuro .bt-secundario:hover{border-color:#fff;color:#fff}
.secao.fundo-escuro .prosa{max-width:760px;font-size:1.1rem}
