.vshop *{box-sizing:border-box}.vshop .page-width{max-width:1400px;margin:0 auto;padding:0 20px}.vshop .vshop__header{margin-bottom:18px}.vshop .vshop__title{margin:0 0 8px;font-size:clamp(1.5rem,2.2vw,2.35rem);line-height:1.12}.vshop .vshop__wrap{position:relative}.vshop .vshop__track{display:grid;justify-content:safe center;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--gap)*(var(--m) - 1)))/var(--m));gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;padding-bottom:4px}.vshop .vshop__track::-webkit-scrollbar{display:none}.vshop .vshop__card{scroll-snap-align:start;min-width:0}.vshop .vshop__media{position:relative;display:block;width:100%;aspect-ratio:var(--aspect);border:0;border-radius:var(--r);overflow:hidden;background:#111;color:inherit;padding:0;cursor:pointer;text-align:left}.vshop .vshop__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vshop .vshop__poster--empty{background:linear-gradient(135deg,#222,#111)}.vshop .vshop__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000c7,#00000014 45%,#00000057);z-index:1}.vshop .vshop__badge,.vshop .vshop__context,.vshop .vshop__desc,.vshop .vshop__play{position:absolute;z-index:2}.vshop .vshop__badge{top:10px;left:10px;right:10px;width:max-content;max-width:calc(100% - 20px);padding:6px 10px;border-radius:999px;background:#000000a3;color:#fff;font-size:.72rem;font-weight:700;line-height:1.2}.vshop .vshop__context{top:44px;left:10px;padding:4px 8px;border-radius:999px;background:#ffffff29;color:#fff;font-size:.68rem;line-height:1.2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vshop .vshop__desc{left:12px;right:12px;bottom:12px;color:#fff;font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.vshop .vshop__play{top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.vshop .vshop__play circle{fill:#ffffffeb}.vshop .vshop__play polygon{fill:#111}.vshop .vshop__arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:#fffffff0;color:#111;cursor:pointer;z-index:3;box-shadow:0 6px 18px #00000029}.vshop .vshop__arrow--prev{left:4px}.vshop .vshop__arrow--next{right:4px}.vshop .vshop__modal[hidden]{display:none!important}.vshop .vshop__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex!important;align-items:center!important;justify-content:center!important;padding:48px 18px}.vshop .vshop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vshop .vshop__dialog{position:relative;z-index:2;width:min(86vw,430px);max-width:430px}.vshop .vshop__player-shell{position:relative;width:100%;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 24px 90px #0000008c}.vshop .vshop__player,.vshop .vshop__player iframe,.vshop .vshop__player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.vshop .vshop__player video{object-fit:contain}.vshop .vshop__close,.vshop .vshop__nav{position:fixed;z-index:6;border:0;border-radius:999px;background:#141414c2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000040}.vshop .vshop__close{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:42px;height:42px;font-size:26px;line-height:1}.vshop .vshop__nav{top:50%;width:46px;height:46px;font-size:36px;line-height:1;transform:translateY(-50%)}.vshop .vshop__nav--prev{left:max(18px,calc(50% - 300px))}.vshop .vshop__nav--next{right:max(18px,calc(50% - 300px))}.vshop .vshop__ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.vshop .vshop__float-shop,.vshop .vshop__float-panel{pointer-events:auto}.vshop .vshop__float-shop{position:absolute;left:14px;bottom:14px;z-index:4;border:0;border-radius:999px;padding:10px 14px;background:#fffffff2;color:#111;font-size:.82rem;font-weight:800;box-shadow:0 10px 30px #00000047;cursor:pointer}.vshop .vshop__float-shop span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:6px;border-radius:999px;background:#111;color:#fff;font-size:.72rem}.vshop .vshop__float-panel{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;max-height:48%;border-radius:18px;background:#121212e0;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;box-shadow:0 18px 50px #0000005c}.vshop .vshop__float-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px 8px;font-size:.9rem}.vshop .vshop__float-close{width:28px;height:28px;border:0;border-radius:999px;background:#ffffff24;color:#fff;cursor:pointer}.vshop .vshop__float-content{display:grid;gap:8px;padding:0 12px 12px;max-height:260px;overflow-y:auto}.vshop .vshop__float-title{margin:8px 2px 2px;color:#ffffffa6;font-size:.72rem;font-weight:800;text-transform:uppercase}.vshop .vshop__float-item{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:13px;background:#ffffff17;color:#fff;text-decoration:none}.vshop .vshop__float-item img,.vshop .vshop__float-empty{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#ffffff1f}.vshop .vshop__float-name{display:block;font-size:.82rem;font-weight:800;line-height:1.25}.vshop .vshop__float-meta{display:block;margin-top:2px;color:#ffffffa6;font-size:.74rem}.vshop .vshop__float-cta{padding:7px 9px;border-radius:999px;background:#fff;color:#111;font-size:.72rem;font-weight:800}@media(min-width:750px){.vshop .vshop__track{grid-auto-columns:calc((100% - (var(--gap)*(var(--d) - 1)))/var(--d))}}@media(max-height:820px)and (min-width:750px){.vshop .vshop__dialog{width:min(82vw,360px)}}@media(max-width:749px){.vshop .page-width{padding:0 16px}.vshop .vshop__arrow{width:34px;height:34px;display:flex}.vshop .vshop__modal{padding:52px 12px 72px}.vshop .vshop__dialog{width:86vw;max-width:390px}.vshop .vshop__player-shell{border-radius:20px}.vshop .vshop__nav{top:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:none;width:44px;height:44px;font-size:34px}.vshop .vshop__nav--prev{left:calc(50% - 56px)}.vshop .vshop__nav--next{right:calc(50% - 56px)}.vshop .vshop__float-panel{max-height:52%}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/seccion-fran-video-contex-slider-vertical-shop.css.map */