.gd .story{position:relative;display:grid;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--ink);color:#fff;text-align:left;isolation:isolate;-webkit-user-drag:none}.gd .story img,.gd .story video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;pointer-events:none}.gd .story img{transition:transform .8s var(--ease)}.gd .story video{opacity:0;transition:opacity var(--t) var(--ease)}.gd .story.anima video{opacity:1}.gd .story:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#080808d1,#08080873 24%,#08080800 52%),linear-gradient(to bottom,#08080847,#08080800 20%)}.gd .story-tag{position:absolute;z-index:2;left:var(--sp-3);top:var(--sp-3);display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:var(--pill);background:#fffffff0;color:var(--ink);font-size:11px;font-weight:650;letter-spacing:.02em;line-height:1.2}.gd .story-tag svg{width:10px;height:10px;fill:currentColor}.gd .story-tx{position:relative;z-index:2;align-self:end;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);min-width:0;padding:var(--sp-5) var(--sp-4) var(--sp-4)}.gd .story-tx b{min-width:0;font-size:var(--fs-l);font-weight:650;line-height:1.2;letter-spacing:-.01em;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.gd .story-go{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast) var(--ease)}.gd .story-go svg{width:16px;height:16px;fill:currentColor;transform:translate(1px)}.gd .story:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.gd .story:active .story-go{transform:scale(.94)}@media(hover:hover){.gd .story:hover img{transform:scale(1.04)}.gd .story:hover .story-go{background:var(--gold);color:#fff}}@media(prefers-reduced-motion:reduce){.gd .story img{transition:none}}.gd .viewer{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:grid;place-items:center;opacity:0;transition:opacity var(--t)}.gd .layer.on .viewer{opacity:1}.gd .vpalco{position:relative;width:100%;height:100%;overflow:hidden}.gd .viewer video,.gd .viewer .vposter{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:transparent}.gd .viewer .vposter{opacity:0;transition:opacity var(--t-fast)}.gd .viewer.espera .vposter{opacity:1}.gd .viewer .vbars{position:absolute;z-index:2;top:var(--sp-3);left:var(--sp-3);right:var(--sp-3);display:flex;gap:var(--sp-1)}.gd .viewer .vbars i{flex:1;height:2px;background:#ffffff59;border-radius:2px;overflow:hidden}.gd .viewer .vbars b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s linear}.gd .viewer .vt{position:absolute;z-index:2;left:var(--sp-4);right:104px;top:var(--sp-6);margin:0;color:#fff;font-size:var(--fs-s);font-weight:600;line-height:1.3;text-shadow:0 1px 6px rgba(0,0,0,.6)}.gd .viewer .vbts{position:absolute;z-index:3;top:var(--sp-4);right:var(--sp-2);display:flex}.gd .viewer .vbts button{width:44px;height:44px;color:#fff;display:grid;place-items:center;filter:drop-shadow(0 1px 4px rgba(0,0,0,.5))}.gd .viewer .vbts svg{width:22px;height:22px}.gd .viewer .som-off,.gd .viewer.mudo .som-on{display:none}.gd .viewer.mudo .som-off{display:block}.gd .viewer .prev,.gd .viewer .next{position:absolute;z-index:1;top:72px;bottom:96px;width:35%}.gd .viewer .prev{left:0}.gd .viewer .next{right:0}.gd .viewer .prev:focus-visible,.gd .viewer .next:focus-visible{outline-offset:-4px}.gd .viewer .vcta{position:absolute;z-index:2;left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100% - 2 * var(--sp-4));bottom:calc(var(--sp-6) + env(safe-area-inset-bottom,0px))}@media(min-width:900px){.gd .story-tx{padding:var(--sp-6) var(--sp-5) var(--sp-5)}.gd .story-tag{left:var(--sp-4);top:var(--sp-4)}.gd .vpalco{width:auto;height:100%;aspect-ratio:9/16;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/gd-historias.css.map */