/* MilTiendas · portada («/»): profundidad y movimiento.
   Solo tokens del tema (claro por defecto + oscuro manual): ningún color fijo. Los estados «ocultos» de las
   animaciones cuelgan de .jsb (la pone un script en el <head>): si el JS no corre, todo el contenido se ve.
   Solo se anima transform y opacity (más sombras/degradados estáticos). */
.lb{--gut:clamp(16px,4vw,40px);--sec:clamp(44px,5.4vw,76px);--rad:clamp(28px,5vw,60px);
--ease:cubic-bezier(.32,.72,0,1);--spring:cubic-bezier(.34,1.56,.64,1);
--mk:34%;--glass:color-mix(in srgb,var(--surface) 78%,transparent);--glass-b:color-mix(in srgb,var(--surface) 60%,transparent);
--hair:color-mix(in srgb,var(--text) 10%,transparent);--pop-tint:color-mix(in srgb,var(--pop) 14%,var(--surface));--lift-sh:0 -22px 60px -28px var(--shadow);
position:relative;color:var(--text)}
[data-theme="dark"] .lb{--mk:22%;--glass:color-mix(in srgb,var(--surface) 70%,transparent)}
.lb [hidden]{display:none!important}
.lb *{box-sizing:border-box}
.lb .wrap{max-width:1240px;margin:0 auto;padding-inline:var(--gut);position:relative;z-index:1}
.lb section{position:relative;padding-block:var(--sec)}
.lb h1,.lb h2,.lb h3{font-weight:800;margin:0}
.lb h2{font-size:clamp(2rem,5.6vw,4.2rem);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.lb h3{font-size:clamp(1.12rem,1.6vw,1.35rem);letter-spacing:-.02em;line-height:1.15}
.lb p{margin:0 0 1em}
.lb .lead{font-size:clamp(1.02rem,1.6vw,1.22rem);color:var(--muted);max-width:58ch;margin-top:18px}
.lb svg.i{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lb .kick{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.lb .kick::before{content:"";width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--pop))}
.lb .field .kick,.lb .field.price .kick{color:var(--field-text)}
.lb .sec-head{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}
.lb .good{color:var(--pop);font-weight:800}
.lb .field .good{color:var(--field-text);text-decoration:underline;text-decoration-color:var(--pop);text-decoration-thickness:3px;text-underline-offset:4px}

/* secciones que se apilan como tarjetas */
.lb .lift,.lb .reel{border-radius:var(--rad) var(--rad) 0 0;margin-top:calc(-1*var(--rad));padding-top:calc(var(--sec) + 8px);box-shadow:var(--lift-sh)}
.lb .flow{z-index:2;background:var(--field);color:var(--field-text)}

.lb .reel{z-index:3;background:var(--bg)}
.lb .bd{z-index:4;background:var(--bg)}
.lb .pr-s{z-index:5;background:var(--field);color:var(--field-text)}
.lb .vit{z-index:6;background:var(--surface-2)}
.lb .ask{z-index:7;background:var(--bg)}
.lb .fin{z-index:8;background:var(--field);color:var(--field-text);padding-bottom:calc(var(--sec) + 20px)}
.lb .field .lead,.lb .field .note{color:var(--field-muted)}
.lb .field a:not(.btn){color:var(--field-text)}
.lb .field :focus-visible{outline-color:var(--focus-inverse)}

/* malla de color animada (blobs radiales; solo se mueve transform) */
.lb .mesh{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.lb .bl{position:absolute;display:block;border-radius:50%;width:min(70vmax,900px);aspect-ratio:1;will-change:transform;animation:blob 26s ease-in-out infinite alternate}
.lb .bl1{right:-18%;top:-26%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) var(--mk),transparent),transparent 72%)}
.lb .bl2{left:-24%;bottom:-30%;animation-duration:32s;animation-delay:-9s;background:radial-gradient(closest-side,color-mix(in srgb,var(--pop) calc(var(--mk) - 4%),transparent),transparent 72%)}
.lb .bl3{left:28%;top:12%;width:min(50vmax,640px);animation-duration:38s;animation-delay:-17s;background:radial-gradient(closest-side,color-mix(in srgb,var(--soft) 90%,transparent),transparent 72%)}
.lb .field .bl1{background:radial-gradient(closest-side,color-mix(in srgb,var(--field-text) 22%,transparent),transparent 72%)}
.lb .field .bl2{background:radial-gradient(closest-side,color-mix(in srgb,var(--pop) 34%,transparent),transparent 72%)}
.lb .field .bl3{background:radial-gradient(closest-side,color-mix(in srgb,var(--awning-b) 18%,transparent),transparent 72%)}
.lb .soft-mesh .bl{opacity:.7}
@keyframes blob{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-6%,8%,0) scale(1.12)}100%{transform:translate3d(7%,-5%,0) scale(.94)}}

/* toldo (motivo de marca) */

/* botones, con física de resorte */
.lb .btn{position:relative;overflow:hidden}
.lb .btn.big{padding:17px 30px;font-size:1.08rem}
.lb .btn.xl{padding:21px 40px;font-size:1.22rem}
.lb .btn .ar{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:-12px;border-radius:50%;background:var(--pop-contrast);color:var(--pop);transition:transform .5s var(--spring)}
.lb .btn:hover .ar{transform:translateX(5px) scale(1.08)}
.lb .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--pop-contrast) 30%,transparent) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.lb .btn.pop:hover::after{transform:translateX(120%);transition:transform .9s var(--ease)}
.lb .sp{transition:transform .55s var(--spring),background .2s,box-shadow .3s,color .2s;will-change:auto}
.lb .sp:hover{transform:translateY(-2px) scale(1.03)}
.lb .sp:active{transform:scale(.93);transition-duration:.12s}
.lb .btn.pop{box-shadow:0 14px 30px -12px color-mix(in srgb,var(--pop) 70%,transparent)}
.lb .field .btn.pop{background:var(--pop);color:var(--pop-contrast)!important;box-shadow:0 0 0 2px var(--field-text),0 14px 30px -12px color-mix(in srgb,var(--shadow) 300%,transparent)}
.lb .field .btn.pop:hover{background:var(--pop-strong)}
.lb .field .btn.pop .ar{background:var(--pop-contrast);color:var(--pop)}
.lb .field .btn.ghost{color:var(--field-text)!important;box-shadow:inset 0 0 0 2px var(--field-text)}
.lb .field .btn.ghost:hover{background:var(--field-soft)}
.lb .textlink{font-weight:700;color:var(--link);text-decoration:none;padding:10px 4px;background:linear-gradient(currentColor,currentColor) 4px calc(100% - 7px)/0 2px no-repeat;transition:background-size .35s var(--ease)}
.lb .textlink:hover{background-size:calc(100% - 8px) 2px}
.lb .field .textlink{color:var(--field-text)}
.lb .chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:99px;background:var(--glass);border:1px solid var(--hair);color:var(--text);text-decoration:none;font-weight:700;font-size:.92rem;white-space:nowrap}
.lb .chip em{font-style:normal;font-weight:700;font-size:.78rem;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:1px 8px}
.lb .chip:hover{background:var(--soft)}
.lb .chip[aria-current="true"]{background:var(--brand);color:var(--brand-contrast);border-color:transparent}
.lb .chip[aria-current="true"] em{background:color-mix(in srgb,var(--brand-contrast) 22%,transparent);color:var(--brand-contrast)}
.lb .rbtn{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;border:0;background:var(--field-soft);color:var(--field-text);cursor:pointer;flex:none}
.lb .rbtn:hover{background:var(--pop);color:var(--pop-contrast)}
.lb .rbtn .i-play{display:none}.lb .rbtn[aria-pressed="true"] .i-play{display:block}.lb .rbtn[aria-pressed="true"] .i-pause{display:none}
.lb .txt{width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--input-border);background:var(--surface);color:var(--text);font:inherit;font-size:16px}
.lb .range{-webkit-appearance:none;appearance:none;width:100%;height:36px;background:transparent;cursor:pointer;margin:0;--fill:0%}
.lb .range::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--brand) var(--fill),var(--surface-2) var(--fill));box-shadow:inset 0 0 0 1px var(--hair)}
.lb .range::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--brand) var(--fill),var(--surface-2) var(--fill));box-shadow:inset 0 0 0 1px var(--hair)}
.lb .range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:var(--surface);border:4px solid var(--brand);box-shadow:0 6px 16px var(--shadow);transition:transform .4s var(--spring)}
.lb .range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);border:4px solid var(--brand);box-shadow:0 6px 16px var(--shadow)}
.lb .range:hover::-webkit-slider-thumb,.lb .range:active::-webkit-slider-thumb{transform:scale(1.2)}
.lb .field .range{--rb:var(--field-text)}
.lb .flow .range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--field-text) var(--fill),var(--field-soft) var(--fill))}
.lb .flow .range::-moz-range-track{background:linear-gradient(90deg,var(--field-text) var(--fill),var(--field-soft) var(--fill))}
.lb .flow .range::-webkit-slider-thumb{background:var(--field-text);border-color:var(--pop)}

