/* Container e Tipografia */
  .skills-container {
      padding: 80px 0;
      color: #ddd;
      text-align: center;
      background-color: #111;
      /* fundo escuro para efeito neon */
  }


  .skills-section p.lead {
      font-weight: 600;
      margin-bottom: 30px;
      color: #fff;
      /* cor principal do texto */
      text-transform: uppercase;

      /* Efeito neon */
      text-shadow:
          0 0 5px #7f00ff,
          0 0 10px #7f00ff,
          0 0 20px #7f00ff,
          0 0 40px #a200ffff,
          0 0 80px #a200ffff;
  }


  /* Ícones com efeito 3D Neon */
  .skill-icon {
      font-size: 3rem;
      background: linear-gradient(135deg, #7f00ff, #a200ffff);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      transition: transform 0.3s ease, filter 0.3s ease, text-shadow 0.3s ease;
      cursor: pointer;

      /* Sombra 3D */
      text-shadow:
          1px 1px 0 #00000033,
          2px 2px 0 #00000033,
          3px 3px 0 #00000022;
  }

  .skill-icon:hover {
      transform: rotateX(20deg) rotateY(10deg) scale(1.4);
      filter: drop-shadow(0 0 12px #a200ffff);
      text-shadow:
          2px 2px 0 #00000055,
          4px 4px 0 #00000044,
          6px 6px 0 #00000033;
  }

  /* Nome da skill */
  .skill-name {
      color: #ffffff;
      font-weight: 500;
      font-size: 1rem;
      text-shadow: 0 0 8px rgb(162, 0, 255);
      margin-top: 0.5rem;
      transition: color 0.3s ease, text-shadow 0.3s ease;
  }

  .skill-name:hover {
      cursor: pointer;
      color: #a200ffff;
      text-shadow: 0 0 8px #a200ffff;
  }

  /* Seções */
  .skills-section {
      margin-bottom: 60px;
  }

  .skills-section h6 {
      color: #7f00ff;
      margin-bottom: 30px;
      font-weight: 600;
      text-transform: uppercase;
  }

  /* Texto descritivo */
  .skills-container p.text-description {
      color: #bbb;
      font-size: 0.95rem;
      line-height: 1.6rem;
      max-width: 720px;
      margin: 40px auto 0 auto;
  }

  .skill-icon {
      width: 50px;
      height: 50px;
      object-fit: contain;
      display: block;
      margin: 0 auto;
  }

  .skill-name {
      text-align: center;
      margin-top: 5px;
      font-weight: 500;
  }

  .skill-item {
      text-align: center;
  }

  .skills-divider {
      width: 140px;
      height: 2px;
      margin: 80px auto;
      background: linear-gradient(90deg, transparent, #7f00ff, transparent);
      box-shadow: 0 0 12px #7f00ff;
  }