* {  user-select: none;  transition: all .1s linear;   }


  body.dark {
     background-color: #333;
    color: #fff;
  }


a {
    text-decoration: none;
    color: inherit;
  }

  /* Container geral */
  .container {
    margin: 0 auto;
    padding: 20px;
  }

  /* Cabeçalho */
  header {  transition: all .1s linear;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0;
    background-color: #007BFF;
    color: white;
    border-radius: 12px;
    overflow: auto;
  }

  header h1 {
    font-size: 2rem;
    margin-bottom: 10px;
  }

  /* Idiomas */
  .languages {
    margin-top: 10px;
  }

  .languages button {
    background: transparent;
    border: 2px solid white;
    color: white;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background 0.3s, color 0.3s;
  }

  .languages button:hover {
    background: white;
    color: #007BFF;
  }

  /* Seções */
.tab-content.active section, section {
    margin-top: 30px;  transition: all .1s linear;
  }

section.ct {   text-align:center;  }
section.rt {   text-align:right;  }
section.lt {   text-align:left;  }

.ic h2:before, section.ic h2:before{  display:none;  content:"";  }


  /* Botão de download */
  .download-btn {
    display: inline-block;
    padding: 12px 24px;
    background-color: #28a745;
    color: white;
    font-size: 1.1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
  }

  .download-btn:hover {
    background-color: #218838;
  }

  /* Versão */
  .version {
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.1rem;
  }

  /* Galeria */
 .tab-content.active .gallery, .gallery {      user-select:none;
   display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      width: 80%;
      margin: 0 auto;
    margin-top: 20px;
  }

  .tab-content.active .gallery img, .gallery img {
    width: 100%;
    height: auto;   object-fit: cover; 
    cursor: pointer;
    border-radius: 4px;
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
  }

.tab-content.active .gallery img:hover, .gallery img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  }


  /* Recursos e Sobre */
  ul {
    margin-top: 15px;
    padding-left: 20px;
  }

  li {
    margin-bottom: 10px;
  }

  /* Modal */
  .modal {   transition: all .1s linear;
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 60px; 
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0,0,0,0.8);
  }

  .modal-content {
    margin: auto;   transition: all .1s linear;
    display: block;
    max-width: 90%;
    border-radius: 8px;
  }

  .close {
    position: absolute;
    top: 10px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s;
  }

  .close:hover {
    color: #bbb;
  }

  /* Responsividade */
  @media(max--width: 768px) {
    header h1 {
      font-size: 1.5rem;
    }
    .download-btn {
      padding: 10px 20px;
      font-size: 1rem;
    }
  }




