.cab-visor{background:var(--marca-noche);width:100%;height:100%;position:relative;overflow:hidden}.cab-lienzo{touch-action:none;cursor:grab;opacity:0;width:100%;height:100%;transition:opacity var(--dur-3) var(--ease-fluid);display:block}.cab-lienzo:active{cursor:grabbing}.cab-visor:after{content:"";z-index:1;pointer-events:none;opacity:0;transition:opacity var(--dur-3) var(--ease-fluid);background:radial-gradient(85% 80% at 50% 48%,#0000 58%,#00000057 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.cab-visor[data-fase=lista]:after,.cab-visor[data-fase=lista] .cab-lienzo{opacity:1}.cab-lienzo:focus-visible{outline:2px solid var(--tinta-inversa);outline-offset:-4px}.cab-estado{place-content:center;justify-items:center;gap:var(--e-2);padding:var(--e-5);color:var(--tinta-inversa);text-align:center;display:grid;position:absolute;inset:0}.cab-estado strong{font:var(--t-h4)}.cab-cargando{border:2px solid color-mix(in srgb, var(--tinta-inversa) 25%, transparent);border-top-color:var(--tinta-inversa);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite cab-giro}@keyframes cab-giro{to{transform:rotate(1turn)}}.cab-velo.velo{background:color-mix(in srgb, var(--tinta) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cab-dialogo{z-index:calc(var(--z-dialogo) + 1);width:min(1100px, calc(100vw - 2 * var(--canal)), calc((var(--alto-ventana) - 120px) * 16 / 9));outline:none;position:fixed;top:50%;left:50%;translate:-50% -50%}.cab-dialogo[data-state=open]{animation:cab-entrada var(--dur-3) var(--ease-fluid) backwards}@keyframes cab-entrada{0%{opacity:0;transform:scale(.96)}}.cab-ventana{aspect-ratio:16/9;background:var(--tinta);color:var(--tinta-inversa);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0000008c}.cab-cerrar{width:44px;height:44px;color:var(--tinta-inversa);cursor:pointer;transition:transform var(--dur-1) var(--ease);place-items:center;margin-right:-8px;display:grid;position:absolute;bottom:calc(100% + 10px);right:0}.cab-cerrar:hover{transform:rotate(90deg)}.cab-cerrar:focus-visible{outline:2px solid var(--tinta-inversa);outline-offset:2px;border-radius:50%}.cab-luces{z-index:3;align-items:center;gap:10px;display:inline-flex;position:absolute;top:clamp(14px,3.6%,34px);left:clamp(14px,3.2%,30px)}.cab-luces-rotulo{font:500 calc(15px * var(--escala)) / 1 var(--letra-cuerpo);text-shadow:0 1px 6px #00000073}.cab-luces .interruptor{background-color:color-mix(in srgb, var(--tinta-inversa) 35%, transparent)}.cab-luces .interruptor[data-state=checked]{background-color:var(--acento)}.cab-luces-estado{font:600 calc(12px * var(--escala)) / 1 var(--letra-cuerpo);letter-spacing:.04em;text-shadow:0 1px 6px #00000073}.cab-titulos{z-index:2;padding-inline:var(--e-12);text-align:center;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;inset:clamp(52px,13%,108px) 0 auto}.cab-sobretitulo{font:700 calc(11.5px * var(--escala)) / 1.2 var(--letra-cuerpo);letter-spacing:.34em;text-transform:uppercase;text-shadow:0 1px 8px #00000080}.cab-sobretitulo .codigo{letter-spacing:.12em}.cab-titulo{font:500 clamp(calc(26px * var(--escala)), 4.6vw, calc(52px * var(--escala))) / 1.05 var(--letra-cuerpo);letter-spacing:-.01em;color:var(--tinta-inversa);text-shadow:0 2px 18px #00000073}.cab-ventana:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#000000a8,#000000a3 calc(100% - 80px),#0000004d calc(100% - 40px),#0000);height:calc(clamp(52px,13%,108px) + clamp(80px,16%,150px) + 80px);position:absolute;inset:0 0 auto}.cab-pie{z-index:2;justify-content:space-between;align-items:end;gap:var(--e-2) var(--e-4);padding:var(--e-10) clamp(14px, 3.2%, 30px) clamp(12px, 3%, 24px);background:linear-gradient(to top, #000000b3, #000000a3 calc(100% - var(--e-8)), transparent);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute;inset:auto 0 0}.cab-pie>*{pointer-events:auto}.cab-nota{font:var(--t-diminuto);color:color-mix(in srgb, var(--tinta-inversa) 88%, transparent);text-shadow:0 1px 6px #00000080}.cab-agregar-precio{margin-left:var(--e-2);padding-left:var(--e-2);border-left:1px solid color-mix(in srgb, currentColor 40%, transparent);font-variant-numeric:tabular-nums}.cab-estado-texto{font:var(--t-pequeno-fuerte);text-shadow:0 1px 6px #00000080}.cab-pista-tactil{display:none}@media (pointer:coarse){.cab-pista-raton{display:none}.cab-pista-tactil{display:inline}}@media (max-width:599.98px){.cab-dialogo{width:calc(100vw - 2 * var(--e-3))}.cab-ventana{aspect-ratio:3/4}.cab-titulo{font-size:calc(30px * var(--escala))}.cab-pie{flex-direction:column;align-items:stretch}.cab-agregar.boton{width:100%}}@media (max-height:500px){.cab-dialogo{width:min(calc(100vw - 2 * var(--e-3)), calc((var(--alto-ventana) - 24px) * 16 / 9))}.cab-cerrar{z-index:3;background:color-mix(in srgb, var(--tinta) 45%, transparent);border-radius:50%;margin:0;top:6px;bottom:auto;right:6px}.cab-titulos{inset-block-start:52px}.cab-titulo{font-size:calc(26px * var(--escala))}}
