/* ─────────────────────────────────────────────────────────────
   Colores únicos por persona del equipo InnovaCoding
   Cada integrante tiene un color distintivo derivado de su rol
   ───────────────────────────────────────────────────────────── */

/* Tag base — overrides genéricos para mayor visibilidad en PPT */
.tag-resp,
.role-tag {
  display: inline-block !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  margin: 1px 3px 1px 0 !important;
  letter-spacing: .25px !important;
  white-space: nowrap !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.18);
  text-shadow: 0 1px 1px rgba(0,0,0,.12);
  vertical-align: middle;
  line-height: 1.35 !important;
}

.tag-resp em,
.tag-resp i.role,
.role-tag em,
.role-tag i.role {
  font-style: normal !important;
  font-weight: 600 !important;
  opacity: .88;
  margin-left: 3px;
  font-size: 10.5px !important;
}

/* Colores por persona (9 integrantes · paleta distintiva) */
.tag-yoset   { background: #7a0f2f !important; }  /* Granate · PM */
.tag-emerson { background: #006C7D !important; }  /* Teal · TL Scrum Master */
.tag-miguel  { background: #14387F !important; }  /* Azul corporativo · QA Lead */
.tag-marco   { background: #ea580c !important; }  /* Naranja vivo · TL WEB Frontend */
.tag-maria   { background: #be185d !important; }  /* Magenta · UX */
.tag-luis    { background: #15803d !important; }  /* Verde · Backend */
.tag-melvin  { background: #166534 !important; }  /* Verde oscuro · TL Backend BD */
.tag-mario   { background: #6d28d9 !important; }  /* Púrpura · DevOps */
.tag-elvis   { background: #0e7490 !important; }  /* Cyan oscuro · QA Tester */

/* Tags de equipo/grupo */
.tag-equipo  { background: #4b5563 !important; }  /* Gris medio */
.tag-cliente { background: #b45309 !important; }  /* Ámbar oscuro */

/* WP tag mejorado */
.wp-link {
  font-weight: 700 !important;
  color: #14387F !important;
  text-decoration: none !important;
  background: rgba(20,56,127,.08);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: .94em;
  transition: background .12s ease, color .12s ease;
}
.wp-link:hover {
  background: #14387F !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* WP con descripción entre paréntesis */
.wp-link em.wp-desc {
  font-style: normal;
  font-weight: 500;
  opacity: .85;
  font-size: .9em;
}