/**
 * siarhe.css
 * Estilos complementarios para el proyecto SIARHE.
 */

/* --- HERO ESPECÍFICO (Fondo Especial: Surface-2) --- */
.project-hero {
  background-color: var(--surface-2); /* Especial/Destacado */
  color: var(--c-ink);
  padding: 4rem 0 3rem;
  text-align: center;
  border-bottom: 1px solid var(--border);
  margin-bottom: 0;
}

.project-hero h1 {
  margin-bottom: var(--space-3);
  color: var(--c-ink);
}

.project-hero p {
  max-width: 800px;
  margin: 0 auto var(--space-4);
  font-size: 1.15rem;
  color: var(--c-text);
  line-height: 1.6;
}

/* --- MODIFICADOR DE CARD --- */
.card--tech {
  border-top: 4px solid var(--c-primary);
}