/* marco de navegador (capturas reales de las plantillas) */
.lb .frame{--f:9px;font-size:var(--f);position:relative;border-radius:1.5em;overflow:hidden;background:var(--surface);border:1px solid var(--hair);box-shadow:0 2.4em 5em -1.4em var(--shadow),0 .4em 1.2em color-mix(in srgb,var(--shadow) 60%,transparent)}
.lb .frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--surface-2)}
.lb .fbar{display:flex;align-items:center;gap:.55em;height:2.9em;padding:0 1.1em;background:var(--surface-2)}
.lb .fbar i{width:.85em;height:.85em;border-radius:50%;background:var(--input-border);flex:none;opacity:.7}
.lb .fbar span{margin-left:.7em;flex:1;max-width:60%;border-radius:99px;background:var(--surface);color:var(--muted);font-weight:600;font-size:1.05em;padding:.25em 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb .glass{background:var(--glass);border:1px solid color-mix(in srgb,var(--surface) 70%,var(--hair));box-shadow:0 1.6em 3.6em -1em var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--surface) 80%,transparent)}
@media (hover:hover) and (min-width:900px){.lb .glass{backdrop-filter:blur(14px) saturate(1.5)}}

/* revelado al entrar */
.jsb .lb .rv{opacity:0;transform:translate3d(0,30px,0) scale(.985);transition:opacity .8s var(--ease),transform 1s var(--ease);transition-delay:calc(min(var(--i,0),5)*80ms)}
.jsb .lb .rv.in{opacity:1;transform:none}

/* ============ héroe ============ */

.lb .pulse::before{animation:pulse 2.4s ease-out infinite}

.lb .ci{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:.85em;flex:none;font-size:1em}
.lb .ci-pop{background:var(--pop);color:var(--pop-contrast)}.lb .ci-brand{background:var(--brand);color:var(--brand-contrast)}.lb .ci-wa{background:var(--pop-tint);color:var(--pop)}
.lb .ex{font-style:normal;font-size:.72em;font-weight:800;border-radius:99px;background:var(--soft);color:var(--link);padding:.15em .7em;margin-left:.2em}

/* ============ cover-flow ============ */
.lb .flow{overflow:clip}
.lb .cf{position:relative;container-type:inline-size;outline-offset:8px;--w:min(76vw,640px)}
.lb .cf-track{list-style:none;margin:0;padding:6px var(--gut) 14px;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*var(--gut))}
.lb .cf-item{flex:0 0 min(80vw,420px);scroll-snap-align:center}
.lb .cf-cap{display:grid;gap:6px;justify-items:start;padding:14px 4px}
.lb .cf-cap b{font-size:1.2rem}.lb .cf-cap span{color:var(--field-muted)}
.lb .cf-on .cf-track{display:block;position:relative;overflow:visible;padding:0;margin:0;height:calc(var(--w) * .64 + 2.2em);perspective:1700px;touch-action:pan-y;cursor:grab;user-select:none}
.lb .cf-on .cf-track.drag{cursor:grabbing}
.lb .cf-on .cf-item{position:absolute;left:50%;top:0;width:var(--w);margin-left:calc(var(--w) / -2);flex:none;will-change:transform,opacity}
.lb .cf-on .cf-cap{display:none}
.lb .cf-on .frame{--f:calc(var(--w) / 66);box-shadow:0 3em 6em -2em color-mix(in srgb,var(--shadow) 150%,transparent)}
.lb .cf-on .frame::after{content:"";position:absolute;inset:0;background:var(--field);opacity:var(--sh,0);pointer-events:none}
.lb .cf-floor{display:none}
.lb .cf-on .cf-floor{display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% - var(--w)*.64 - 2.2em + 6px);width:calc(var(--w)*.9);height:34px;background:radial-gradient(closest-side,color-mix(in srgb,var(--shadow) 160%,transparent),transparent);opacity:.7;pointer-events:none}
.lb .cf-info{text-align:center;margin-top:20px}
.lb .cf-info h3{font-size:clamp(1.5rem,3.4vw,2.3rem);letter-spacing:-.035em}
.lb .cf-count{margin:0 0 6px;color:var(--field-muted);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}
.lb .cf-count b{color:var(--field-text)}
.lb .cf-niche{color:var(--field-muted);margin:6px 0 20px}
.lb .cf-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.lb .cf-ctl{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px auto 0;max-width:520px}
.lb .cf-ctl .cf-range{flex:1}

/* barra pegajosa móvil */
.lb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;background:linear-gradient(to top,var(--bg) 40%,transparent);transition:transform .5s var(--ease),opacity .4s;pointer-events:none}
.lb-sticky .btn{pointer-events:auto;width:min(100%,420px);background:var(--pop);color:var(--pop-contrast)!important;box-shadow:0 18px 36px -12px color-mix(in srgb,var(--pop) 70%,transparent)}
.lb-sticky .btn .ar{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:-12px;border-radius:50%;background:var(--pop-contrast);color:var(--pop)}
.lb-sticky .i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lb-sticky.off{transform:translateY(130%);opacity:0}
@media(min-width:900px){.lb-sticky{display:none}}

