.peg-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}.peg-exp__head{grid-area:head;align-self:end}.peg-exp__stage{grid-area:stage}.peg-exp__panel{grid-area:panel;align-self:start}@media(max-width:900px){.peg-exp__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "panel"}}.peg-dev{position:relative;aspect-ratio:1/1;max-width:100%;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px #000c}.peg-foto{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.peg-marco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.peg-cinta{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.peg-cinta polygon{fill:none;stroke:#f4f1ea;stroke-width:5px;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4));transition:stroke-dashoffset 1.3s var(--ease)}.peg-dev[data-paso="1"] .peg-cinta polygon,.peg-dev[data-paso="2"] .peg-cinta polygon,.peg-dev[data-paso="3"] .peg-cinta polygon{stroke-dashoffset:0}.peg-dev[data-color=negro] .peg-cinta polygon{stroke:#1a1a1a}.peg-malla{position:absolute;top:0;right:0;bottom:0;left:0;--hilo:rgba(250,250,250,.22);background:repeating-linear-gradient(90deg,var(--hilo) 0 1px,transparent 1px 2px),repeating-linear-gradient(0deg,var(--hilo) 0 1px,transparent 1px 2px),#ffffff29;transform:translateY(-110%);opacity:0;-webkit-clip-path:var(--clip);clip-path:var(--clip);transition:transform .9s var(--ease),opacity .4s,filter .6s}.peg-dev[data-color=negro] .peg-malla{--hilo:rgba(12,12,12,.3);background-color:#0000002e}.peg-dev[data-paso="2"] .peg-malla{transform:translateY(1.5%);opacity:.85}.peg-dev[data-paso="3"] .peg-malla{transform:none;opacity:1}.peg-dev[data-paso="3"] .peg-cinta polygon{animation:peg-presiona 1.1s var(--ease) .2s both}@keyframes peg-presiona{0%,to{stroke-width:5px}40%{stroke-width:9px;filter:drop-shadow(0 0 6px rgba(255,236,210,.9))}}.peg-bichos{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.peg-bicho{position:absolute;left:calc(var(--px) + var(--pw) * (.12 + var(--i) * .18));top:calc(var(--py) + var(--ph) * (.2 + var(--i) * .13));width:9px;height:9px;border-radius:50%;background:#1a1410;box-shadow:-5px -3px 0 -2px #fff9,5px -3px 0 -2px #fff9;animation:peg-entra calc(2.4s + var(--i) * .3s) linear calc(var(--i) * -.6s) infinite}@keyframes peg-entra{0%{transform:translate(0) scale(.7);opacity:0}15%{opacity:1}to{transform:translate(calc(var(--i) * 14px - 30px),70px) scale(1.8);opacity:0}}.peg-dev[data-paso="3"] .peg-bicho{animation:peg-rebota calc(1.6s + var(--i) * .25s) ease-in-out calc(var(--i) * -.4s) infinite}@keyframes peg-rebota{0%{transform:translate(0) scale(.8)}45%{transform:translate(6px,6px) scale(1)}52%{transform:translate(8px,4px) scale(.95)}60%{transform:translate(2px,-10px) scale(.85)}to{transform:translate(0) scale(.8)}}.peg-pasos{list-style:none;margin:0;padding:0;display:grid;gap:8px}.peg-pasos button{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid rgba(241,222,186,.3);background:#f1deba0f;color:var(--cream,#F6EFE4);border-radius:16px;padding:12px 14px;font:600 15px var(--sans);cursor:pointer;transition:all .25s var(--ease)}.peg-pasos button b{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(241,222,186,.45);color:var(--champ2,#F1DEBA);font:700 13px var(--mono)}.peg-pasos button:not(:disabled):not(.hecho){border-color:var(--champ2,#F1DEBA);box-shadow:0 0 0 3px #f1deba1f}.peg-pasos button:disabled:not(.hecho){opacity:.4;cursor:default}.peg-pasos button.hecho{opacity:.75;cursor:default}.peg-pasos button.hecho b{background:var(--champ2,#F1DEBA);color:var(--ink,#1a1410);font-size:0}.peg-pasos button.hecho b:after{content:"\2713";font-size:14px}.peg-pasos button:focus-visible,.peg-colores button:focus-visible{outline:2px solid var(--champ2,#F1DEBA);outline-offset:3px}.peg-estado{margin-top:12px;font-weight:600;font-size:17px;line-height:1.4;min-height:2.8em;color:var(--cream,#F6EFE4)}.peg-colores{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:#b3a696}.peg-colores button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(241,222,186,.3);background:transparent;color:var(--cream,#F6EFE4);border-radius:99px;padding:6px 12px;font:600 13px var(--sans);cursor:pointer}.peg-colores button[aria-checked=true]{border-color:var(--champ2,#F1DEBA);background:#f1deba24}.peg-sw{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.peg-sw--b{background:#f4f1ea}.peg-sw--n{background:#151515}.peg-calc{margin-top:16px;border:1px solid var(--lined,rgba(241,222,186,.14));border-radius:18px;padding:16px 18px;background:#ffffff08;display:grid;gap:10px}.peg-calc__k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9c8f80}.peg-calc__f{display:grid;grid-template-columns:56px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:13.5px;color:#c9bcad}.peg-calc__f input{width:100%;accent-color:var(--champ2,#F1DEBA)}.peg-calc__f b{font:700 14px var(--mono);color:var(--cream,#F6EFE4);text-align:right;font-variant-numeric:tabular-nums}.peg-calc__r{font-weight:600;font-size:14.5px;min-height:2.6em;color:var(--cream,#F6EFE4)}.peg-calc__l{color:var(--champ2,#F1DEBA);font-weight:700;font-size:14px}.peg-exp__nota{margin-top:14px;font-size:12px;color:#8e8275;text-align:center}@media(prefers-reduced-motion:reduce){.peg-bicho{animation:none}.peg-dev[data-paso="3"] .peg-cinta polygon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/exp-pega.css.map */