.spp{--paper:#f4f2ec;--card:#ffffff;--ink:#151513;--muted:#6b6a62;--line:#dcd9cf;--yellow:#FFED00;--on-yellow:#151513;--good:#1f7a3f;--warn:#a35a00;--bad:#b3261e;--shade:rgba(21,21,19,.45);--display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--body:"Barlow",system-ui,-apple-system,Segoe UI,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}.spp *{box-sizing:border-box}.spp [hidden]{display:none!important}.spp .wrap{max-width:1180px;margin:0 auto;padding-inline:16px}.spp button{font:inherit;color:inherit;cursor:pointer}.spp button:focus-visible,.spp input:focus-visible,.spp select:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.spp .num{font-variant-numeric:tabular-nums}.spp header.top{position:relative;z-index:2;background:var(--ink);color:var(--paper)}.spp header.top .wrap{display:flex;align-items:center;gap:16px;min-height:60px;flex-wrap:wrap;padding-block:8px}.spp .brand{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:.02em;text-transform:uppercase;line-height:1}.spp .brand{display:flex;align-items:center;gap:12px}.spp .brand .logo{width:52px;height:52px;display:block}.spp .brand span{display:inline-block;background:var(--yellow);color:var(--on-yellow);font-size:14px;padding:3px 7px;letter-spacing:.08em}.spp .who{margin-left:auto;font-size:13px;opacity:.8;text-align:right;line-height:1.3}.spp .cartbtn{display:flex;align-items:center;gap:10px;background:var(--yellow);color:var(--on-yellow);border:0;padding:9px 14px;font-weight:600}.spp .cartbtn b{font-family:var(--display);font-size:19px}.spp .minibar{height:4px;background:#ffffff2e}.spp .minibar i{display:block;height:100%;background:var(--yellow);width:0;transition:width .3s}.spp .terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-block:24px 8px}.spp .terms div{background:var(--card);padding:14px 16px}.spp .terms dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.spp .terms dd{margin:2px 0 0;font-family:var(--display);font-weight:700;font-size:22px;line-height:1.15}.spp .terms dd small{display:block;font-family:var(--body);font-weight:400;font-size:13px;color:var(--muted)}.spp .demo{font-size:13px;color:var(--muted);margin:0 0 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spp .linkbtn{background:none;border:0;padding:0;text-decoration:underline;color:var(--ink);font-weight:600}.spp .tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.spp .chip{border:1px solid var(--line);background:var(--card);padding:7px 13px;font-weight:600;font-size:14px}.spp .chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.spp .search{flex:1 1 240px;min-width:0;display:flex}.spp .search input{width:100%;padding:9px 12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}.spp label.chk{display:flex;gap:6px;align-items:center;font-size:14px}.spp .count{font-size:13px;color:var(--muted);margin:-6px 0 14px}.spp .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:60px}.spp .card{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;text-align:left;padding:0;min-width:0}.spp .ph{aspect-ratio:1/1;max-width:100%;background:#fff;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.spp .ph img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.spp .card:hover .ph img{transform:scale(1.04)}.spp .flag{position:absolute;left:0;top:12px;background:var(--yellow);color:#151513;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;line-height:1.1;box-shadow:2px 2px #151513}.spp .flag.top{background:#151513;color:#ffed00;box-shadow:none}.spp .flag b{font-size:12px;opacity:.75;margin-left:4px}.spp .hero{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}.spp .hero .ph{border:1px solid var(--line)}@media(max-width:560px){.spp .hero{grid-template-columns:1fr}.spp .hero .ph{max-width:280px}}.spp .ph .tag{position:absolute;bottom:10px;right:10px;font-size:11px;font-weight:600;padding:2px 7px;background:#151513;color:#f4f2ec}.spp .cbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.spp .cname{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.05}.spp .csub{font-size:13px;color:var(--muted);line-height:1.3}.spp .prices{display:flex;align-items:baseline;gap:8px;margin-top:auto;flex-wrap:wrap}.spp .pm{font-family:var(--display);font-weight:800;font-size:24px}.spp .pv{font-size:13px;color:var(--muted)}.spp .gain{font-size:13px;font-weight:600;color:var(--good)}.spp .pill{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border:1px solid currentColor}.spp .ok{color:var(--good)}.spp .low{color:var(--warn)}.spp .out{color:var(--bad)}.spp .vars{font-size:12px;color:var(--muted)}.spp .shade{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shade);z-index:2147483000}.spp .panel{position:fixed;z-index:2147483001;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}.spp .sheet{top:0;bottom:0;right:0;width:min(760px,100%);padding:20px 20px 40px;padding-top:calc(20px + env(safe-area-inset-top,0px))}.spp .drawer{top:0;bottom:0;right:0;width:min(440px,100%);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.spp .x{background:var(--card);border:1px solid var(--line);width:38px;height:38px;font-size:20px;line-height:1}.spp .sheethead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.spp h2.t{font-family:var(--display);font-weight:800;font-size:40px;line-height:.95;margin:4px 0 6px;text-transform:uppercase;text-wrap:balance}.spp .lead{max-width:62ch;margin:0 0 18px}.spp .ess{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0 0 18px;padding:14px 16px;background:var(--card);border:1px solid var(--line)}.spp .ess dt{font-weight:600;font-size:13px;color:var(--muted)}.spp .ess dd{margin:0;min-width:0}.spp h3.s{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 8px;color:var(--muted)}.spp .vt{overflow-x:auto;border:1px solid var(--line);background:var(--card)}.spp .vt table{border-collapse:collapse;width:100%;min-width:640px}.spp .vt th,.spp .vt td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.spp .vt th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.spp .vt td.r,.spp .vt th.r{text-align:right}.spp .code{font-family:var(--mono);font-size:12px}.spp .bc{background:#fff;padding:4px 6px 2px;display:inline-block;line-height:0;border:1px solid #e5e2d8}.spp .bc svg{display:block;height:46px;width:auto}.spp .copy{background:none;border:0;padding:0 0 0 4px;font-size:12px;text-decoration:underline;color:var(--muted)}.spp .step{display:inline-flex;border:1px solid var(--line);background:var(--paper)}.spp .step button{width:32px;height:34px;border:0;background:none;font-size:18px}.spp .step input{width:44px;text-align:center;border:0;border-inline:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}.spp .step button:disabled{opacity:.3;cursor:default}.spp .dose{max-width:62ch;font-size:14px;color:var(--muted)}.spp .note{font-size:13px;color:var(--muted);margin-top:14px;max-width:62ch}.spp .dh{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.spp .dh h2{font-family:var(--display);font-weight:800;font-size:30px;margin:0;text-transform:uppercase}.spp .lines{flex:1;overflow:auto;padding:4px 20px}.spp .line{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--line)}.spp .line .n{font-weight:600;min-width:0}.spp .line .m{font-size:13px;color:var(--muted)}.spp .line .tot{font-family:var(--display);font-weight:700;font-size:19px;text-align:right}.spp .rm{background:none;border:0;padding:0;font-size:12px;color:var(--muted);text-decoration:underline;justify-self:end}.spp .empty{padding:40px 0;color:var(--muted)}.spp .df{border-top:1px solid var(--line);padding:16px 20px calc(18px + env(safe-area-inset-bottom,0px));background:var(--card);display:flex;flex-direction:column;gap:10px}.spp .row{display:flex;justify-content:space-between;gap:12px}.spp .big{font-family:var(--display);font-weight:800;font-size:30px;line-height:1}.spp .prog{height:10px;background:var(--line);position:relative}.spp .prog i{position:absolute;inset:0 auto 0 0;background:var(--yellow);width:0;transition:width .3s}.spp .progtxt{font-size:14px;font-weight:600}.spp .cta{background:var(--yellow);color:var(--on-yellow);border:0;padding:14px;font-family:var(--display);font-weight:800;font-size:21px;text-transform:uppercase;letter-spacing:.03em}.spp .cta:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.spp .small{font-size:12px;color:var(--muted)}.spp form.f{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;max-width:640px}.spp form.f .full{grid-column:1/-1}.spp form.f label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;min-width:0}.spp form.f input,.spp form.f select,.spp form.f textarea{padding:10px 11px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:400;width:100%}.spp .err{color:var(--bad);font-size:13px;min-height:1em}.spp .box{background:var(--card);border:1px solid var(--line);padding:16px;margin:14px 0;max-width:640px}.spp .box dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}.spp .box dt{color:var(--muted);font-size:13px}.spp .box dd{margin:0;font-weight:600;min-width:0}.spp .stamp{display:inline-block;background:var(--yellow);color:var(--on-yellow);font-family:var(--display);font-weight:800;font-size:15px;padding:3px 9px;text-transform:uppercase;letter-spacing:.06em}.spp .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;z-index:2147483002;font-weight:600;font-size:14px}@media(max-width:560px){.spp .who{display:none}.spp h2.t{font-size:32px}.spp form.f{grid-template-columns:1fr}.spp .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spp .flag{font-size:12px;padding:3px 7px}.spp .cname{font-size:18px}.spp .pm{font-size:20px}.spp .cbody{padding:10px}}@media(prefers-reduced-motion:reduce){.spp *{transition:none!important}}.spp .who b{display:block;font-size:14px;opacity:1}.spp .navlink{background:none;border:1px solid rgba(255,255,255,.35);color:var(--paper);padding:8px 12px;font-weight:600;font-size:14px}.spp .navlink[aria-current=page]{border-color:var(--yellow);color:var(--yellow)}.spp .salir{background:none;border:0;color:var(--paper);opacity:.7;text-decoration:underline;font-size:13px;padding:0}.spp .ph img{background:#fff}.spp .nopx{font-size:13px;font-weight:600;color:var(--warn)}.spp .login{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--ink);color:#f4f2ec}.spp .login .box2{width:min(440px,100%);display:flex;flex-direction:column;gap:18px}.spp .login img{width:96px;height:96px}.spp .login h1{font-family:var(--display);font-weight:800;font-size:44px;line-height:.95;margin:0;text-transform:uppercase;text-wrap:balance}.spp .login p{margin:0;color:#c9c7bd;line-height:1.5}.spp .login label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.spp .login input{padding:13px 14px;font:inherit;font-size:16px;border:2px solid #f4f2ec;background:#f4f2ec;color:#151513}.spp .login .cta{box-shadow:4px 4px #f4f2ec}.spp .login a{color:var(--yellow)}.spp .login .msg{background:#22221e;border-left:4px solid var(--yellow);padding:12px 14px;color:#f4f2ec}.spp .login .err{color:#ff8a80}.spp .ped{background:var(--card);border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px}.spp .pedlist{display:flex;flex-direction:column;gap:14px;padding-bottom:60px}.spp .pedhead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.spp .pedhead h3{font-family:var(--display);font-weight:800;font-size:26px;margin:0}.spp .estado{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border:1px solid currentColor}.spp .e-pendiente_pago{color:var(--warn)}.spp .e-comprobante_recibido{color:var(--ink)}.spp .e-pagado,.spp .e-en_alistamiento,.spp .e-despachado{color:var(--good)}.spp .e-cancelado{color:var(--bad)}.spp .peditems{font-size:14px;color:var(--muted);margin:0;padding-left:18px}.spp .uprow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.spp .uprow input[type=file]{max-width:100%;font-size:14px}.spp .btn2{background:var(--ink);color:var(--paper);border:0;padding:10px 14px;font-weight:600}.spp .btn2:disabled{opacity:.5;cursor:default}.spp h2.sec{font-family:var(--display);font-weight:800;font-size:34px;text-transform:uppercase;margin:28px 0 6px}.spp .loading{padding:60px 0;color:var(--muted)}@media(max-width:560px){.spp header.top .wrap{gap:8px 10px}.spp .navlink{order:3;flex:1;padding:7px 8px;font-size:13px}}.spp{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;padding-bottom:40px}.spp h1,.spp h2,.spp h3{letter-spacing:normal}.spp .login{min-height:auto;padding:64px 16px}.spp .fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;box-shadow:4px 4px #151513}.spp .wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1f7a3f;color:#fff;text-decoration:none;padding:14px 18px;font-family:var(--display);font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.03em;border:0}.spp .gate-actions{display:flex;flex-direction:column;gap:12px}.spp .gate-actions a{text-align:center;text-decoration:none}.spp .ghost{background:none;border:2px solid #f4f2ec;color:#f4f2ec;padding:12px;font-family:var(--display);font-weight:800;font-size:18px;text-transform:uppercase}.spp .login a.cta{color:var(--on-yellow);display:block;padding:14px;text-decoration:none}.spp .login a.ghost{color:#f4f2ec;display:block}.spp .login .box2 p a{color:var(--yellow)}
/*# sourceMappingURL=/cdn/shop/t/39/assets/sp-portal.css.map */