/* ============================================================
   Grafic Sport · capa propia (componentes y piezas SVG de este demo)
   Rojo #A01B1E · negro #141414 · blanco. Texto sobre rojo: siempre blanco.
   ============================================================ */
.g>*,.card,.lienzo-chart{min-width:0}
.wipe{overflow:hidden}
.gate__logo .wm-svg{color:#fff;width:min(300px,66vw)}
.gate__logo .wm-svg .gs-emb{color:#D9474A}
.wipe{background:#A01B1E}
.wipe__emb .wm-svg{color:#fff;width:150px}
.marca__emb .wm-svg{color:#fff;width:42px}
.marca__emb{background:#A01B1E;border-radius:10px;display:grid;place-items:center;width:52px;height:40px;padding:6px}
.boot__emb .wm-svg{color:#fff}
.boot__emb .wm-svg .gs-emb{color:#D9474A}
.wm-svg.trazok path{stroke:#fff}
.kpi--rojo::after{background:#A01B1E}
.kpi__val small{font-size:12px}
.col{display:flex;flex-direction:column;gap:16px;min-width:0}
.h340{height:340px}.h220{height:220px}.h280{height:280px}.h300{height:300px}
.st{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;font-style:normal;white-space:nowrap}
.st--ok{background:#E2F3EB;color:#0F6B38}.st--no{background:#FBEBEB;color:#7A1215}
.d--dn{color:#7A1215}.d--up{color:#0F6B38}
/* escena */
.escena-gs{display:flex;gap:18px;align-items:flex-start;background:#141414;color:#fff;border-radius:var(--r-l);padding:18px 22px;border-left:5px solid #A01B1E}
.escena-gs__k{font:800 12px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#A01B1E;padding:5px 10px;border-radius:6px;flex:0 0 auto}
.escena-gs p{margin:0;font-size:14px;line-height:1.6;color:#E8E8E8}
/* mapa */
.mapa-gs .mz-pt{fill:#A01B1E;opacity:0;animation:mzIn .5s ease forwards}
.mapa-gs .mz-anillo{fill:rgba(160,27,30,.08);stroke:#A01B1E;stroke-width:2;stroke-dasharray:6 6;animation:girar 30s linear infinite;transform-box:fill-box;transform-origin:center}
.mapa-gs .et--s{font-size:24px;font-weight:600}
.mapa-gs .pt--local .nucleo{stroke-width:4}
@keyframes mzIn{to{opacity:.55}}
@keyframes girar{to{transform:rotate(360deg)}}
/* hub */
.clientes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.cli{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--linea);border-radius:10px;background:var(--fondo)}
.cli__ic{width:30px;height:30px;border-radius:8px;background:#141414;color:#fff;display:grid;place-items:center;flex:0 0 30px}.cli__ic svg{width:16px;height:16px}
.cli b{display:block;font-size:12.5px;line-height:1.2}.cli span{font-size:11px;color:var(--tinta-45);text-transform:capitalize}
.vitrina{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vitrina figure{margin:0;border:1px solid var(--linea);border-radius:12px;overflow:hidden;background:#fff;transition:transform .25s,box-shadow .25s}
.vitrina figure:hover{transform:translateY(-3px);box-shadow:var(--sombra-2)}
.vitrina img{width:100%;height:130px;object-fit:contain;display:block;background:#fff;padding:8px}
.vitrina figcaption{padding:8px 10px 10px;font-size:11.5px;color:var(--tinta-70);border-top:1px solid var(--linea)}
.vitrina figcaption b{display:block;font-size:12px;color:var(--tinta);line-height:1.25;margin-bottom:2px}
/* pieza hub: pedido a cancha */
.pc{width:100%;height:auto;display:block}
.pc-ruta{fill:none;stroke:#A01B1E;stroke-width:4;stroke-linecap:round}
.pc-t{font:800 15px var(--disp);letter-spacing:.14em;fill:#fff}
.pc-s{font:500 12px var(--sans);fill:#B5B8BE}
.pc-lcd{font:800 12px var(--disp);fill:#5FB06A}
.pc-burb{opacity:0;animation:pcBurb 4s ease infinite;animation-delay:var(--d)}
@keyframes pcBurb{0%{opacity:0;transform:translateY(4px)}10%,80%{opacity:1;transform:none}100%{opacity:0}}
.pc-ticket{animation:pcTicket 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:top}
@keyframes pcTicket{0%,20%{transform:scaleY(.2)}60%,100%{transform:scaleY(1)}}
.pc-chispas{animation:pcChispa .5s steps(2) infinite}
@keyframes pcChispa{50%{opacity:.2;transform:translate(2px,-2px)}}
.pc-pinta{stroke-dasharray:160;stroke-dashoffset:160;animation:pcPinta 4s ease-in-out infinite}
@keyframes pcPinta{0%{stroke-dashoffset:160}60%,100%{stroke-dashoffset:0}}
.pc-caja{animation:pcCaja 3s ease-in-out infinite;animation-delay:var(--d)}
@keyframes pcCaja{0%,100%{opacity:1}50%{opacity:.35}}
.pc-bote{animation:pcBote 1.1s cubic-bezier(.4,0,.6,1) infinite alternate}
@keyframes pcBote{from{transform:translate(30px,30px)}to{transform:translate(30px,4px)}}
/* lupa ficha */
.lf{width:100%;height:auto;display:block}
.lf-t{font:700 12px var(--sans);fill:#fff}
.lf-marca{opacity:0;animation:lfMarca 8s ease infinite;animation-delay:var(--d)}
@keyframes lfMarca{0%{opacity:0}6%,92%{opacity:1}100%{opacity:0}}
/* tienda */
.ct{width:100%;height:auto;display:block}
.ct-logo{font:800 11px var(--disp);letter-spacing:.12em;fill:#fff}
.ct-n{font:800 12px var(--sans);fill:#fff}
.ct-ok{font:800 13px var(--disp);letter-spacing:.1em;fill:#0F6B38}
.ct-badge{animation:ctBadge 5.2s ease infinite;transform-box:fill-box;transform-origin:center}
@keyframes ctBadge{0%,45%{transform:scale(1)}50%{transform:scale(1.35)}56%,100%{transform:scale(1)}}
.ct-qr{animation:ctQr 5.2s ease infinite}
@keyframes ctQr{0%,50%{opacity:.25}60%,95%{opacity:1}100%{opacity:.25}}
.ct-prod{animation:introSube .5s ease backwards;animation-delay:var(--d)}
.tienda{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;margin-top:16px;align-items:start}
.tienda__main{background:#fff;border:1px solid var(--linea);border-radius:var(--r-l);padding:16px;min-width:0}
.tienda__barra{display:flex;gap:10px;flex-wrap:wrap}
.tienda__barra .buscador{flex:1 1 260px;margin:0}
.tienda__barra select,.carro__f select{font-family:inherit;font-size:12.5px;padding:8px 10px;border-radius:9px;border:1px solid var(--linea-fuerte);background:#fff}
.chips-disc,.camp-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 8px}
.cd{font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;border:1px solid var(--linea-fuerte);background:#fff;color:var(--tinta-70);transition:all .2s}
.cd:hover{border-color:#141414;color:#141414}
.cd.on{background:#141414;border-color:#141414;color:#fff}
.pt-cont{font-size:11.5px;color:var(--tinta-45);margin-bottom:8px}
.pt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.pt-card{border:1px solid var(--linea);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:transform .2s,box-shadow .2s}
.pt-card:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
.pt-card--agot{opacity:.72}
.pt-card__img{position:relative;background:#fff;aspect-ratio:1/1;display:grid;place-items:center;border-bottom:1px solid var(--linea)}
.pt-card__img img{width:100%;height:100%;object-fit:contain;padding:10px}
.pt-cinta{position:absolute;left:8px;top:8px;background:#A01B1E;color:#fff;font:800 10.5px var(--disp);letter-spacing:.1em;padding:3px 7px;border-radius:5px}
.pt-propia{position:absolute;right:8px;top:8px;background:#141414;color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:5px}
.pt-card__b{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.pt-card__b small{font-size:10.5px;color:var(--tinta-45)}
.pt-card__b b{font-size:12.5px;line-height:1.3;flex:1}
.pt-card__p{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
.pt-card__p span{font:700 18px var(--disp)}
.pt-add{justify-content:center;font-size:12px;padding:7px 10px}
.pt-add:disabled{cursor:default;opacity:.8}
.carro{position:sticky;top:76px;background:#fff;border:1px solid var(--linea);border-radius:var(--r-l);padding:16px;min-width:0}
.carro__cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.carro__cab h3{margin:0;font:800 20px var(--disp);text-transform:uppercase}
.carro__vacio{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 10px;color:var(--tinta-45);font-size:12.5px}
.carro__vacio svg{width:34px;height:34px;color:#A01B1E}.carro__vacio b{color:var(--tinta)}
.carro__items{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto}
.ci{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center}
.ci img{width:44px;height:44px;object-fit:contain;border:1px solid var(--linea);border-radius:8px;background:#fff}
.ci b{font-size:12px;display:block;line-height:1.25}.ci span{font-size:11px;color:var(--tinta-45)}
.ci__q{display:inline-flex;align-items:center;gap:6px}
.ci__q button{width:24px;height:24px;border-radius:7px;border:1px solid var(--linea-fuerte);font-weight:700}
.ci__q button:hover{background:#141414;color:#fff}
.carro__f{display:flex;flex-direction:column;gap:5px;font-size:11.5px;font-weight:600;color:var(--tinta-45);margin:12px 0 8px}
.carro__pagos{display:flex;gap:6px;flex-wrap:wrap}
.pg{font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid var(--linea-fuerte)}
.pg.on{background:#A01B1E;border-color:#A01B1E;color:#fff}
.pg:disabled{opacity:.45;cursor:not-allowed}
.carro__tot{margin:12px 0;border-top:1px solid var(--linea);padding-top:10px;display:flex;flex-direction:column;gap:6px}
.carro__tot div{display:flex;justify-content:space-between;font-size:12.5px;gap:10px}
.carro__tot span{color:var(--tinta-45)}
.carro__tot .g-tot b{font:800 24px var(--disp)}
.carro__ok{width:100%;justify-content:center;padding:11px}
.carro__fin{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px 0}
.carro__okic{width:52px;height:52px;border-radius:50%;background:#2E7D32;color:#fff;display:grid;place-items:center;animation:embPop .5s ease}
.carro__okic svg{width:28px;height:28px}
.carro__fin span{font-size:12px;color:var(--tinta-45)}
.carro__pasos{text-align:left;font-size:12px;color:var(--tinta-70);margin:4px 0;padding-left:18px;line-height:1.6}
/* mostrador */
.pos{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}
.pos__bus{position:relative;margin-bottom:10px}
.pos__bus .buscador{margin:0}
.pos__sug{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;background:#fff;border:1px solid var(--linea);border-radius:10px;box-shadow:var(--sombra-3);overflow:hidden}
.pos__sug:empty{display:none}
.sug{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:8px 10px;text-align:left;border-bottom:1px solid var(--linea)}
.sug:hover{background:var(--fondo)}
.sug img{width:30px;height:30px;object-fit:contain}
.sug b{display:block;font-size:12px}.sug small{font-size:10.5px;color:var(--tinta-45)}.sug em{font-style:normal;font-weight:700;font-size:12px}
.sug--no{padding:12px;font-size:12px;color:var(--tinta-45);display:block}
.pos__vacio{text-align:center;color:var(--tinta-45);padding:24px 10px!important;white-space:normal!important}
.pos__pie{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid var(--linea);padding-top:12px}
.pos__tot{display:flex;gap:10px;align-items:baseline}.pos__tot span{color:var(--tinta-45);font-size:12px}.pos__tot b{font:800 28px var(--disp)}
.pos__pie .btn--rojo{flex:1 1 100%;justify-content:center;padding:11px}
.pos__pie .btn:disabled{opacity:.5;cursor:not-allowed}
.kude-env{display:flex;justify-content:center;padding:6px 16px 0}
.kd{width:min(300px,100%);height:auto;display:block}
.kd-h{font:800 13px var(--disp);letter-spacing:.1em;fill:#141414}
.kd-s{font:600 8.5px var(--sans);fill:#666}
.kd-l{font:500 8.5px var(--mono);fill:#333}
.kd-tot{font:800 11px var(--disp);fill:#141414}
.kd-papel{animation:kdSale 2.6s cubic-bezier(.3,.7,.4,1) both}
@keyframes kdSale{from{transform:translateY(-190px);clip-path:inset(100% 0 0 0)}to{transform:none;clip-path:inset(0 0 0 0)}}
.kd-led{animation:latido 1s ease-in-out infinite}
.kd-info{display:flex;flex-direction:column;gap:3px;padding:10px 16px 16px;font-size:11.5px;color:var(--tinta-70)}
.kd-info b{color:#0F6B38;font-size:12.5px}.kd-info .mono{font-family:var(--mono);font-size:10px;word-break:break-all}
/* clubes */
.cn{width:100%;height:auto;display:block}
.cn-in{animation:cnIn .45s cubic-bezier(.2,.8,.2,1) backwards}
@keyframes cnIn{from{opacity:0;transform:scale(.4)}}
.cn-pieza .gs-red path{stroke:rgba(255,255,255,.5)}
.simx__ay{display:block;font-size:11px;color:var(--tinta-45);margin-top:4px;line-height:1.45;font-weight:400;grid-column:1/-1}
.simx__lineas{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:11.5px;max-height:220px;overflow:auto}
.simx__lineas div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--linea);padding-bottom:3px}
.simx__lineas span{color:var(--tinta-70)}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}
.kb-col{background:var(--fondo);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:150px}
.kb-cab{display:flex;justify-content:space-between;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-70)}
.kb-cab span{background:#141414;color:#fff;border-radius:999px;padding:0 7px;font-weight:700}
.kb-card{background:#fff;border:1px solid var(--linea);border-radius:9px;padding:9px;display:flex;flex-direction:column;gap:2px;font-size:11.5px;transition:transform .2s}
.kb-card:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
.kb-card small{font-size:10px;color:var(--tinta-45)}.kb-card b{font-size:12px}.kb-card span{color:var(--tinta-45)}
.kb-card em{font-style:normal;font-weight:800;font-family:var(--disp);font-size:16px}
.kb-al{color:#7A1215!important;font-weight:600}
/* taller */
.ta{width:100%;height:auto;display:block}
.ta-red path{stroke:rgba(255,255,255,.45);stroke-width:1.4;opacity:0;animation:taRed 7s ease infinite}
@keyframes taRed{0%,55%{opacity:0}65%,95%{opacity:1}100%{opacity:0}}
.ta-chispa{animation:taChispa 7s steps(1) infinite}
.ta-chispa circle{animation:pcChispa .35s steps(2) infinite}
@keyframes taChispa{0%,15%{opacity:0}16%,38%{opacity:1}39%,100%{opacity:0}}
.ta-t{font:800 11px var(--disp);letter-spacing:.12em;fill:#B5B8BE}
.ta-h{font:800 15px var(--disp);letter-spacing:.14em;fill:#fff}
.ta-et rect{animation:taEt 5.5s ease infinite;animation-delay:var(--d)}
@keyframes taEt{0%,18%{fill:#A01B1E}25%,100%{fill:#2b2b2b}}
.of-lista{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow:auto;margin-bottom:12px}
.of{display:grid;grid-template-columns:40px minmax(0,1fr) 90px 74px;gap:10px;align-items:center;text-align:left;padding:8px 10px;border:1px solid var(--linea);border-radius:10px;background:#fff;transition:border-color .2s}
.of:hover,.of.on{border-color:#A01B1E}.of.on{box-shadow:0 0 0 3px rgba(160,27,30,.1)}
.of img{width:40px;height:40px;object-fit:contain}
.of b{font-size:12px;display:block;line-height:1.25}.of span{font-size:10.5px;color:var(--tinta-45)}
.of__bar{height:6px;background:var(--fondo-2);border-radius:999px;overflow:hidden}.of__bar i{display:block;height:100%;background:#A01B1E;border-radius:999px}
.of em{font-style:normal;font-size:11px;font-weight:700;text-align:right}
.of-det{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;border-top:1px solid var(--linea);padding-top:12px}
.of-det img{width:150px;height:150px;object-fit:contain;border:1px solid var(--linea);border-radius:12px;background:#fff}
.of-det h4{margin:2px 0 6px;font-size:15px}.of-det p{margin:0 0 6px;font-size:12.5px}
.of-mat{color:var(--tinta-70)}
.of-et{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0}
.of-et span{font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:6px;background:var(--fondo-2);color:var(--tinta-45)}
.of-et span.ok{background:#E2F3EB;color:#0F6B38}.of-et span.on{background:#A01B1E;color:#fff}
/* comunidad */
.df{width:100%;height:auto;display:block}
.df-onda{opacity:0;animation:dfOnda 2.4s ease-out infinite;animation-delay:var(--d);transform-box:fill-box;transform-origin:center}
@keyframes dfOnda{0%{opacity:.5;transform:scale(.5)}100%{opacity:0;transform:scale(1.1)}}
.df-c{font:800 12px var(--disp);letter-spacing:.1em;fill:#fff}
.df-s{font:600 11.5px var(--sans);fill:#141414}
.camp-det{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.camp-det small{font-size:11px;color:var(--tinta-45);text-transform:uppercase;letter-spacing:.06em}
.camp-det h4{margin:2px 0 6px;font:800 22px var(--disp);text-transform:uppercase}
.camp-det p{font-size:12.5px;margin:0 0 10px}
.camp-msg{background:#E7F7EC;border-radius:12px 12px 12px 2px;padding:10px 12px;font-size:12.5px;line-height:1.5}
.camp-msg b{display:block;font-size:10.5px;text-transform:uppercase;color:#0F6B38;margin-bottom:3px}
.camp-prods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.camp-prods figure{margin:0;border:1px solid var(--linea);border-radius:10px;padding:8px;text-align:center;font-size:11px;background:#fff}
.camp-prods img{width:100%;height:80px;object-fit:contain}
.camp-prods b{display:block;font-size:12px}
.bandeja{display:flex;flex-direction:column;gap:8px}
.bj{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--linea);border-radius:10px;align-items:start}
.bj__c{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;text-align:center;color:#fff}
.bj__c.wa{background:#1E7A45}.bj__c.ig{background:#A01B1E}
.bj b{display:block;font-size:12px}.bj span{display:block;font-size:12px;color:var(--tinta-70)}.bj em{display:block;font-style:normal;font-size:11.5px;color:#0F6B38;margin-top:3px;font-weight:600}
/* diagnóstico */
.hallazgo .imp{margin-top:6px!important;color:var(--tinta-70)}
.hallazgo .sol a{color:#7A1215;font-weight:700}
.consumidor{margin-top:22px}
.consumidor__cab{background:#A01B1E;color:#fff;border-radius:var(--r-l);padding:18px 22px;margin-bottom:16px}
.consumidor__cab h2{margin:0;font:800 30px var(--disp);text-transform:uppercase;color:#fff}
.consumidor__cab p{margin:4px 0 0;color:#fff;font-size:13.5px}
.gm{display:flex;gap:14px;align-items:center}
.gm__n{font:800 50px var(--disp);line-height:1}
.gm__est{display:flex;gap:3px;margin-bottom:4px}.gm__est i{width:16px;height:16px;background:#E8A317;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.gm__est i.m{background:linear-gradient(90deg,#E8A317 30%,#ddd 30%)}
.gm span{font-size:12px;color:var(--tinta-45)}
.gm__temas{display:flex;gap:6px;margin:12px 0}.gm__temas span{font-size:11.5px;background:var(--fondo-2);padding:4px 10px;border-radius:999px}
.gm__cita{margin:8px 0 0;padding:8px 12px;border-left:3px solid #A01B1E;background:var(--fondo);font-size:12.5px;border-radius:0 8px 8px 0}
.gm__cita cite{display:block;font-size:10.5px;color:var(--tinta-45);font-style:normal;margin-top:3px}
.nk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nk div{border:1px solid var(--linea);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:3px}
.nk small{font-size:10.5px;text-transform:uppercase;color:var(--tinta-45)}.nk b{font:800 20px var(--disp)}.nk span{font-size:11.5px;color:var(--tinta-70)}
/* propuesta */
.fases--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rm-s{font:500 12px var(--sans);fill:#6E6E7C}
/* asistente vista */
.asv{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.asv__lado{padding:18px}.asv__lado h3{margin:0 0 8px;font:800 20px var(--disp);text-transform:uppercase}
.asv__lado ul{margin:0;padding-left:18px;font-size:12.5px;line-height:1.8}
.asv__chat{display:flex;flex-direction:column;height:min(640px,calc(100vh - 210px));min-height:440px;padding:0;overflow:hidden}
.asv__chat .as-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.asv__chat .as-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--linea)}
.asv__chat .as-in{flex:1;font-family:inherit;font-size:13px;padding:10px 12px;border-radius:10px;border:1px solid var(--linea-fuerte)}
.as-panel .as-in{flex:1}
@media (max-width:1180px){.tienda,.pos{grid-template-columns:1fr}.carro{position:static}.fases--3{grid-template-columns:1fr}.asv{grid-template-columns:1fr}}
@media (max-width:820px){.vitrina{grid-template-columns:repeat(2,1fr)}.camp-det,.of-det{grid-template-columns:1fr}.of{grid-template-columns:40px minmax(0,1fr) 64px}.of__bar{display:none}.escena-gs{flex-direction:column;gap:8px}.nk{grid-template-columns:1fr}.pt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consumidor__cab h2{font-size:24px}.kanban{grid-template-columns:repeat(5,160px)}}
@media (prefers-reduced-motion: reduce){.pc-burb,.lf-marca,.ta-red path,.ta-chispa,.df-onda{opacity:1!important;animation:none!important}.pc-ticket,.pc-chispas,.pc-pinta,.pc-caja,.pc-bote,.ct-badge,.ct-qr,.kd-papel,.cn-in,.ta-et rect,.mapa-gs .mz-anillo{animation:none!important}.pc-pinta{stroke-dashoffset:0}.mapa-gs .mz-pt{opacity:.55;animation:none}}
.simx__lineas span{flex:1;min-width:0}.simx__lineas b{white-space:nowrap}