/* [project]/apps/panel/app/panel/migas.css [app-client] (css) */
.panel-migas {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 14px;
}

.panel-migas-lista {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.panel-migas-paso {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.panel-migas-enlace {
  box-sizing: border-box;
  border: 1px solid var(--borde);
  border-radius: var(--radio-pildora);
  background: var(--superficie);
  min-height: 30px;
  box-shadow: var(--sombra-tarjeta);
  color: var(--verde-700);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .12s ease-out, border-color .12s ease-out;
  display: inline-flex;
  position: relative;
}

.panel-migas-enlace:hover {
  background: var(--menta-100);
  border-color: var(--menta-400);
}

.panel-migas-enlace:focus-visible {
  outline: 2px solid var(--panel-foco, var(--verde-500));
  outline-offset: 3px;
}

.panel-migas-icono {
  width: 14px;
  height: 14px;
  color: var(--verde-500);
  flex: none;
}

.panel-migas-enlace .panel-enlace-espera {
  width: 0;
  margin: 0;
  position: absolute;
}

.panel-migas-enlace .panel-enlace-espera-punto {
  display: none;
}

.panel-migas-enlace:has(.panel-enlace-espera[data-pendiente]) {
  background: var(--menta-100);
  border-color: var(--verde-500);
  cursor: progress;
}

.panel-migas-separador {
  width: 12px;
  height: 12px;
  color: var(--tinta-60);
  flex: none;
}

.panel-migas-actual {
  min-width: 0;
  color: var(--tinta);
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

@media (prefers-reduced-motion: reduce) {
  .panel-migas-enlace {
    transition: none;
  }
}

@media print {
  .panel-migas {
    display: none;
  }
}

/*# sourceMappingURL=apps_panel_app_panel_migas_106kdkzw0uyeb.css.map*/