/* piezas compartidas con los demos */
.lb .tiers{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lb .tiers li{display:grid;gap:2px;padding:12px 10px;border-radius:18px;background:var(--surface-2);border:1px solid var(--hair);text-align:center;transition:transform .5s var(--spring),background .25s,color .25s}
.lb .tiers span{font-size:.76rem;color:var(--muted);font-weight:600}.lb .tiers b{font-size:1.2rem;letter-spacing:-.03em}
.lb .tiers li.on{background:var(--brand);color:var(--brand-contrast);transform:translateY(-4px) scale(1.04);border-color:transparent}
.lb .tiers li.on span{color:var(--brand-contrast);opacity:.9}
.lb .c-q{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-weight:700}
.lb .c-q output{color:var(--link);font-variant-numeric:tabular-nums;white-space:nowrap}
.lb .c-sum{margin:6px 0 0;display:grid;gap:2px}
.lb .c-sum div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--hair)}
.lb .c-sum dt{color:var(--muted)}.lb .c-sum dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.lb .c-sum .tot{border-bottom:0;font-size:1.3rem;padding-top:12px}.lb .c-sum .tot dt{color:var(--text);font-weight:800}.lb .c-sum .tot dd{font-size:1.7rem;letter-spacing:-.04em;color:var(--pop)}
.lb .c-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:center;margin-top:8px}
.lb .save{margin:0;font-weight:800;color:var(--pop);font-size:.95rem;min-height:1.3em}
.lb .swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lb .swb{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:var(--sw);cursor:pointer;box-shadow:inset 0 0 0 3px var(--surface),0 0 0 1px var(--hair)}
.lb .swb[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--surface),0 0 0 3px var(--text);transform:scale(1.08)}
.lb .swc{display:grid;place-items:center;background:conic-gradient(var(--brand),var(--pop),var(--awning-b),var(--brand));overflow:hidden}
.lb .swc input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.lb .swc:focus-within{outline:3px solid var(--focus);outline-offset:3px}
.lb .seg{display:inline-flex;padding:4px;border-radius:99px;background:var(--surface-2);gap:2px;margin-bottom:16px;border:1px solid var(--hair)}
.lb .seg button{min-height:40px;padding:0 14px;border-radius:99px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:700;font-size:.86rem;cursor:pointer}
.lb .seg button[aria-pressed="true"]{background:var(--brand);color:var(--brand-contrast)}

/* ============ B2: piezas nuevas ============ */
.lb .ex{font-style:normal;font-size:.72em;font-weight:800;border-radius:99px;background:var(--soft);color:var(--link);padding:.15em .7em;margin-left:.2em;white-space:nowrap}
.lb .btn.sm{padding:10px 18px;font-size:.95rem}
.lb .field .btn.ghost{display:inline-flex;align-items:center;gap:8px}
.lb .sec-head{margin-bottom:clamp(20px,3vw,34px)}

/* ---- universo de tiendas ---- */

/* modo 3D */

