:root{
  --verde:#04871D; --verde-esc:#036316; --verde-claro:#e8f6e5; --verde-borda:#cfe9c9;
  --tinta:#1d2420; --cinza:#5b6660; --linha:#e3e8e4; --fundo:#f7f9f7; --branco:#fff;
  --azul:#1f5fbf; --alerta:#fff6dd; --alerta-borda:#e8c45a; --vermelho:#c0392b;
  --raio:10px; --sombra:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.05);
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;color:var(--tinta);background:var(--fundo);line-height:1.6;font-size:16px}
a{color:var(--azul)}
[data-go]{cursor:pointer}
.aviso-indep{background:var(--verde-claro);border-bottom:1px solid var(--verde-borda);font-size:13.5px;color:#24521d;text-align:center;padding:7px 16px}
header.site{background:var(--branco);border-bottom:1px solid var(--linha)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.topo{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px;position:relative}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta)}
.marca .selo{width:36px;height:36px;border-radius:9px;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}
.marca b{font-size:17px;letter-spacing:-.2px}
.marca small{display:block;color:var(--cinza);font-size:12px;margin-top:-4px}
nav.principal a{color:var(--tinta);text-decoration:none;margin-left:18px;font-weight:500;font-size:15px}
nav.principal a.ativo,nav.principal a:hover{color:var(--verde-esc)}
.busca{border:1px solid var(--linha);border-radius:20px;padding:6px 14px;font-size:14px;width:180px;margin-left:18px}
.menu-btn{display:none;background:none;border:1px solid var(--linha);border-radius:8px;padding:6px 10px;font-size:15px}
.view{display:none}.view.on{display:block}
.hero{background:linear-gradient(180deg,#fff,var(--fundo));padding:44px 0 26px}
.hero h1{font-size:36px;line-height:1.2;margin:10px 0 12px;letter-spacing:-.6px}
.hero p.lead{font-size:18px;color:var(--cinza);max-width:660px;margin:0 0 22px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:600;font-size:15.5px;text-decoration:none;cursor:pointer;border:0;font-family:inherit}
.btn-verde{background:var(--verde);color:#fff}.btn-verde:hover{background:var(--verde-esc)}
.btn-linha{background:#fff;color:var(--tinta);border:1px solid var(--linha)}
.btn-peq{padding:7px 12px;font-size:14px;border-radius:8px}
.btn small{font-weight:400;opacity:.85;font-size:13px}
.meta-linha{font-size:13.5px;color:var(--cinza);margin-top:10px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:2fr 1fr;gap:26px}
.grid2i{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;box-shadow:var(--sombra)}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(--cinza);font-size:15px}
.card a.mais{display:inline-block;margin-top:10px;font-weight:600;text-decoration:none}
.card.destaque{border:2px solid var(--verde);background:linear-gradient(180deg,#fff,var(--verde-claro))}
.ico{width:40px;height:40px;border-radius:10px;background:var(--verde-claro);color:var(--verde-esc);display:grid;place-items:center;font-weight:800;font-size:15px;margin-bottom:10px}
section{padding:26px 0}
section h2,h2.sec{font-size:24px;margin:0 0 6px;letter-spacing:-.3px}
p.sub{color:var(--cinza);margin:0 0 18px}
.tag{display:inline-block;font-size:12px;font-weight:600;border-radius:20px;padding:2px 10px;background:var(--verde-claro);color:var(--verde-esc)}
.tag.cinza{background:#eef1ef;color:var(--cinza)}
.tag.amarelo{background:var(--alerta);color:#7a5a00}
.tag.azul{background:#e7effb;color:var(--azul)}
.ad{margin:24px 0;text-align:center;overflow:hidden}
.ad.h250{min-height:250px}.ad.h100{min-height:100px}
.autor{display:flex;gap:16px;align-items:center}
.foto{width:72px;height:72px;border-radius:50%;background:#cfd8d2;display:grid;place-items:center;color:#5b6660;font-size:12px;flex:none;text-align:center}
.numeros{display:flex;gap:28px;flex-wrap:wrap;margin-top:12px}
.numeros div b{display:block;font-size:22px;color:var(--verde-esc)}
.numeros div span{font-size:13px;color:var(--cinza)}
.breadcrumb{font-size:13.5px;color:var(--cinza);padding:18px 0 0}
.breadcrumb a{color:var(--cinza)}
h1.pag{font-size:32px;line-height:1.25;margin:10px 0 8px;letter-spacing:-.5px}
.lead2{color:var(--cinza);margin:0 0 18px;max-width:760px;font-size:17px}
.os-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.os-tabs button{background:#fff;border:1px solid var(--linha);border-radius:30px;padding:8px 16px;font-size:15px;cursor:pointer;font-family:inherit}
.os-tabs button.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.detect{background:var(--verde-claro);border:1px solid var(--verde-borda);border-radius:var(--raio);padding:14px 16px;font-size:15px}
.pacote{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--linha);flex-wrap:wrap}
.pacote:last-child{border-bottom:0}
.pacote .info b{display:block}
.pacote .info span{font-size:13.5px;color:var(--cinza)}
.passos{counter-reset:p;list-style:none;padding:0;margin:0}
.passos li{counter-increment:p;position:relative;padding:0 0 16px 46px}
.passos li:before{content:counter(p);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.passos li b{display:block}
.alerta{background:var(--alerta);border:1px solid var(--alerta-borda);border-radius:var(--raio);padding:14px 16px;font-size:15px}
details{background:#fff;border:1px solid var(--linha);border-radius:8px;padding:12px 16px;margin-bottom:8px}
details summary{cursor:pointer;font-weight:600}
details p,details div{margin:8px 0 0;color:var(--cinza)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linha);font-size:15px}
th,td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--linha);vertical-align:top}
th{background:#f1f4f2;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--cinza)}
tr.destaque td{background:#fffbea}
.tabela-wrap{overflow-x:auto;border-radius:var(--raio)}
.lateral .card{margin-bottom:16px}
article p{margin:0 0 14px}
article h2{font-size:22px;margin:28px 0 8px}
.data{font-size:13.5px;color:var(--cinza);margin-bottom:18px}
.formula{font-family:ui-monospace,Menlo,monospace;background:#1d2420;color:#d9f5d2;padding:12px 14px;border-radius:8px;overflow-x:auto;font-size:14px}
.print{background:#e9eeeb;border:1px solid var(--linha);border-radius:8px;height:190px;display:grid;place-items:center;color:var(--cinza);font-size:13px;margin:12px 0 18px}
.curso{display:flex;gap:14px;align-items:center;border:1px solid var(--verde-borda);background:var(--verde-claro);border-radius:var(--raio);padding:16px;margin:24px 0;flex-wrap:wrap}
.curso .icq{width:54px;height:54px;border-radius:10px;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
/* assistente */
.quiz{max-width:720px}
.q-step{display:none}.q-step.on{display:block}
.opcoes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.opcoes button{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px;text-align:left;font-size:16px;cursor:pointer;font-family:inherit;box-shadow:var(--sombra)}
.opcoes button:hover{border-color:var(--verde);background:var(--verde-claro)}
.opcoes button small{display:block;color:var(--cinza);font-size:13.5px;margin-top:2px}
.progresso{height:6px;background:var(--linha);border-radius:4px;margin:14px 0 22px;overflow:hidden}
.progresso div{height:100%;background:var(--verde);width:33%;transition:width .3s}
.resultado{border:2px solid var(--verde);background:#fff;border-radius:12px;padding:22px}
.resultado .ver{font-size:30px;font-weight:800;color:var(--verde-esc);margin:4px 0}
/* timeline */
.timeline{border-left:3px solid var(--verde-borda);margin:10px 0 0 10px;padding-left:22px}
.tl-item{position:relative;padding-bottom:22px}
.tl-item:before{content:"";position:absolute;left:-31px;top:6px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--verde)}
.tl-item.atual:before{background:var(--verde)}
.tl-item h3{margin:0;font-size:18px}
.tl-item .quando{font-size:13px;color:var(--cinza)}
.tl-item ul{margin:8px 0 0;padding-left:20px;color:var(--tinta)}
/* comparativo */
.sim{color:var(--verde-esc);font-weight:700}.nao{color:var(--vermelho);font-weight:700}.parcial{color:#9a6b00;font-weight:700}
/* historia */
.marco{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--linha)}
.marco b.ano{font-size:22px;color:var(--verde-esc)}
/* footer */
footer{background:#1d2420;color:#b7c2bb;font-size:14px;padding:32px 0;margin-top:34px}
footer a{color:#dfe8e2;text-decoration:none}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
footer h4{color:#fff;margin:0 0 8px;font-size:15px}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:4px 0}
.nota{font-size:12.5px;color:#8fa096;border-top:1px solid #2f3a34;margin-top:20px;padding-top:14px}
/* admin */
.adm{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 40px);background:#f3f5f4}
.adm aside{background:#1d2420;color:#cfd8d2;padding:18px 0}
.adm aside .lg{color:#fff;font-weight:700;padding:0 18px 16px;border-bottom:1px solid #2f3a34;margin-bottom:8px}
.adm aside a{display:block;padding:9px 18px;color:#cfd8d2;text-decoration:none;font-size:14.5px;cursor:pointer}
.adm aside a.on,.adm aside a:hover{background:#2a352f;color:#fff;border-left:3px solid var(--verde);padding-left:15px}
.adm .conteudo{padding:22px 26px}
.adm h1{font-size:24px;margin:0 0 14px}
.kpi{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:16px}
.kpi span{font-size:13px;color:var(--cinza)}
.kpi b{display:block;font-size:26px;margin-top:2px}
.kpi small{font-size:12.5px}
.sub-adm{display:none}.sub-adm.on{display:block}
.campo{margin-bottom:14px}
.campo label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
.campo input,.campo textarea,.campo select{width:100%;padding:10px;border:1px solid var(--linha);border-radius:8px;font-size:15px;font-family:inherit;background:#fff}
.campo .cont{font-size:12.5px;color:var(--cinza);text-align:right}
.editor-barra{display:flex;gap:4px;border:1px solid var(--linha);border-bottom:0;border-radius:8px 8px 0 0;background:#f7f9f7;padding:6px}
.editor-barra button{border:1px solid var(--linha);background:#fff;border-radius:5px;padding:4px 9px;font-size:13px;cursor:pointer}
.editor-area{border:1px solid var(--linha);border-radius:0 0 8px 8px;background:#fff;min-height:220px;padding:14px;font-size:15px}
.preview-google{background:#fff;border:1px solid var(--linha);border-radius:8px;padding:14px}
.preview-google .u{font-size:13px;color:#4d5156}
.preview-google .t{font-size:19px;color:#1a0dab;margin:2px 0}
.preview-google .d{font-size:14px;color:#4d5156}
.toggle{display:inline-block;width:40px;height:22px;border-radius:12px;background:#ccd3cf;position:relative;cursor:pointer;vertical-align:middle}
.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}
.toggle.on{background:var(--verde)}.toggle.on:after{left:21px}
.nota-mock{font-size:12.5px;color:var(--cinza);font-style:italic;margin-top:8px}

.logo-img{height:44px;width:auto;display:block}
.logo-sub{white-space:nowrap;font-size:11.5px;color:var(--cinza);line-height:1.25;border-left:1px solid var(--linha);padding-left:10px}
nav.principal a.nav-cta{background:var(--verde);color:#fff;padding:7px 12px;border-radius:8px}
nav.principal a.nav-cta:hover{background:var(--verde-esc);color:#fff}
.capa{height:96px;border-radius:8px;margin:-4px -4px 12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:.3px}
.c-verde{background:linear-gradient(135deg,#18A303,#0f6e02)}.c-azul{background:linear-gradient(135deg,#2a6fd6,#1b4f9c)}.c-laranja{background:linear-gradient(135deg,#e8871e,#b85f0b)}.c-roxo{background:linear-gradient(135deg,#8a4fd1,#5d2f99)}.c-amarelo{background:linear-gradient(135deg,#d6a514,#a07a06)}.c-cinza{background:linear-gradient(135deg,#7d8a83,#56625b)}.c-escuro{background:linear-gradient(135deg,#d94f1e,#7a2a0c)}
.vthumb{position:relative;aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#26302b,#3c4a42);display:grid;place-items:center;margin-bottom:10px}
.vthumb .play{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.92);color:#c4302b;display:grid;place-items:center;font-size:18px;padding-left:3px}
.vthumb .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:1px 6px;border-radius:4px}
.vcard h3{font-size:16px;margin:6px 0 4px}
.player{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:12px}
.video-box{aspect-ratio:16/9;background:#111;border-radius:10px;display:grid;place-items:center;position:relative}
.video-box .play.grande{width:72px;height:72px;border-radius:50%;background:#c4302b;color:#fff;display:grid;place-items:center;font-size:26px;padding-left:4px}
.video-box .yt{position:absolute;bottom:10px;left:12px;color:#aaa;font-size:12.5px}
ol.aulas{list-style:none;padding:0;margin:12px 0 0;counter-reset:a}
ol.aulas li{counter-increment:a;padding:9px 0 9px 34px;border-top:1px solid var(--linha);position:relative;font-size:14.5px;cursor:pointer}
ol.aulas li:before{content:counter(a);position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;border:2px solid var(--linha);display:grid;place-items:center;font-size:12px;color:var(--cinza)}
ol.aulas li.feita:before{content:"✓";background:var(--verde);border-color:var(--verde);color:#fff}
ol.aulas li.atual{font-weight:700;color:var(--verde-esc)}
ol.aulas li.atual:before{border-color:var(--verde);color:var(--verde-esc)}
.livro{width:110px;height:150px;border-radius:4px 8px 8px 4px;background:linear-gradient(135deg,#18A303,#0b5201);color:#fff;font-weight:800;font-size:14px;padding:14px;box-shadow:4px 4px 0 #cfe9c9}
.livro small{font-weight:400;font-size:11.5px}
.cap-lista{margin-top:16px}
.cap{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--linha)}
.cap span:first-child{flex:1}
.cap a{font-weight:600;text-decoration:none}
.checks{display:flex;flex-direction:column;gap:6px;font-size:15px}
.checks label{display:flex;gap:8px;align-items:center;font-weight:400}
.checks input,.campo input[type=checkbox]{width:auto!important;flex:none;margin:0}
nav.principal{display:flex;align-items:center;white-space:nowrap}
ol.log{display:none;margin:14px 0 0;padding-left:20px;font-size:14px;color:var(--tinta)}
ol.log li{margin:4px 0}
@media (max-width:860px){
  .player{grid-template-columns:1fr}
  .logo-img{height:34px}.logo-sub{display:none}
  .grid4,.grid3,.grid2,.grid2i,footer .cols,.opcoes{grid-template-columns:1fr}
  nav.principal{display:none}
  nav.principal.aberto{display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;background:#fff;border-bottom:1px solid var(--linha);padding:8px 16px;z-index:9}
  nav.principal.aberto a{margin:8px 0}
  .busca{display:none}
  .menu-btn{display:block}
  .hero h1{font-size:28px}h1.pag{font-size:26px}
  .adm{grid-template-columns:1fr}.adm aside{display:flex;overflow-x:auto;padding:0}.adm aside .lg{display:none}.adm aside a{white-space:nowrap}
  .marco{grid-template-columns:1fr}
}

/* ---- site real ---- */
.pular{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:50}.pular:focus{left:8px}
a.card{display:block;text-decoration:none;color:inherit}a.card:hover{border-color:var(--verde)}
:focus-visible{outline:3px solid #6fc35c;outline-offset:2px}
.texto{font-size:17px}
.texto h2{font-size:23px;margin:30px 0 10px;letter-spacing:-.3px}
.texto h3{font-size:19px;margin:22px 0 8px}
.texto p,.texto ul,.texto ol{margin:0 0 14px}
.texto li{margin:4px 0}
.texto img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--linha)}
.texto pre,pre.formula{font-family:ui-monospace,Menlo,monospace;background:#1d2420;color:#d9f5d2;padding:12px 14px;border-radius:8px;overflow-x:auto;font-size:14px;white-space:pre-wrap}
.texto code{background:#eef1ef;padding:1px 5px;border-radius:4px;font-size:.92em}
.texto iframe{max-width:100%}
.yt-embed{position:relative;aspect-ratio:16/9;background:#111;border-radius:10px;overflow:hidden;margin:6px 0 18px}
.yt-embed iframe,.yt-embed button{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-embed button{background-size:cover;background-position:center;cursor:pointer;display:grid;place-items:center}
.yt-embed button span{width:72px;height:72px;border-radius:50%;background:#c4302b;color:#fff;display:grid;place-items:center;font-size:26px;padding-left:4px;box-shadow:0 4px 20px rgba(0,0,0,.4)}
.vthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px}
.vthumb .play,.vthumb .dur{z-index:1}
.vcard{text-decoration:none;color:inherit}
.paginacao{display:flex;gap:8px;justify-content:center;margin:24px 0}
.paginacao a,.paginacao span{padding:8px 13px;border:1px solid var(--linha);border-radius:8px;background:#fff;text-decoration:none}
.paginacao span{background:var(--tinta);color:#fff}
.msg-ok{background:var(--verde-claro);border:1px solid var(--verde-borda);padding:12px 16px;border-radius:8px;margin:12px 0}
.msg-erro{background:#fde8e6;border:1px solid #f3b9b2;padding:12px 16px;border-radius:8px;margin:12px 0}
.vazio{color:var(--cinza);background:#fff;border:1px dashed var(--linha);border-radius:var(--raio);padding:20px;text-align:center}
.certificado{max-width:900px;margin:30px auto;background:#fff;border:10px double var(--verde);padding:50px;text-align:center}
.certificado h1{font-size:40px;margin:0 0 10px;color:var(--verde-esc)}
@media print{header.site,footer,.aviso-indep,.nao-imprimir{display:none!important}body{background:#fff}}
/* acervo próprio */
.selo-local{color:var(--verde,#18a303);font-size:10px;vertical-align:middle}
details.sha{margin-top:4px;font-size:12px}
details.sha summary{cursor:pointer;color:var(--cinza)}
details.sha div{margin-top:4px}
details.sha code{display:block;word-break:break-all;font-size:11px;background:#f4f6f4;padding:3px 5px;border-radius:4px}

/* ===== v2: visual do site antigo (verde, frase girando, foto) ===== */
.barra-topo{background:#0d4a1a;color:#d6eadb;font-size:12.5px}
.barra-topo .wrap{display:flex;justify-content:space-between;align-items:center;height:30px}
.barra-topo a{color:#d6eadb;text-decoration:none}.barra-topo .redes a{margin-left:12px;font-size:15px}
header.site{background:#04871D;border-bottom:0}
header.site .topo{height:84px}
.marca .logo-img{height:52px;width:auto;background:#fff;padding:5px 10px;border-radius:6px}
.frase{flex:1;text-align:center;color:#f9f9f9;font-size:27px;font-weight:300;white-space:nowrap;overflow:hidden}
.frase b{color:#33EA13;font-weight:400;display:inline-block;min-width:140px;transition:opacity .3s}
nav.principal{background:#0a5c1c;display:block}
nav.principal .wrap{display:flex;align-items:center;gap:2px;overflow-x:auto}
nav.principal a{color:#fff;margin:0;padding:12px 12px;font-size:15px}
nav.principal a.ativo,nav.principal a:hover{color:#33EA13}
nav.principal a.nav-cta{background:#33EA13;color:#06280e;margin-left:auto;padding:6px 14px;border-radius:5px;font-weight:700}
nav.principal a.nav-cta:hover{background:#5ff044;color:#06280e}
.menu-btn{background:#fff;border:0}
/* capa com foto */
.abertura{position:relative;background:#14301b url(/assets/img/capa-teclado.jpg) center/cover no-repeat;padding:44px 0 40px}
.abertura:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,14,.9) 0%,rgba(4,40,14,.62) 55%,rgba(0,0,0,.05) 100%)}
.abertura .wrap{position:relative;color:#fff}
.abertura h1{font-size:38px;line-height:1.2;margin:10px 0 12px;max-width:640px;color:#fff}
.abertura p.lead{color:#dcebdf;font-size:18px;max-width:580px;margin:0 0 22px}
.abertura .tag{background:rgba(255,255,255,.15);color:#fff}
.abertura .meta-linha{color:#cfe3d3}
/* rodapé verde escuro */
footer{background:#0b3318;color:#cfe3d3}
footer a{color:#e6f3e8}
footer .nota{border-top-color:#1f5a2c;color:#a9c9b0}
.aviso-rod{font-size:13px;line-height:1.6;margin:8px 0 0}.aviso-rod a{text-decoration:underline}
/* download com ícones e idioma junto */
.os-tabs button i{margin-right:6px}
.sis-tit{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:22px}.sis-tit i{font-size:30px;color:var(--verde)}
.sub-tit{display:flex;gap:8px;align-items:center;margin:16px 0 0;font-size:17px}.sub-tit i{color:var(--verde)}.sub-tit small{color:var(--cinza);font-weight:400}
.grade-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}
.par{border:1px solid var(--linha);border-radius:10px;overflow:hidden;background:#fff}
.par .prin{display:flex;gap:12px;align-items:center;padding:14px;background:#f1f8f2;text-decoration:none;color:var(--tinta)}
.par .prin>i{font-size:32px;color:var(--verde);width:36px;text-align:center}
.par .prin b{display:block;font-size:15px}.par .prin small{color:var(--cinza)}
.par .prin .seta{margin-left:auto;background:var(--verde);color:#fff;border-radius:6px;padding:8px 11px;font-size:13px;font-weight:700;white-space:nowrap}
.par .idi{display:flex;gap:10px;align-items:center;padding:9px 14px;border-top:1px dashed var(--linha);font-size:13.5px;color:var(--tinta);text-decoration:none}
.par .idi i{color:#1d4f91}.par .idi span{margin-left:auto;color:#1d4f91;font-weight:700}
.par.off{opacity:.7}.par.off .seta{background:#777}
.mapa{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:20px;margin-top:24px}
.mapa img{width:100%;height:auto;border-radius:6px}
.ponto-local{color:var(--verde);font-size:10px}
@media(max-width:800px){
  .frase{display:none}
  header.site .topo{height:70px}
  nav.principal{display:none}
  nav.principal.aberto{display:block;position:static;background:#0a5c1c;padding:0;border:0}
  nav.principal.aberto .wrap{flex-direction:column;align-items:stretch}
  nav.principal a.nav-cta{margin:8px 0}
  .abertura{padding:30px 0}.abertura h1{font-size:28px}
}
details.serie-bloco{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);margin:12px 0;padding:0 14px}
details.serie-bloco>summary{padding:14px 0;cursor:pointer;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
details.serie-bloco>summary b{font-size:19px}
details.serie-bloco .req{font-size:13px;color:var(--cinza)}

.marca .logo-img.branco{background:none;padding:0;height:58px}
@media(max-width:800px){.marca .logo-img.branco{height:44px}}

.idi-mini{font-size:12px;color:#1d4f91;white-space:nowrap;margin-left:4px}
td .idi-mini i{font-size:11px}
details.sha{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;margin:4px 0 0!important}details.sha summary{padding:0!important;font-size:12px;font-weight:400}

/* cartões com ícones coloridos (página inicial) */
.ico-g{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px;color:#fff;margin-bottom:12px;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.ico-g.c1{background:linear-gradient(135deg,#04871D,#33c24d)}
.ico-g.c2{background:linear-gradient(135deg,#1f5fbf,#4f9be8)}
.ico-g.c3{background:linear-gradient(135deg,#e8a400,#ffcc33);color:#3a2a00}
.ico-g.c4{background:linear-gradient(135deg,#8e44ad,#c06ad8)}
.card-dif{transition:transform .15s,box-shadow .15s}.card-dif:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.10)}

/* título com efeito (ex.: "Fast DownLoad") */
.titulo-fx{display:flex;align-items:center;gap:12px;font-size:34px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}
.titulo-fx .brilho{background:linear-gradient(100deg,#04871D 0%,#04871D 35%,#33EA13 45%,#b8ff9e 50%,#33EA13 55%,#04871D 65%,#04871D 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:fxBrilho 3.2s ease-in-out infinite}
.titulo-fx .raio{position:relative;width:46px;height:46px;border-radius:50%;background:#04871D;color:#33EA13;display:grid;place-items:center;font-size:22px;flex:none;
  box-shadow:0 0 0 0 rgba(51,234,19,.55);animation:fxPulso 2s ease-out infinite}
.titulo-fx .raio i{animation:fxRaio 2s ease-in-out infinite}
@keyframes fxBrilho{0%{background-position:100% 0}60%,100%{background-position:0 0}}
@keyframes fxPulso{0%{box-shadow:0 0 0 0 rgba(51,234,19,.55)}70%{box-shadow:0 0 0 14px rgba(51,234,19,0)}100%{box-shadow:0 0 0 0 rgba(51,234,19,0)}}
@keyframes fxRaio{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.15)}55%{transform:translateY(1px) scale(.95)}}
@media(max-width:800px){.titulo-fx{font-size:26px}.titulo-fx .raio{width:38px;height:38px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.titulo-fx .brilho,.titulo-fx .raio,.titulo-fx .raio i{animation:none}.titulo-fx .brilho{color:#04871D;background:none}}

/* botão "Ver todos" */
.ver-todos{text-align:center;margin:22px 0 0}
.btn-ver{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:40px;background:#04871D;color:#fff;font-weight:700;font-size:16px;text-decoration:none;
  box-shadow:0 6px 16px rgba(4,135,29,.28);transition:transform .15s,box-shadow .15s,background .15s}
.btn-ver i{font-size:19px}.btn-ver .fa-youtube{color:#fff}
.btn-ver .seta{display:inline-block;transition:transform .2s}
.btn-ver:hover{background:#036316;transform:translateY(-2px);box-shadow:0 10px 22px rgba(4,135,29,.35)}
.btn-ver:hover .seta{transform:translateX(5px)}

/* =====================================================================
   v5 — visual do mockup v7 (fontes próprias, página inicial nova)
   ===================================================================== */
@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fontes/nunito-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fontes/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/fontes/nunito-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fontes/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fontes/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fontes/inter-latin-600-normal.woff2) format("woff2")}
:root{--neon:#33EA13;--menta:#eaf7ec;--menta2:#d6f0da;--noite:#0b3318}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16.5px;background:#fbfcfb}
h1,h2,h3,h4{font-family:Nunito,Inter,sans-serif;letter-spacing:-.3px}
/* topo */
.barra-topo{background:#073816}
header.site{position:sticky;top:0;z-index:30;box-shadow:0 2px 12px rgba(0,0,0,.12)}
header.site .topo{height:76px}
.frase{font-size:22px}
nav.principal a{font-weight:500;border-bottom:3px solid transparent;padding:12px 13px}
nav.principal a.ativo,nav.principal a:hover{color:#fff;border-bottom-color:var(--neon)}
nav.principal a.nav-cta{border:0;border-radius:10px;padding:7px 16px}
.menu-btn{background:rgba(255,255,255,.15);color:#fff;font-size:18px;border-radius:10px;padding:8px 13px}
/* rodapé */
footer{background:var(--noite);padding:60px 0 26px}
footer h4{font-size:16px;margin-bottom:12px}
footer li{margin:7px 0}

/* ---------- página inicial ---------- */
.h-sec{padding:88px 0}
.h-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.h-cab h2{font-size:clamp(28px,3.4vw,38px);font-weight:900;margin:0;line-height:1.15}
.h-cab p{color:var(--cinza);margin:10px 0 0;max-width:640px;font-size:17px}
.h-olho{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--verde);margin-bottom:12px}
.h-mais{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;color:#036316;padding:8px 0;border-bottom:2px solid var(--menta2);white-space:nowrap}
.h-mais i{transition:transform .2s}.h-mais:hover i{transform:translateX(4px)}
.h-tag{display:inline-block;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:30px;background:var(--menta);color:#036316}
.h-btn{display:inline-flex;align-items:center;gap:10px;border-radius:14px;padding:15px 24px;font-weight:700;font-size:16.5px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.h-btn-prim{background:var(--neon);color:#062a0f;box-shadow:0 10px 26px rgba(51,234,19,.32)}
.h-btn-prim:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(51,234,19,.42)}
.h-btn-sec{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.h-btn-sec:hover{background:rgba(255,255,255,.2)}
.h-ad{padding-top:10px;padding-bottom:10px}

/* abertura */
.h-hero{position:relative;color:#fff;background:#0e2a17 url(/assets/img/capa-teclado.jpg) center/cover no-repeat;overflow:hidden}
.h-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,38,15,.96) 0%,rgba(5,38,15,.86) 45%,rgba(5,38,15,.4) 100%)}
.h-hero .wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:72px;padding-bottom:84px}
.h-versao{display:inline-flex;align-items:center;gap:8px;background:rgba(51,234,19,.14);border:1px solid rgba(51,234,19,.45);color:#c9ffbd;font-size:13.5px;font-weight:600;padding:6px 14px;border-radius:30px}
.h-versao i{color:var(--neon)}
.h-hero h1{font-size:clamp(32px,4.4vw,52px);font-weight:900;line-height:1.12;margin:20px 0 18px;color:#fff}
.h-hero h1 em{font-style:normal;color:var(--neon)}
.h-lead{font-size:clamp(17px,1.6vw,19px);color:#d9eadd;max-width:560px;margin:0 0 30px}
.h-cta{display:flex;gap:12px;flex-wrap:wrap}
.h-confia{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:14.5px;color:#cfe6d4}
.h-confia span{display:inline-flex;align-items:center;gap:8px}.h-confia i{color:var(--neon)}
.h-sist{display:flex;gap:14px;margin-top:16px;font-size:22px;color:#a9cdb1}
.h-tela-hero{margin:0;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.45);transform:perspective(1400px) rotateY(-7deg) rotateX(2deg);transition:transform .5s}
.h-tela-hero:hover{transform:none}
.h-tela-hero img{width:100%;height:auto;display:block}

/* suíte */
.h-suite{background:#fbfcfb}
.h-app-writer{--c:#2a6fdb}.h-app-calc{--c:#1f9d55}.h-app-impress{--c:#e0551f}.h-app-draw{--c:#d9a400}.h-app-base{--c:#a23ea8}.h-app-math{--c:#5b6670}
.h-abas{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.h-abas button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--linha);background:#fff;border-radius:40px;padding:10px 18px;font-weight:800;font-size:15px;cursor:pointer;font-family:Nunito,Inter,sans-serif;color:var(--tinta)}
.h-abas button i{color:var(--c)}
.h-abas button.on{background:var(--c);border-color:var(--c);color:#fff}.h-abas button.on i{color:#fff}
.h-painel{display:none;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.h-painel.on{display:grid}
.h-painel h3{font-size:clamp(26px,3vw,34px);font-weight:900;margin:0 0 14px}
.h-painel h3 span{color:var(--c)}
.h-painel p{color:#3c4740;font-size:17px;margin:0 0 16px}
.h-painel ul{list-style:none;padding:0;margin:0 0 22px}
.h-painel li{display:flex;gap:10px;margin:9px 0}.h-painel li i{color:var(--c);margin-top:5px}
.h-equiv{display:inline-flex;gap:8px;align-items:center;font-size:14px;background:#fff;border:1px dashed var(--linha);padding:8px 14px;border-radius:12px;color:var(--cinza)}
.h-galeria figure{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(16,40,24,.16);border:1px solid var(--linha)}
.h-galeria img{width:100%;height:auto;display:block}
.h-galeria figcaption{font-size:13.5px;color:var(--cinza);padding:10px 14px;border-top:1px solid var(--linha)}
.h-pontos{display:flex;gap:8px;justify-content:center;margin-top:14px}
.h-pontos button{width:11px;height:11px;border-radius:50%;border:0;background:#cfdcd2;cursor:pointer;padding:0}
.h-pontos button.on{background:#1f9d55;width:28px;border-radius:8px}
.h-janela{background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(16,40,24,.14);overflow:hidden;border:1px solid var(--linha)}
.h-janela .jt{display:flex;gap:7px;align-items:center;background:#ececec;padding:10px 12px;font-size:12.5px;color:#555}
.h-janela .jt i{width:11px;height:11px;border-radius:50%;display:inline-block}.h-janela .jt span{margin-left:8px;font-weight:600}
.h-janela .jc{background:#eef1ef;min-height:280px;display:grid;place-items:center}
.h-ilu{text-align:center;color:var(--c)}.h-ilu i{font-size:70px}.h-ilu b{display:block;font-family:Nunito;font-size:22px;margin-top:12px;color:var(--tinta)}.h-ilu small{color:var(--cinza)}

/* vídeos */
.h-videos{background:#fff}
.h-vgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}
.h-vbig,.h-vmini{text-decoration:none;color:var(--tinta)}
.h-thumb{position:relative;border-radius:16px;overflow:hidden;background:#1d2a22;aspect-ratio:16/9}
.h-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.h-play{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:#e12121;font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:transform .2s}
.h-vbig:hover .h-play,.h-vmini:hover .h-play{transform:scale(1.08)}
.h-dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:2px 7px;border-radius:5px}
.h-vbig .h-tag{margin-top:16px}
.h-vbig h3{font-size:22px;font-weight:800;margin:10px 0 6px}.h-vbig p{color:var(--cinza);margin:0}
.h-vlista{display:flex;flex-direction:column;gap:18px}
.h-vmini{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}
.h-vmini .h-thumb{border-radius:12px}.h-vmini .h-play{width:40px;height:40px;font-size:14px}
.h-vmini h4{margin:0 0 4px;font-size:16.5px;line-height:1.3}.h-vmini small{color:var(--cinza)}

/* fast download */
.h-fast{background:#fbfcfb;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.h-fast .titulo-fx{font-size:clamp(28px,3.4vw,38px);font-weight:900}
.h-os3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.h-os{position:relative;border:1px solid var(--linha);border-radius:18px;padding:28px;background:#fff;box-shadow:0 1px 2px rgba(16,40,24,.05),0 10px 30px rgba(16,40,24,.07);transition:transform .2s,box-shadow .2s}
.h-os:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,40,24,.12)}
.h-os.seu{border:2px solid var(--neon)}
.h-os .seu-tag{position:absolute;top:-13px;left:24px;background:var(--neon);color:#062a0f;font-size:12px;font-weight:800;padding:4px 12px;border-radius:30px}
.h-os .ic{font-size:44px;color:var(--verde);margin-bottom:10px}
.h-os h3{font-size:23px;font-weight:800;margin:0}
.h-os p{color:var(--cinza);margin:6px 0 18px;font-size:15px}
.h-os .bx{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--verde);color:#fff;text-decoration:none;border-radius:12px;padding:13px 16px;font-weight:700}
.h-os .bx:hover{background:#036316}.h-os .bx small{font-weight:500;opacity:.8}
.h-os .idi{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;text-decoration:none;color:#1d4f91;padding:6px 2px}
.h-os .op{display:block;margin-top:6px;font-size:13.5px;color:var(--cinza)}
.h-atalhos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}
.h-at{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:16px;background:#fff;text-decoration:none;color:var(--tinta);border:1px solid var(--linha);transition:transform .2s,box-shadow .2s}
.h-at:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.h-at .i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:19px;flex:none}
.h-at b{display:block;font-family:Nunito;font-size:17px}.h-at span{font-size:14px;color:var(--cinza)}
.g1{background:linear-gradient(135deg,#04871D,#33c24d)}.g2{background:linear-gradient(135deg,#1f5fbf,#4f9be8)}.g3{background:linear-gradient(135deg,#e8a400,#ffcc33)}.g4{background:linear-gradient(135deg,#8e44ad,#c06ad8)}

/* cursos */
.h-cursos{background:linear-gradient(120deg,#05401a,#04871D 60%,#1aa833);color:#fff;position:relative;overflow:hidden}
.h-cursos:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:rgba(51,234,19,.12)}
.h-cursos .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.h-cursos .h-olho{color:var(--neon)}
.h-cursos h2{font-size:clamp(30px,3.6vw,42px);font-weight:900;line-height:1.12;margin:0}
.h-cursos p{color:#d7efdb;font-size:17.5px}
.h-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 30px}
.h-nums div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px}
.h-nums b{display:block;font-family:Nunito;font-size:30px;font-weight:900;color:var(--neon)}.h-nums span{font-size:13.5px;color:#cfe6d4}
.h-clist{display:flex;flex-direction:column;gap:12px}
.h-citem{display:flex;align-items:center;gap:16px;background:#fff;color:var(--tinta);border-radius:16px;padding:16px 18px;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:transform .2s}
.h-citem:hover{transform:translateX(6px)}
.h-citem .i{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:21px;flex:none;background:var(--verde)}
.h-citem .i.c-azul{background:#2a6fdb}.h-citem .i.c-laranja{background:#e0551f}.h-citem .i.c-roxo{background:#a23ea8}.h-citem .i.c-amarelo{background:#d9a400}.h-citem .i.c-cinza{background:#5b6670}.h-citem .i.c-escuro{background:#1d2420}
.h-citem b{display:block;font-family:Nunito;font-size:17px}.h-citem small{color:var(--cinza)}
.h-citem .seta{margin-left:auto;color:var(--verde)}

/* tutoriais */
.h-tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.h-tut{background:#fff;border:1px solid var(--linha);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--tinta);box-shadow:0 1px 2px rgba(16,40,24,.05),0 10px 30px rgba(16,40,24,.06);transition:transform .2s}
.h-tut:hover{transform:translateY(-4px)}
.h-tut .h-topo{height:150px;display:grid;place-items:center;background:#f4f8f5;border-bottom:1px solid var(--linha)}
.h-tut .h-topo i{font-size:50px}
.h-tut .c{padding:20px}
.h-tut h3{font-size:19px;font-weight:800;margin:10px 0 8px}.h-tut p{color:var(--cinza);font-size:15px;margin:0}
.h-livro .h-topo{background:linear-gradient(135deg,#1f7a45,#33c24d)}
.h-livro .h-topo img{height:130px;width:auto;border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.h-tut-ad{display:block;padding:10px}

/* autor e novidades */
.h-autor{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--linha);border-radius:24px;padding:38px;box-shadow:0 1px 2px rgba(16,40,24,.05),0 10px 30px rgba(16,40,24,.06)}
.h-autor .foto{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid var(--menta)}
.h-autor h2{font-size:28px;font-weight:900;margin:0}.h-autor p{color:#3c4740;font-size:17px;margin:10px 0 16px}
.h-autor .selos{display:flex;gap:10px;flex-wrap:wrap}
.h-cad{margin-top:36px;background:var(--menta);border-radius:24px;padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.h-cad h2{font-size:28px;font-weight:900;margin:0}.h-cad p{color:#3c4740;margin:8px 0 0}
.h-cad form{display:flex;gap:10px;flex-wrap:wrap}
.h-cad input{flex:1;min-width:200px;border:1px solid #cfe2d3;border-radius:12px;padding:14px 16px;font-size:16px;font-family:inherit}
.h-cad button{background:var(--verde);color:#fff;border:0;border-radius:12px;padding:14px 22px;font-weight:700;font-size:16px;cursor:pointer;font-family:inherit}
.h-cad small{display:block;margin-top:8px;color:var(--cinza);font-size:13px}

/* perguntas */
.h-faq{max-width:820px;margin:auto}
.h-faq details{background:#fff;border:1px solid var(--linha);border-radius:14px;margin:12px 0;padding:0 22px}
.h-faq summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:800;font-family:Nunito,Inter,sans-serif;font-size:18px;display:flex;justify-content:space-between;gap:12px}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary:after{content:"+";color:var(--verde);font-size:24px;line-height:1}
.h-faq details[open] summary:after{content:"–"}
.h-faq details p{margin:0 0 20px;color:#3c4740}

@media (max-width:980px){
  .h-hero .wrap,.h-painel.on,.h-cursos .wrap,.h-cad,.h-vgrid{grid-template-columns:1fr}
  .h-tela-hero{transform:none}
  .h-os3,.h-tgrid,.h-atalhos{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .h-sec{padding:60px 0}
  .h-hero .wrap{padding-top:40px;padding-bottom:50px;gap:32px}
  .h-cta .h-btn{width:100%;justify-content:center}
  .h-os3,.h-tgrid,.h-atalhos{grid-template-columns:1fr}
  .h-nums b{font-size:22px}
  .h-vmini{grid-template-columns:120px 1fr}
  .h-autor{grid-template-columns:1fr;text-align:center;padding:28px}.h-autor .foto{margin:auto}.h-autor .selos{justify-content:center}
  .h-cad{padding:26px}
}
@media (prefers-reduced-motion:reduce){.h-tela-hero,.h-tela-hero:hover{transform:none}}

/* v5b: títulos em Inter (fonte mais simples, sem o arredondado da Nunito) */
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fontes/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fontes/inter-latin-800-normal.woff2) format("woff2")}
h1,h2,h3,h4,.h-abas button,.h-at b,.h-citem b,.h-nums b,.h-faq summary,.h-ilu b{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;letter-spacing:-.6px}
.h-hero h1,.h-cab h2,.h-cursos h2,.h-painel h3,.h-autor h2,.h-cad h2,.h-fast .titulo-fx,.titulo-fx{font-weight:800!important}
.h-abas button,.h-faq summary{letter-spacing:-.2px;font-weight:700}

/* ===== História (40 anos) ===== */
.hi-hero{background:linear-gradient(120deg,#05301a,#0a5c1c 55%,#04871D);color:#fff;padding:26px 0 40px;position:relative;overflow:hidden}
.hi-hero:after{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:rgba(51,234,19,.10)}
.hi-hero .wrap{position:relative;z-index:1}
.hi-hero .migalhas,.hi-hero .migalhas a{color:#cfe6d4}
.hi-hero-g{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;margin-top:18px}
.hi-hero .h-olho{color:var(--neon)}
.hi-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:800;line-height:1.1;margin:8px 0 16px;color:#fff}
.hi-hero h1 em{font-style:normal;color:var(--neon)}
.hi-hero .h-lead{color:#d9eadd}
.hi-autor{font-size:14px;color:#a9cdb1;margin:0}
.hi-40{width:200px;height:200px;border-radius:50%;border:3px solid rgba(51,234,19,.6);display:grid;place-content:center;text-align:center;background:rgba(255,255,255,.05)}
.hi-40 b{font-size:84px;line-height:1;font-weight:800;color:var(--neon)}.hi-40 span{font-size:14px;color:#cfe6d4}
.hi-eras{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.hi-eras a{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-left:4px solid var(--c);border-radius:12px;padding:12px 14px;color:#fff;text-decoration:none;transition:background .2s}
.hi-eras a:hover{background:rgba(255,255,255,.15)}
.hi-eras i{color:var(--c);font-size:20px}.hi-eras b{display:block;font-size:14.5px}.hi-eras small{color:#cfe6d4;font-size:12.5px}
.hi-banner{margin:34px 0 0;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px;box-shadow:0 10px 30px rgba(16,40,24,.06)}
.hi-banner img{width:100%;height:auto;display:block}
.hi-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0 10px}
.hi-nums div{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:18px}
.hi-nums b{display:block;font-size:26px;font-weight:800;color:var(--verde);letter-spacing:-.5px}.hi-nums span{font-size:14px;color:var(--cinza)}
/* linha do tempo */
.hi-linha{position:relative;margin:40px 0 20px;padding:10px 0}
.hi-linha:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(#e8a400,#2a6fdb 35%,#1f9d55 60%,#04871D)}
.hi-era{position:relative;z-index:1;display:flex;gap:14px;align-items:center;justify-content:center;margin:46px auto 26px;background:#fff;border:2px solid var(--c);border-radius:40px;padding:10px 22px 10px 10px;width:max-content;max-width:92%;box-shadow:0 8px 22px rgba(0,0,0,.07)}
.hi-era span{width:40px;height:40px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;flex:none}
.hi-era b{display:block;font-size:17px}.hi-era small{color:var(--cinza);font-size:13px}
.hi-item{position:relative;width:50%;padding:12px 44px}
.hi-item.esq{margin-right:50%;text-align:left}.hi-item.dir{margin-left:50%}
.hi-ponto{position:absolute;top:30px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--c);z-index:1}
.hi-item.esq .hi-ponto{right:-9px}.hi-item.dir .hi-ponto{left:-9px}
.hi-card{background:#fff;border:1px solid var(--linha);border-top:4px solid var(--c);border-radius:16px;padding:22px 24px;box-shadow:0 10px 26px rgba(16,40,24,.07);transition:transform .2s}
.hi-card:hover{transform:translateY(-3px)}
.hi-ano{display:inline-block;background:var(--c);color:#fff;font-weight:800;font-size:15px;padding:4px 12px;border-radius:30px}
.hi-card h2{font-size:21px;font-weight:800;margin:12px 0 8px;line-height:1.25}
.hi-card p{color:#3c4740;margin:0 0 10px;font-size:15.5px}
.hi-dest{display:inline-block;font-size:22px;font-weight:800;color:var(--c);margin:0 0 8px}
.hi-card figure{margin:12px 0 0;background:#f4f7f5;border-radius:12px;padding:10px;text-align:center}
.hi-card figure img{max-width:100%;max-height:220px;width:auto;height:auto;border-radius:8px;display:inline-block}
.hi-card figcaption{font-size:12.5px;color:var(--cinza);margin-top:6px}
.hi-ad{position:relative;z-index:1;background:var(--fundo);padding:16px 0}
.hi-hoje{position:relative;z-index:1;margin:40px auto 0;max-width:520px;text-align:center;background:#fff;border:2px solid var(--neon);border-radius:20px;padding:26px}
.hi-hoje span{width:54px;height:54px;border-radius:50%;background:var(--verde);color:var(--neon);display:grid;place-items:center;font-size:22px;margin:0 auto 10px}
.hi-hoje b{display:block;font-size:24px;font-weight:800}.hi-hoje small{display:block;color:var(--cinza);margin:6px 0 16px}
/* seções finais */
.hi-sec{margin:70px 0}
.hi-sec>h2{font-size:clamp(26px,3vw,34px);font-weight:800;margin:0 0 22px}
.hi-g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hi-box{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:22px}
.hi-box h3{font-size:18px;font-weight:800;margin:0 0 8px;display:flex;gap:10px;align-items:center}.hi-box h3 i{color:var(--verde)}
.hi-box p{margin:0;color:#3c4740}
.hi-arvore{margin:22px 0 0;background:#fff;border:1px solid var(--linha);border-radius:16px;padding:16px;text-align:center}
.hi-arvore img{max-width:100%;height:auto}.hi-arvore figcaption{font-size:13px;color:var(--cinza);margin-top:8px}
.hi-pessoal{background:#fff;border:1px solid var(--linha);border-radius:24px;padding:36px;box-shadow:0 10px 30px rgba(16,40,24,.06)}
.hi-pessoal>p{font-size:17px;color:#3c4740}
.hi-fotos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.hi-fotos figure{margin:0}.hi-fotos img{width:100%;height:320px;object-fit:cover;border-radius:16px}
.hi-fotos figcaption{font-size:14px;color:var(--cinza);margin-top:8px}
.hi-ass{font-weight:700;color:var(--verde)!important}
@media(max-width:900px){
  .hi-hero-g{grid-template-columns:1fr}.hi-40{width:140px;height:140px}.hi-40 b{font-size:56px}
  .hi-eras,.hi-nums{grid-template-columns:1fr 1fr}
  .hi-linha:before{left:18px}
  .hi-item,.hi-item.esq,.hi-item.dir{width:auto;margin:0;padding:10px 0 10px 46px}
  .hi-item.esq .hi-ponto,.hi-item.dir .hi-ponto{left:10px;right:auto}
  .hi-era{margin-left:0;justify-content:flex-start}
  .hi-g2,.hi-fotos{grid-template-columns:1fr}.hi-fotos img{height:260px}
  .hi-pessoal{padding:24px}
}

/* ===== v6: cursos com módulos, avaliação, certificado e Pix ===== */
.modulo{margin-top:14px}.modulo h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.modulo h3 small{font-weight:400;color:var(--cinza);font-size:13px}
.dur-m{color:var(--cinza);font-size:12.5px;font-variant-numeric:tabular-nums;margin-left:6px}
.aviso-compat{background:var(--verde-claro);border:1px solid var(--verde-borda);border-radius:var(--raio);padding:12px 14px;font-size:14.5px;margin:12px 0}
.cert-info{margin-top:16px;border-left:4px solid var(--verde)}
.mod-tit{margin:14px 0 0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--verde-esc)}
.lista-aulas{max-height:70vh;overflow:auto;margin-top:6px}
.dica-conta{font-size:14px;color:var(--cinza);margin:10px 0 0}
ul.mats{margin:8px 0 0;padding-left:18px}ul.mats li{margin:4px 0}
.doacao{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--verde-borda);border-radius:var(--raio);padding:16px 18px;margin:22px 0}
.doacao-txt{flex:1;min-width:0}.doacao-txt p{margin:6px 0 10px;font-size:14.5px;color:var(--cinza)}
.doacao small{color:var(--cinza);font-size:12.5px}
.pix-linha{display:flex;gap:8px}.pix-linha input{flex:1;min-width:0;border:1px solid var(--linha);border-radius:8px;padding:8px 10px;font-size:12.5px;color:var(--cinza);background:var(--fundo)}
.pix-qr{width:132px;flex:none}.pix-qr svg{width:100%;height:auto;display:block}
.doacao.compacto .pix-qr{width:110px}
@media (max-width:600px){.doacao{flex-direction:column;align-items:stretch}.pix-qr{margin:0 auto}}
.prova .questao{border:1px solid var(--linha);border-radius:var(--raio);background:#fff;padding:14px 16px;margin:0 0 14px}
.prova legend{padding:0 4px;font-size:16px}
.prova label{display:flex;gap:10px;align-items:flex-start;padding:7px 4px;border-radius:6px;cursor:pointer;font-size:15px}
.prova label:hover{background:var(--fundo)}.prova input{margin-top:5px}
.resultado.ok{border-left:4px solid var(--verde)}.resultado.nao{border-left:4px solid var(--alerta-borda)}
.valido{background:var(--verde-claro);border:1px solid var(--verde-borda);color:#24521d;border-radius:var(--raio);padding:10px 14px;text-align:center;margin:20px auto 0;max-width:900px}
.cert-rodape{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;text-align:left;max-width:640px;margin:0 auto}
.cert-qr{width:96px}.cert-qr svg{width:100%;height:auto;display:block}
@media print{.valido{display:none}}
[hidden]{display:none!important}

/* v7: tradutor e ajuda em português ao lado de cada instalador */
.flag-br{width:22px;height:15px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);vertical-align:-2px}
.ic-dl{width:15px;height:15px;vertical-align:-2px;margin-right:5px}
.par .idi .tipo{font-style:normal;font-size:11px;font-weight:700;background:var(--verde-claro,#e8f6e5);color:var(--verde-esc);border-radius:10px;padding:1px 7px}
.par .idi span{display:flex;align-items:center}
.par .idi.inc{color:#24521d;background:#fbfefb}.par .idi.inc .ok{margin-left:auto;color:var(--verde-esc);font-size:13px}
a.idi-mini .flag-br{width:16px;height:11px}
/* v7b: moldura verde em cada sistema (instalador + arquivos em português) */
.grade-dl{gap:16px}
.par{border:1.5px solid #8fcb9a;border-radius:12px;box-shadow:0 2px 6px rgba(4,135,29,.07);transition:border-color .15s}
.par:hover{border-color:var(--verde)}
.par .prin{border-bottom:1px solid #cfe9c9}
.par .idi{border-top:1px dashed #d8ecdc}
.par .prin+.idi{border-top:0}
.par .idi.inc .ok{white-space:nowrap}
.par.off{border-color:var(--linha)}

/* v8: escolha de série e versão (Download LibreOffice 7 e Versões anteriores) */
.sv-passo{display:flex;align-items:center;gap:10px;font-size:20px;margin:26px 0 12px}
.sv-passo .n{width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:15px;flex:none}
.sv-series{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sv-se{position:relative;display:block;text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1.5px solid var(--linha);border-radius:14px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}
.sv-se:hover{border-color:#8fcb9a;box-shadow:0 4px 14px rgba(4,135,29,.08)}
.sv-se.on{border:2px solid var(--verde);background:#f3faf4;box-shadow:0 6px 18px rgba(4,135,29,.12)}
.sv-se.on::after{content:"✔";position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:13px}
.sv-se .num{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1}.sv-se .ano{color:var(--cinza);font-size:13px;margin-left:6px;font-weight:600}
.sv-se .req{display:grid;gap:3px;margin:8px 0 0;font-size:13px;color:#3d4741}.sv-se .req i{color:var(--verde);width:16px}
.sv-se .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sv-painel{background:#fff;border:1px solid var(--linha);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.sv-ph{padding:20px 22px;background:linear-gradient(135deg,#f3faf4,#fff 70%);border-bottom:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.sv-ph h3{margin:0;font-size:26px;letter-spacing:-.4px}.sv-ph .mud{margin-left:auto;font-weight:700;font-size:14.5px;text-decoration:none}
.sv-ph .reqs{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.sv-ph .rq{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:6px 11px;font-size:13.5px}.sv-ph .rq i{color:var(--verde)}
.sv-pb{padding:18px 22px 22px}
.sv-pb .rot{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--cinza);margin:0 0 10px}
.sv-vers{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px}
.sv-ve{flex:none;font:inherit;color:inherit;cursor:pointer;border:1.5px solid var(--linha);background:#fff;border-radius:12px;padding:8px 14px;text-align:left;min-width:96px}
.sv-ve b{display:block;font-size:16px}.sv-ve small{color:var(--cinza);font-size:12px}
.sv-ve.rec{border-color:#8fcb9a}.sv-ve.rec small{color:var(--verde-esc);font-weight:700}
.sv-ve.on{background:#0a5c1c;border-color:#0a5c1c;color:#fff;box-shadow:0 4px 12px rgba(10,92,28,.25)}.sv-ve.on small{color:#cfe9c9}
.sv-esc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:14px 0 4px;padding:14px 16px;border-radius:12px;background:var(--verde-claro);border:1px solid var(--verde-borda)}
.sv-esc .big{font-size:20px;font-weight:800}.sv-esc small{color:#24521d}.sv-esc .of{margin-left:auto;font-size:12.5px;color:#24521d}
.sv-os{display:flex;gap:8px;margin:18px 0 6px;flex-wrap:wrap}
.sv-os button{display:flex;align-items:center;gap:7px;border:1px solid var(--linha);background:#fff;color:var(--tinta);border-radius:22px;padding:8px 16px;font:inherit;font-weight:600;cursor:pointer}
.sv-os button.on{background:#0a5c1c;color:#fff;border-color:#0a5c1c}
.sv-area .card{border:0;box-shadow:none;padding:6px 0 0;margin:0;background:none}
.sv-area .sis-tit{display:none}
.sv-area.carregando{opacity:.45;transition:opacity .2s}
@media(max-width:640px){.sv-series{grid-template-columns:1fr 1fr}.sv-se .req{display:none}.sv-ph .mud,.sv-esc .of{margin-left:0}.sv-pb,.sv-ph{padding:16px}}
.os-tabs button.on{background:#0a5c1c;border-color:#0a5c1c}
.par .idi .tipo{white-space:nowrap}
.sv-area .sub-tit{margin-top:18px}
/* v11: download em 3 páginas */
.dl .dl-h{display:flex;align-items:center;gap:10px;font-size:20px;margin:26px 0 10px}
.dl .dl-h .n{width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:15px;flex:none}
.dl-det{display:flex;gap:10px;align-items:center;background:var(--verde-claro);border:1px solid var(--verde-borda);border-radius:12px;padding:12px 14px;margin:8px 0 4px;font-size:14.5px}.dl-det i{color:var(--verde)}
.dl-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.dl-op{position:relative;cursor:pointer}.dl-op input{position:absolute;opacity:0}
.dl-op>span{display:block;height:100%;border:2px solid var(--linha);border-radius:14px;padding:14px 16px;background:#fff;transition:border-color .15s}
.dl-op>span i{color:var(--verde);font-size:22px;display:block;margin-bottom:6px}.dl-op b{display:block;font-size:16.5px}.dl-op small{color:var(--cinza)}
.dl-op input:checked+span{border-color:var(--verde);background:#f3faf4;box-shadow:0 6px 18px rgba(4,135,29,.12)}
.dl-op input:checked+span::after{content:"✔";position:absolute;top:12px;right:14px;width:24px;height:24px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:13px}
.dl-op input:focus-visible+span{outline:3px solid #8fcb9a}
.dl-pac{display:grid;gap:10px}
.dl-it{display:flex;gap:12px;align-items:center;border:1.5px solid #8fcb9a;border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer}
.dl-it input{width:20px;height:20px;accent-color:var(--verde);flex:none}.dl-it b{display:block}.dl-it small{color:var(--cinza)}.dl-it .tm{margin-left:auto;font-size:12.5px;color:var(--cinza);white-space:nowrap}
.dl-req{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.dl-req div{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:12px 14px}.dl-req small{display:block;color:var(--cinza);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.dl-acao{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 6px}.dl-bt{font-size:17px;padding:14px 22px}
.dl-ok{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#f3faf4,#fff);border:2px solid var(--verde);border-radius:16px;padding:18px;margin:14px 0 0}
.dl-ok .ic{width:48px;height:48px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:22px;flex:none}.dl-ok b{display:block;font-size:19px}.dl-ok span{color:var(--cinza)}
.dl-prog{display:flex;gap:18px;align-items:center;background:#fff;border:1.5px solid #8fcb9a;border-radius:16px;padding:18px;margin-top:12px}
.dl-prog .anel{position:relative;width:110px;height:110px;flex:none}.dl-prog .anel svg{transform:rotate(-90deg)}.dl-prog .arco{transition:stroke-dashoffset .9s linear}
.dl-prog .pc{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:22px;color:var(--verde-esc)}
.dl-prog .info{flex:1;min-width:0}.dl-prog .info b{display:block;font-size:17px}.dl-prog .info small{display:block;color:var(--cinza)}
.dl-prog .barra{height:10px;background:#e3e8e4;border-radius:6px;overflow:hidden;margin:10px 0 4px}.dl-prog .barra i{display:block;height:100%;width:0;background:linear-gradient(90deg,#04871D,#33EA13);transition:width .9s linear}
.dl-dica{display:flex;gap:10px;align-items:center;margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff6dd;border:1px solid #e8c45a;font-size:13.5px;min-height:46px;transition:opacity .3s;color:var(--tinta);text-decoration:none}.dl-dica i{color:#b7791f}
.dl-arqs{display:grid;gap:8px;margin-top:12px}.dl-arq{display:flex;gap:10px;align-items:center;font-size:14px;background:#fff;border:1px solid var(--linha);border-radius:10px;padding:9px 12px}
.dl-arq span{min-width:0;overflow-wrap:anywhere}.dl-arq small{color:var(--cinza)}.dl-arq .st{margin-left:auto;color:var(--verde-esc);white-space:nowrap}
.dl-arq .st-bt{margin-left:auto;white-space:nowrap;font-weight:700;color:#1d4f91;text-decoration:none}
.dl-guia .dl-pg{background:#fff;border:1px solid var(--linha);border-radius:14px;margin:10px 0;overflow:hidden}
.dl-pg-h{display:flex;gap:12px;align-items:center;width:100%;padding:14px 16px;background:none;border:0;font:inherit;text-align:left;cursor:pointer;color:var(--tinta)}
.dl-pg-h .n{width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
.dl-pg-h .fe{margin-left:auto;color:var(--verde-esc);font-weight:700;display:none}
.dl-pg.feito .dl-pg-h .n{background:#9ad3a5}.dl-pg.feito .dl-pg-h b{color:var(--cinza);text-decoration:line-through}.dl-pg.feito .fe{display:inline}
.dl-pg-c{display:none;padding:0 16px 16px 58px;color:#3d4741}.dl-pg.on .dl-pg-c{display:block}
.dl-shot{display:block;max-width:100%;border:1px solid var(--linha);border-radius:10px;margin:10px 0}
.dl-prox{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}
.dl-prox a{display:block;background:#fff;border:1.5px solid #8fcb9a;border-radius:14px;padding:14px;text-decoration:none;color:var(--tinta)}.dl-prox a i{color:var(--verde);font-size:20px}.dl-prox b{display:block;margin-top:6px}.dl-prox small{color:var(--cinza)}
@media(max-width:640px){.dl-prog{flex-direction:column;align-items:stretch}.dl-prog .anel{margin:0 auto}.dl-pg-c{padding-left:16px}}
.h-os span.idi{color:var(--cinza);font-size:13px}.h-os span.idi .flag-br{width:18px;height:12px}
/* v11: página de uma série */
.sv-unica .sv-ph{display:none}
.sr-fatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 16px}.sr-fatos div{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:12px 14px}
.sr-fatos small{display:block;color:var(--cinza);font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.sr-fatos b{font-size:16px}
.sr-outras{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px;align-items:center;font-size:14px}.sr-outras span{color:var(--cinza);font-weight:700}
.sr-outras a{border:1.5px solid var(--linha);background:#fff;border-radius:20px;padding:5px 12px;text-decoration:none;color:var(--tinta);font-weight:700}.sr-outras a.on{background:#0a5c1c;border-color:#0a5c1c;color:#fff}
.sr-txt h2{font-size:20px;margin:0 0 8px}.sr-txt p{color:#3d4741}
.sr-fq{border-top:1px solid var(--linha);padding:10px 0}.sr-fq summary{font-weight:700;cursor:pointer}.sr-fq p{margin:8px 0 0}
.sr-txt{margin-bottom:14px}

.dl-ctl{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dl-prog.parado .arco{stroke:#c0392b}.dl-prog.parado .pc{color:#c0392b}.dl-prog.parado .barra i{background:#c0392b}.dl-prog.parado .est{color:#9b1c1c}
.dl-prog.parado .arco{stroke:#9aa5a0}.dl-prog.parado .pc{color:#5b6660}.dl-prog.parado .barra i{background:#9aa5a0}.dl-prog.parado .est{color:#5b6660}
.dl-prog .info strong{display:inline;font-size:inherit}
/* v12: menu Download em dois níveis */
@media (min-width:861px){
nav.principal .wrap{overflow:visible}
.dd-item{position:relative}
.dd-top{display:inline-flex;align-items:center;gap:6px}.dd-top i{font-size:11px;opacity:.8}
nav.principal a.dd-top.ativo{color:#33EA13;box-shadow:inset 0 -3px #33EA13}
.dd-n1{display:none;position:absolute;left:0;top:100%;width:300px;background:#fff;border-radius:0 0 14px 14px;box-shadow:0 16px 38px rgba(0,0,0,.2);padding:8px;z-index:50}
.dd-item:hover .dd-n1,.dd-item:focus-within .dd-n1{display:block}
.dd-g{position:relative}
.dd-g>a{display:flex !important;align-items:center;gap:10px;padding:10px 12px !important;margin:0 !important;border-radius:10px;color:var(--tinta) !important;white-space:normal}
.dd-g>a:hover,.dd-g:hover>a{background:#f3faf4}
.dd-g .i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:14px;flex:none}
.dd-g b{display:block;font-size:15px;color:var(--tinta)}.dd-g small{display:block;color:var(--cinza);font-size:12.5px;font-weight:400}
.dd-g .seta{margin-left:auto;color:var(--cinza);font-size:11px}
.dd-n2{display:none;position:absolute;left:100%;top:-8px;width:290px;margin-left:4px;background:#fff;border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.2);padding:8px}
.dd-g:hover .dd-n2,.dd-g:focus-within .dd-n2{display:block}
.dd-n2::before{content:"";position:absolute;left:-10px;top:0;width:12px;height:100%}
.dd-n2 a{display:flex !important;justify-content:space-between;align-items:center;padding:8px 10px !important;margin:0 !important;border-radius:8px;color:var(--tinta) !important;font-weight:700;font-size:14.5px;white-space:nowrap}
.dd-n2 a:hover{background:#f3faf4}.dd-n2 a span{font-weight:500;color:var(--cinza);font-size:12.5px}
.dd-n2 a.todas{border-top:1px solid var(--linha);margin-top:6px !important;color:#1f5fbf !important}
.dd-n2 .n2t{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--cinza);padding:8px 10px 4px}
.dd-n2 .n2v{font-size:13.5px;color:var(--cinza);padding:6px 10px}
}
@media (max-width:860px){.dd-n1,.dd-n2{display:none}}
/* v12: páginas de grupo, versão atual e novidades */
.gr-ano{display:flex;align-items:center;gap:10px;margin:26px 0 12px;font-size:18px}.gr-ano:after{content:"";flex:1;height:1px;background:var(--linha)}
.gr-sers{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.gr-sr{display:grid;grid-template-columns:auto 1fr auto;gap:2px 16px;align-items:center;background:#fff;border:1.5px solid #8fcb9a;border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--tinta);transition:border-color .15s,box-shadow .15s}
.gr-sr:hover{border-color:var(--verde);box-shadow:0 6px 18px rgba(4,135,29,.1)}
.gr-sr .n{font-size:30px;font-weight:800;letter-spacing:-.5px;grid-row:1/3;min-width:70px}.gr-sr small{color:var(--cinza);font-size:13px}
.gr-sr .bt{grid-row:1/3;background:var(--verde);color:#fff;border-radius:8px;padding:9px 14px;font-weight:800;font-size:13.5px;white-space:nowrap}
.gr-sr.rc{border-color:#e8c45a}.gr-sr.rc .bt{background:#b7791f}.gr-sr.rc .n{font-size:24px}
.gr-aviso{display:flex;gap:10px;align-items:flex-start;background:#fff6dd;border:1px solid #e8c45a;border-radius:12px;padding:12px 16px;margin:6px 0 14px;font-size:14.5px}.gr-aviso i{color:#b7791f;margin-top:3px}
.at-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.at-v{background:#fff;border:2px solid var(--verde);border-radius:16px;padding:20px 22px}.at-v.t{border-color:#8fcb9a}
.at-v .num{font-size:40px;font-weight:800;letter-spacing:-.8px;line-height:1.1;margin:6px 0 2px}.at-v p{color:var(--cinza);margin:0 0 14px}
.at-sys{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.at-sys .btn{justify-content:center;padding:11px 10px}
.at-sys .btn.seu{box-shadow:0 0 0 3px #33EA13}
.nv-lista{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:4px 18px;margin:10px 0 18px}
.nv-v{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--linha)}.nv-v:first-child{border-top:0}.nv-v b{min-width:72px;font-size:16px}.nv-v small{flex:1;color:var(--cinza)}
@media(max-width:860px){.at-2,.gr-sers{grid-template-columns:1fr}.at-sys{grid-template-columns:1fr}}
nav.principal .dd-n1 a,nav.principal .dd-n1 a:hover{box-shadow:none !important}
.gr-sr{grid-template-areas:"n t bt" "n s bt"}.gr-sr .n{grid-area:n}.gr-sr b{grid-area:t}.gr-sr small{grid-area:s}.gr-sr .bt{grid-area:bt}

/* v12c: versão atual — os dois cartões iguais; o escolhido no menu ganha destaque */
.at-v,.at-v.t{border:2px solid #8fcb9a}
.at-v:target{border-color:var(--verde);box-shadow:0 0 0 4px rgba(51,234,19,.35);animation:atPisca 1.2s ease 1}
@keyframes atPisca{0%{box-shadow:0 0 0 10px rgba(51,234,19,.45)}100%{box-shadow:0 0 0 4px rgba(51,234,19,.35)}}
.at-tag{display:inline-flex;align-items:center;gap:6px;background:#0a5c1c;color:#fff;font-weight:800;font-size:13px;border-radius:20px;padding:4px 12px;letter-spacing:.2px}
.at-tag i{color:#33EA13}
.at-v{scroll-margin-top:90px}

/* v13: tutoriais do livro do Calc */
.card.com-capa{padding-top:0;overflow:hidden}.tut-capa{display:block;height:150px;margin:0 -20px 12px;background:#eef1ef center top/cover no-repeat;border-bottom:1px solid var(--linha)}
.tut-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--cinza);margin:0 0 6px}
.tut-passo{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:16px 18px;margin:14px 0}
.tut-passo h2{display:flex;gap:10px;align-items:center;font-size:18px;margin:0 0 6px}.tut-passo h2 .n{width:30px;height:30px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:14px;flex:none}
.tut-passo p{margin:0 0 4px 40px}.tut-passo img{display:block;max-width:calc(100% - 40px);height:auto;margin:10px 0 0 40px;border:1px solid var(--linha);border-radius:10px}
.tut-dica{background:#fff6dd;border:1px solid #e8c45a;border-radius:12px;padding:12px 16px;margin:16px 0}
.tut-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.tut-nav a{background:#fff;border:1.5px solid #8fcb9a;border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--tinta);font-weight:600}.tut-nav a.d{text-align:right}.tut-nav small{display:block;color:var(--cinza);font-weight:400}
.tut-livro{background:linear-gradient(135deg,#0a5c1c,#04871D);color:#fff;border:0}.tut-livro h3{color:#fff}.tut-livro p{color:#e8f6e5}.tut-livro .btn{background:#33EA13;color:#06280e}
/* v14: página do livro */
.lv-hero{display:grid;grid-template-columns:230px 1fr;gap:32px;background:#fff;border:1px solid var(--linha);border-radius:14px;padding:28px;margin:6px 0 24px}
.lv-capa{width:230px;height:auto;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
div.lv-capa{height:325px;font-size:22px}
.lv-selo{display:inline-block;background:var(--verde-claro);color:var(--verde-esc);border:1px solid var(--verde-borda);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}
.lv-h1{font-size:32px;line-height:1.15;margin:8px 0 10px}
.lv-sub{color:var(--cinza);font-size:16px;line-height:1.55;margin:0 0 6px}
.lv-fatos{display:flex;gap:26px;margin:14px 0 20px;flex-wrap:wrap}.lv-fatos div{font-size:13px;color:var(--cinza)}.lv-fatos b{display:block;font-size:20px;color:var(--texto,#1d2420)}
.lv-bts{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn.lv-amz{background:#ffd814;color:#111;border:2px solid #f2c200}.btn.lv-amz:hover{background:#f7ca00;color:#111}
.lv-peq{font-size:12px;color:var(--cinza);margin:8px 0 0}
.lv-grid{align-items:start}
.lv-h2{font-size:22px;margin:0 0 4px}.lv-s{color:var(--cinza);margin:0 0 12px;font-size:14px}
.lv-cap{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--linha)}
.lv-cap .n{width:44px;height:44px;border-radius:10px;background:var(--verde-claro);color:var(--verde-esc);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}
.lv-cap b{font-size:15px}.lv-cap small{display:block;color:var(--cinza);font-size:13px;margin-top:3px;line-height:1.45}
.lv-st{display:flex;align-items:center;gap:8px;white-space:nowrap}
.lv-pdf{font-size:13px;font-weight:700;color:var(--verde);text-decoration:none}.lv-pdf:hover{text-decoration:underline}
.lv-proj{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.lv-pj{border:1px solid var(--linha);border-radius:10px;padding:12px 14px;font-size:14px;text-decoration:none;color:inherit;display:flex;gap:10px;align-items:flex-start}
a.lv-pj:hover{border-color:var(--verde-borda);background:#fbfefb}
.lv-pj .n{font-weight:800;color:var(--verde);min-width:22px}.lv-pj small{display:block;color:var(--cinza);font-size:12px;margin-top:2px}
.lv-pj .ir{margin-left:auto;color:var(--verde);font-weight:700;font-size:12px;white-space:nowrap}.lv-pj .ir.off{color:#8a948e}
.lv-amzc{background:#fffdf3;border-color:#f2e3a0}.lv-amzc img{width:90px;height:auto;float:left;margin:0 14px 8px 0;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.lv-amzc .btn{clear:both}
@media (max-width:760px){.lv-hero{grid-template-columns:1fr}.lv-capa{width:160px}.lv-proj{grid-template-columns:1fr}}
/* v15: Instagram no cadastro e faixa */
.cad-passos{display:flex;gap:8px;margin:18px 0 14px;font-size:12px;font-weight:700;flex-wrap:wrap}.cad-passos span{padding:4px 10px;border-radius:99px;background:#eef1ef;color:#7a837e}.cad-passos .on{background:var(--verde-claro);color:var(--verde-esc)}.cad-passos .ok{background:var(--verde);color:#fff}
.ig-perfil{display:flex;align-items:center;gap:12px;border:1px solid var(--linha);border-radius:12px;padding:12px;margin-bottom:10px}
.ig-perfil .av,.ig-faixa .av{width:46px;height:46px;border-radius:50%;flex:none;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.ig-perfil b{display:block}.ig-perfil small{color:var(--cinza)}
.ig-perfil .seg,.ig-faixa a{margin-left:auto;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);color:#fff;border-radius:8px;padding:9px 14px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.ig-perfil .seg:hover,.ig-faixa a:hover{filter:brightness(1.08);color:#fff}
.ig-perfil .feito{margin-left:auto;color:var(--verde);font-weight:700;font-size:13px}
.ig-faixa{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#fdf2f8,#f5f3ff);border:1px solid #ecd5ea;border-radius:12px;padding:14px 16px;margin:18px 0}
.ig-faixa .av{width:40px;height:40px;font-size:20px}.ig-faixa b{font-size:15px}.ig-faixa small{display:block;color:var(--cinza);font-size:13px}
/* v16: capas dos cursos */
.curso-card.com-capa{padding:0;overflow:hidden;transition:transform .15s,box-shadow .15s}
.curso-card.com-capa:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.1)}
.capa.capa-img{height:auto;aspect-ratio:16/9;margin:0;border-radius:0;position:relative;display:block;background:#0b3d1f}
.capa.capa-img img{width:100%;height:100%;object-fit:cover;display:block}
.capa.capa-img .qt{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:0}
.curso-card.com-capa h3{margin:14px 16px 4px}.curso-card.com-capa p{margin:0 16px 8px}.curso-card.com-capa .mais{display:block;margin:0 16px 16px}
.h-citem .thumb{width:96px;height:54px;object-fit:cover;border-radius:8px;flex:none}