@layer components{.tr-umbrella-caja{container-type:inline-size}.tr-umbrella{gap:var(--space-20);flex-direction:column;display:flex}.tr-umbrella__izq,.tr-umbrella__der{display:contents}.tr-umbrella [class^=tr-orden-]{min-width:0}.tr-orden-1{order:1}.tr-orden-2{order:2}.tr-orden-3{order:3}.tr-orden-4{order:4}.tr-orden-5{order:5}.tr-orden-6{order:6}.tr-progreso{padding:0 var(--space-4);flex-direction:column;gap:10px;display:flex}.tr-progreso__cab{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tr-progreso .tr-barra{flex:none}.tr-fase{padding:var(--space-12) var(--card-padding)}.tr-fase--borde{border-top:1px solid var(--border)}.tr-fase__cab{align-items:center;gap:10px;min-height:28px;display:flex}.tr-fase__marca{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.tr-fase__nombre{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.tr-fase__id{margin-right:var(--space-8)}.tr-fase__estado{color:var(--mfg);flex:none}.tr-fase__estado--activa{color:var(--fg);font-weight:600}.tr-fase__cuerpo{padding-left:30px}.tr-fase__handoff{text-wrap:pretty;margin:2px 0 0}.tr-pasos{margin:var(--space-8) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.tr-paso{align-items:flex-start;gap:10px;min-height:28px;padding:6px 0;display:flex}.tr-paso__texto{overflow-wrap:anywhere;flex:1;min-width:0}.tr-paso__texto--hecho{color:var(--mfg)}.tr-paso__texto--actual{font-weight:600}.tr-paso__id{margin-right:var(--space-8)}.tr-paso__pr{margin-left:var(--space-8)}.tr-marca--hecho{color:var(--mfg)}.tr-marca--actual{color:var(--fg)}.tr-marca--bloqueado{color:var(--warn)}.tr-marca--pendiente{box-sizing:border-box;border:1.5px solid var(--mfg);border-radius:50%;width:10px;height:10px;display:inline-block}.tr-sangria{padding-left:24px}.tr-espera{flex-direction:column;gap:2px;display:flex}.tr-umbrella-meta{align-items:center;gap:var(--space-8) 10px;min-width:0;min-height:24px;display:flex}.tr-umbrella-meta>*{flex:none}.tr-umbrella-meta__fase{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}@container (min-width:880px){.tr-umbrella{gap:var(--space-24);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.tr-umbrella__izq,.tr-umbrella__der{gap:var(--space-20);flex-direction:column;min-width:0;display:flex}}@media (min-width:600px){.tr-umbrella-meta{gap:var(--space-12)}}}