/* ---- construye tu tienda ---- */
.lb .bd{padding-block:0}
.lb .bd-pin{padding:clamp(26px,3.4vw,44px) 0 clamp(26px,3.4vw,44px)}
.lb .bd h2{font-size:clamp(1.6rem,4vw,3.1rem)}
.lb .bd-head{margin-bottom:14px}.lb .bd-head,.lb .bd-main,.lb .bd-scrub,.lb .bd-list{max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}
.lb .bd-main{display:grid;gap:18px;align-items:center}
.lb .bd-step{display:flex;align-items:center;gap:14px;margin:0 0 8px;font-weight:800;font-size:clamp(1.2rem,2.6vw,1.9rem);letter-spacing:-.035em;line-height:1.1}
.lb .bd-n{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:15px;background:var(--brand);color:var(--brand-contrast);font-size:1.2rem;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--brand) 70%,transparent)}
.lb .bd-sub{margin:0 0 12px;color:var(--muted);max-width:44ch}
.lb .bd-try{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--link)}
.lb .bd-reset{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;border:1px solid var(--hair);background:var(--surface);color:var(--text);font:inherit;font-weight:700;font-size:.78rem;letter-spacing:0;text-transform:none;cursor:pointer}
.lb .bd-grps{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.lb .grp{display:grid;gap:6px;align-content:start;min-width:0}
.lb .grp-name{grid-column:1/-1}
.lb .grp>label,.lb .gl{font-weight:700;font-size:.82rem;color:var(--muted)}
.lb .tplb{display:flex;gap:6px;flex-wrap:wrap}
.lb .tpb{width:62px;height:44px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--surface-2);box-shadow:0 0 0 1px var(--hair)}
.lb .tpb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.lb .tpb[aria-pressed="true"]{box-shadow:0 0 0 3px var(--text);transform:scale(1.07)}
.lb .seg{margin:0;display:flex;flex-wrap:nowrap}
.lb .seg button{display:inline-flex;align-items:center;gap:5px;padding:0 10px;white-space:nowrap}
.lb .seg .i{width:1.1em;height:1.1em}
.lb .bd-serp{display:none;margin:14px 0 0;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--hair);gap:2px;font-size:.85rem}
.lb .bd-serp b{display:block;color:var(--link);font-size:1rem;font-weight:700}.lb .bd-serp i{display:block;font-style:normal;color:var(--muted);font-size:.78rem}.lb .bd-serp span{color:var(--muted)}
.lb .bd-devw{display:grid;justify-items:center;gap:12px}
.lb .bd-dev{container-type:inline-size;position:relative;width:min(100%,calc((100svh - var(--hh,76px) - 290px) * 1.12));aspect-ratio:100/92;border-radius:clamp(14px,3cqw,22px);background:var(--surface);border:1px solid var(--hair);box-shadow:0 50px 90px -40px color-mix(in srgb,var(--shadow) 220%,transparent);overflow:visible;--mp:var(--brand);--mt:var(--brand-contrast)}
.lb .dv-bar{display:flex;align-items:center;gap:1.4cqw;height:7cqw;padding:0 3cqw;background:var(--surface-2);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.lb .dv-bar i{width:1.7cqw;height:1.7cqw;border-radius:50%;background:var(--input-border);opacity:.7}
.lb .dv-bar span{margin-left:1.6cqw;border-radius:99px;background:var(--surface);color:var(--muted);font-weight:600;font-size:max(10px,2.5cqw);padding:.5cqw 3cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.lb .st{position:absolute;left:0;right:0;top:7cqw;bottom:0;padding:0 3cqw;display:flex;flex-direction:column;gap:2cqw;overflow:hidden;border-radius:0 0 clamp(14px,3cqw,22px) clamp(14px,3cqw,22px)}
.lb .st-awn{flex:none;height:3cqw;margin:0 -3cqw;background:repeating-linear-gradient(90deg,var(--mp) 0 4cqw,var(--surface) 4cqw 8cqw)}
.lb .st-top{display:flex;align-items:center;gap:2cqw;flex:none}
.lb .st-top b{color:var(--mp);font-size:max(13px,3.8cqw);letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.lb .st-ex{font-size:max(9px,1.9cqw);font-weight:800;border-radius:99px;background:var(--soft);color:var(--link);padding:.3cqw 1.6cqw;white-space:nowrap}
.lb .st-cart{margin-left:auto;display:grid;place-items:center;width:5cqw;height:5cqw;border-radius:50%;background:var(--mp);color:var(--mt)}
.lb .st-cart .i{width:55%;height:55%}
.lb .st-ban{position:relative;flex:none;height:19cqw;border-radius:2.4cqw;overflow:hidden;background:var(--mp)}
.lb .st-ban img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.08);transition:opacity .55s var(--ease),transform .9s var(--ease)}
.lb .st-ban img.on{opacity:1;transform:none}
.lb .st-bt{position:absolute;left:2cqw;bottom:2cqw;padding:.8cqw 2.6cqw;border-radius:99px;background:var(--mp);color:var(--mt);font-weight:800;font-size:max(10px,2.8cqw);letter-spacing:-.02em;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb .st-grid{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:1.4cqw 2cqw}
.lb .pr{position:relative;min-height:0;font-size:max(9px,2.4cqw);line-height:1.2}
.lb .pr::before{content:"";position:absolute;left:50%;top:0;height:calc(100% - 6.9cqw);aspect-ratio:1;transform:translateX(-50%);border-radius:1.8cqw;background:var(--surface-2)}
.lb .pi{position:relative;height:100%;display:grid;grid-template-rows:1fr auto auto;justify-items:center;text-align:center;min-height:0}
.lb .pi img{height:100%;width:auto;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.8cqw;min-height:0;transition:border-radius .55s var(--ease)}
.lb .pi b{margin-top:.6cqw}.lb .pi small{color:var(--muted);font-weight:700;padding-bottom:.4cqw}
.lb .st[data-shape="circle"] .pi img,.lb .st[data-shape="circle"] .pr::before{border-radius:50%}
.lb .st[data-shape="square"] .pi img,.lb .st[data-shape="square"] .pr::before{border-radius:0}
.lb .gal,.lb .acc,.lb .note-o{position:absolute;z-index:3;display:flex;align-items:center;border-radius:2.4cqw;font-size:max(10px,2.6cqw);line-height:1.2}
.lb .gal{left:2cqw;bottom:-4cqw;flex-direction:column;align-items:flex-start;gap:.8cqw;padding:1.4cqw 2cqw}
.lb .gal small{color:var(--muted);font-weight:700}
.lb .gal span{display:flex;gap:1cqw}.lb .gal i{width:3.4cqw;height:3.4cqw;border-radius:1cqw;background:var(--soft);box-shadow:inset 0 0 0 1px var(--hair);transition:opacity .4s}
.lb .acc{right:2cqw;bottom:-4cqw;gap:1.6cqw;padding:1.3cqw 2cqw 1.3cqw 1.4cqw}
.lb .acc .ci{width:6cqw;height:6cqw;border-radius:1.8cqw}.lb .acc .ci .i{width:60%;height:60%}
.lb .acc small{display:block;color:var(--muted)}.lb .acc b{display:block;font-size:1.25em;font-variant-numeric:tabular-nums}
.lb .acc.bump{animation:pop .7s var(--spring)}
.lb .note-o{right:2cqw;top:11cqw;gap:1.8cqw;padding:1.6cqw 1.8cqw 1.6cqw 1.6cqw;max-width:96%;opacity:0;transform:translate3d(0,-6cqw,0) scale(.9);pointer-events:none}
.lb .note-o.show{opacity:1;transform:none;pointer-events:auto;transition:opacity .35s,transform .6s var(--spring)}
.lb .note-o .ci{width:6cqw;height:6cqw;border-radius:1.8cqw;flex:none}.lb .note-o .ci .i{width:60%;height:60%}
.lb .note-o b{display:block}.lb .note-o small{display:block;color:var(--muted)}
.lb .wa-b{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:99px;border:0;background:var(--pop-tint);color:var(--pop);font:inherit;font-weight:800;font-size:max(10px,2.4cqw);cursor:pointer;white-space:nowrap}
.lb .wa-b.done{background:var(--pop);color:var(--pop-contrast)}
.lb .wa-b .i{width:1.2em;height:1.2em}
.lb .coins i{position:absolute;z-index:4;left:0;top:0;width:4.6cqw;height:4.6cqw;margin:-2.3cqw 0 0 -2.3cqw;border-radius:50%;background:var(--pop);box-shadow:0 0 0 .7cqw color-mix(in srgb,var(--pop) 28%,transparent),0 .8cqw 1.6cqw var(--shadow);opacity:0;pointer-events:none}
.lb .sale-b{gap:8px;display:inline-flex}
.lb .sale-b[hidden]{display:none!important}
.lb .bd-pay{display:none;margin:0;color:var(--muted);font-size:.9rem;max-width:56ch}
.lb .bd-scrub{display:flex;align-items:center;gap:14px;margin-top:14px}
.lb .bd-scrub[hidden]{display:none}
.lb .bd-t{flex:none;font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);font-size:.9rem;min-width:4.4em}.lb .bd-t b{color:var(--text)}
.lb .bd-rail{position:relative;flex:1;padding-bottom:18px}
.lb .bd-ticks{list-style:none;margin:0;padding:0;position:absolute;left:14px;right:14px;top:30px;height:16px}
.lb .bd-ticks li{position:absolute;left:calc(var(--at)*100%);font-size:.7rem;font-weight:700;color:var(--muted);white-space:nowrap;transform:translateX(0)}
.lb .bd-ticks li::before{content:"";position:absolute;left:0;top:-8px;width:2px;height:6px;border-radius:2px;background:var(--input-border)}
.lb .bd-list{margin-top:14px;color:var(--muted);padding-left:calc(var(--gut) + 1.2em)}
/* secuencia fijada (solo con JS y movimiento) */
.lb .bd-on .bd-track{height:calc(100svh + 60svh)}
.lb .bd-on .bd-pin{position:sticky;top:var(--hh,76px);height:calc(100svh - var(--hh,76px));display:flex;flex-direction:column;padding-block:10px 12px;overflow:hidden;overflow:clip}
.lb .bd-on .bd-main{flex:1;min-height:0}
.lb .bd-on .bd-list{display:none}
.lb .bd-on .bd-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.lb .bd-on .bd-head .kick{margin:0}
@media(max-width:899px){
.lb .bd-on .bd-head .kick{display:none}
.lb .bd-on .bd-main{grid-template-rows:auto 1fr;align-content:start;gap:8px}
.lb .bd-on .bd-left{display:contents}
.lb .bd-on .bd-step{order:1;margin:0;font-size:1.1rem}.lb .bd-on .bd-n{width:34px;height:34px;font-size:1rem;border-radius:12px}
.lb .bd-on .bd-sub{display:none}
.lb .bd-on .bd-devw{order:2}
.lb .bd-on .bd-ctl{order:3}
.lb .bd-on .bd-try{display:none}
.lb .bd-on .bd-grps{display:flex;overflow-x:auto;gap:14px;margin:0 calc(-1*var(--gut));padding:4px var(--gut) 6px;scrollbar-width:none;scroll-snap-type:x proximity}
.lb .bd-on .bd-grps::-webkit-scrollbar{display:none}
.lb .bd-on .grp{flex:none;scroll-snap-align:start}
.lb .bd-on .grp-name{width:150px}
.lb .bd-on .bd-dev{width:min(100%,calc((100svh - var(--hh,76px) - 330px) * 1.12))}
.lb .bd-on .bd-serp{display:none!important}
.lb .bd-on .bd-scrub{margin-top:6px}
.lb .bd-reset{position:absolute;right:var(--gut);top:-2px}
.lb .bd-on .bd-ctl{position:relative}
}
@media(min-width:900px){
.lb .bd-main{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,64px)}
.lb .bd-pay{display:block}
.lb .bd-serp{display:grid}
.lb .bd-dev{width:min(100%,calc((100svh - var(--hh,76px) - 250px) * 1.12))}
}
@media(max-height:760px) and (min-width:900px){.lb .bd-serp,.lb .bd-sub{display:none}}

