/* =====================================================================
   CSS da listagem de downloads (listador_arquivos.php)

   Este CSS vale SÓ para esta página. Veio de um bloco <style> dentro do
   PHP e foi para cá em 30/07/2026 — mas na primeira tentativa foi parar
   no lumikit-paginas.css (global), e seletores genéricos daqui
   (.header-2, .slide, .section-title, .modal-header…) vazaram para o
   site inteiro e desalinharam o logo do cabeçalho.

   Por isso o arquivo é carregado CONDICIONALMENTE, só quando esta
   página é a que está sendo exibida (ver o <head> do index.php).

   Se precisar de uma regra em MAIS de uma página, o lugar dela é o
   lumikit-paginas.css — e o seletor tem que ser específico o bastante
   para não pegar carona em outra página.
   ===================================================================== */

/* ===== LISTAGEM DE ARQUIVOS ===== */
/* mesma borda do cabeçalho das outras páginas */
/* .header-2 (borda + sombra) saiu daqui: é regra global, já está em lumikit-ajustes.css */
.header-2 .logo h1 { margin: 0; padding: 18px 0; }
.lst-wrap { color: #1c2320; }
.lst-header { background: #111a14; padding: 30px 0 26px; border-bottom: 3px solid #51d466; position: relative; overflow: hidden; }
.lst-header::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 80% at 90% 50%, rgba(81,212,102,.07) 0%, transparent 70%), repeating-linear-gradient(90deg, transparent 0px, transparent 59px, rgba(255,255,255,.025) 60px), repeating-linear-gradient(0deg, transparent 0px, transparent 59px, rgba(255,255,255,.025) 60px); pointer-events: none; }
.lst-header .container { position: relative; z-index: 1; }
.lst-header h1 { font-size: clamp(20px, 3vw, 30px); font-weight: 800; color: #fff; margin: 0; }
.lst-header p { color: #b8c9bc; font-size: 13.5px; line-height: 1.6; margin: 8px 0 0; max-width: 780px; }

.lst-trilha { font-size: 12.5px; color: #98a89b; margin: 0 0 10px; }
.lst-trilha a { color: #9fdcaa !important; text-decoration: none !important; }
.lst-trilha a:hover { text-decoration: underline !important; }

.lst-body { padding: 24px 0 50px; }
.lst-conteudo { max-width: 940px; margin: 0 auto; }
.lst-barra { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.lst-contagem { font-size: 12.5px; color: #7a877d; }

.lst-lista { background: #fff; border: 1px solid #e2e7e4; box-shadow: 0 1px 6px rgba(0,0,0,.05); }
.lst-linha { display: grid; grid-template-columns: 34px minmax(0,1fr) 150px 90px 130px; gap: 12px; align-items: center; padding: 11px 16px; border-bottom: 1px solid #eef2ef; text-decoration: none !important; color: inherit !important; transition: background .12s; }
.lst-linha:last-child { border-bottom: none; }
.lst-linha:hover { background: #f7fbf8; }
.lst-icone { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; }
.lst-icone img { max-width: 26px; max-height: 26px; }
.lst-icone i { color: #1d7a2e; font-size: 19px; }
.lst-nome { font-size: 14px; font-weight: 600; color: #1c2320; overflow-wrap: anywhere; }
.lst-tipo, .lst-tam, .lst-data { font-size: 12.5px; color: #7a877d; white-space: nowrap; }
.lst-tam { text-align: right; }
.lst-cab { display: grid; grid-template-columns: 34px minmax(0,1fr) 150px 90px 130px; gap: 12px; padding: 0 16px 7px; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7a6e; }
.lst-cab span:nth-child(4) { text-align: right; }

/* Grupos por tipo de arquivo */
.lst-grupo { margin-bottom: 22px; }
.lst-grupo:last-child { margin-bottom: 0; }
.lst-grupo-titulo { display: flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #1d7a2e; margin: 0 0 8px; }
.lst-grupo-titulo i { font-size: 14px; }
.lst-grupo-conta { background: #edf7ee; color: #1d5a26; font-size: 10.5px; padding: 1px 7px; letter-spacing: 0; }
.lst-grupo-nota { font-size: 12.5px; color: #6b4a00; background: #fff6e0; padding: 8px 12px; margin: 0 0 8px; line-height: 1.5; }
.lst-grupo-nota i { color: #c99700; }

.lst-voltar { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: #1d7a2e !important; text-decoration: none !important; margin-bottom: 12px; }
.lst-voltar:hover { text-decoration: underline !important; }
.lst-vazio { padding: 30px 20px; text-align: center; color: #7a877d; font-size: 14px; }

/* Instruções da pasta (ex.: como gravar o firmware no pen drive) */
.lst-instrucoes { background: #fff; border: 1px solid #e2e7e4; border-left: 4px solid #30c247; box-shadow: 0 1px 6px rgba(0,0,0,.05); padding: 20px 22px; margin-bottom: 18px; }
.lst-instrucoes h3 { font-size: 15px; font-weight: 800; color: #1c2320; margin: 0 0 12px; }
.lst-instrucoes ol { margin: 0 0 4px; padding-left: 20px; }
.lst-instrucoes li { font-size: 14px; line-height: 1.75; color: #3a453f; margin-bottom: 12px; }
.lst-instrucoes li:last-child { margin-bottom: 0; }
.lst-instrucoes p { font-size: 13.5px; line-height: 1.7; color: #5a665e; margin: 12px 0 0; }
.lst-instrucoes a { color: #1d7a2e; }
.lst-instrucoes img { max-width: 100%; height: auto; display: block; margin: 10px 0; border: 1px solid #e2e7e4; }
.lst-instrucoes .lst-atencao { background: #fff6e0; padding: 2px 5px; font-weight: 600; color: #6b4a00; }
.lst-nota { font-size: 12px; color: #98a89b; margin-top: 14px; line-height: 1.6; }

@media (max-width: 767px) {
	.lst-linha, .lst-cab { grid-template-columns: 30px minmax(0,1fr) 84px; }
	.lst-tipo, .lst-cab span:nth-child(3) { display: none; }
	.lst-data, .lst-cab span:nth-child(5) { display: none; }
}