#resources-title:before{   
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAM+SURBVEiJrZTfa5tlFMc/53mSdL6ubVKzSMUJVZa4pdkgE6sIYoWBA0VleCXuQiiCTNnYGCi4VS8EvfBGZhXRXhR26X+g4I3gj4KkdrONFy211K7tUu1Km7w/zi7SZHmTrOnAB154z/M+38/3nPO8HLiHpcXcy/7PfZfvRbN3+HQ2prO5G/6PEU+ns7G96syeHaL2FHCAwLPB5j8f/P8GykjtVdytkd2OdjT48pvSsbFvb56ps4uDjyH6XD12tx7Uyb6navH5S4vvXBhdOLpng8Boj4oMNGT/FiB3YkVd/+M7ChlQbE87lrTbbFw6nY0RNQtACiBYnNpJLeqbZNqR7HRlN33nO4jIqzV4aAWuDW4tvddJLvrX0RfwgywicYQESgKIA4md5yGgB0BLCzC7jj5cS88qYisYUxEx24hsImYD5F+MKanYX0Rnc/PAIx0r8V2C5RlMQQmOALajAiJRzwDDwLW2B1TB98Aro7dWqrGC3ADKgLcL3MZc0xV/SQD0z0w3pusq6Ish/tocur0R0plCUw5x0Kb6Jeasyn29T0h+ad4AyOMzGxzKvAJ8Ejq5Pwlml15EQJNN8H3d16WSOij5pXlo85vqTG4E4QoQBcArE6zOgV8JV9AFwQBQm0oi4PSO2yfX3wxV3GwgmamvUTkJ/FfNsgsikZbkNdoAN1ZNd9+ZZnjIYGy89NFXEyv9AKQLP4BWU9YAyls1UP3vkU1A65hAjq9dATj7/kr/+cuLH4YMRkfVgBzCjzoAFLPHQKrd9SqAIk4ck0oTZEB7d+DuDiVwrf6WHAaQ2Pb9YNKgAncZFVrMnUP5rL7he2CrbaqPCg9o7JyTmLBDpdN3bVHYQYdDsW29A5q2xK882w7VYqD6mgVpd3gZeB0nMYaNBC06r3xQtZXXWsHstTzQ26hFZQKNDUp66qodKr1t9h94VPZ1Xw/pfM8wmTzZ2cCY5xvYRVROSKZwWjKTq7VdyS/Nm6c3jhjngXeJxOrjOvD8NzobKMeBbeASrg5KpvB97dMX46Wzo58uf1c3Glr73PSl+sXp+QkECbx8M6719nx7Ebgoh3+fazWXP4wNayT7903gGf01dQL115sltwEBcSE2q6YBdAAAAABJRU5ErkJggg==');
margin-right:9px;  top: 3px;  position: relative;transition: all .1s linear; 
}
#screenshots-title:before{   
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAACxAAAAsQHGLUmNAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA2FJREFUSImdls9rXFUUxz/nvjczbScxExocbIQmNGaiKbR/gERiaYpoFVz4Y9GluHCVoogLN+5EaLeCiFjponRRtN0YKST+qiCirYtOJqlaaaZNYs1MMxnMvB/HxZv33rzJzLT0wOW99733fM+558e9T2iXq5oduFdN78AfQKr1gQbHZKsVk/Cl/7ut46pyGuVANwLpNhGKArCM6uzmdPZSpDN4eeu4j3z1ABS9iJPaoi9Xjuy5YAPgmlPWQ5J2F/kQuCD5rzXruf/VWqcm+oTxfhN9/11Xrlb9BOmhAcP+PbHPizWfxc2k1ZTuytrb9UoqY3ZFYKFf+ObpDMV7foT9VlF+/8dPKJ943OJwLjZQeCTFzPw2pRYjaa2k7RzQcGPFsd2GpU2f5y43EoTtIXzvFyfxPXckzdhuw/KGFwAK2GADmNCAgrjBM8Q6p70TKhgPLKdlrpbDppLDSm1HmPFBVLDcJMmhvcLUYwbHh4XbPtc3NDalIEpgwE2oYSAAw3G7qlxb9xPYyYM2546mmRgwTOYM54+meXPcwnLAOMFur637lKuKcYkGgIx8pjnb297oFoSDQ8LZ59O8erFB8W7g9figcO7FNK9fbFD8t3u9OnZm0A530E2eHTbM3/QprSph4S6vK/M3fab2GZbWvK662RrYuQo0Uh1mm44ZX/A7xFZ8yEhLgbSJaBADA2BcCYYTDMsJkmy5wrfLPtOjhsKAibCnBg3To4bvb2iERaOpHxoOQtRS0hOPCq8ctvhgLlhRLCufXPE4+1qKhRtBs00dMHz6k0eprEF/KLx/zOb8rx7FtZacpMCmClYmxob7hMm8JEJy5kePn//wmRozeApnrjgs3olzAjCZF37oE0pljQrEq7c1mhDUsrAz5qVbSumWF+WmvbM79YEXhagFNB6JTqYZgtCBbhI618qVNdA8i2LVlTUYGRI+fyMuresrykdfJsvxnZcsnhyO9fYPCStrJE+ANMjM25qtW04tbHmAkbwwmo8Xlu8qiyvJhioMC/v2xmv+XFX+WtXEkV7PprIC8Mxso4TwRI8I9L7rOjSzQmnhdLrQTLKZFfEv9eK4H+kOB1TfTeAzb7kvqPqnoPdO7n9VsiRqTs59bMeXfqvMnNBsqo+H+m1xajTmvkj+tvwPNJ1QZInD2GgAAAAASUVORK5CYII=');
margin-right:9px;  top: 3px;  position: relative;transition: all .1s linear; 
}
#news-title:before{   
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAACEAAAAhAEwqx0lAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAA/BJREFUSImdlVtsVGUQx3/znbNLKSJKkGqBbaEa2F2wGPFFjaYGDTZeEhLBKJqohCZqUAqlixeyRrBLERAEE8LdByVo9AEjF1MviYYXDUHYpYJY2JZCWgW5lW53zzc+lN0ssNDKPJ0zM9/v/82cORnhf9iInfWVKnYpxsxsf3RJsj9npK+EOw+vGtDdc6FKjIT0YjpkO8++ApxF5c32KY2bblhg9P7FJRnHeVdgBjAEwKbSHbbj7PBLKdvb/YOmUhXNXE/ALeQMJJa84KGfCAwAPkfMF6S9X7zOcxUCTYrUnXiscR2C9uY3bAfTlAzVf9SnQCAeew90ocKPVmzN8eBbh7Kxkl3zDrqeCbdXN7Zd0YczqK4oS8QCx4L1cxHRgi0KHGyYhcpaETYNu3BrzW+TatLXKz9nGjWB5gErUJmtaG1raMGKqwRGJhrvMtgDCk2twTFPItO8fsEvr/5LhCescF9bMLIfwGSDRnQx0OOoeflG4AC+jPMqcN6oxHJc6J0YVKeirD4ann+yv8Dxf348Pdyyckr2/UhlXYeqbAZ9fHTiw7KcgOc6TwGOo2ztF1nVTDiy6ruBft/Wgca/4+7mpaNzIaNbAMmQqc4JqFIJ/NsyPrKvL3a4dfnQyqNr/iry+ScDqGjGG+ScycbbxnXHgZSoTIRLY2pghMLxfFB5S7TIXizaI1BsjVS1jqtvD7esmej3+Nl1nEEAnvW6UjZVFR9Teyp3UKKWRCwposNzAgo+8j44AF3FtyB2goJjrP0seHjlhiKRTcYYB6DHy7SmfNzTPLL2n4JdRFK5FonQAZShmhvbo+H5J1FddCn5YU+9LSK98FS6p2lf+WvlzSNfvxrey7gD9EROQC17geLyQw1j83OToYr3Eb4H6M70yKnu8xe70qnY7xWzJyNiC918VDw2CbgJ2JsnYL4FsJ556bJsmeY5Ge85oAlkj83Y++MVbywoBM6aEXkWyFj1fwN5f3IgEdstMDHtuKH2sfP+vh7kWla6f9Eo13H/QPSrZHDBjFwFAChzFAa7Xmb9jcDv/XWtz3XdzYA46ns7V1H2IRmOxAVdCDxdlogtR6OmAKegheNRf2fx6Y0ojwA1LaF5x64SADgWTC1DdJXCnECiaMOVoNJdtaNKt0eL832B+Aehc1L0A/C8Iu8kQ5FP8+MFN1rZwYa5VuWB1lBkatY3YmfdiyqsFuEhLStpczzvQVSfEWE6cB5lVjIc2XYlq8+dHN4W9Z8acuFrgWoAt2RIB343uzZPA1syjrv4WoPRpwBA6e66mSjLgcFm2M3rzEB/AuyB27qG/tTXUuqXAMDtOyLlRrz11trZJ6uXJfp77j/ojY1ayPTIBwAAAABJRU5ErkJggg==');
margin-right:9px;  top: 3px;  position: relative;transition: all .1s linear; 
}
#about-title:before{   
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAACxAAAAsQHGLUmNAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAgxJREFUSInVlT1vE0EQhp85DmMZO5AghBBIiR137jB/gBS0sZWIvxAppAoWRlR04ATREcQfoDAIbFcIiZoG05BQBcdFROGLkEhsy4rDDcXF5uA+EiOavNXu7LzzzO3d7cJJl4QtZsoa6VjtPAazolwDueqs6LYKnwQqsQvxysYt2R8ZkHq2N6fKCpAKa0Lhq6HcbdxOvD4eoKynktZeCZE7YYV9UI+3WokiD8R2R42/0/6tOIAUUpc6Dz1R9+RwW1752aMmPL0ZRYGldz16B/4YRfPNxbHKYD58gkxZI7ZSCuovPW5wY9JkZtJk+rznwV0dG08yZY0M5uZg0LHaeRGmg4wbls2jD/soypcdOygN0GR3pz0LvPwDYAg5DbGdMeFt44BW1yYsz2HgBShkwzy1+RjpcYPmD5uZF91wgHB92LgrfDnMs2452zJ1Lnj/XbriBwjV8vvecVMBhi/JDfg2SoVQ6e9aQ4AK9f8GEP3oAQhU/LMdRU3/sa9Uqh7AhBF/A2wGeWrzseG4OhcLSgNoxC7Gax5AfUH6ohSDXOuWTbevdPrKZyv4R1Nbl93Ht+c0Ta7troIUwloMkiClxmL8njvm+Uy3WokiyOrIxUVWGq2z973QAE2t7ebEAaWPqL2pthaaS2NVv8XQKzP7XE9//9nOHZ4tWQTnylS2gTpQmTDj1fqC9I9o4gTrFy3wq13aHIdPAAAAAElFTkSuQmCC');
margin-right:9px;  top: 3px;  position: relative;transition: all .1s linear; 
}




  .tab-container {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;    color:#000;
  }

  /* Estilo para os botões de aba */
  .tabs {
    display: flex;
    flex-wrap: wrap;
    background-color: #2c3e50;
  }

  .tab {
    flex: 1;
    padding: 14px 20px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    transition: background-color 0.3s, transform 0.2s;
    color: #ecf0f1;
    text-align: center;
  }

  .tab:hover {
    background-color: #34495e;
  }

  .tab.active {
    background-color: #2980b9;
    color: #fff;
    font-weight: bold;
  }

  /* Estilo para o conteúdo das abas */
  .tab-content {
    padding: 20px;  overflow:auto;
    display: none;  color:#000;
    animation: fadeIn 0.3s ease-in-out;
  }

  .tab-content.active {
    display: block;
  }

  /* Animação de fade */
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* Responsividade */
  @media(max-width: 600px) {
    .tab {
      padding: 12px 10px;
      font-size: 14px;
    }
  }