/* LMD_ACADEMY_2026: LMD Academy - escola de tecnologia (pagina principal e "Como funciona a trilha Linux") */
:root{
 --fundo:#030914; --fundo2:#061728; --vidro:rgba(10,32,58,.62); --vidro2:rgba(14,42,74,.55);
 --azul:#0077FF; --azul-claro:#5BA8FF; --branco:#fff; --texto:#D4DFEB; --texto2:#A3B6CA;
 --borda:rgba(91,168,255,.20); --borda-forte:rgba(91,168,255,.45); --verde:#19D27C; --vermelho:#FF4D5E;
 --raio:18px; --sombra:0 22px 50px -24px rgba(0,0,0,.75);
 --c-linux-a:#EEF3F9; --c-linux-b:#8A9BB0;
 --c-redes-a:#2F8CFF; --c-redes-b:#0646B8; --c-seg-a:#FF4747; --c-seg-b:#B5121F;
 --c-dados-a:#22B85A; --c-dados-b:#0B6B2E; --c-dev-a:#8A55FF; --c-dev-b:#4A1FC2;
 --c-ia-a:#EC4FC0; --c-ia-b:#A3157F; --c-prompt-a:#FFBE2E; --c-prompt-b:#C77800;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#030914}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);line-height:1.55;font-size:16px;min-height:100vh;
 background:
  radial-gradient(900px 500px at 85% -5%,rgba(0,119,255,.22),transparent 60%),
  radial-gradient(700px 500px at -10% 35%,rgba(91,168,255,.10),transparent 60%),
  radial-gradient(800px 600px at 110% 75%,rgba(138,85,255,.08),transparent 60%),
  linear-gradient(180deg,var(--fundo2) 0%,var(--fundo) 55%,#020611 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;
 background-image:linear-gradient(rgba(91,168,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(91,168,255,.05) 1px,transparent 1px);background-size:44px 44px;
 mask-image:linear-gradient(180deg,#000 0%,transparent 70%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 70%)}
main,.topo,.rodape{position:relative;z-index:1}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(1680px,94%);margin:0 auto}
@media(max-width:560px){.container{width:calc(100% - 32px)}}
h1,h2,h3,h4{color:var(--branco);margin:0;line-height:1.15}

/* letras com relevo (3D) */
.abertura h1,.titulo h2,.chamada h2,.faixa-texto h2,.esteira-explica h2{
 background:linear-gradient(180deg,#FFFFFF 0%,#EAF3FF 48%,#A9CFFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 1px 0 #0B3A75) drop-shadow(0 2px 0 #072A57) drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.abertura h1 span,.titulo h2 span,.chamada h2 span,.esteira-explica h2 span{background:linear-gradient(180deg,#9FD0FF 0%,#4FA3FF 55%,#1C7BFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* botoes com relevo */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:14px;font-weight:800;font-size:16px;letter-spacing:.2px;text-decoration:none;cursor:pointer;border:0;
 transition:transform .12s ease,box-shadow .12s ease,filter .15s}
.btn:focus-visible,.menu a:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--azul-claro);outline-offset:3px}
.btn-primario{color:#fff;text-shadow:0 1px 0 rgba(0,40,110,.6);
 background:linear-gradient(180deg,#5AB0FF 0%,#1E86FF 45%,#0068E0 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,30,90,.35),0 5px 0 #0048A8,0 16px 30px -12px rgba(0,119,255,.95)}
.btn-primario:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,30,90,.35),0 7px 0 #0048A8,0 22px 36px -12px rgba(0,119,255,1)}
.btn-primario:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 0 #0048A8,0 8px 16px -10px rgba(0,119,255,.9)}
.btn-secundario{color:#fff;background:linear-gradient(180deg,rgba(40,80,130,.55),rgba(10,30,56,.75));border:1px solid var(--borda-forte);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 0 rgba(2,10,24,.9),0 14px 26px -14px rgba(0,0,0,.8)}
.btn-secundario:hover{transform:translateY(-2px);border-color:var(--azul-claro);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 7px 0 rgba(2,10,24,.9),0 0 24px -6px rgba(91,168,255,.6)}
.btn-secundario:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 rgba(2,10,24,.9)}
.btn-p{min-height:46px;padding:0 22px;font-size:15px}

/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(3,9,20,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--borda)}
.topo-linha{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:flex;align-items:center;gap:16px;text-decoration:none}
.marca-logo{height:44px;width:auto}
.marca-linha{width:1px;height:36px;background:rgba(255,255,255,.35)}
.marca-area{color:#fff;font-weight:800;font-size:19px;letter-spacing:.6px}
.menu{display:flex;align-items:center;gap:30px}
.menu a{color:#E6EEF7;text-decoration:none;font-size:15.5px;font-weight:600;transition:color .15s}
.menu a:hover{color:var(--azul-claro)}
.menu .voltar-lmd{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;color:#fff;
 background:linear-gradient(180deg,#5AB0FF 0%,#1E86FF 45%,#0068E0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 #0048A8,0 10px 22px -10px rgba(0,119,255,.9)}
.menu .voltar-lmd:hover{color:#fff;filter:brightness(1.08)}
.menu-botao{display:none;background:transparent;border:1px solid var(--borda-forte);color:#fff;border-radius:10px;width:44px;height:44px;font-size:24px;cursor:pointer}

/* abertura: professor a esquerda */
.abertura{padding:26px 0 8px}
.abertura-caixa{position:relative;display:grid;grid-template-columns:1fr 1.05fr .62fr;gap:28px;align-items:center;min-height:500px;border-radius:24px;overflow:hidden;
 background:radial-gradient(600px 400px at 18% 40%,rgba(0,119,255,.22),transparent 70%),linear-gradient(110deg,#0A2747 0%,#061728 55%,#04101F 100%);border:1px solid var(--borda);box-shadow:var(--sombra)}
.abertura-foto{position:relative;align-self:stretch;min-height:500px}
.abertura-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;transform:scaleX(-1);
 mask-image:linear-gradient(270deg,transparent 0%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 24%,#000 100%)}
.abertura-foto .fala-prof{position:absolute;right:-6px;bottom:34px;width:min(330px,72%);z-index:2}
.abertura-texto{position:relative;z-index:1;padding:44px 0}
.recursos{position:relative;z-index:1;list-style:none;margin:0;padding:28px 28px 28px 0;display:flex;flex-direction:column;gap:12px}
.recursos li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.35;color:#E6EEF7;background:linear-gradient(160deg,rgba(14,42,74,.7),rgba(6,23,40,.75));border:1px solid var(--borda);border-radius:14px;padding:12px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.pilula{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--borda-forte);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;letter-spacing:1px;color:#fff;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.abertura h1{font-size:clamp(40px,4.2vw,66px);font-weight:900;letter-spacing:-.5px;margin:18px 0 16px}
.abertura h1 span{display:block}
.abertura-texto p{font-size:19px;color:var(--texto);max-width:560px;margin:0 0 28px}
.fala-prof{position:relative;background:linear-gradient(160deg,rgba(16,48,86,.94),rgba(6,23,40,.94));border:1.5px solid var(--borda-forte);border-radius:18px;padding:18px 20px;box-shadow:0 0 0 4px rgba(91,168,255,.07),inset 0 1px 0 rgba(255,255,255,.1),var(--sombra)}
.abertura-foto .fala-prof:before{content:"";position:absolute;left:-15px;top:34px;border-style:solid;border-width:10px 15px 10px 0;border-color:transparent var(--borda-forte) transparent transparent}
.fala-prof strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}
.fala-prof p{margin:0;font-size:15.5px;line-height:1.5;color:var(--texto)}
.ic{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:21px;background:linear-gradient(145deg,var(--a),var(--b));
 box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 25%,transparent),0 8px 18px -8px var(--b),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.2)}
.c-azul{--a:#2F8CFF;--b:#0646B8}.c-roxo{--a:#8A55FF;--b:#4A1FC2}.c-verde{--a:#22B85A;--b:#0B6B2E}.c-dourado{--a:#FFBE2E;--b:#C77800}

/* secoes */
.secao{padding:58px 0 8px}
.titulo{margin-bottom:26px}
.titulo h2{font-size:clamp(30px,2.8vw,44px);font-weight:900;display:inline-block}
.titulo p{margin:8px 0 0;font-size:17px;color:var(--texto2)}

/* trilhas (abas) */
.trilhas{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.trilha{grid-column:span 3;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:22px;border-radius:var(--raio);text-align:left;font:inherit;color:inherit;cursor:pointer;
 background:radial-gradient(420px 160px at 0% 0%,color-mix(in srgb,var(--a) 14%,transparent),transparent 70%),linear-gradient(160deg,var(--vidro2),var(--vidro));
 border:1px solid var(--borda);border-top:3px solid var(--a);box-shadow:var(--sombra);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.trilha:nth-child(n+5){grid-column:span 4}
.trilha:hover,.trilha.ativa{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 55%,transparent),0 0 36px -10px var(--a),var(--sombra)}
.trilha.ativa:after{content:"";position:absolute;left:50%;bottom:-12px;margin-left:-11px;border-style:solid;border-width:12px 11px 0;border-color:var(--a) transparent transparent}
.t-linux{--a:var(--c-linux-a);--b:var(--c-linux-b)}.t-redes{--a:var(--c-redes-a);--b:var(--c-redes-b)}.t-seguranca{--a:var(--c-seg-a);--b:var(--c-seg-b)}
.t-dados{--a:var(--c-dados-a);--b:var(--c-dados-b)}.t-dev{--a:var(--c-dev-a);--b:var(--c-dev-b)}.t-ia{--a:var(--c-ia-a);--b:var(--c-ia-b)}.t-prompt{--a:var(--c-prompt-a);--b:var(--c-prompt-b)}
.trilha-cab{display:flex;gap:16px;align-items:flex-start}
.tile{flex:0 0 auto;width:62px;height:62px;border-radius:17px;display:grid;place-items:center;font-size:32px;color:#fff;position:relative;overflow:hidden;
 background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 22%,transparent),0 10px 22px -8px var(--b),inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.22)}
.tile:before{content:"";position:absolute;left:8%;right:8%;top:5%;height:42%;border-radius:12px 12px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0))}
.tile i{position:relative}
.t-linux .tile{color:#0B2A55}
.tile.mini{width:44px;height:44px;border-radius:13px;font-size:23px}
.trilha-txt{display:flex;flex-direction:column}
.trilha-nome{font-size:19px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:6px}
.trilha-frase{font-size:15px;line-height:1.5;color:var(--texto2)}
.trilha-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid rgba(159,179,200,.15);font-size:13.5px;color:var(--texto2)}
.trilha-pe .ver{display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:700;white-space:nowrap}
.trilha.ativa .trilha-pe .ver i{transform:rotate(180deg)}
.selo-disp{display:inline-block;align-self:flex-start;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.4px;color:#04140C;border-radius:999px;padding:5px 11px;
 background:linear-gradient(180deg,#6CF0AE,#19D27C 55%,#0FA862);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 0 #0B7A47,0 0 18px -4px var(--verde)}

/* painel de cursos da trilha */
.painel-cursos{margin-top:22px;padding:24px;border-radius:22px;background:radial-gradient(700px 220px at 0% 0%,color-mix(in srgb,var(--a) 12%,transparent),transparent 70%),linear-gradient(160deg,rgba(14,42,74,.6),rgba(6,23,40,.8));
 border:1px solid color-mix(in srgb,var(--a) 45%,transparent);box-shadow:var(--sombra)}
.painel-cursos.entra{animation:painel-entra .35s ease}
@keyframes painel-entra{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.painel-titulo{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:800;margin-bottom:18px}
.cursos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.curso{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px;background:rgba(3,12,26,.55);border:1px solid var(--borda);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .2s,border-color .2s}
.curso:hover{transform:translateY(-3px);border-color:var(--borda-forte)}
.curso.aberto{border-color:color-mix(in srgb,var(--verde) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--verde) 30%,transparent),0 0 30px -12px var(--verde)}
.curso-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.curso-cab .selo-disp{margin:0}
.nivel{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;letter-spacing:.3px;color:var(--azul-claro)}
.nivel i{font-size:20px}
.curso h4{font-size:19px;font-weight:800}
.curso p{margin:0;font-size:15px;color:var(--texto2);flex:1}
.curso-acoes{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.link{color:var(--azul-claro);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px}

/* ferramentas */
.ferramentas{margin-top:22px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;background:rgba(6,23,40,.6);border:1px dashed var(--borda-forte)}
.ferramentas p{margin:0;font-size:16px;color:var(--texto)}

/* esteira (como os cursos funcionam) */
.esteira{position:relative;padding:4px 0 0}
.esteira-trilho{position:absolute;left:4%;right:4%;bottom:33px;height:10px;border-radius:999px;overflow:hidden;
 background:linear-gradient(90deg,#2F8CFF,#8A55FF,#22B85A,#FFBE2E,#19D27C);opacity:.9;box-shadow:0 0 22px -2px rgba(91,168,255,.65),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.35)}
.esteira-trilho:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(3,9,20,.55) 0 14px,transparent 14px 28px);animation:esteira-andar 1.2s linear infinite}
.esteira-trilho span{position:absolute;top:50%;width:70px;height:18px;margin-top:-9px;border-radius:999px;background:radial-gradient(ellipse at center,#fff 0%,rgba(255,255,255,.55) 35%,transparent 70%);animation:esteira-luz 5s linear infinite}
.esteira-trilho span:nth-child(2){animation-delay:-1.66s}.esteira-trilho span:nth-child(3){animation-delay:-3.33s}
@keyframes esteira-andar{from{background-position:0 0}to{background-position:28px 0}}
@keyframes esteira-luz{from{left:-80px}to{left:100%}}
.esteira-etapas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.etapa{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.etapa-texto{flex:1;width:100%;padding:18px;border-radius:16px;background:linear-gradient(160deg,var(--vidro2),var(--vidro));border:1px solid var(--borda);border-top:3px solid var(--a);box-shadow:var(--sombra);transition:transform .2s,border-color .2s}
.etapa:hover .etapa-texto{transform:translateY(-4px);border-color:var(--borda-forte)}
.etapa h3{font-size:18px;margin-bottom:6px}
.etapa p{margin:0;font-size:15px;color:var(--texto2)}
.estacao{position:relative;z-index:1;width:74px;height:74px;border-radius:20px;display:grid;place-items:center;font-size:32px;font-weight:900;color:#fff;overflow:hidden;text-shadow:0 2px 0 rgba(0,0,0,.3);
 background:linear-gradient(145deg,var(--a),var(--b));box-shadow:0 0 0 5px color-mix(in srgb,var(--a) 25%,transparent),0 6px 0 color-mix(in srgb,var(--b) 70%,#000),0 0 30px -4px var(--a),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.25)}
.estacao:before{content:"";position:absolute;left:10%;right:10%;top:6%;height:40%;border-radius:14px 14px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0))}
.e1{--a:#2F8CFF;--b:#0646B8}.e2{--a:#8A55FF;--b:#4A1FC2}.e3{--a:#22B85A;--b:#0B6B2E}.e4{--a:#FFBE2E;--b:#C77800}.fim{--a:#19D27C;--b:#0A7A45}
.esteira-aviso{margin-top:34px;display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:18px;text-decoration:none;
 background:linear-gradient(100deg,rgba(0,119,255,.22),rgba(6,23,40,.85) 65%);border:1px solid var(--borda-forte);box-shadow:var(--sombra);transition:border-color .2s,box-shadow .2s}
.esteira-aviso:hover{border-color:var(--azul-claro);box-shadow:0 0 30px -10px rgba(91,168,255,.8),var(--sombra)}
.esteira-aviso .ic{width:52px;height:52px;font-size:28px;border-radius:15px}
.aviso-txt{flex:1;font-size:16.5px;color:var(--texto)}
.aviso-txt strong{display:block;font-size:20px;color:#fff;margin-bottom:2px}

/* faixa do professor */
.faixa-prof{position:relative;display:grid;grid-template-columns:auto 1fr 1.25fr auto;gap:28px;align-items:center;padding:0 28px 0 0;border-radius:22px;overflow:hidden;
 background:linear-gradient(100deg,rgba(14,42,74,.9),rgba(6,23,40,.92));border:1px solid var(--borda);box-shadow:var(--sombra)}
.faixa-foto{width:260px;height:100%;min-height:220px;object-fit:cover;mask-image:linear-gradient(90deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent)}
.faixa-texto h2{font-size:32px;font-weight:900;margin-bottom:10px;display:inline-block}
.faixa-texto p{margin:0;font-size:18px;color:var(--texto)}
.conversa{display:flex;flex-direction:column;gap:12px;padding:24px 0}
.msg{display:flex;gap:10px;align-items:flex-start}
.msg .av{width:42px;height:42px;border-radius:50%;flex:0 0 auto;object-fit:cover;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(145deg,#2F8CFF,#0646B8)}
.msg .bolha{background:rgba(6,23,40,.85);border:1px solid var(--borda-forte);border-radius:14px;padding:11px 15px;font-size:15px;line-height:1.5;color:var(--texto)}
.msg .bolha b{display:block;font-size:13.5px;color:var(--azul-claro);margin-bottom:2px}
.msg.aluno{margin-right:16%}.msg.prof{margin-left:8%}
.tux{width:96px;height:auto;align-self:end;margin-bottom:10px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}

/* chamada final */
.chamada-secao{padding-bottom:58px}
.chamada{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:30px 34px;border-radius:22px;
 background:linear-gradient(100deg,rgba(0,119,255,.2),rgba(6,23,40,.9) 60%);border:1px solid var(--borda-forte);box-shadow:var(--sombra)}
.chamada h2{font-size:clamp(28px,2.6vw,40px);font-weight:900;display:inline-block}
.chamada p{margin:6px 0 0;font-size:17px;color:var(--texto2)}
.chamada-botoes{display:flex;gap:16px;flex-wrap:wrap}

/* rodape */
.rodape{border-top:1px solid var(--borda);background:rgba(2,6,17,.85)}
.rodape-linha{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 0 10px}
.rodape .marca-logo{height:36px}.rodape .marca-area{font-size:16px}
.rodape-menu{display:flex;gap:24px;flex-wrap:wrap}
.rodape-menu a{text-decoration:none;font-size:14.5px;color:var(--texto2)}.rodape-menu a:hover{color:#fff}
.rodape-direitos{margin:0;font-size:13.5px;color:var(--texto2)}
.rodape-credito{padding:0 0 18px;font-size:12px;color:rgba(163,182,202,.7)}

/* pagina "como funciona a trilha linux" */
.trilha-nav{font-size:14px;color:var(--texto2);margin-bottom:14px;display:flex;align-items:center;gap:6px}
.trilha-nav a{color:var(--azul-claro);text-decoration:none;font-weight:700}
.abertura-caixa.curta{grid-template-columns:1.3fr .9fr;min-height:0;padding:40px 44px}
.abertura-caixa.curta .abertura-texto{padding:0}
.esteira-sala{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.esteira-explica{position:sticky;top:100px}
.esteira-explica h2{font-size:clamp(28px,2.6vw,40px);font-weight:900;display:inline-block;margin-bottom:12px}
.esteira-explica p{font-size:17px;color:var(--texto)}
.legenda{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:12px}
.legenda li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(6,23,40,.6);border:1px solid var(--borda);font-size:15.5px}
.legenda b{color:#fff}
.nota{font-size:14.5px!important;color:var(--texto2)!important}
.pino{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#fff;position:relative;z-index:1}
.pino.liberado,.parada.liberado .pino{background:linear-gradient(145deg,#4FA8FF,#0B5FD0);box-shadow:0 0 0 4px rgba(47,140,255,.25),0 0 18px -2px #2F8CFF,inset 0 2px 0 rgba(255,255,255,.4)}
.pino.bloqueado,.parada.bloqueado .pino{background:linear-gradient(145deg,#FF6B78,#C21F33);box-shadow:0 0 0 4px rgba(255,77,94,.22),0 0 18px -2px #FF4D5E,inset 0 2px 0 rgba(255,255,255,.35)}
.esteira-vertical{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:14px}
.parada{position:relative;display:flex;align-items:center;gap:18px}
.parada:not(:last-child):after{content:"";position:absolute;left:16px;top:50%;height:calc(100% + 14px);width:4px;border-radius:4px;z-index:0}
.parada.liberado:not(:last-child):after{background:#2F8CFF;box-shadow:0 0 12px -2px #2F8CFF}
.parada.bloqueado:not(:last-child):after{background:#FF4D5E;box-shadow:0 0 12px -2px #FF4D5E}
.parada-card{flex:1;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:linear-gradient(160deg,var(--vidro2),var(--vidro));border:1px solid var(--borda);box-shadow:var(--sombra);transition:transform .2s,border-color .2s}
.parada:hover .parada-card{transform:translateX(4px);border-color:var(--borda-forte)}
.parada.liberado .parada-card .ic{--a:#2F8CFF;--b:#0646B8}
.parada.bloqueado .parada-card .ic{--a:#5B6B80;--b:#2A3646}
.parada.bloqueado .parada-card{border-color:rgba(255,77,94,.22)}
.parada-card > div{flex:1}
.parada-card h3{font-size:17.5px;margin-bottom:4px}
.parada-card h3 small{font-size:13.5px;color:var(--azul-claro);font-weight:700;margin-left:6px}
.parada-card p{margin:0;font-size:14.5px;color:var(--texto2)}
.estado{font-size:12px;font-weight:800;letter-spacing:.4px;padding:4px 10px;border-radius:999px;white-space:nowrap}
.parada.liberado .estado{color:#CFE6FF;background:rgba(47,140,255,.18);border:1px solid rgba(47,140,255,.45)}
.parada.bloqueado .estado{color:#FFD3D8;background:rgba(255,77,94,.14);border:1px solid rgba(255,77,94,.42)}
.passos-entrada{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.passo-entrada{padding:24px;border-radius:var(--raio);background:linear-gradient(160deg,var(--vidro2),var(--vidro));border:1px solid var(--borda);border-top:3px solid var(--a);box-shadow:var(--sombra)}
.passo-entrada .n{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:23px;font-weight:900;color:#fff;background:linear-gradient(145deg,var(--a),var(--b));
 box-shadow:0 0 0 4px color-mix(in srgb,var(--a) 25%,transparent),0 5px 0 color-mix(in srgb,var(--b) 70%,#000),inset 0 2px 0 rgba(255,255,255,.45);margin-bottom:16px}
.passo-entrada h3{font-size:19px;margin-bottom:6px}
.passo-entrada p{margin:0 0 12px;font-size:15.5px;color:var(--texto2)}
.passo-entrada a{color:var(--azul-claro);font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.c1{--a:#2F8CFF;--b:#0646B8}.c2{--a:#8A55FF;--b:#4A1FC2}.c3{--a:#22B85A;--b:#0B6B2E}

/* tablet */
@media(max-width:1180px){
 .menu{gap:20px}.menu a{font-size:14.5px}
 .abertura-caixa{grid-template-columns:1fr 1fr;gap:0 24px}
 .recursos{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;padding:0 28px 28px}
 .recursos li{flex:1 1 calc(50% - 12px)}
 .trilha,.trilha:nth-child(n+5){grid-column:span 6}
 .trilha:last-child{grid-column:3 / span 8}
 .cursos{grid-template-columns:1fr 1fr 1fr;gap:12px}
 .esteira-etapas{gap:12px}.etapa-texto{padding:14px}.etapa h3{font-size:16px}.etapa p{font-size:14px}
 .faixa-prof{grid-template-columns:auto 1fr;padding:0 24px 0 0}
 .conversa{grid-column:1 / -1;padding:0 24px 24px}
 .tux{display:none}
 .esteira-sala{grid-template-columns:1fr;gap:20px}.esteira-explica{position:static}
}
/* celular */
@media(max-width:760px){
 .menu-botao{display:grid;place-items:center}
 .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;background:rgba(3,9,20,.97);border-bottom:1px solid var(--borda)}
 .menu.aberto{display:flex}
 .menu a{padding:14px 4px;border-bottom:1px solid var(--borda);font-size:16px}
 .menu .voltar-lmd{margin-top:12px;justify-content:center;border-bottom:0}
 .marca-logo{height:36px}.marca-area{font-size:16px}
 .abertura-caixa{display:flex;flex-direction:column;min-height:0;gap:0}
 .abertura-foto{min-height:0;height:auto;display:flex;flex-direction:column}
 .abertura-foto img{position:relative;height:270px;mask-image:linear-gradient(180deg,#000 60%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent)}
 .abertura-foto .fala-prof{position:relative;right:auto;top:auto;width:auto;margin:-36px 20px 0}
 .abertura-foto .fala-prof:before{left:40px;top:-15px;border-width:0 10px 15px;border-color:transparent transparent var(--borda-forte)}
 .abertura-texto{padding:22px 20px 8px}
 .abertura-texto p{font-size:17px}
 .recursos{padding:8px 20px 24px;flex-direction:column}
 .trilha,.trilha:nth-child(n+5),.trilha:last-child{grid-column:1 / -1}
 .trilha.ativa:after{display:none}
 .cursos{grid-template-columns:1fr}
 .painel-cursos{padding:18px}
 .esteira-trilho{left:35px;right:auto;top:0;bottom:0;width:10px;height:auto;background:linear-gradient(180deg,#2F8CFF,#8A55FF,#22B85A,#FFBE2E,#19D27C)}
 .esteira-trilho:before{background:repeating-linear-gradient(180deg,rgba(3,9,20,.55) 0 14px,transparent 14px 28px);animation:esteira-andar-v 1.2s linear infinite}
 .esteira-trilho span{left:50%!important;top:auto;width:18px;height:70px;margin:0 0 0 -9px;animation-name:esteira-luz-v}
 .esteira-etapas{grid-template-columns:1fr;gap:16px}
 .etapa{flex-direction:row-reverse;align-items:center;text-align:left;gap:16px}
 .estacao{width:66px;height:66px;font-size:28px}
 .esteira-aviso{flex-direction:column;align-items:flex-start}
 .faixa-prof{display:flex;flex-direction:column;padding:0}
 .faixa-foto{width:100%;height:220px;mask-image:linear-gradient(180deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent)}
 .faixa-texto{padding:0 20px}.faixa-texto h2{font-size:28px}.faixa-texto p{font-size:16px}
 .conversa{padding:0 20px 22px}.msg.aluno,.msg.prof{margin:0}
 .chamada{padding:24px 20px}
 .abertura-caixa.curta{padding:24px 20px;display:flex}
 .parada-card{flex-wrap:wrap}.estado{order:-1;margin-left:auto}
 .passos-entrada{grid-template-columns:1fr}
}
@keyframes esteira-andar-v{from{background-position:0 0}to{background-position:0 28px}}
@keyframes esteira-luz-v{from{top:-80px}to{top:100%}}
@media(prefers-reduced-motion:reduce){.esteira-trilho:before,.esteira-trilho span{animation:none}.esteira-trilho span{display:none}.painel-cursos.entra{animation:none}html{scroll-behavior:auto}}
/* FIM_LMD_ACADEMY_2026 */
/* LMD_ACADEMY_2026_PAINEL: so a trilha Linux abre os cursos */
.trilha{cursor:default}
.trilha.clicavel{cursor:pointer}
.trilha:not(.clicavel):hover{transform:translateY(-4px)}
.trilha-pe.destaque{color:var(--texto)}
.trilha-pe.destaque b{color:#fff}
.carga{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(25,210,124,.10);border:1px solid rgba(25,210,124,.35);font-size:14.5px;color:var(--texto)}
.carga i{font-size:20px;color:var(--verde)}.carga b{color:#fff}
.itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.itens li{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--texto)}
.itens i{color:var(--azul-claro);font-size:17px}
.curso.aberto .itens i{color:var(--verde)}
.curso p{flex:0}
/* LMD_ACADEMY_2026_BARRA: esteira igual a barra lateral da sala */
.esteira-sala{grid-template-columns:1fr 1fr}
.barra-sala{position:relative;max-width:620px;width:100%;justify-self:center;padding:22px 26px 28px;border-radius:22px;
 background:linear-gradient(180deg,#1F3F68 0%,#17345A 50%,#132C4D 100%);border:1px solid rgba(110,198,255,.35);box-shadow:0 0 0 6px rgba(110,198,255,.06),var(--sombra)}
.barra-logo{display:flex;justify-content:center;padding:0 0 18px}
.barra-logo img{height:46px}
.barra-lista{list-style:none;margin:0;padding:0 0 0 0;position:relative;display:flex;flex-direction:column;gap:12px}
.barra-lista:before{content:"";position:absolute;left:11px;top:14px;bottom:20px;width:3px;border-radius:3px;background:#6EC6FF;box-shadow:0 0 10px -1px #6EC6FF}
.b-item{position:relative;display:flex;align-items:center;gap:16px;padding-left:0}
.b-pino{flex:0 0 auto;position:relative;z-index:1;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;
 background:#17345A;border:3px solid #6EC6FF;box-shadow:0 0 10px -2px #6EC6FF}
.b-item.bloqueado .b-pino{background:#E0313F;border-color:#FF8A94;box-shadow:0 0 12px -2px #FF4D5E}
.b-card{flex:1;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:#fff;color:#0B2A55;box-shadow:0 6px 0 rgba(4,14,30,.35),0 12px 24px -12px rgba(0,0,0,.6),inset 0 -2px 0 rgba(11,42,85,.08);transition:transform .2s}
.b-item:hover .b-card{transform:translateX(4px)}
.b-card > i{font-size:24px;color:#1E6FE0}
.b-card b{display:block;font-size:17px;font-weight:900;color:#0B2A55;line-height:1.2}
.b-card b.azul{color:#1E6FE0}
.b-card em{display:block;font-style:normal;font-size:14px;font-weight:700;color:#244A78;margin-top:2px}
.b-card small{display:block;font-size:13.5px;color:#4A607A;margin-top:4px;line-height:1.4}
.b-item.apagado .b-card{background:#EEF2F7}.b-item.apagado .b-card b,.b-item.apagado .b-card em,.b-item.apagado .b-card > i{color:#8EA0B5}
.b-final{justify-content:center;text-align:center;border-radius:999px;padding:12px 20px}
.b-final b{font-size:15.5px}
.b-rotulo{flex:1;color:#fff;font-size:14px;font-weight:900;letter-spacing:.6px}
.b-videos{display:flex;gap:8px;margin:8px 0 4px}
.b-videos span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;color:#0B2A55;background:linear-gradient(180deg,#9FE0FF,#4FB6F0);border:2px solid #fff;box-shadow:0 3px 0 rgba(4,14,30,.4)}
.b-rotulo small{display:block;font-size:13.5px;font-weight:400;letter-spacing:0;color:#D6E6F7;margin-top:4px}
.b-titulo{color:#fff;font-size:18px;font-weight:900;letter-spacing:1px;padding:14px 0 2px 42px}
.b-divisor{height:1px;background:rgba(255,255,255,.35);margin:8px 0 4px 42px}
@media(max-width:1180px){.esteira-sala{grid-template-columns:1fr}}
@media(max-width:560px){.barra-sala{padding:18px 14px 22px}.b-card{padding:10px 12px}.b-card b{font-size:16px}}
/* LMD_ACADEMY_2026_CORES_CARDS: fundo de cada trilha tingido na sua cor (padrao da arte aprovada) */
.trilha{overflow:hidden;background:
 radial-gradient(520px 260px at 100% 100%,color-mix(in srgb,var(--a) 30%,transparent),transparent 70%),
 radial-gradient(420px 200px at 0% 0%,color-mix(in srgb,var(--a) 16%,transparent),transparent 70%),
 linear-gradient(160deg,color-mix(in srgb,var(--b) 22%,#0A2140),#061528)}
.t-linux.trilha{background:radial-gradient(520px 260px at 100% 100%,rgba(190,205,225,.22),transparent 70%),radial-gradient(420px 200px at 0% 0%,rgba(238,243,249,.10),transparent 70%),linear-gradient(160deg,#1C2E46,#081627)}
.marca-dagua{position:absolute;right:-18px;bottom:-26px;font-size:150px;line-height:1;color:var(--a);opacity:.10;pointer-events:none;transform:rotate(-8deg)}
.trilha > *:not(.marca-dagua){position:relative;z-index:1}
/* LMD_ACADEMY_2026_9TRILHAS: 9 trilhas em 3 linhas de 3 (Robotica e Auditoria de Sistemas) */
:root{--c-rob-a:#2CC7C1;--c-rob-b:#0E8E8C;--c-aud-a:#6C8BFF;--c-aud-b:#2E3FB8}
.t-robotica{--a:var(--c-rob-a);--b:var(--c-rob-b)}.t-auditoria{--a:var(--c-aud-a);--b:var(--c-aud-b)}
.trilha,.trilha:nth-child(n+5){grid-column:span 4}
@media(max-width:1180px){.trilha,.trilha:nth-child(n+5){grid-column:span 6}.trilha:last-child{grid-column:3 / span 8}}
@media(max-width:760px){.trilha,.trilha:nth-child(n+5),.trilha:last-child{grid-column:1 / -1}}
/* LMD_ACADEMY_2026_IA_CINZA: Inteligencia Artificial na Pratica em cinza grafite (rosa estava forte demais) */
.t-ia{--a:#A7B3C4;--b:#4B5768}
/* LMD_ACADEMY_2026_10TRILHAS: Governanca de TI (laranja); 10 trilhas = 4 + 3 + 3 */
.t-governanca{--a:#FF9F1A;--b:#D35A00}
.trilha{grid-column:span 4}
.trilha:nth-child(-n+4){grid-column:span 3}
@media(max-width:1180px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(n+5){grid-column:span 6}.trilha:last-child{grid-column:span 6}}
@media(max-width:760px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(n+5),.trilha:last-child{grid-column:1 / -1}}
/* LMD_ACADEMY_2026_11TRILHAS: Gestao por Processos (verde-lima); 11 trilhas = 4 + 4 + 3 */
.t-processos{--a:#B8DC2E;--b:#5F7D0A}
.t-processos .tile{color:#1B2A05}
.trilha:nth-child(-n+8){grid-column:span 3}
@media(max-width:1180px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(-n+8),.trilha:nth-child(n+5){grid-column:span 6}.trilha:last-child{grid-column:3 / span 8}}
@media(max-width:760px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(-n+8),.trilha:nth-child(n+5),.trilha:last-child{grid-column:1 / -1}}
/* LMD_ACADEMY_2026_12TRILHAS: Criptografia (vinho); 12 trilhas = 4 + 4 + 4 */
.t-cripto{--a:#D9577F;--b:#7A1E3D}
.trilha,.trilha:nth-child(-n+8),.trilha:nth-child(n+5){grid-column:span 3}
@media(max-width:1180px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(-n+8),.trilha:nth-child(n+5),.trilha:last-child{grid-column:span 6}}
@media(max-width:760px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(-n+8),.trilha:nth-child(n+5),.trilha:last-child{grid-column:1 / -1}}
/* LMD_ACADEMY_2026_13TRILHAS: Computacao em Nuvem (azul-celeste); Linux em destaque (largo) e as 2 ultimas largas */
.t-nuvem{--a:#5FD0FF;--b:#0B7FB8}
.trilha,.trilha:nth-child(-n+8),.trilha:nth-child(n+5){grid-column:span 3}
.trilha.t-linux{grid-column:span 6}
.trilha:nth-last-child(-n+2){grid-column:span 6}
@media(max-width:1180px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(-n+8),.trilha:nth-child(n+5),.trilha:nth-last-child(-n+2){grid-column:span 6}.trilha.t-linux,.trilha:last-child{grid-column:1 / -1}}
@media(max-width:760px){.trilha,.trilha:nth-child(-n+4),.trilha:nth-child(-n+8),.trilha:nth-child(n+5),.trilha:nth-last-child(-n+2),.trilha.t-linux,.trilha:last-child{grid-column:1 / -1}}
/* LMD_ACADEMY_2026_14TRILHAS: Gestao de Projetos (ambar); Linux largo + 12 + ultima larga... = 2+3x4 */
.t-projetos{--a:#F5C04A;--b:#9C6A08}
.t-projetos .tile{color:#2A1C02}
.trilha:nth-last-child(-n+2){grid-column:span 3}
.trilha.t-linux{grid-column:span 6}
.trilha:nth-child(2){grid-column:span 6}
@media(max-width:1180px){.trilha,.trilha:nth-child(2),.trilha:nth-last-child(-n+2){grid-column:span 6}.trilha.t-linux{grid-column:1 / -1}.trilha:last-child{grid-column:1 / -1}}
@media(max-width:760px){.trilha,.trilha:nth-child(2),.trilha:nth-last-child(-n+2),.trilha.t-linux,.trilha:last-child{grid-column:1 / -1}}
/* LMD_ACADEMY_2026_ILUSTRA: ilustracoes 3D no fundo dos cards das trilhas */
.ilustra{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:none;pointer-events:none;z-index:0;opacity:.9;
 mask-image:linear-gradient(90deg,transparent 0%,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);transition:transform .35s ease,opacity .35s}
.trilha:hover .ilustra,.trilha.ativa .ilustra{transform:scale(1.04);opacity:1}
.trilha:has(.ilustra):before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,21,40,.92) 0%,rgba(6,21,40,.70) 42%,rgba(6,21,40,0) 72%)}
.trilha > *:not(.marca-dagua):not(.ilustra){position:relative;z-index:1}
@media(max-width:760px){.ilustra{opacity:.6}}
.trilha > .ilustra{position:absolute;z-index:0}
/* ajuste: ilustracao menor, a direita, por baixo de um veu que protege o texto */
.trilha > .ilustra{height:86%;right:-4%;bottom:0;opacity:.62;z-index:0}
.trilha:has(.ilustra):before{z-index:1;background:linear-gradient(90deg,rgba(6,21,40,.94) 0%,rgba(6,21,40,.80) 46%,rgba(6,21,40,.15) 80%,rgba(6,21,40,0) 100%)}
.trilha > *:not(.marca-dagua):not(.ilustra){z-index:2}
.trilha:hover > .ilustra,.trilha.ativa > .ilustra{opacity:.85;transform:scale(1.04)}
.trilha.t-linux > .ilustra,.trilha.t-redes > .ilustra{height:112%;right:0;bottom:-6%}
@media(max-width:760px){.trilha > .ilustra{opacity:.45}}
/* LMD_ACADEMY_2026_AJUSTE1: botao LMD Solucoes igual ao da LMD Medicina; foto da abertura sumindo em degrade */
.menu .voltar-lmd{padding:9px 16px;border-radius:10px;border:1.5px solid #5BB8F5;background:rgba(30,136,229,.35);box-shadow:none;font-size:15.5px}
.menu .voltar-lmd:hover{filter:none;background:rgba(30,136,229,.55);color:#fff}
.abertura-foto img{mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 42%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 42%,#000 100%)}
.abertura-foto:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(6,23,40,.85) 0%,rgba(6,23,40,0) 30%),linear-gradient(180deg,rgba(6,23,40,.5) 0%,rgba(6,23,40,0) 18%)}
.abertura-foto .fala-prof{z-index:3}
@media(max-width:760px){.abertura-foto img{mask-image:linear-gradient(180deg,#000 60%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent)}.abertura-foto:after{display:none}}
/* FIM_LMD_ACADEMY_2026_AJUSTE1 */
/* LMD_ACADEMY_2026_AJUSTE2: imagem de fundo da abertura (Professor a esquerda, fundo escuro a direita) */
.abertura-caixa{grid-template-columns:1.2fr 1fr .6fr;background:#061728}
.abertura-foto{position:static;min-height:500px}
.abertura-fundo{position:absolute;inset:0;z-index:0;display:block}
.abertura-fundo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;transform:none;mask-image:none;-webkit-mask-image:none}
.abertura-foto:after{display:none}
.abertura-foto .fala-prof{right:auto;left:28px;top:28px;bottom:auto;width:290px}
.abertura-foto .fala-prof:before{left:auto;right:-15px;top:40px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent var(--borda-forte)}
.abertura-caixa:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,23,40,0) 0%,rgba(6,23,40,0) 36%,rgba(6,23,40,.75) 50%,rgba(6,23,40,.9) 62%,rgba(6,23,40,.9) 100%)}
.abertura-foto .fala-prof{z-index:3}
.abertura-texto,.recursos{z-index:2}
@media(max-width:1180px){.abertura-caixa{grid-template-columns:1fr 1fr}.abertura-foto{min-height:420px}}
@media(max-width:760px){.abertura-fundo{position:relative;inset:auto}.abertura-fundo img{position:relative;height:auto;aspect-ratio:1/1;mask-image:linear-gradient(180deg,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent)}
 .abertura-foto{min-height:0;position:relative}.abertura-caixa:after{display:none}.abertura-foto .fala-prof{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:-60px 20px 0}.abertura-foto .fala-prof:before{right:auto;left:40px;top:-15px;border-width:0 10px 15px;border-color:transparent transparent var(--borda-forte)}}
/* FIM_LMD_ACADEMY_2026_AJUSTE2 */
/* LMD_ACADEMY_2026_ESTEIRA_ESQ: esteira a esquerda (como na sala), explicacao a direita */
@media(min-width:1181px){.esteira-sala .barra-sala{order:-1;justify-self:start}.esteira-explica{padding-top:8px}}
/* FIM_LMD_ACADEMY_2026_ESTEIRA_ESQ */
/* LMD_ACADEMY_2026_LETRAS_ESTEIRA: letras maiores na explicacao e na esteira; legenda do tamanho do texto */
.esteira-explica p{font-size:19px;line-height:1.55}
.legenda{align-items:flex-start;gap:10px}
.legenda li{display:inline-flex;width:auto;max-width:100%;padding:9px 16px 9px 10px;gap:12px;font-size:18px}
.legenda .pino{width:32px;height:32px;font-size:16px}
.nota{font-size:16px!important}
.b-card b{font-size:18.5px}.b-card em{font-size:15px}.b-card small{font-size:14.5px}
.b-rotulo{font-size:15px}.b-rotulo small{font-size:14.5px}.b-titulo{font-size:19px}.b-final b{font-size:16.5px}
@media(max-width:760px){.esteira-explica p{font-size:17px}.legenda li{font-size:15.5px}.nota{font-size:14.5px!important}.b-card b{font-size:16px}.b-card em{font-size:13.5px}.b-card small{font-size:13px}}
/* FIM_LMD_ACADEMY_2026_LETRAS_ESTEIRA */
/* LMD_ACADEMY_2026_CF_ABERTURA: abertura do "Como funciona" (Professor a direita em degrade, balao no canto direito) */
.abertura-caixa.curta:after{display:none}
.abertura-caixa.curta{position:relative;display:block;min-height:440px;background:#061728;overflow:hidden}
.abertura-caixa.curta:before{content:"";position:absolute;top:0;bottom:0;right:0;width:60%;z-index:0;pointer-events:none;
 background:url('/treinamentos/assets/img/academy_abertura_cel.jpg') 30% 18%/cover no-repeat;
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,rgba(0,0,0,.85) 38%,#000 55%);
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,rgba(0,0,0,.85) 38%,#000 55%)}
.abertura-caixa.curta > *{position:relative;z-index:1}
.abertura-caixa.curta .abertura-texto{max-width:640px}
.abertura-curta .abertura-texto h1{font-size:clamp(40px,4.2vw,66px);line-height:1.15;font-weight:900;margin:18px 0 16px}
.abertura-curta .abertura-texto p{font-size:19px;line-height:1.55;max-width:620px}
.abertura-caixa.curta .fala-prof.solta{position:absolute;right:26px;bottom:34px;left:auto;max-width:330px;margin:0;z-index:2}
@media(max-width:1180px){.abertura-caixa.curta .fala-prof.solta{position:relative;right:auto;bottom:auto;max-width:460px;margin-top:22px}}
@media(max-width:760px){.abertura-caixa.curta{padding-top:230px!important}
 .abertura-caixa.curta:before{width:100%;bottom:auto;height:300px;background-position:center 20%;
  mask-image:linear-gradient(180deg,#000 55%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent)}
 .abertura-curta .abertura-texto h1{font-size:36px}.abertura-curta .abertura-texto p{font-size:17px}}
/* FIM_LMD_ACADEMY_2026_CF_ABERTURA */
/* LMD_ACADEMY_2026_GUIA: guia interativo - clicar numa etapa da esteira mostra a explicacao a direita */
.esteira-explica{position:sticky;top:96px}
.b-item[data-etapa]{cursor:pointer;outline:none}
.b-item[data-etapa]:hover .b-card,.b-item[data-etapa]:focus-visible .b-card{transform:translateX(6px);box-shadow:0 0 0 3px #6EC6FF,0 12px 24px -12px rgba(0,0,0,.6)}
.b-item[data-etapa]:focus-visible .b-rotulo{outline:2px solid #6EC6FF;outline-offset:4px;border-radius:8px}
.b-item.ativo .b-card{transform:translateX(8px);box-shadow:0 0 0 3px #6EC6FF,0 0 26px -4px #6EC6FF}
.b-item.ativo .b-pino{transform:scale(1.18)}
.b-item.ativo .b-rotulo{color:#BFE6FF}
.guia{margin-top:22px}
.guia-vazio{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;border:1.5px dashed rgba(110,198,255,.45);background:rgba(110,198,255,.06);font-size:17px;color:var(--texto)}
.guia-vazio i{font-size:30px;color:#6EC6FF}.guia-vazio b{color:#fff}
.guia-card{padding:22px 24px;border-radius:18px;background:linear-gradient(160deg,rgba(22,52,90,.75),rgba(8,26,48,.9));border:1px solid rgba(110,198,255,.35);border-top:3px solid #2F8CFF;box-shadow:var(--sombra)}
.guia-card.bloqueado{border-top-color:#FF4D5E}
.guia-card.entra{animation:guia-entra .3s ease}
@keyframes guia-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.guia-cab{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.guia-cab .ic{width:52px;height:52px;font-size:28px;border-radius:15px;--a:#2F8CFF;--b:#0646B8}
.guia-card.bloqueado .guia-cab .ic{--a:#FF6B78;--b:#C21F33}
.guia-estado{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;letter-spacing:.3px;color:#8CC4FF;margin-bottom:4px}
.guia-card.bloqueado .guia-estado{color:#FFB3BB}
.guia-card h3{font-size:22px}
.guia-card p{font-size:17.5px;line-height:1.55;color:var(--texto);margin:0 0 12px}
.guia-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.guia-card li{display:flex;align-items:center;gap:10px;font-size:16.5px;color:#E3ECF6}
.guia-card li i{color:#6EC6FF;font-size:19px}
@media(max-width:1180px){.esteira-explica{position:static}}
@media(max-width:760px){.guia-card h3{font-size:19px}.guia-card p{font-size:16px}.guia-card li{font-size:15px}}
@media(prefers-reduced-motion:reduce){.guia-card.entra{animation:none}}
/* FIM_LMD_ACADEMY_2026_GUIA */
/* LMD_ACADEMY_2026_LETRAS_ENTRADA: letras maiores nos cards "Como entrar na sala" */
.passo-entrada h3{font-size:21px}
.passo-entrada p{font-size:18px;line-height:1.55}
.passo-entrada a{font-size:17px}
@media(max-width:760px){.passo-entrada h3{font-size:19px}.passo-entrada p{font-size:15.5px}.passo-entrada a{font-size:15.5px}}
/* FIM_LMD_ACADEMY_2026_LETRAS_ENTRADA */
/* LMD_ACADEMY_2026_TOPO_PADRAO: menu do topo no tamanho do topo padrao do site LMD */
@media(min-width:761px){
 .topo-linha{min-height:76px}
 .marca-logo{height:50px}
 .marca-area{font-size:20px}
 .menu{gap:28px}
 .menu a{font-size:17px;font-weight:700}
 .menu .voltar-lmd{font-size:16px;padding:10px 18px}
}
@media(min-width:761px) and (max-width:1180px){.menu{gap:18px}.menu a{font-size:15.5px}}
/* FIM_LMD_ACADEMY_2026_TOPO_PADRAO */
/* LMD_LOGO_PADRAO: logo do topo do tamanho do logo da pagina principal (sem aumentar a barra) */
@media(min-width:761px){.topo .marca-logo{height:86px;margin:-14px 0}}
/* FIM_LMD_LOGO_PADRAO */

/* LMD_CABECALHO_PADRAO: mesmo tamanho do site principal da LMD */
@media(min-width:761px){
.topo .marca-logo,.topo .marca img{height:86px!important;width:auto!important;margin:-14px 0!important}
.topo .marca-area{font-size:19px!important;font-weight:800!important}
.topo .menu{gap:30px!important}
.topo .menu a{font-size:20px!important;font-weight:700!important}
.topo .menu .voltar-lmd,.topo .menu .btn-lmd{font-size:16px!important}
}
/* FIM_LMD_CABECALHO_PADRAO */

/* LMD_ACADEMY_BALAO_AJUSTE */
@media (min-width:981px){
  .abertura-foto .fala-prof{left:12px;top:140px;width:236px;padding:14px 16px;border-radius:16px;overflow:visible}
  .abertura-foto .fala-prof strong{font-size:16px;margin-bottom:5px}
  .abertura-foto .fala-prof p{font-size:14px;line-height:1.45}
  .abertura-foto .fala-prof:before{content:"";display:block;position:absolute;left:auto;right:-14px;top:24px;width:0;height:0;border-style:solid;border-width:10px 0 10px 14px;border-color:transparent transparent transparent #4E86BC;z-index:4}
}
/* FIM_LMD_ACADEMY_BALAO_AJUSTE */

/* LMD_ACADEMY_PINO_LIBERADO */
.esteira-sala .b-item.liberado .b-pino,.esteira-sala .b-item.liberado[data-etapa] .b-pino{background:#64ABDB!important;box-shadow:0 0 8px rgba(100,171,219,.55)!important}
.esteira-sala .b-item.liberado .b-pino:before,.esteira-sala .b-item.liberado .b-pino:after{content:none!important;display:none!important}
/* FIM_LMD_ACADEMY_PINO_LIBERADO */

/* LMD_ACADEMY_LINHA_INICIO */
.barra-lista:before{top:30px}
/* FIM_LMD_ACADEMY_LINHA_INICIO */