/* ---- el recibo ---- */
.lb .pr-s{padding-block:var(--sec)}
.lb .pr-grid{display:grid;gap:clamp(24px,5vw,72px);align-items:center}
.lb .pr-s h2{font-size:clamp(2rem,5vw,3.8rem)}
.lb .pr-hint{color:var(--field-muted);margin-top:14px}
.lb .rc-wrap{position:relative;width:100%;max-width:470px;justify-self:center;clip-path:inset(0 -80px -90px -80px);padding-top:14px}
.lb .rc-slot{position:absolute;z-index:3;left:-3%;right:-3%;top:0;height:26px;border-radius:99px;background:var(--inverse-bg);box-shadow:0 14px 26px -8px var(--shadow),inset 0 -4px 0 color-mix(in srgb,var(--inverse-text) 14%,transparent)}
.lb .rcpt{position:relative;z-index:1;background:var(--surface);color:var(--text);padding:30px clamp(20px,3vw,32px) 40px;margin:0 3%;font-variant-numeric:tabular-nums;
 -webkit-mask:linear-gradient(black,black) top/100% calc(100% - 9px) no-repeat,conic-gradient(from 135deg at top,transparent,black 1deg 89deg,transparent 90deg) bottom/18px 9px repeat-x;
 mask:linear-gradient(black,black) top/100% calc(100% - 9px) no-repeat,conic-gradient(from 135deg at top,transparent,black 1deg 89deg,transparent 90deg) bottom/18px 9px repeat-x}
.lb .rc-wrap{filter:drop-shadow(0 34px 34px color-mix(in srgb,var(--shadow) 260%,transparent))}
.lb .rc-k{margin:0;font-weight:800;color:var(--link);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.lb .amt{font-size:clamp(3.2rem,8vw,5rem);font-weight:800;letter-spacing:-.07em;line-height:1;margin:8px 0 0;color:var(--text)}
.lb .per{color:var(--muted);margin:4px 0 14px}
.lb .rc-l{margin:0 0 14px;display:grid;gap:0}
.lb .rc-l div{display:flex;align-items:baseline;gap:8px;padding:5px 0}
.lb .rc-l dt{color:var(--text);flex:none;max-width:70%}
.lb .rc-l div::after{content:"";order:1;flex:1;border-bottom:2px dotted var(--input-border);min-width:10px;transform:translateY(-3px)}
.lb .rc-l dd{order:2;margin:0;font-weight:800;text-align:right}
.lb .rc-calc{padding:14px;border-radius:18px;background:var(--surface-2);border:1px solid var(--hair);margin-bottom:16px}
.lb .rc-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:.92rem}
.lb .rc-calc .tiers{margin:0 0 10px}
.lb .rc-calc .tiers li{padding:8px 6px;border-radius:14px}
.lb .rc-calc .tiers b{font-size:1.05rem}
.lb .step{display:inline-flex;align-items:center;gap:4px}
.lb .step output{min-width:2.6ch;text-align:center;font-weight:800;font-size:1.2rem;color:var(--link)}
.lb .stp{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);background:var(--surface);color:var(--text);font:inherit;font-size:1.4rem;font-weight:700;cursor:pointer;line-height:1}
.lb .c-q label{font-size:.88rem}
.lb .c-q{align-items:center}
.lb .rc-calc .c-sum div{padding:5px 0}
.lb .rc-calc .c-sum .tot{padding-top:8px}.lb .rc-calc .c-sum .tot dd{font-size:1.6rem}
.lb .save{display:inline-block;transform-origin:left center}
.lb .save.pop{animation:savein .6s var(--spring)}
@keyframes savein{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:none}}
.lb .sw{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer;padding:0}
.lb .sw i{position:relative;flex:none;width:46px;height:26px;border-radius:99px;background:var(--input-border);transition:background .25s}
.lb .sw i::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);transition:transform .45s var(--spring)}
.lb .sw[aria-checked="true"] i{background:var(--pop)}.lb .sw[aria-checked="true"] i::after{transform:translateX(20px)}
.lb .rcpt .btn{width:100%}
.lb .rcpt .btn.pop{background:var(--pop);color:var(--pop-contrast)!important}
.lb .rcpt .btn.pop:hover{background:var(--pop-strong)}
.lb .rcpt .btn .ar{background:var(--pop-contrast);color:var(--pop)}
.lb .rc-bar{height:34px;margin:18px 0 0;opacity:.8;background:repeating-linear-gradient(90deg,var(--text) 0 2px,transparent 2px 5px,var(--text) 5px 6px,transparent 6px 10px,var(--text) 10px 13px,transparent 13px 15px)}
.lb .rcpt .note{color:var(--muted);margin:10px 0 0;font-size:.82rem}
.jsb .lb .rc-wrap .rcpt{transform:translate3d(0,-104%,0);transition:transform 1.5s cubic-bezier(.3,.8,.25,1)}
.jsb .lb .rc-wrap.in .rcpt{transform:none}
.jsb .lb .rc-wrap .rcpt>*{opacity:0;transition:opacity .5s .9s}
.jsb .lb .rc-wrap.in .rcpt>*{opacity:1}
.jsb .lb .rc-wrap .rcpt>.btn{transition-delay:1.3s}
@media(min-width:900px){.lb .pr-grid{grid-template-columns:1fr 1fr}}

/* ---- pregúntanos ---- */
.lb .ask{z-index:7}
.lb .ask h2{font-size:clamp(2rem,5vw,3.6rem)}
.lb .ask-grid{display:grid;gap:clamp(22px,4vw,56px);align-items:start}
.lb .ask-honest{margin-top:18px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px dashed var(--input-border);color:var(--muted);font-size:.95rem;max-width:46ch}
.lb .ask-nojs{display:grid;gap:8px}
.lb .qa{border-radius:20px;background:var(--surface);border:1px solid var(--hair)}
.lb .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-weight:700;min-height:52px}
.lb .qa summary::-webkit-details-marker{display:none}
.lb .qa summary i{flex:none;width:12px;height:12px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);rotate:45deg;transition:rotate .3s}
.lb .qa[open] summary i{rotate:-135deg}
.lb .qa-b{padding:0 20px 16px;color:var(--muted)}.lb .qa-b p{margin:0}
.lb .ask-on .ask-nojs{display:none}
.lb .ask-q{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lb .qchip{min-height:44px;padding:8px 16px;border-radius:99px 99px 99px 6px;border:1px solid var(--hair);background:var(--surface);color:var(--text);font:inherit;font-weight:700;font-size:.92rem;text-align:left;cursor:pointer;box-shadow:0 10px 22px -16px var(--shadow)}
.lb .qchip:hover{background:var(--soft)}
.lb .qchip[aria-pressed="true"]{background:var(--brand);color:var(--brand-contrast);border-color:transparent}
.lb .ask-chat{display:grid;gap:10px;align-content:start;min-height:230px;padding:18px;border-radius:28px;background:var(--surface-2);border:1px solid var(--hair)}
.lb .bub{max-width:88%;padding:12px 16px;border-radius:20px;font-size:.98rem;line-height:1.45;margin:0;animation:bubin .55s var(--spring) both}
.lb .bub.u{justify-self:end;background:var(--brand);color:var(--brand-contrast);border-bottom-right-radius:6px}
.lb .bub.a{justify-self:start;background:var(--surface);color:var(--text);border:1px solid var(--hair);border-bottom-left-radius:6px;box-shadow:0 14px 28px -20px var(--shadow)}
.lb .bub.t{display:inline-flex;gap:5px;padding:14px 18px}
.lb .bub.t i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:dot 1s ease-in-out infinite}
.lb .bub.t i:nth-child(2){animation-delay:.15s}.lb .bub.t i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
@keyframes bubin{from{opacity:0;transform:translate3d(0,14px,0) scale(.92)}to{opacity:1;transform:none}}
@media(min-width:900px){.lb .ask-grid{grid-template-columns:.8fr 1.2fr}}

