/* ------------------------------------------------------------ recorrido */
.bi{--bg:#F7F5F1;--ink:#111;--ln:#2E2A25;--mut:#5D5954;--sut:#8A847B;--or:#FF6A00;--ord:#C2410C;--ok:#1F7A4D;--bad:#B42318;
  position:relative;height:calc(var(--n,10) * 100vh);background:var(--bg);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink)}
.bi *{box-sizing:border-box}
.bi-pin{position:sticky;top:var(--bi-top,0px);height:calc(100vh - var(--bi-top,0px));height:calc(100svh - var(--bi-top,0px));overflow:hidden;
  background:radial-gradient(1.6px 1.6px at 1px 1px,#D9D3C9 1px,transparent 1.6px) 0 0/22px 22px,var(--bg)}
.bi-pin::before{content:"";position:absolute;inset:-10%;pointer-events:none;
  background:radial-gradient(42% 38% at 66% 52%,rgba(255,106,0,.12),transparent 70%)}
.bi-svg{position:absolute;inset:0;width:100%;height:100%;display:block}

/* dibujo */
.bi-svg path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.bi-svg .b path{stroke:var(--ln);stroke-width:.9;stroke-opacity:.8;transition:fill .5s,stroke .5s,stroke-opacity .5s}
.bi-svg .b .t{fill:#fff}.bi-svg .b .l{fill:#F0ECE5}.bi-svg .b .r{fill:#E2DCD2}
.bi-svg .b .d{fill:none;stroke-width:.7;stroke-opacity:.5}
.bi-svg .b .dl{fill:#fff;stroke-width:.6;stroke-opacity:.45}
.bi-svg .glass path{fill:#E8EFEF;fill-opacity:.3;stroke-opacity:.45}
.bi-svg .glass .d{stroke-opacity:.3}
.bi-svg .wall .t{fill:#EDE8E0}.bi-svg .wall .l{fill:#F4F1EC}.bi-svg .wall .r{fill:#E9E4DB}
.bi-svg .beam .l{fill:#F6C9A6}.bi-svg .beam .t{fill:#FADCC4}.bi-svg .beam .r{fill:#EDB088}
.bi-svg .post .l{fill:#E9E6E1}.bi-svg .post .r{fill:#D8D3CB}
.bi-svg .pal .t{fill:#EBDCC6}.bi-svg .pal .l{fill:#E0CDB2}.bi-svg .pal .r{fill:#D1BA9B}
.bi-svg .pal .d{stroke-opacity:.4}
.bi-svg .carton .t{fill:#FBF3E8}.bi-svg .carton .l{fill:#F1E3D0}.bi-svg .carton .r{fill:#E4D0B6}
.bi-svg .wrap .t{fill:#FAFBFA}.bi-svg .wrap .l{fill:#ECEFEE}.bi-svg .wrap .r{fill:#DEE3E2}
.bi-svg .cont .t{fill:#F1EEEA}.bi-svg .cont .l{fill:#E9E5DF}.bi-svg .cont .r{fill:#DAD3C9}
.bi-svg .cab .t{fill:#FFFFFF}.bi-svg .cab .l{fill:#F2EFEA}.bi-svg .cab .r{fill:#E2DDD4}
.bi-svg .dark .t{fill:#4E4943}.bi-svg .dark .l{fill:#3C3833}.bi-svg .dark .r{fill:#2F2B27}
.bi-svg .mast .t{fill:#77716A}.bi-svg .mast .l{fill:#625D57}.bi-svg .mast .r{fill:#514C47}
.bi-svg .metal .t{fill:#E7E9EA}.bi-svg .metal .l{fill:#D3D7D9}.bi-svg .metal .r{fill:#BEC3C6}
.bi-svg .rueda .t{fill:#3A3632}.bi-svg .rueda .l{fill:#2B2825}.bi-svg .rueda .r{fill:#24211F}
.bi-svg .rueda .d{stroke:#9C958C;stroke-opacity:.9}
.bi-svg .rueda .rin{fill:#C9C3B9;stroke-opacity:.7}.bi-svg .rueda .maza{fill:#8E8880;stroke-opacity:.6}
.bi-svg .b.rueda.on .t{fill:#3A3632}.bi-svg .b.rueda.on .l{fill:#2B2825}.bi-svg .b.rueda.on .rin{fill:#FFD6B8}
.bi-svg .monta .t{fill:#FFC79C}.bi-svg .monta .l{fill:#FF9F5C}.bi-svg .monta .r{fill:#EE8640}
.bi-svg .monta2 .t{fill:#FFB27A}.bi-svg .monta2 .l{fill:#F48A45}.bi-svg .monta2 .r{fill:#DD7535}
.bi-svg .lamp path{fill:#FFF6D8}
.bi-svg .beacon path{fill:#FF6A00;stroke:#C2410C}
.bi-svg .beacon.off path{fill:#F4D9C6}
.bi-svg .scr .l{fill:#1D1B19}
.bi-svg .floor{fill:#FCFBF8;stroke:var(--ln);stroke-opacity:.5;stroke-width:.9}
.bi-svg .slab{fill:#E7E2D9;stroke:var(--ln);stroke-opacity:.5;stroke-width:.9}
.bi-svg .grid{stroke:#E6E0D6;stroke-width:.7;fill:none}
.bi-svg .pad{fill:#EFECE6;stroke:var(--ln);stroke-opacity:.32;stroke-width:.8}
.bi-svg .lane{stroke:#CFC8BC;stroke-width:1.4;stroke-dasharray:7 7;fill:none}
.bi-svg .sign{font:800 16px Inter,sans-serif;fill:#2A2723;letter-spacing:-.4px}
.bi-svg .sign2{font:600 4.6px Inter,sans-serif;fill:#8A847B;letter-spacing:1.4px}
.bi-svg .rowlbl{font:800 13px Inter,sans-serif;fill:#C9C1B5}
.bi-svg .luz{fill:#D6CFC4;stroke:#2E2A25;stroke-opacity:.5;stroke-width:.6;transition:fill .4s}
.bi-svg .luz.ok{fill:#3DA06E}.bi-svg .luz.w{fill:#FF6A00}
/* zonas */
.bi-svg .zona path{fill:rgba(255,106,0,0);stroke:var(--or);stroke-width:1.2;stroke-dasharray:6 5;stroke-opacity:0;transition:fill .6s,stroke-opacity .6s}
.bi-svg .zona text{font:700 5.6px Inter,sans-serif;letter-spacing:1.6px;fill:var(--ord);opacity:0;transition:opacity .6s}
.bi-svg.zonas .zona path{stroke-opacity:.75}.bi-svg.zonas .zona text{opacity:.9}
.bi-svg .zona.on path{stroke-opacity:.9;fill:rgba(255,106,0,.06)}.bi-svg .zona.on text{opacity:1}
.bi-svg.zonas .zona path,.bi-svg .zona.on path{animation:bi-hormiga 1.4s linear infinite}
@keyframes bi-hormiga{to{stroke-dashoffset:-22}}
/* foco */
.bi-svg.foco .b:not(.on) path{stroke-opacity:.36}
.bi-svg .b.on path{stroke:var(--or);stroke-opacity:1}
.bi-svg .b.on .t{fill:#FFF3EA}.bi-svg .b.on .l{fill:#FFE6D3}.bi-svg .b.on .r{fill:#FFD6B8}
.bi-svg .b.on .d{stroke-opacity:.8}
.bi-svg .b.scr.on .l{fill:#1D1B19}
.bi-svg .b.monta.on .t{fill:#FFC79C}.bi-svg .b.monta.on .l{fill:#FF9F5C}.bi-svg .b.monta.on .r{fill:#EE8640}
/* armado inicial */
.bi.pre .bi-svg #bi-mundo,.bi.pre .bi-card{opacity:0}
.bi-svg.arma #bi-mundo > .b{animation:bi-sube .75s cubic-bezier(.2,.9,.25,1.12) both;animation-delay:var(--d,0s)}

.bi-svg.arma .dyn{animation:bi-luz .6s 2s both}
.bi-svg.arma .tardio{animation:bi-luz .6s 1.6s both}
@keyframes bi-sube{from{opacity:0;transform:translateY(-46px)}to{opacity:1;transform:none}}
@keyframes bi-luz{from{opacity:0}to{opacity:1}}
/* etiquetas */
.bi-tag{pointer-events:none;opacity:0;transition:opacity .4s}
.bi-tag.ver{opacity:1}
.bi-tag .cj{transform-box:fill-box;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.bi-tag:not(.ver) .cj{transform:translateY(10px) scale(.7)}
.bi-tag rect{fill:#fff;stroke:#E3DED5;stroke-width:1}
.bi-tag .a{font:700 12px Inter,sans-serif;fill:#111}
.bi-tag .s{font:600 10.5px Inter,sans-serif;fill:var(--ok)}
.bi-tag .s.w{fill:var(--ord)}
.bi-tag .stem{stroke:var(--or);stroke-width:1.2;stroke-dasharray:3 3}
.bi-tag .dot{fill:var(--or)}
.bi-tag .halo{fill:var(--or);opacity:.25;animation:bi-halo 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}
.bi-tag.pin .dot{fill:#3DA06E}.bi-tag.pin .halo{fill:#3DA06E}
.bi-tag.pin.w .dot,.bi-tag.pin.w .halo{fill:var(--or)}
.bi-tag.pin .dot{stroke:#fff;stroke-width:1.6}
@keyframes bi-halo{0%{transform:scale(.6);opacity:.45}100%{transform:scale(2.8);opacity:0}}

/* tarjeta */
.bi-card{position:absolute;left:max(24px,5vw);top:50%;transform:translateY(-50%);width:min(390px,38vw);
  background:#fff;border:1px solid #ECE8E1;border-radius:20px;box-shadow:0 24px 60px -28px rgba(40,30,20,.35),0 2px 6px rgba(40,30,20,.05);padding:18px 20px 18px;z-index:3;
  transition:opacity .7s .5s,translate .8s .5s cubic-bezier(.2,.8,.2,1)}
.bi.pre .bi-card{translate:-28px 0}
.bi-top{display:flex;align-items:center;gap:10px;font:600 10.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sut)}
.bi-dash{display:flex;gap:4px;margin-left:auto}
.bi-dash i{width:12px;height:3px;border-radius:2px;background:#E3DED5;transition:background .4s,width .4s}
.bi-dash i.y{background:var(--or)}.bi-dash i.a{width:20px;background:var(--or)}
.bi-skip{border:0;background:none;font:500 12px Inter,sans-serif;color:var(--sut);cursor:pointer;padding:4px 0 4px 6px;letter-spacing:0;text-transform:none}
.bi-skip:hover{color:var(--ink)}
.bi-in{transition:opacity .25s,transform .25s}
.bi-in.sale{opacity:0;transform:translateY(8px)}
.bi-head{display:flex;gap:16px;align-items:flex-start;margin:14px 0 14px}
.bi-num{font:800 64px/.86 Inter,sans-serif;color:var(--or);letter-spacing:-.04em;font-variant-numeric:tabular-nums;display:flex;align-items:flex-end}
.bi-num small{font:600 12px/1 Inter,sans-serif;color:var(--sut);letter-spacing:0;margin:0 0 4px 3px}
.bi-head .tx{border-left:1px solid #ECE8E1;padding-left:16px;min-width:0}
.bi-head h3{font:700 19px/1.2 Inter,sans-serif;letter-spacing:-.015em;margin:0 0 6px;text-wrap:balance}
.bi-head p{font:400 13.5px/1.45 Inter,sans-serif;color:var(--mut);margin:0}
.bi-intro h3{font:800 30px/1.08 Inter,sans-serif;letter-spacing:-.03em;margin:14px 0 10px;text-wrap:balance}
.bi-intro h3 em{font-style:normal;color:var(--or)}
.bi-intro p{font:400 14.5px/1.5 Inter,sans-serif;color:var(--mut);margin:0 0 14px}
.bi-w{background:#FAF8F5;border:1px solid #EEEAE3;border-radius:14px;padding:12px 14px}
.bi-lab{display:flex;align-items:center;justify-content:space-between;font:600 10.5px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.bi-lab b{color:var(--ok);font-weight:700}
.bi-lab .pt{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-right:7px;vertical-align:1px}
.bi-bar{height:3px;background:#E8E3DB;border-radius:2px;margin:10px 0;overflow:hidden}
.bi-bar i{display:block;height:100%;width:0;background:var(--ok);transition:width 1.4s cubic-bezier(.3,.7,.2,1)}
.bi-meta{font:500 12px/1.4 Inter,sans-serif;color:var(--sut);font-variant-numeric:tabular-nums}
.bi-leg{display:flex;gap:16px;font:500 12.5px Inter,sans-serif;color:var(--mut)}
.bi-leg span{display:flex;align-items:center;gap:7px}.bi-leg i{width:8px;height:8px;border-radius:50%;background:#3DA06E}.bi-leg i.w{background:var(--or)}
.bi-oc{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center;padding:8px 0;border-top:1px solid #EEEAE3;font:500 12.5px/1.25 Inter,sans-serif;opacity:0;transform:translateX(-8px);transition:opacity .4s,transform .4s}
.bi-oc.ver{opacity:1;transform:none}
.bi-oc:first-of-type{border-top:0;padding-top:2px}
.bi-oc b{font-weight:700;font-variant-numeric:tabular-nums}
.bi-oc .p{color:var(--sut);font-size:12px}
.bi-oc .f{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}
.bi-pill{display:inline-block;font:600 10.5px/1 Inter,sans-serif;padding:4px 7px;border-radius:99px;background:#E7F2EC;color:var(--ok);white-space:nowrap}
.bi-pill.w{background:#FFEBDD;color:var(--ord)}.bi-pill.r{background:#FBE7E5;color:var(--bad)}
.bi-dias{display:grid;gap:9px;margin-top:10px}
.bi-dia{display:grid;grid-template-columns:92px 1fr 44px;gap:10px;align-items:center;font:500 12px Inter,sans-serif;color:var(--mut)}
.bi-dia .tr{height:10px;background:#EEEAE3;border-radius:5px;position:relative;overflow:hidden}
.bi-dia .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--ok);width:0;transition:width 1.2s cubic-bezier(.3,.7,.2,1)}
.bi-dia .tr i.w{background:var(--or)}
.bi-dia .tr i.c{background:repeating-linear-gradient(135deg,#FFB27A 0 3px,#FFE2CC 3px 6px);transition-delay:1s}
.bi-dia b{font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.bi-alerta{margin-top:12px;padding-top:10px;border-top:1px solid #EEEAE3;font:500 12.5px/1.35 Inter,sans-serif;color:var(--mut)}
.bi-prov{display:grid;gap:8px;margin-top:10px}
.bi-pv{display:grid;grid-template-columns:52px 1fr 84px;gap:10px;align-items:center;font:500 12px Inter,sans-serif;color:var(--mut)}
.bi-pv .tr{display:grid;gap:3px}
.bi-pv .tr span{display:block;height:6px;border-radius:3px;width:0;transition:width 1.2s cubic-bezier(.3,.7,.2,1)}
.bi-pv .tr .pr{background:#D6D0C6}.bi-pv .tr .re{background:var(--or);transition-delay:.35s}.bi-pv .tr .re.ok{background:var(--ok)}
.bi-pv b{color:var(--ink);font-weight:700}
.bi-pv .n{text-align:right;font-variant-numeric:tabular-nums;font-size:11.5px;line-height:1.25}
.bi-pv .n em{font-style:normal;color:var(--ord);font-weight:700}.bi-pv .n em.ok{color:var(--ok)}
.bi-ley{display:flex;gap:14px;margin-top:10px;font:500 11px Inter,sans-serif;color:var(--sut)}
.bi-ley span{display:flex;gap:6px;align-items:center}.bi-ley i{width:14px;height:6px;border-radius:3px;background:#D6D0C6}.bi-ley i.re{background:var(--or)}
.bi-docs{display:grid;gap:7px;margin-top:10px}
.bi-doc{display:flex;align-items:center;gap:10px;font:500 12.5px Inter,sans-serif;color:var(--ink);opacity:.25;transition:opacity .4s}
.bi-doc.ok{opacity:1}
.bi-doc svg{width:18px;height:18px;flex:none}
.bi-doc .ck{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#E7F2EC;display:grid;place-items:center;transform:scale(.4);transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.bi-doc.ok .ck{transform:scale(1)}
.bi-big{display:flex;align-items:baseline;gap:10px;margin-top:8px}
.bi-big b{font:800 40px/1 Inter,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bi-big span{font:600 13px Inter,sans-serif;color:var(--ok)}
.bi-av{display:grid;gap:8px;margin-top:2px}
.bi-a{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid #EEEAE3;border-radius:12px;padding:9px 11px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.bi-a.ver{opacity:1;transform:none}
.bi-a .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#F3F0EB}
.bi-a .ic svg{width:16px;height:16px}
.bi-a .c{font:600 10.5px/1 Inter,sans-serif;color:var(--sut);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.bi-a .m{font:500 12.5px/1.3 Inter,sans-serif;color:var(--ink)}
.bi-metas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.bi-metas div{background:#fff;border:1px solid #EEEAE3;border-radius:12px;padding:10px 12px}
.bi-metas b{display:block;font:800 26px/1 Inter,sans-serif;letter-spacing:-.02em;color:var(--ok);font-variant-numeric:tabular-nums}
.bi-metas span{display:block;font:500 11.5px/1.3 Inter,sans-serif;color:var(--mut);margin-top:5px}
.bi-nota{margin-top:10px;font:500 11px Inter,sans-serif;color:var(--sut)}
.bi-pant{position:absolute;right:max(20px,3.5vw);top:50%;width:min(56vw,860px);z-index:2;pointer-events:none;
  opacity:0;transform:translateY(-46%) perspective(1400px) rotateY(-24deg) rotateX(10deg) scale(.72);transform-origin:70% 60%;
  transition:opacity .5s,transform 1.1s cubic-bezier(.2,.8,.2,1)}
.bi-pant img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 40px 90px -30px rgba(40,25,10,.45),0 0 0 1px rgba(0,0,0,.06)}
.bi-pant.ver{opacity:1;transform:translateY(-50%)}

@media (max-width:760px){
  .bi-pant{left:12px;right:12px;width:auto;top:5vh;transform:perspective(900px) rotateY(-20deg) rotateX(8deg) scale(.8)}
  .bi-pant.ver{transform:none}
  .bi-card{left:12px;right:12px;width:auto;top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:none;padding:14px 15px 14px;border-radius:18px}
  .bi.pre .bi-card{translate:0 24px}
  .bi-num{font-size:46px}
  .bi-head{gap:12px;margin:10px 0 10px}.bi-head .tx{padding-left:12px}
  .bi-head h3{font-size:16.5px}.bi-head p{font-size:12.5px}
  .bi-intro h3{font-size:24px;margin:10px 0 8px}.bi-intro p{font-size:13.5px;margin-bottom:10px}
  .bi-w{padding:10px 12px}
  .bi-dash i{width:8px}.bi-dash i.a{width:14px}
  .bi-pin::before{background:radial-gradient(60% 30% at 50% 28%,rgba(255,106,0,.12),transparent 70%)}
}
@media (prefers-reduced-motion:reduce){.bi-tag .halo,.bi-svg .zona path{animation:none!important}.bi-svg.arma #bi-mundo > .b{animation:none}}

.bi{width:100vw;margin-left:calc(50% - 50vw);border-top:1px solid #DDD9D2}
.gf{font:600 14px Inter,sans-serif;color:#2A2723;margin:2px 0 8px;font-variant-numeric:tabular-nums}.gf b{color:#111;font-weight:800}
.gp{display:flex;justify-content:space-between;font:500 13px Inter,sans-serif;color:#5D5954;padding:6px 0;font-variant-numeric:tabular-nums}.gp b{color:#111;font-weight:700}
.gp-t{border-top:1px solid #EEEAE3;margin-top:4px;padding-top:10px;color:#111;font-weight:600}.gp-t b{font-size:18px}
.gc{font:500 13px/1.45 Inter,sans-serif;color:#5D5954;margin:8px 0 12px}
.gc-btn{display:inline-block;background:#111;color:#fff!important;text-decoration:none;font:600 13.5px Inter,sans-serif;padding:11px 16px;border-radius:99px}
.gc-btn:hover{background:#FF6A00}
@media (max-width:760px){.bi .bi-card{bottom:84px}}
.bi .bi-skip,.bi .bi-skip:hover,.bi .bi-skip:focus{border:0;background:none;box-shadow:none;border-radius:0;padding:4px 0 4px 6px;font:500 12px Inter,sans-serif;letter-spacing:0;text-transform:none;color:#8A847B}
.bi .bi-skip:hover{color:#111}