/* ===== Sección de Proyectos ===== */
/* SECTION */
#projects {
  padding: 80px 60px;
  text-align: left;
}

/* TITULO */
#projects h2 {
  font-size: 2rem;
  margin-bottom: 50px;
  color: #e6edf3;
}

/* GRID */
.projects-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

/* CARD */
.project-card {
  background: #0d1117;
  border: 1px solid #21262d;
  padding: 20px;
  border-radius: 10px;
  transition: all 0.25s ease;
  position: relative;
}

/* HOVER */
.project-card:hover {
  border-color: #4da6ff;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(77, 166, 255, 0.1);
}

/* TERMINAL LINE */
.terminal-line {
  color: #4da6ff;
  font-family: monospace;
  font-size: 0.8rem;
  margin-bottom: 8px;
}

/* TITLE */
.project-card h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

/* DESC */
.project-desc {
  font-size: 0.9rem;
  color: #8b949e;
  margin-bottom: 15px;
}

/* TECH STACK */
.tech-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 15px;
}

.tech-stack span {
  background: #161b22;
  border: 1px solid #30363d;
  padding: 5px 10px;
  font-size: 0.75rem;
  border-radius: 5px;
  color: #c9d1d9;
}

/* LINK */
.project-link {
  font-size: 0.85rem;
  color: #4da6ff;
  text-decoration: none;
  transition: 0.2s;
}

.project-link:hover {
  color: #79c0ff;
}

.badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.7rem;
  background: #4da6ff;
  color: #0b0f19;
  padding: 3px 8px;
  border-radius: 4px;
}

/* Adaptabilidad */
@media (max-width: 600px) {
  #projects h2 {
    font-size: 1.8rem;
  }

  .project-card {
    padding: 20px;
  }
}