/* ---- cierre ---- */
.lb .fin{overflow:clip;text-align:center;padding-top:calc(var(--sec) + clamp(40px,6vw,80px));padding-bottom:calc(var(--sec) + 10px)}
.lb .fin h2{font-size:clamp(2.4rem,7.4vw,5.8rem);line-height:.94;letter-spacing:-.058em}
.lb .fin h2 em{font-style:normal;color:var(--pop-contrast);background:var(--pop);border-radius:.22em;padding:0 .14em;box-shadow:0 0 0 2px var(--field-text)}
.lb .fin .lead{margin-inline:auto;font-size:clamp(1.05rem,1.8vw,1.3rem)}
.lb .fin-copy{position:relative;z-index:2}
.lb .fin .note{margin-top:14px;color:var(--field-muted)}
/* toldo de la marca: azul rey y blanco, siempre el mismo y siempre quieto */
.lb .awnw{position:absolute;left:0;right:0;top:0;z-index:2;height:32px;pointer-events:none;overflow:hidden;overflow:clip}
.lb .awn{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 2px color-mix(in srgb,var(--shadow) 160%,transparent))}
.lb .awn .ab{fill:var(--awning-a)}.lb .awn .aw{fill:var(--awning-b);stroke:var(--border);stroke-width:1.2}
.lb .awn.edge .aw{stroke:none}
.lb .awn.edge .ab{stroke:var(--awning-b);stroke-width:2;paint-order:stroke}
.lb .awn-lg{filter:drop-shadow(0 8px 8px color-mix(in srgb,var(--shadow) 200%,transparent))}

@keyframes roll{from{transform:scaleY(.04)}to{transform:none}}
.lb .fin-awn{position:absolute;z-index:3;left:0;right:0;top:0;height:47px;transform-origin:50% 0;pointer-events:none}
.jsb .lb .fin-awn{transform:scaleY(.02);transition:transform 1.3s cubic-bezier(.34,1.45,.5,1)}
.jsb .lb .fin.in .fin-awn{transform:none}
.lb .fin-wall{position:absolute;inset:0;perspective:1200px;overflow:hidden;pointer-events:none}
.lb .fin-wall::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 52%,var(--field) 28%,color-mix(in srgb,var(--field) 55%,transparent) 62%,transparent 100%)}
.lb .wp{position:absolute;left:50%;top:4%;width:min(1180px,170%);transform:translateX(-50%) rotateX(48deg) rotateZ(-9deg) scale(1.15);transform-style:preserve-3d;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.4vw,18px);opacity:.8}
.lb .wt{display:block;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px -10px var(--shadow)}
.lb .wt img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.jsb .lb .wt{opacity:0;transform:translate3d(var(--dx),var(--dy),var(--dz)) rotateZ(var(--rz));transition:transform 1.5s cubic-bezier(.22,1,.36,1) calc(var(--k)*45ms),opacity .9s calc(var(--k)*45ms)}
.jsb .lb .fin.in .wt{opacity:1;transform:none}
@media(max-width:700px){.lb .wp{grid-template-columns:repeat(4,1fr);width:240%;top:0}.lb .fin-wall::after{background:radial-gradient(ellipse 90% 60% at 50% 55%,var(--field) 35%,color-mix(in srgb,var(--field) 60%,transparent) 70%,transparent 100%)}}

/* ---- sin movimiento y estados estáticos ---- */
@media(prefers-reduced-motion:reduce){
.lb *,.lb *::before,.lb *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
.jsb .lb .rv{opacity:1;transform:none}
.jsb .lb .rc-wrap .rcpt,.jsb .lb .rc-wrap .rcpt>*{transform:none;opacity:1}
.jsb .lb .fin-awn{transform:none}.jsb .lb .wt{opacity:1;transform:none}
.lb .sp:hover,.lb .sp:active{transform:none}
}
.lb .tilting{transition-duration:.12s!important;transition-timing-function:linear!important}
.lb [data-magnet]{transition:transform .55s var(--spring),translate .35s var(--ease),background .2s,box-shadow .3s}
@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.18)}100%{transform:scale(1)}}

@media(min-width:700px){.lb .cf{--w:min(54vw,640px)}}

/* ---- ajustes de altura (página corta) ---- */

.lb .flow h2{font-size:clamp(1.7rem,3.6vw,2.8rem)}
.lb .flow{padding-top:calc(var(--sec) + 4px);padding-bottom:calc(var(--sec) - 12px)}
.lb .flow .sec-head{margin-bottom:10px}
.lb .cf-info{margin-top:6px}
.lb .cf-count{display:none}
.lb .cf-info h3{font-size:clamp(1.3rem,2.6vw,1.8rem)}
.lb .cf-niche{margin:2px 0 12px}
.lb .cf-ctl{margin-top:14px}
@media(min-width:700px){.lb .cf{--w:min(46vw,560px)}}

.lb .bd-head,.lb .bd-scrub,.lb .bd-main{width:100%}

@media(max-width:699px){.lb .bd-ticks li{display:none}.lb .bd-rail{padding-bottom:0}}

.lb .bd-pay{margin-top:12px;font-size:.88rem}
@media(min-width:900px){.lb .bd-pay{display:block}.lb .bd-on .bd-sub{display:none}.lb .bd-dev{width:min(100%,calc((100svh - var(--hh,76px) - 300px) * 1.12))}}
@media(max-width:899px){.lb .bd-on .bd-pay{display:none}}

.lb .bd-main>*,.lb .bd-left>*{min-width:0}
.lb .bd-main{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.lb .bd-main{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}}

@media(max-width:899px){
.lb .bd-on .bd-grps{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:max-content;gap:6px 18px;overflow-x:auto}
.lb .bd-on .grp-name{grid-column:auto}
.lb .bd-on .grp{align-content:center}
}

.lb .amt{font-size:clamp(2.8rem,6.4vw,4.2rem)}
.lb .per{margin-bottom:8px}
.lb .rcpt{padding-top:24px;padding-bottom:34px}
.lb .rc-l div{padding:2px 0}
.lb .rc-l{margin-bottom:10px}
.lb .rc-calc{padding:12px;margin-bottom:12px}
.lb .rc-h{margin-bottom:8px}
.lb .rc-calc .c-sum{margin-top:0}
.lb .rc-calc .c-sum div{padding:4px 0}
.lb .rc-calc .range{height:30px}
.lb .rc-calc .c-foot{margin-top:2px}
.lb .rc-bar{height:22px;margin-top:12px}
.lb .rcpt .note{margin-top:6px}
.lb .pr-s{padding-block:calc(var(--sec) - 8px)}

.lb .flow{padding-top:calc(var(--sec) - 6px);padding-bottom:calc(var(--sec) - 28px)}
.lb .ask{padding-block:calc(var(--sec) - 12px)}
.lb .fin{padding-top:calc(var(--sec) + clamp(34px,5vw,64px));padding-bottom:calc(var(--sec) - 6px)}
.lb .ask-chat{min-height:190px}
@media(max-width:699px){.lb .ask-q{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*var(--gut));padding:4px var(--gut) 8px;scrollbar-width:none}.lb .ask-q::-webkit-scrollbar{display:none}.lb .qchip{white-space:nowrap}.lb .ask-chat{min-height:150px}.lb .rcpt{padding-inline:18px}.lb .rc-l{display:none}}

