/* ══════════════════════════════════════════════════════════════════════════
   KORA · LA LÍNEA DE AVANCE MIENTRAS SE PINTA — 19 oct 2026 (js/kora-avance.js)
   Una línea delgada en los verdes de la casa, debajo del «Pintando…» de
   siempre; el blob sigue respirando. 19 oct, Vivi: «la línea de abajo solo
   una línea, sin explicación» — el «Falta ~40 s» no se enseña (queda para
   los lectores de pantalla en el aria del progressbar).
   ══════════════════════════════════════════════════════════════════════════ */
.kav{ display:flex; flex-direction:column; align-items:center; gap:0; width:100%; max-width:200px; margin:8px auto 0; pointer-events:none }
.kav-l{ display:block; width:100%; height:3px; border-radius:3px; background:rgba(122,102,82,.2); overflow:hidden }
.kav-l i{ display:block; height:100%; width:0; border-radius:3px; background:linear-gradient(90deg,#A9AE98,#6E7350);   /* olivo de la casa, no turquesa (19 oct) */ transition:width .5s linear }
.kav-t{ display:none; font-family:'Jost','Helvetica Neue',Arial,sans-serif; font-weight:400; font-size:10.5px; line-height:1.2; letter-spacing:.06em; text-transform:none; color:#7A6652; white-space:nowrap }
/* Sobre la foto de la hoja, justo debajo de la marca «Pintando…» (que va abajo) */
.kav.kav-hoja{ position:absolute; left:50%; top:auto; bottom:18px; transform:translateX(-50%); width:44%; max-width:180px; margin:0; z-index:3 }
.kav.kav-hoja .kav-l{ background:rgba(255,255,255,.65); box-shadow:0 1px 4px rgba(44,37,32,.18) }
/* En las esferas de Navidad el hueco es chico */
.kav.kav-chica{ max-width:92px; margin-top:6px }
.kav.kav-chica .kav-t{ font-size:9px; letter-spacing:.02em }
/* Sobre una foto oscura */
.kav.kav-claro .kav-l{ background:rgba(255,255,255,.35) }
.kav.kav-claro .kav-l i{ background:#fff }
.kav.kav-claro .kav-t{ color:#fff }
/* En los renglones de los paneles (mesa, tarjeta, lotería): alineada a la izquierda */
.ms-fila-c .kav, .klot .persona .estado .kav{ align-items:flex-start; margin:5px 0 0; max-width:170px; flex-basis:100% }
.upbox-action .kav{ align-items:flex-start; margin:6px 0 0; max-width:180px }
@media (prefers-reduced-motion:reduce){ .kav-l i{ transition:none } }