*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f0f0f0;--bg-secondary:#ffffff;--bg-tertiary:#e5e5e5;--accent:#000000;--text-primary:#3c3c3c;--text-secondary:#787878;--text-inverse:#ffffff;--border-light:#d2d2d2;--border-medium:#000000;--shadow:rgba(0, 0, 0, 0.1);--header-bg:#000000;--radius-md:12px;--radius-lg:24px;--radius-xl:24px}html{scroll-behavior:smooth}body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color 0.3s ease,color 0.3s ease}body.modo-escuro{--bg-primary:#121212;--bg-secondary:#1e1e1e;--bg-tertiary:#2c2c2c;--accent:#ffffff;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-inverse:#000000;--border-light:#333333;--border-medium:#ffffff;--shadow:rgba(0, 0, 0, 0.3);--header-bg:#121212}.container-principal{max-width:1100px;margin:0 auto;padding:20px;position:relative;z-index:1}.cabecalho-principal{text-align:center;padding:40px 20px;background-color:var(--header-bg);color:#fff;border-radius:var(--radius-xl);margin-bottom:40px;box-shadow:var(--shadow);position:relative;overflow:hidden;border:2px solid #fff0}body.modo-escuro .cabecalho-principal{border:1px solid #fff;color:#fff}body.modo-escuro .cabecalho-principal h1,body.modo-escuro .cabecalho-principal p{color:#ffffff!important}.cabecalho-principal img{width:80px;height:80px;margin-bottom:15px;border-radius:50%;background:#fff;padding:5px}.cabecalho-principal h1{font-size:2.2rem;margin:0 0 15px 0;font-weight:700;color:#fff}.subtitulo-principal{font-size:1.2rem;line-height:1.6;max-width:700px;margin:0 auto;opacity:.95}.secao-grupos{background-color:var(--card-bg);border-radius:var(--radius-xl);padding:30px;box-shadow:var(--shadow);margin-bottom:40px;border:2px solid var(--border-medium)}.cabecalho-secao{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:10px}.cabecalho-secao h2{font-size:1.5rem;color:var(--text-primary);font-weight:700}.indicador-semana{background-color:var(--accent);color:var(--text-inverse);padding:6px 14px;border-radius:50px;font-size:.85rem;font-weight:600;border:1px solid var(--text-inverse)}.grid-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:25px;padding:10px 0}.cartao-app{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;background-color:var(--bg-secondary);padding:20px 15px;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.cartao-app:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--border-medium)}.icone-app{width:85px;height:85px;border-radius:20px;object-fit:cover;margin-bottom:15px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.nome-app{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.plataforma-app{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.icone-config-container{position:fixed;top:20px;left:20px;z-index:1100;cursor:pointer;transition:transform 0.3s ease;width:60px;height:60px}.icone-config-container:hover{transform:scale(1.1)}.icone-config{background-color:var(--accent);width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px var(--shadow),0 0 0 3px var(--bg-secondary);animation:pulsar 2s ease-in-out infinite;pointer-events:none}.icone-config svg{width:32px;height:32px;color:var(--text-inverse)}@keyframes pulsar{0%{box-shadow:0 0 0 0 rgb(0 0 0 / .4)}70%{box-shadow:0 0 0 15px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.modal-container{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);justify-content:center;align-items:center;padding:20px}.modal-conteudo{background-color:var(--bg-secondary);padding:30px;border-radius:16px;width:90%;max-width:400px;position:relative;margin:auto}.modal-grande{max-width:700px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}@keyframes tv-ligar{0%{transform:scaleY(.01) scaleX(1);filter:brightness(.3);opacity:1}20%{transform:scaleY(.01) scaleX(.5);filter:brightness(.1)}40%{transform:scaleY(.8) scaleX(1);filter:brightness(2)}60%{transform:scaleY(1.05) scaleX(1);filter:brightness(1.5)}100%{transform:scaleY(1) scaleX(1);filter:brightness(1);opacity:1}}@keyframes tv-desligar{0%{transform:scaleY(1) scaleX(1);filter:brightness(1);opacity:1}40%{transform:scaleY(.01) scaleX(1);filter:brightness(20)}70%{transform:scaleY(.005) scaleX(.5);filter:brightness(50)}100%{transform:scaleY(0) scaleX(0);filter:brightness(100);opacity:0}}.modal-container.modal-ativado .modal-conteudo{animation:tv-ligar 0.8s cubic-bezier(.23,1,.32,1) forwards}.modal-container.modal-fechando .modal-conteudo{animation:tv-desligar 0.6s cubic-bezier(.23,1,.32,1) forwards}.fechar-modal{position:absolute;top:15px;right:20px;font-size:28px;cursor:pointer;color:var(--text-secondary);z-index:10}.opcao-config{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;border-bottom:1px solid var(--border-light);padding-bottom:20px}.linha-opcao{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.theme-switch{position:relative;display:inline-block;width:50px;height:26px}.theme-switch input{opacity:0;width:0;height:0}.theme-switch-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:26px}.theme-switch-thumb{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.theme-switch-track{background-color:var(--accent)}input:checked+.theme-switch-track+.theme-switch-thumb{transform:translateX(24px)}body.modo-escuro input:checked+.theme-switch-track{background-color:#fff}body.modo-escuro input:checked+.theme-switch-track+.theme-switch-thumb{background-color:#000}.seletor-estilo{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border-light);background-color:var(--bg-primary);color:var(--text-primary);font-size:.95rem;outline:none}.corpo-modal-app{padding:30px 30px 20px 30px;overflow-y:auto;flex:1}.area-icone-info{display:flex;align-items:center;gap:20px;margin-bottom:25px}.icone-app-modal{width:80px;height:80px;border-radius:18px;border:1px solid var(--border-light)}.info-textual-modal h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 8px 0;line-height:1.2}.meta-tags{display:flex;gap:10px}.tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase}.tag.versao{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}.tag.plataforma{background-color:var(--accent);color:var(--text-inverse)}.navegacao-abas{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:20px}.aba-modal{padding:12px 20px;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all 0.2s ease;border-bottom:2px solid #fff0;margin-bottom:-2px}.aba-modal:hover{color:var(--text-primary)}.aba-modal.ativa{color:var(--accent);border-bottom-color:var(--accent)}.area-conteudo-aba{position:relative;min-height:200px}.conteudo-descricao,.conteudo-imagens{display:none;animation:fadeIn 0.3s ease}.conteudo-descricao.conteudo-ativo,.conteudo-imagens.conteudo-ativo{display:block}.texto-descricao{font-size:.95rem;color:var(--text-primary)}.texto-descricao ul{padding-left:20px}.texto-descricao li{margin-bottom:8px}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.img-galeria{width:100%;height:auto;border-radius:8px;cursor:pointer;border:1px solid var(--border-light);transition:transform 0.2s;aspect-ratio:16/9;object-fit:cover}.img-galeria:hover{transform:scale(1.05);border-color:var(--accent)}.rodape-modal-acao{padding:20px 30px 30px;border-top:1px solid var(--border-light);background-color:var(--bg-tertiary);display:flex;justify-content:center}.botao-download-central{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:opacity 0.2s ease}.botao-download-central:hover{opacity:.8}.modal-onboarding-conteudo{text-align:center}.cabecalho-onboarding img{width:70px;height:70px;border-radius:50%;margin-bottom:20px;background:#fff;padding:5px}.cabecalho-onboarding h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:5px}.cabecalho-onboarding p{color:var(--text-secondary);font-size:.9rem;margin-bottom:30px}.corpo-onboarding{text-align:left;margin-bottom:30px}.grupo-opcao{margin-bottom:20px}.rotulo-opcao{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.input-selecao{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border-light);background-color:var(--bg-primary);color:var(--text-primary);font-size:.95rem;outline:none}.container-tema{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cartao-tema{background-color:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;padding:15px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all 0.2s ease}.cartao-tema:hover{border-color:var(--border-medium)}.cartao-tema.ativo{border-color:var(--accent);background-color:var(--bg-tertiary)}.icone-tema svg{width:24px;height:24px;color:var(--text-primary)}.cartao-tema span{font-size:.9rem;font-weight:500;color:var(--text-primary)}.botao-primario{width:100%;padding:12px;background-color:var(--accent);color:var(--text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity 0.2s ease}.botao-primario:hover{opacity:.8}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.container-principal{padding:10px}.cabecalho-principal{padding:30px 15px}.cabecalho-principal h1{font-size:1.8rem}.secao-grupos{padding:15px}.cabecalho-secao{flex-direction:column;align-items:flex-start;gap:10px}.grid-apps{grid-template-columns:repeat(2,1fr);gap:15px}.modal-conteudo{padding:20px;width:95%}.modal-grande{height:100vh;max-height:100vh;border-radius:0;width:100%}.area-icone-info{gap:15px}.icone-app-modal{width:64px;height:64px}.info-textual-modal h2{font-size:1.25rem}}