@media(min-width:900px){.lb .ask-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.lb .pr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:899px){
.lb .bd-on .swatches,.lb .bd-on .tplb{flex-wrap:nowrap}
.lb .bd-on .tpb{width:56px;height:40px}
.lb .bd-on .swb{width:40px;height:40px}
.lb .bd-on .seg button{min-height:38px}
}

.lb .bd-on .bd-track{height:calc(100svh + 50svh)}
@media(min-width:700px){.lb .cf{--w:min(42vw,520px)}}

.lb .flow{padding-top:calc(var(--sec) - 14px)}
@media(max-width:899px){.lb .bd-on .bd-dev{width:min(100%,calc((100svh - var(--hh,76px) - 440px) * 1.12))}}

/* ---- héroe de la portada (mismo de la home real: copia con alcance .lb) ---- */
.jsa .lb .fi{opacity:0;transition:opacity .6s var(--ease)}
.jsa .lb .fi.ld{opacity:1}
.jsa .lb .skl:not(.rdy){background:linear-gradient(100deg,var(--surface-2) 30%,var(--soft) 50%,var(--surface-2) 70%) 0 0/250% 100%;animation:shimmer 1.6s linear infinite}
@keyframes shimmer{to{background-position:-150% 0}}
.lb .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--soft);color:var(--link);font-weight:700;font-size:.88rem;border-radius:99px;padding:6px 14px 6px 10px;margin:0 0 20px}
.lb .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pop)}
.lb .pulse::before{animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pop) 55%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
.lb .hero{padding:clamp(20px,3vw,36px) 0 clamp(40px,5vw,72px);position:relative;overflow:hidden}
.lb .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 55% at 82% 28%,var(--soft),transparent 70%),radial-gradient(40% 40% at 6% 90%,var(--pop-tint),transparent 70%);opacity:.9;pointer-events:none}
.lb .hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,6vw,64px);align-items:center;position:relative;padding-top:56px}
.lb .hero .cta{display:flex;gap:10px 22px;align-items:center;flex-wrap:wrap;margin:30px 0 14px}
.lb .hero .micro{color:var(--muted);font-size:.95rem;margin:0}
.lb .hero .micro b{color:var(--text)}
.lb .hero h1 em{font-style:normal;color:var(--brand);background:linear-gradient(var(--soft),var(--soft)) 0 88%/100% .22em no-repeat}
.lb .stat{display:flex;align-items:center;gap:16px;margin-top:34px}
.lb .stat strong{font-size:clamp(3.4rem,8vw,5.2rem);line-height:.8;letter-spacing:-.06em;font-weight:800;color:var(--brand)}
.lb .stat span{max-width:20ch;font-weight:600;line-height:1.25}
.lb .switcher{position:relative;max-width:660px;width:100%;margin:0 auto}
.lb .sw-stage{position:relative;perspective:1200px;padding:0 0 clamp(14px,3vw,28px)}
.lb .sw-frame{position:relative;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 34px 80px var(--shadow);overflow:hidden;transition:transform .5s var(--ease)}
.lb .sw-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface-2)}
.lb .sw-bar i{width:9px;height:9px;border-radius:50%;background:var(--input-border);flex:none}
.lb .sw-bar span{margin-left:10px;flex:1;max-width:260px;border-radius:99px;background:var(--surface);font-size:.74rem;font-weight:600;color:var(--muted);padding:3px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb .sw-screen{position:relative;aspect-ratio:16/10;background:var(--surface-2)}
.lb .sw-slide{position:absolute;inset:0;margin:0;display:block}
.lb .sw-slide img,.lb .sw-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.jsa .lb .sw-slide{opacity:0;transform:scale(1.04);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.jsa .lb .sw-slide.is-on{opacity:1;transform:none}
.lb .sw-phone{position:absolute;right:-2%;bottom:0;width:23%;aspect-ratio:390/844;border-radius:24px;background:var(--text);padding:4px;box-shadow:0 22px 50px var(--shadow);transition:transform .5s var(--ease)}
.lb .sw-pscr{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background:var(--surface-2)}
.jsa .lb .sw-pscr .sw-slide{transform:none}
.lb .sw-order{position:absolute;left:-3%;bottom:-2%;z-index:3;background:var(--surface);border-radius:20px;padding:12px 16px;box-shadow:0 22px 50px var(--shadow);font-size:.82rem;line-height:1.3;display:flex;gap:12px;align-items:center;max-width:250px}
.jsa .lb .sw-order{animation:bob 8s ease-in-out -3s infinite}
.lb .sw-order b{display:block;font-size:.92rem}
.lb .sw-order span{color:var(--muted)}
.lb .sw-order .dot{width:10px;height:10px;border-radius:50%;background:var(--pop);flex:none}
.lb .sw-coin{display:none;position:absolute;right:6%;top:-14px;z-index:3;background:var(--field);color:var(--field-text);border-radius:18px;padding:10px 14px;font-weight:800;font-size:.8rem;line-height:1.2}
.lb .sw-coin span{display:block;font-weight:600;color:var(--field-muted);font-size:.7rem}
.jsa .lb .sw-coin{animation:bob 7s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
.lb .sw-cap{display:grid;margin-top:10px}
.lb .sw-capi{grid-area:1/1;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;justify-content:space-between}
.jsa .lb .sw-capi{visibility:hidden}
.jsa .lb .sw-capi.is-on{visibility:visible}
.lb .sw-capi p{margin:0;font-size:.95rem;color:var(--muted)}
.lb .sw-capi p b{display:block;color:var(--text);font-size:1.15rem;letter-spacing:-.02em}
.lb .sw-links{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center}
.lb .sw-ctl{display:flex;align-items:center;gap:10px;margin-top:14px}
.lb .sw-tabs{min-width:0;display:flex;gap:8px;overflow-x:auto;padding:4px 2px;margin:0;list-style:none;flex:1;scrollbar-width:none;scroll-snap-type:x proximity}
.lb .sw-tabs::-webkit-scrollbar{display:none}
.lb .sw-tab{white-space:nowrap;flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border-radius:99px;border:0;background:var(--surface-2);color:var(--text);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .25s,transform .3s var(--ease)}
.lb .sw-tab::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--p);box-shadow:inset 0 0 0 2px var(--surface)}
.lb .sw-tab:hover{background:var(--soft);transform:translateY(-2px)}
.lb .sw-tab[aria-pressed="true"]{background:var(--field);color:var(--field-text)}
.lb .sw-tab[aria-pressed="true"]::before{box-shadow:inset 0 0 0 2px var(--field-text)}
.lb .sw-pause,.lb .pause{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .25s}
.lb .sw-pause:hover,.lb .pause:hover{background:var(--soft)}
.lb .sw-pause[hidden],.lb .pause[hidden]{display:none}
.lb .sw-pause .i-play,.lb .pause .i-play{display:none}
.lb .sw-pause[aria-pressed="true"] .i-play,.lb .pause[aria-pressed="true"] .i-play{display:block}
.lb .sw-pause[aria-pressed="true"] .i-pause,.lb .pause[aria-pressed="true"] .i-pause{display:none}
.lb .sw-prog{height:3px;border-radius:3px;background:var(--surface-2);margin-top:10px;overflow:hidden}
.lb .sw-prog i{display:block;height:100%;background:var(--brand);transform:scaleX(0);transform-origin:0 50%}
.lb .sw-prog.run i{animation:swfill var(--dur,5s) linear forwards}
@keyframes swfill{to{transform:scaleX(1)}}
.lb .band{padding:0!important;border-block:1px solid var(--border);background:var(--surface);position:relative}
.lb .band .mq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,black 6%,black 94%,transparent);mask:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}
.lb .mq-track{display:flex;gap:12px;width:max-content;padding:16px 0;margin:0;list-style:none;animation:mq 70s linear infinite}
.lb .mq.paused .mq-track{animation-play-state:paused}
.lb .mq-track li{display:inline-flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:99px;padding:10px 18px;font-weight:700;font-size:.92rem;white-space:nowrap;color:var(--text)}
.lb .mq-track svg{color:var(--brand)}
@keyframes mq{to{transform:translateX(-50%)}}
@media(min-width:700px){.lb .sw-coin{display:block}}
@media(min-width:960px){.lb .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}}
@media(max-width:699px){.lb .sw-order{display:none}.lb .sw-phone{right:0;width:26%}.lb .sw-tabs{mask:linear-gradient(90deg,black 88%,transparent);-webkit-mask:linear-gradient(90deg,black 88%,transparent)}}
.jsb .lb .hero .awnw{transform-origin:50% 0;animation:roll .9s cubic-bezier(.34,1.3,.5,1) both}
@media(prefers-reduced-motion:reduce){.lb .mq .mq-track{width:auto;flex-wrap:wrap;transform:none}.lb .mq-track li[aria-hidden]{display:none}.lb .band .pause{display:none}}

