@layer ok{.okp{--ink: #111;--green: #004324;--muted: rgba(17, 17, 17, .55);--line: #eeeeee;--soft: #f2f2f2;--r: var(--ok-radius, .8rem);--rl: calc(var(--ok-radius, .8rem) * 2);--top: calc(var(--header-height, 5.8rem) + 2.8rem);padding:1.6rem 0 4rem;font-family:var(--font-body-family, Poppins),sans-serif;color:var(--ink)}.template--favoritos #MainContent,.template--arma-tu-look #MainContent{background:#f8f8f8}.okp button,.okp select{font-family:inherit}.okp[hidden]{display:none}.okp.is-favs{padding-top:0}.okp__wrap{max-width:var(--page-width, 144rem);margin:0 auto;padding:0 var(--page-gutter, 1.6rem)}.okp__eyebrow{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}.okp__title{margin:.4rem 0 0;font-family:var(--font-heading-family);font-size:clamp(2.8rem,3vw,4rem);font-weight:700;line-height:1;letter-spacing:-.025em}.okp__sub{margin:0 0 1.2rem;font-size:1.3rem;color:var(--muted)}.okp__h2{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.4vw,3rem);font-weight:700;line-height:1.05;letter-spacing:-.02em}.okp__h2+p{margin:.4rem 0 1.4rem;font-size:1.35rem;color:var(--muted)}.okp__loading{padding:8rem 0;text-align:center;font-size:1.35rem;color:var(--muted)}html.okp-lock,html.okp-lock body{overflow:hidden}.okp__app{display:grid;grid-template-columns:minmax(0,1fr) 40rem;gap:1.2rem;align-items:start}.okp__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(68rem,calc(100vh - 24rem));padding:2.4rem 1.6rem 6.4rem;border-radius:var(--rl);background:var(--soft)}.okp__look{width:min(100%,calc((100vh - 34rem) / 2.3 + 7rem),34rem);margin:0 auto}.okp__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.okp__row+.okp__row{margin-top:-1%}.okp__row>div{min-width:0}.okp__arw{position:absolute;top:50%;z-index:2;width:3.6rem;height:3.6rem;margin-top:-1.8rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;opacity:0;transition:opacity .2s ease;box-shadow:0 .2rem .8rem #00000014}.okp__arw[data-arw="-1"]{left:0}.okp__arw[data-arw="1"]{right:0}.okp__arw svg{width:1.6rem;height:1.6rem}.okp__arw[disabled]{display:none}@media(hover:hover){.okp__row:hover .okp__arw{opacity:1}}.okp__cnt{display:none}.okp__slot{position:relative;display:block;width:calc(var(--w) * 100%);margin:0 auto;padding:0;border:0;background:none;color:inherit;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.okp__fr{position:relative;display:block;overflow:hidden;aspect-ratio:var(--ar)}.okp__fr img{position:absolute;left:0;width:100%;height:calc(100% / var(--h));top:calc(-100% * var(--y) / var(--h));object-fit:contain;mix-blend-mode:multiply;animation:okpIn .3s ease}.okp__fr img.is-c{top:0;height:100%;transform:scale(1.12)}@keyframes okpIn{0%{opacity:0}to{opacity:1}}.okp__slot.is-empty .okp__fr{display:grid;place-items:center}.okp__add-slot{display:inline-flex;align-items:center;height:3rem;padding:0 1.2rem;border-radius:99rem;background:#fffc;font-size:1.2rem;font-weight:500;color:var(--muted)}.okp__slot.is-empty:hover .okp__add-slot{color:var(--ink);background:#fff}.okp__more{position:absolute;right:1.6rem;bottom:1.6rem;height:3.6rem;padding:0 1.4rem;border:0;border-radius:99rem;background:#fff;color:var(--ink);font-size:1.25rem;font-weight:600;cursor:pointer;box-shadow:0 .2rem .8rem #0000000f}.okp__panel{position:sticky;top:var(--top);display:flex;flex-direction:column;max-height:calc(100vh - var(--top) - 1.6rem);border-radius:var(--rl);background:#fff;overflow:hidden}.okp__panel-h{display:flex;align-items:center;gap:1rem;padding:1.8rem 2rem 0}.okp__panel-h b{font-size:1.7rem;font-weight:600;letter-spacing:-.01em}.okp__panel-h span{font-size:1.25rem;color:var(--muted)}.okp__close{display:none;width:3.6rem;height:3.6rem;margin-left:auto;place-items:center;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--ink);cursor:pointer}.okp__close svg{width:1.4rem;height:1.4rem}.okp__picker{padding:1.4rem 2rem 2rem;overflow-y:auto}.okp__ptabs{display:flex;gap:.6rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 -2rem 1.6rem;padding:0 2rem}.okp__ptabs::-webkit-scrollbar{display:none}@media(min-width:990px){.okp__ptabs{flex-wrap:wrap;overflow:visible}}.okp__ptabs button{flex:0 0 auto;height:3.4rem;padding:0 1.4rem;border:.1rem solid var(--line);border-radius:99rem;background:#fff;color:var(--ink);font-size:1.25rem;font-weight:500;cursor:pointer}.okp__ptabs button[aria-selected=true]{border-color:var(--ink);background:var(--ink);color:#fff}.okp__ptabs i{font-style:normal;color:var(--green);font-weight:700}.okp__ptabs button[aria-selected=true] i{color:#fff}.okp__ptabs em{font-style:normal;opacity:.45}.okp__pk-h{margin:0 0 .8rem;font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.okp__strip+.okp__pk-h{margin-top:1.8rem}.okp__pk-load{text-transform:none;letter-spacing:0;font-weight:400}.okp__strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem 1rem}.okp__th{position:relative;min-width:0}.okp__th .okp__pick{display:block;width:100%;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.okp__th .okp__ph{position:relative;display:block;aspect-ratio:3 / 4;margin-bottom:.6rem;border-radius:1rem;background:var(--soft);overflow:hidden;transition:box-shadow .2s ease}.okp__th .okp__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.okp__th .okp__ph img.is-c{padding:8%}.okp__th .okp__pick:hover .okp__ph{box-shadow:inset 0 0 0 .1rem #1111114d}.okp__th.is-on .okp__ph{box-shadow:inset 0 0 0 .2rem var(--ink)}.okp__th .okp__dot{display:none}.okp__th.is-on .okp__dot{display:block;position:absolute;right:.6rem;bottom:.6rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--ink)}.okp__th.is-on .okp__dot:before,.okp__th.is-on .okp__dot:after{content:"";position:absolute;left:50%;top:50%;height:.15rem;background:#fff}.okp__th.is-on .okp__dot:before{width:.55rem;margin:.1rem 0 0 -.5rem;transform:rotate(45deg)}.okp__th.is-on .okp__dot:after{width:.95rem;margin:-.15rem 0 0 -.2rem;transform:rotate(-45deg)}.okp__th .okp__b{display:block;font-size:1rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okp__th .okp__p{display:block;margin-top:.1rem;font-size:1.2rem;color:var(--muted)}.okp__th .okw-btn--card{position:absolute;top:.4rem;right:.4rem;z-index:2;width:3rem;height:3rem}.okp__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.2rem}.okp__chips button{height:3rem;padding:0 1.2rem;border:.1rem solid var(--line);border-radius:99rem;background:#fff;color:var(--ink);font-size:1.2rem;font-weight:500;cursor:pointer}.okp__chips button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.okp__chips a,.okp__pk-all{font-size:1.2rem;font-weight:500;color:var(--ink);text-underline-offset:.3rem}.okp__chips a{margin-left:auto}.okp__pk-all{display:inline-block;margin-top:1.6rem}.okp__bar{position:sticky;bottom:1.2rem;z-index:6;display:flex;align-items:center;gap:1.6rem;width:calc(100% - 41.2rem);margin-top:1.2rem;padding:1rem 1rem 1rem 2rem;border-radius:99rem;background:#fff;box-shadow:0 .6rem 2.4rem #00000014}.okp__bar-t{flex:1;min-width:0}.okp__bar-t b{display:block;font-size:1.7rem;font-weight:600;line-height:1.15}.okp__bar-t small{display:block;font-size:1.15rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okp__buy-btn{flex:0 0 auto;height:4.8rem;padding:0 2.4rem;border:0;border-radius:99rem;background:var(--ink);color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.okp__buy-btn[disabled]{opacity:.35;cursor:default}.okp__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;background:#00000059;cursor:pointer;-webkit-tap-highlight-color:transparent}.okp__scrim[hidden]{display:none}.okp__sheet{position:fixed;z-index:2147482001;top:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;flex-direction:column;width:min(44rem,calc(100vw - 2.4rem));border-radius:var(--rl);background:#fff;transform:translate(110%);transition:transform .25s cubic-bezier(.22,1,.36,1)}.okp__sheet.is-open{transform:none}.okp__sheet[hidden]{display:none}.okp__sheet .okp__close{display:grid}.okp__sheet-b{flex:1;overflow-y:auto;padding:.6rem 2rem}.okp__it{display:grid;grid-template-columns:5.6rem minmax(0,1fr) auto;gap:1.4rem;align-items:center;padding:1.4rem 0;border-top:.1rem solid var(--line)}.okp__it:first-child{border-top:0}.okp__it-img{display:block;width:5.6rem;aspect-ratio:3 / 4;border-radius:.8rem;background:var(--soft);overflow:hidden}.okp__it-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.okp__it-k{display:block;font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.okp__it-t{display:block;margin-top:.2rem;font-size:1.35rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);text-decoration:none}.okp__it-c{display:flex;align-items:center;gap:.8rem;margin-top:.4rem}.okp__it-r{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.okp__it-p{font-size:1.3rem;font-weight:500;white-space:nowrap}.okp__x{width:2.6rem;height:2.6rem;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#11111159;cursor:pointer}.okp__x:hover{background:var(--soft);color:var(--ink)}.okp__x svg{width:1.2rem;height:1.2rem}.okp__ex{margin:1.2rem 0 .2rem;font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.okp__one{font-size:1.2rem;color:var(--muted)}.okp__sz{position:relative;display:inline-flex;align-items:center;height:2.6rem;padding:0 1.8rem 0 0;color:var(--ink);font-size:1.2rem;font-weight:500;white-space:nowrap;max-width:18rem}.okp__sz-v{overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-underline-offset:.3rem;text-decoration-color:#1111114d}.okp__sz.is-miss .okp__sz-v{text-decoration-color:currentColor;font-weight:600}.okp__sz:after{content:"";position:absolute;right:.4rem;top:50%;width:.5rem;height:.5rem;margin-top:-.4rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:rotate(45deg);pointer-events:none}.okp__sz select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;font-size:16px;cursor:pointer}.okp__sz:focus-within{outline:.2rem solid var(--ink);outline-offset:.2rem}.okp__buy{padding:1.6rem 2rem 2rem;border-top:.1rem solid var(--line)}.okp__tot{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.okp__tot>span{font-size:1.4rem;font-weight:500}.okp__tot b{display:block;font-size:2rem;font-weight:600;line-height:1;text-align:right}.okp__tot small{display:block;margin-top:.4rem;font-size:1.15rem;color:var(--muted);text-align:right}.okp__st{margin:.8rem 0 0;font-size:1.2rem;color:var(--muted)}.okp__st .ok{color:var(--green);font-weight:500}.okp__add{width:100%;height:5.2rem;margin-top:1.4rem;border:0;border-radius:99rem;background:var(--ink);color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.okp__add[disabled]{opacity:.35;cursor:default}.okp__add.is-ok{background:var(--green)}.okp__msg{margin:.8rem 0 0;font-size:1.25rem;font-weight:600}.okp__msg[hidden]{display:none}.okp__empty{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3.2rem;align-items:center;padding:2.4rem;border-radius:var(--rl);background:#fff}.okp__demo{position:relative;padding:2rem 1rem;border-radius:1.2rem;background:var(--soft)}.okp__demo .okp__look{width:min(100%,24rem)}.okp__demo-tag{position:absolute;left:1.2rem;top:1.2rem;z-index:1;padding:.4rem 1rem;border-radius:99rem;background:#fff;font-size:1.1rem;font-weight:600}.okp__steps{display:grid;gap:1.2rem;margin:2rem 0 2.4rem;padding:0;list-style:none}.okp__steps li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1.2rem;align-items:center;font-size:1.45rem}.okp__steps b{display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--ink);color:#fff;font-size:1.3rem}.okp__steps svg{display:inline-block;width:1.7rem;height:1.7rem;margin:0 .2rem;vertical-align:-.3rem;color:var(--green);fill:var(--green)}.okp__ctas{display:flex;flex-wrap:wrap;gap:.8rem}.okp__cta{height:4.8rem;padding:0 2rem;display:inline-flex;align-items:center;border-radius:99rem;background:var(--ink);color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.okp__cta.is-2{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 .1rem var(--ink)}.okp__sec{margin-top:3.2rem}.okp__track{display:grid;grid-auto-flow:column;grid-auto-columns:17rem;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:.8rem}.okp__track::-webkit-scrollbar{display:none}.okp__card{position:relative;display:flex;flex-direction:column}.okp__card .okp__pick{display:flex;flex-direction:column;gap:.2rem;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.okp__card .okp__ph{position:relative;display:block;aspect-ratio:4 / 5;margin-bottom:.6rem;border-radius:1rem;background:#fff;overflow:hidden}.okp__card .okp__ph img{width:100%;height:100%;object-fit:cover}.okp__card .okp__ph img.is-c{object-fit:contain;padding:8%}.okp__card .okp__on{display:none}.okp__card .okp__b{font-size:1.1rem;font-weight:600;text-transform:uppercase}.okp__card .okp__t{font-size:1.3rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okp__card .okp__p{font-size:1.3rem;font-weight:600}.okp__card .okw-btn{z-index:2}.okp-tabs{display:inline-flex;gap:.6rem;margin:0 0 1.6rem;font-family:var(--font-body-family, Poppins),sans-serif}.okp-tabs button{height:3.8rem;padding:0 1.6rem;display:inline-flex;align-items:center;gap:.6rem;border:.1rem solid #e6e6e6;border-radius:99rem;background:#fff;color:#111;font-size:1.3rem;font-weight:500;cursor:pointer}.okp-tabs button[aria-selected=true]{border-color:#111;background:#111;color:#fff}.okp-tabs i{font-style:normal;font-size:1.15rem;opacity:.6}.okp-tabs .is-new{padding:.2rem .6rem;border-radius:99rem;background:#004324;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:1}.okp-hide{display:none}.okwl.okp-look-on{padding-bottom:0;margin-bottom:0}@media(max-width:989px){.okp{padding-bottom:0}.okp__app{display:block}.okp__stage{min-height:calc(100svh - 26rem);padding:1.6rem 1rem 5.6rem;border-radius:1.6rem}.okp__look{width:min(70%,30rem)}.okp__arw{display:none}.okp__more{right:1.2rem;bottom:1.2rem}.okp__panel{position:fixed;z-index:2147482001;left:0;right:0;bottom:0;top:auto;max-height:78svh;border-radius:2rem 2rem 0 0;transform:translateY(105%);transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:0 -.8rem 3rem #0000001f}.okp__panel.is-open{transform:none}.okp__panel:before{content:"";position:absolute;left:50%;top:.8rem;width:4rem;height:.4rem;margin-left:-2rem;border-radius:99rem;background:#ddd}.okp__panel-h{padding:2rem 1.6rem 0;touch-action:none}.okp__sheet:before{content:"";position:absolute;left:50%;top:.8rem;width:4rem;height:.4rem;margin-left:-2rem;border-radius:99rem;background:#ddd}.okp__close{display:grid}.okp__picker{padding:1.2rem 1.6rem calc(2rem + env(safe-area-inset-bottom))}.okp__ptabs{margin:0 -1.6rem 1.4rem;padding:0 1.6rem}.okp__strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:34%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.okp__strip::-webkit-scrollbar{display:none}.okp__th{scroll-snap-align:start}.okp__bar{bottom:0;width:auto;margin:1.2rem calc(var(--page-gutter, 1.6rem) * -1) 0;padding:1rem var(--page-gutter, 1.6rem) calc(1rem + env(safe-area-inset-bottom));border-radius:0;box-shadow:0 -.1rem #eee}.okp__sheet{top:auto;left:0;right:0;bottom:0;width:auto;max-height:86svh;border-radius:2rem 2rem 0 0;transform:translateY(105%)}.okp__sheet .okp__panel-h{padding:2rem 1.6rem .4rem}.okp__sheet-b{padding:0 1.6rem}.okp__buy{padding:1.4rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom))}.okp__empty{grid-template-columns:minmax(0,1fr);padding:1.6rem;gap:1.6rem}.okp__empty>div:last-child{order:-1}.okp__track{grid-auto-columns:42%}body:has(.okp:not([hidden]) .okp__bar) .back-to-top{bottom:calc(8.8rem + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.okp__panel,.okp__sheet{transition:none}.okp__fr img{animation:none}}.okp__hi{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em;font-style:normal}.okp__hi svg{width:100%;height:100%}.okp__how{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem 1.8rem;margin:0 0 1.4rem;padding:0;list-style:none;font-size:1.3rem;color:#111111b3}.okp__how li{display:inline-flex;align-items:center;gap:.6rem}.okp__how b{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--ok-ink, #111);color:#fff;font-size:1.1rem;font-weight:600}.okp__swap{position:absolute;left:calc((.5 + .4 / var(--w, .7)) * 100%);top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:var(--ok-ink, #111);box-shadow:0 .2rem .8rem #0000001f;opacity:.9;pointer-events:none}.okp__swap svg{width:1.4rem;height:1.4rem}.okp__swap{top:82%}.okp__stage{position:relative}.okp__coach{position:absolute;z-index:5;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;pointer-events:none;transition:opacity .3s ease}.okp__coach.is-out{opacity:0}.okp__coach-dot{width:4.4rem;height:4.4rem;border-radius:50%;background:#1111111f;border:.2rem solid #fff;box-shadow:0 0 #11111159;animation:okp-pulse 1.6s ease-out infinite}.okp__coach-t{padding:.6rem 1.2rem;border-radius:99rem;background:var(--ok-ink, #111);color:#fff;font-size:1.3rem;font-weight:500;white-space:nowrap}@keyframes okp-pulse{0%{box-shadow:0 0 #11111159}to{box-shadow:0 0 0 1.8rem #1110}}@media(prefers-reduced-motion:reduce){.okp__coach-dot{animation:none}}@media(max-width:749px){.okp__how{flex-wrap:nowrap;gap:1rem;font-size:1.15rem}.okp__how b{width:1.8rem;height:1.8rem;font-size:1rem}.okp__how li{gap:.4rem;white-space:nowrap}}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-ok-look-builder.css.map */
