/* [CREADOR VIVO] La red viva de «Enséñale tu trabajo». Colores de la marca (asistentes.css) con respaldo. */
.bmcv { --cv-primario: var(--primary, #7A2C36); --cv-tenue: var(--text-mute, #5F6672); --cv-borde: var(--border, #E6E3E3);
  --cv-ok: var(--ok, #15803D); --cv-duda: var(--warn, #B45309); --cv-sin: #9CA3AF; --cv-dato: #7A2C36;
  --cv-filtro: #1D4ED8; --cv-entrega: #0F766E; --cv-persona: #7C3AED;
  position: relative; border-radius: var(--radio, 18px); padding: 6px 4px 10px;
  background: radial-gradient(ellipse at center, rgba(122, 44, 54, .06), transparent 70%); }
.bmcv-svg { display: block; width: 100%; height: auto; max-height: 340px; overflow: visible; }
.bmcv.angosto .bmcv-svg { max-height: 560px; }
.bmcv-centro { color: var(--cv-primario); }
.bmcv-nucleo { fill: var(--cv-primario); }
.bmcv-texto-centro { fill: #fff; font: 600 11px Inter, system-ui, sans-serif; }
.bmcv-centro.respira .bmcv-halo { animation: bmcv-respira 3.2s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.bmcv-linea { fill: none; stroke: var(--cv-borde); stroke-width: 1.4; transition: stroke .5s, stroke-width .5s, d .6s cubic-bezier(.2, .8, .2, 1); }
.bmcv-linea[data-estado="ok"] { stroke: var(--cv-primario); stroke-opacity: .5; stroke-width: 1.8; }
.bmcv-linea[data-estado="trabajando"] { stroke: var(--cv-primario); stroke-opacity: .3; stroke-dasharray: 4 5;
  animation: bmcv-fluye 1.2s linear infinite; }
.bmcv-linea[data-estado="duda"] { stroke: var(--cv-duda); stroke-opacity: .45; stroke-dasharray: 2 4; }
.bmcv-pulso { fill: none; stroke: var(--cv-primario); stroke-width: 3; stroke-linecap: round;
  stroke-dasharray: 18 400; stroke-dashoffset: 0; animation: bmcv-viaja 1.3s ease-out forwards; }
.bmcv-nodo { color: var(--cv-dato); transition: opacity .4s, transform .6s cubic-bezier(.2, .8, .2, 1); }
.bmcv-nodo.filtro { color: var(--cv-filtro); } .bmcv-nodo.entrega { color: var(--cv-entrega); }
.bmcv-nodo.persona { color: var(--cv-persona); }
.bmcv-nodo.nace { animation: bmcv-nace .55s cubic-bezier(.2, .8, .2, 1.2) both; }
.bmcv-punto { fill: #fff; stroke: currentColor; stroke-width: 2.2; transition: fill .4s; }
.bmcv-aura { color: currentColor; opacity: 0; transition: opacity .5s; }
.bmcv-nodo[data-estado="ok"] .bmcv-punto { fill: currentColor; }
.bmcv-nodo[data-estado="ok"] .bmcv-aura { opacity: .9; }
.bmcv-nodo[data-estado="trabajando"] .bmcv-aura { opacity: .6; animation: bmcv-titila 1.1s ease-in-out infinite; }
.bmcv-nodo[data-estado="duda"] .bmcv-punto { stroke: var(--cv-duda); stroke-dasharray: 3 2; }
.bmcv-nodo[data-estado="sugerencia"] { opacity: .55; } .bmcv-nodo[data-estado="sugerencia"] .bmcv-punto { stroke: var(--cv-sin); stroke-dasharray: 1 3; }
.bmcv-linea[data-estado="sugerencia"] { stroke: var(--cv-sin); stroke-opacity: .35; stroke-dasharray: 1 5; }
.bmcv-leyenda .sugerencia { color: var(--cv-sin); }
.bmcv-nodo[data-estado="sin"] { opacity: .45; } .bmcv-nodo[data-estado="sin"] .bmcv-punto { stroke: var(--cv-sin); }
.bmcv-etiqueta { fill: var(--text, #1F2328); font: 500 11px Inter, system-ui, sans-serif; paint-order: stroke;
  stroke: var(--card, #fff); stroke-width: 3px; stroke-linejoin: round; }
.bmcv-mensaje { margin: 6px 12px 2px; font-weight: 600; color: var(--text, #1F2328); min-height: 1.4em; text-align: center; }
.bmcv-mensaje[data-tipo="pregunta"] { color: var(--cv-duda); }
.bmcv[data-final="listo"] .bmcv-mensaje { color: var(--cv-ok); }
.bmcv-leyenda { margin: 4px 12px 0; text-align: center; font-size: .82rem; color: var(--cv-tenue); }
.bmcv-leyenda .ok { color: var(--cv-primario); } .bmcv-leyenda .duda { color: var(--cv-duda); }
.bmcv-bitacora { list-style: none; margin: 0 12px; padding: 0; text-align: center; color: var(--cv-tenue); font-size: .85rem; }
.bmcv-bitacora li:first-child { display: none; }      /* el último ya está arriba, grande */
.bmcv-bitacora li { opacity: .85; } .bmcv-bitacora li + li { opacity: .6; }
@keyframes bmcv-respira { 0%, 100% { transform: scale(.9); opacity: .55; } 50% { transform: scale(1.08); opacity: 1; } }
@keyframes bmcv-fluye { to { stroke-dashoffset: -18; } }
@keyframes bmcv-viaja { from { stroke-dashoffset: 0; opacity: 1; } to { stroke-dashoffset: -420; opacity: 0; } }
@keyframes bmcv-nace { from { opacity: 0; } to { opacity: 1; } }
@keyframes bmcv-titila { 0%, 100% { opacity: .25; } 50% { opacity: .75; } }
@media (prefers-reduced-motion: reduce) {
  .bmcv-nodo, .bmcv-linea { transition: none; }
  .bmcv-centro.respira .bmcv-halo, .bmcv-linea[data-estado="trabajando"], .bmcv-nodo[data-estado="trabajando"] .bmcv-aura,
  .bmcv-pulso, .bmcv-nodo.nace { animation: none; }
}
.bmcv.angosto .bmcv-etiqueta { font-size: 12.5px; }