.lb .hero h1{font-size:clamp(2.6rem,6.2vw,4.8rem);line-height:.95;letter-spacing:-.05em;margin:0}
.lb .hero .sub{font-size:clamp(1.08rem,1.7vw,1.3rem);max-width:48ch;margin-top:22px;color:var(--text)}
.lb .hero h1{font-size:clamp(2.3rem,4.7vw,4rem)}
.lb .hero .wrap{padding-top:clamp(26px,3vw,40px)}
.lb .hero{padding-bottom:clamp(24px,3vw,36px)}
.lb .hero .sub{margin-top:16px}
.lb .hero .cta{margin:22px 0 10px}
.lb .stat{margin-top:22px}
.lb .stat strong{font-size:clamp(3rem,6vw,4.3rem)}
.lb .switcher{max-width:620px}
@media(max-width:959px){.lb .hero .wrap{gap:28px}.lb .hero h1{font-size:clamp(2.3rem,9vw,3.4rem)}}
.lb .ask-grid,.lb .pr-grid{grid-template-columns:minmax(0,1fr)}
.lb .ask-grid>*,.lb .pr-grid>*{min-width:0}
@media(min-width:900px){.lb .ask-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.lb .pr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(min-width:960px){
.lb .hero .wrap{padding-top:30px}
.lb .hero{padding-bottom:14px}
.lb .switcher{max-width:min(560px,calc((100svh - 492px) * 1.62))}
.lb .sw-stage{padding-bottom:12px}
.lb .sw-ctl{margin-top:6px}.lb .sw-prog{margin-top:6px}.lb .sw-cap{margin-top:4px}
.lb .hero h1{font-size:clamp(2.3rem,4.3vw,3.6rem)}
.lb .hero .sub{font-size:1.08rem;margin-top:14px}
.lb .hero .cta{margin:18px 0 8px}
.lb .stat{margin-top:16px}.lb .stat strong{font-size:3.4rem}
.lb .eyebrow{margin-bottom:14px}
}
.lb .band .pause{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;box-shadow:0 4px 18px var(--shadow)}
.lb .band{z-index:3}
.lb .flow.lift{margin-top:0;border-radius:0;box-shadow:none;padding-top:calc(var(--sec) + 14px)}

/* ============ tiendas que acaban de abrir (reel) ============ */
.lb .reel h2{font-size:clamp(1.8rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.lb .reel .lead{margin-top:12px}
.lb .reel .rc-card{background:var(--surface);border-color:var(--hair);box-shadow:0 18px 40px -26px var(--shadow)}
.lb .reel .rc-btn{background:var(--surface-2)}
.lb .reel .empty{background:var(--soft)}

/* ============ cobra con tu propia cuenta (logos de pasarelas, sobre el campo azul) ============ */
.lb .pr-pay{margin-top:clamp(36px,5vw,64px);padding-top:clamp(24px,4vw,40px);border-top:1px solid color-mix(in srgb,var(--field-text) 22%,transparent)}
.lb .pr-pay-h{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.03em;margin-bottom:18px}
.lb .pr-pay .note{margin:20px 0 0;font-size:1rem;max-width:62ch}
.lb .payl{display:grid;gap:22px 40px;grid-template-columns:minmax(0,1fr)}
.lb .payl-h{margin:0 0 2px;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}
.lb .payl-s{margin:0 0 12px;font-size:.92rem;color:var(--field-muted)}
.lb .payl-l{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.lb .payl-t{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;background:var(--field-text);color:var(--field);box-shadow:0 1px 0 var(--shadow)}
.lb .payl-t img{display:block;height:26px;width:auto;max-width:96px;object-fit:contain}
.lb .payl-n{font-weight:800;font-size:.95rem;letter-spacing:-.02em;white-space:nowrap}
.lb .payl-d{grid-column:1/-1;margin:0;font-size:.82rem;color:var(--field-muted);max-width:62ch}
.lb .payl-t img[alt="DaviPlata"]{height:32px}
@media(min-width:700px){.lb .payl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============ vitrina: explora todas las tiendas ============ */
.lb .vit h2{font-size:clamp(1.8rem,4.4vw,3.2rem);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.lb .vit .sec-head{margin-bottom:clamp(20px,3vw,32px)}
.lb .filters{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin:0 0 28px;align-items:end}
.lb .filters label{font-size:.88rem;font-weight:700;display:block}
.lb .filters select{width:100%;min-height:48px;padding:0 14px;border:0;border-radius:14px;font:inherit;font-size:16px;background:var(--surface);color:var(--text);margin-top:5px;box-shadow:inset 0 0 0 1.5px var(--input-border)}
.lb .cards{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.lb .store{background:var(--surface);border:1px solid var(--hair);border-radius:22px;padding:18px;display:flex;gap:14px;align-items:flex-start;transition:transform .4s var(--ease)}
.lb .store:hover{transform:translateY(-4px)}
.lb .store .av{flex:none;width:52px;height:52px;border-radius:14px;background:var(--brand);color:var(--brand-contrast);display:grid;place-items:center;font-weight:800;font-size:1.3rem;overflow:hidden}
.lb .store .av img{width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box;background:var(--inverse-text)}
.lb .store h3{font-size:1.08rem;margin:0;overflow-wrap:anywhere}
.lb .store h3 a{color:var(--text);text-decoration:none}
.lb .store h3 a:hover{text-decoration:underline}
.lb .store p{margin:.15em 0 .5em;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}
.lb .vit .empty{background:var(--surface)}
.lb .pager{display:flex;justify-content:space-between;gap:10px;margin-top:24px;align-items:center}
@media(min-width:700px){.lb .filters{grid-template-columns:1fr 1fr auto}.lb .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.lb .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.lb .store{transition:none}.lb .store:hover{transform:none}}