.pon-exp__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head stage" "panel stage";column-gap:56px;row-gap:22px;align-items:center}.pon-exp__head{grid-area:head;align-self:end}.pon-exp__stage{grid-area:stage}.pon-exp__panel{grid-area:panel;align-self:start}@media(max-width:900px){.pon-exp__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "panel"}}.pon-dev{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;isolation:isolate;box-shadow:0 40px 80px -40px #000000d9,inset 0 0 0 1px #f1deba14;touch-action:none;-webkit-user-select:none;user-select:none;background:#1a1410}.pon-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pon-img--con{opacity:0;transition:opacity .35s ease}.pon-dev[data-puesta="1"] .pon-img--con{opacity:1}.pon-iman{position:absolute;top:calc(var(--gy) + 2.6%);width:8%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s}.pon-iman--a{left:calc(var(--gx) - var(--bw) * .41)}.pon-iman--b{left:calc(var(--gx) + var(--bw) * .41)}.pon-dev.cerca .pon-iman{opacity:1;animation:pon-iman .8s ease-out infinite}.pon-dev.clic .pon-iman{opacity:1;animation:pon-flash .55s ease-out 1}@keyframes pon-iman{0%{box-shadow:0 0 #f1debab3}to{box-shadow:0 0 0 18px #f1deba00}}@keyframes pon-flash{0%{box-shadow:0 0 #ffecc8f2;background:#ffecc859}to{box-shadow:0 0 0 30px #ffecc800;background:transparent}}.pon-meta{position:absolute;left:var(--gx);top:var(--gy);width:calc(var(--bw) + 4%);height:14%;transform:translate(-50%,-50%);border:2px dashed rgba(241,222,186,.7);border-radius:40px;opacity:0;transition:opacity .25s;pointer-events:none}.pon-dev.llevando .pon-meta{opacity:1;animation:pon-late 1.2s ease-in-out infinite}.pon-dev.cerca .pon-meta{border-style:solid;border-color:#ffecc8f2}@keyframes pon-late{50%{transform:translate(-50%,-50%) scale(1.05)}}.pon-clic{position:absolute;left:var(--gx);top:var(--gy);transform:translate(-50%,-180%);font:700 13px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--champ2,#F1DEBA);opacity:0;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.6)}.pon-dev.clic .pon-clic{animation:pon-clic .95s ease-out}@keyframes pon-clic{0%{opacity:0;transform:translate(-50%,-130%)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-260%)}}.pon-bandeja{position:absolute;left:var(--tx);top:var(--ty);width:calc(var(--bw) + 16%);height:17%;transform:translate(-50%,-50%);border-radius:999px;background:linear-gradient(180deg,#faf5ecdb,#e8deced1);box-shadow:0 18px 30px -14px #000000a6,inset 0 0 0 1px #fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;transition:opacity .3s}.pon-bandeja span{position:absolute;left:50%;bottom:8%;transform:translate(-50%);font:700 9.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#463426bf;white-space:nowrap}.pon-dev[data-puesta="1"] .pon-bandeja{opacity:.35}.pon-banda{position:absolute;left:var(--tx);top:calc(var(--ty) - 2%);width:var(--bw);transform:translate(-50%,-50%);border:0;padding:0;background:none;cursor:grab;touch-action:none;z-index:3}.pon-banda img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));transition:filter .2s}.pon-banda.arrastra{cursor:grabbing}.pon-banda.arrastra img{filter:drop-shadow(0 18px 18px rgba(0,0,0,.6))}.pon-banda.lista img{filter:drop-shadow(0 0 10px rgba(241,222,186,.9))}.pon-banda.descansa{animation:pon-respira 2.4s ease-in-out infinite}@keyframes pon-respira{50%{transform:translate(-50%,-58%)}}.pon-dev[data-puesta="1"] .pon-banda{opacity:0;pointer-events:none;transition:opacity .2s .25s}.pon-banda:focus-visible,.pon-otra:focus-visible{outline:2px solid var(--champ2,#F1DEBA);outline-offset:3px}.pon-estado{font-weight:600;font-size:17px;line-height:1.4;min-height:2.8em;color:var(--cream,#F6EFE4)}.pon-pasos{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.pon-pasos li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#c9bcad}.pon-pasos b{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(241,222,186,.35);color:var(--champ2,#F1DEBA);font:600 13px var(--mono)}.pon-otra{margin-top:16px;border:1px solid rgba(241,222,186,.35);background:#f1deba14;color:var(--cream,#F6EFE4);border-radius:99px;padding:10px 16px;font:600 14px var(--sans);cursor:pointer}.pon-exp__nota{margin-top:14px;font-size:12px;color:#8e8275;text-align:center}@media(prefers-reduced-motion:reduce){.pon-dev .pon-meta,.pon-dev .pon-iman,.pon-dev .pon-clic,.pon-banda.descansa{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/exp-ponte.css.map */