.wm-footbar{
  border-top: 1px solid color-mix(in srgb, var(--wm-border) 85%, transparent);
  background: color-mix(in srgb, var(--wm-card) 78%, transparent);
  color: var(--wm-fg);

  -webkit-backdrop-filter: blur(14px) saturate(130%);
  backdrop-filter: blur(14px) saturate(130%);
}

.wm-footbar__inner{
  max-width: 1180px;
  margin: 0 auto;
  padding: 14px 22px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size: .85rem;
}

/* Left block (como JDServer) */
.wm-footbar__left{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:flex-start;
}

.wm-footbar__main{
  display:flex;
  flex-wrap:wrap;
  gap: 6px 14px;
  align-items:center;
  opacity: .88;
}

.wm-sep{ opacity: .55; }

/* Firma J+A */
.wm-love-signature{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  font-size: .78rem;
  opacity: .86;
  letter-spacing: .02em;
  user-select:none;
}

.wm-love-mark{
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--wm-border) 85%, transparent);
  font-size: .72rem;
  font-weight: 740;
  background: color-mix(in srgb, var(--wm-card) 62%, transparent);
}

.wm-love-text{
  opacity: .9;
  color: var(--wm-muted);
}

/* Right links */
.wm-footbar__right{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  align-items:center;
}

.wm-footlink{
  text-decoration:none;
  font-weight: 620;
  color: color-mix(in srgb, var(--wm-accent2) 70%, var(--wm-fg) 30%);
}

.wm-footlink:hover{
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px){
  .wm-footbar__inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* ✅ “Seguro” final: si participa.css pisa algo raro, esto manda (carga el último) */
#participaCard .wm-textarea,
#participaCard .wm-select,
#participaCard .wm-pill{
  background: color-mix(in srgb, var(--wm-card) 70%, transparent);
  color: var(--wm-fg);
  border-color: var(--wm-border);
}
/* FIX: chips/badges invisibles en tema claro/auto (por color blanco heredado/pisado) */
.wm-chip,
.wm-cat__kpi .wm-chip,
.wm-badge{
  color: var(--wm-muted) !important;
}

/* Por si algún sitio también les fuerza transparencia */
.wm-chip{
  opacity: 1 !important;
}