.pp-mock{position:relative;height:172px;margin:2px 0 22px;display:flex;align-items:flex-end;justify-content:center}.pp-mock .hj{position:absolute;bottom:10px;width:80px;height:110px;border-radius:6px;background:linear-gradient(160deg,#242831,#171a21);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 24px #0000008c}.pp-mock .hj:after{content:"";position:absolute;left:10px;right:10px;top:15px;height:3px;border-radius:2px;background:var(--ambar);opacity:.9}.pp-mock .hj:before{content:"";position:absolute;left:10px;right:24px;top:25px;height:2px;border-radius:2px;background:#ffffff24}.pp-mock .a{left:50%;margin-left:-114px;transform:rotate(-10deg)}.pp-mock .b{left:50%;margin-left:34px;transform:rotate(10deg)}.pp-mock .c{left:50%;margin-left:-152px;transform:rotate(-19deg);bottom:24px}.pp-mock .d{left:50%;margin-left:72px;transform:rotate(19deg);bottom:24px}.pp-mock .lib{position:relative;z-index:3;width:114px;height:160px;border-radius:3px 8px 8px 3px;background:linear-gradient(155deg,#31363f,#13161c 68%);box-shadow:-5px 0 #08090b,0 18px 32px #0000009e,0 0 0 1px #ffffff14;padding:15px 11px 12px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.pp-mock .lib .n{font-size:6px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8e949d}.pp-mock .lib .h{font-size:15px;font-weight:800;line-height:.98;letter-spacing:-.02em;color:#fff;margin-top:5px}.pp-mock .lib .h span{display:block;color:var(--ambar)}.pp-mock .lib .u{width:25px;height:3px;border-radius:2px;background:var(--ambar);margin-top:8px}.pp-mock .lib .f{font-size:5.6px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6e747d}.pp-mock .sello{position:absolute;z-index:4;top:4px;left:50%;margin-left:8px;background:linear-gradient(145deg,#ffd27a,#f5a623);color:#1a1206;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px;box-shadow:0 8px 18px #f5a6236b;white-space:nowrap}.pp-maqueta{position:relative;width:310px;max-width:92%;aspect-ratio:1/1;margin:34px auto 26px;display:flex;align-items:center;justify-content:center;perspective:1300px}.pp-maqueta:before{content:"";position:absolute;left:8%;top:10%;width:84%;height:66%;border-radius:50%;background:radial-gradient(closest-side,#f5a6234d,#f5a62300)}.pp-maqueta:after{content:"";position:absolute;bottom:4%;left:50%;width:66%;height:30px;transform:translate(-50%);background:radial-gradient(closest-side,#000000b8,#0000)}.pp-hoja{position:absolute;width:152px;height:206px;border-radius:10px;border:0;padding:13px 12px;text-align:left;color:#15181e;background:linear-gradient(168deg,#fcfaf5,#ede7db);box-shadow:0 26px 42px #00000094}.pp-hoja small{display:block;font-size:8px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#b87a06}.pp-hoja strong{display:block;margin-top:5px;font-family:var(--sans);font-weight:800;font-size:14px;line-height:1.04;color:#15181e;letter-spacing:-.015em}.pp-hoja i{display:none}.pp-hoja--1{left:0;top:15%;transform:rotate(-11deg)}.pp-hoja--2{right:0;top:15%;transform:rotate(11deg)}.pp-dia{display:flex;align-items:center;gap:6px;margin-top:8px}.pp-dia b{flex:none;width:14px;height:14px;border-radius:50%;background:#f5a623;color:#1a1206;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center}.pp-dia s{flex:1;height:4px;border-radius:2px;background:#15181e24;text-decoration:none}.pp-rejilla{margin-top:10px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.pp-rejilla u{display:block;aspect-ratio:1;border-radius:2px;background:#15181e1c;text-decoration:none}.pp-rejilla u.on{background:#f5a623}.pp-libro{position:absolute;left:50%;top:50%;width:182px;height:258px;transform:translate(-50%,-50%) rotateY(-13deg) rotateX(3deg);border-radius:4px 11px 11px 4px;background:linear-gradient(150deg,#3a4049,#1a1e26 52%,#0f1218);box-shadow:-7px 0 #08090b,-10px 0 16px #0009,0 36px 54px #000000ad,0 0 0 1px #ffffff1a;padding:20px 15px 14px;overflow:hidden}.pp-libro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(116deg,#fff0 28%,#ffffff24,#fff0 60%);pointer-events:none}.pp-libro small{font-size:7.5px;letter-spacing:.2em;color:#949ba4}.pp-libro strong{font-size:27px;line-height:.94;margin-top:7px}.pp-libro strong:after{width:30px;height:3px;margin-top:11px}.pp-libro span{font-size:8.6px;line-height:1.35;color:#aeb4bc}@media(min-width:900px){.pp-mock{height:186px}.pp-mock .lib{width:122px;height:172px}.pp-mock .lib .h{font-size:16px}.pp-maqueta{width:430px;margin:0 auto}.pp-hoja{width:210px;height:284px;padding:18px 16px;border-radius:13px}.pp-hoja small{font-size:10px}.pp-hoja strong{font-size:19px}.pp-dia{margin-top:11px;gap:8px}.pp-dia b{width:19px;height:19px;font-size:10px}.pp-dia s{height:5px}.pp-rejilla{margin-top:14px;gap:5px}.pp-libro{width:252px;height:356px;padding:28px 21px 19px}.pp-libro small{font-size:10px}.pp-libro strong{font-size:37px;margin-top:10px}.pp-libro strong:after{width:42px;height:4px;margin-top:15px}.pp-libro span{font-size:11.5px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/primer-paso-packs.css.map */