/* =============================================
   50-HABILIDADES — SEÇÃO DE SKILLS
   - Grid de categorias
   - Cards com glassmorphism e tags
============================================= */

/* -- Grid de categorias -- */
.skills-container {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1rem, 3vw, 1.5rem); width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box;
}

/* -- Card da categoria -- */
.skill-category {
  padding: clamp(1rem, 3vw, 1.5rem);
  background: rgba(255, 255, 255, 0.03);
  border-radius: var(--radius);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 15px rgba(0, 180, 255, 0.15);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  backdrop-filter: blur(6px);
}
.skill-category:hover { transform: translateY(-5px) scale(1.04); box-shadow: 0 0 28px rgba(0, 180, 255, 0.6); border-color: var(--primary-color); }

.skill-category h3 {
  font-size: clamp(1.1rem, 3vw, 1.25rem); color: #fff; margin-bottom: clamp(.8rem, 2vw, 1rem);
  text-align: center; border-bottom: 2px solid var(--primary-color); padding-bottom: .6rem;
}
.skill-description { font-size: .95rem; color: var(--secondary-color); margin-bottom: .8rem; line-height: 1.5; text-align: center; }

/* -- Tags das tecnologias -- */
.skill-tags { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.tag {
  font-size: .85rem; padding: .4rem .9rem; border-radius: .6rem; font-weight: 600; color: #fff;
  background: linear-gradient(135deg, rgba(0,180,255,.35), rgba(255,0,214,.35));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 0 10px rgba(0,180,255,.35);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  white-space: nowrap;
}
.tag:hover { transform: scale(1.08); box-shadow: 0 0 18px rgba(0,180,255,.7); filter: brightness(1.2); }

/* -- Ícones embutidos nas tags -- */
.tag.python::before { content: "🐍 "; } .tag.sql::before { content: "🗄️ "; }
.tag.r::before { content: "📉 "; } .tag.javascript::before { content: "📜 "; }
.tag.pandas::before { content: "📊 "; } .tag.numpy::before { content: "🔢 "; }
.tag.sklearn::before { content: "🤖 "; } .tag.tensorflow::before { content: "🧠 "; }
.tag.seaborn::before { content: "📈 "; } .tag.jupyter::before { content: "📓 "; }
.tag.vscode::before { content: "💻 "; } .tag.pycharm::before { content: "🖥️ "; }
.tag.powerbi::before { content: "📊 "; } .tag.git::before { content: "🌱 "; }
.tag.ml::before { content: "🤖 "; } .tag.stats::before { content: "📊 "; }
.tag.storytelling::before { content: "📖 "; } .tag.etl::before { content: "🔄 "; }
.tag.preprocessing::before { content: "🧹 "; } .tag.fe::before { content: "🛠️ "; }
.tag.eda::before { content: "🔍 "; } .tag.series::before { content: "⏱️ "; }