.p3d{--p3d-metal:color-mix(in oklab,var(--suave) 40%,#8a8e93);position:relative;isolation:isolate;width:100%;overflow:hidden;background:var(--fondo2);color:var(--texto)}.p3d-cab{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(28px,3.6vw,52px) 24px 0;text-align:center}.p3d-ante{margin:0;font-size:14px;font-weight:500;color:var(--suave)}html[data-estilo] .blq .p3d-cab h1{margin:0 auto;font-size:clamp(36px,4.6vw,70px);line-height:1;max-width:17ch;text-wrap:balance}html[data-estilo] .blq .p3d-cab .p3d-sub{margin:0 auto;max-width:60ch;font-size:16px;line-height:1.6;color:var(--suave)}.p3d-stage{position:relative;margin-top:16px;width:100%;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow-x:clip}.p3d-rail{position:absolute;left:0;right:0;z-index:0;pointer-events:none}.p3d-rail>span{position:absolute}.p3d-rail-sombra{left:0;right:0;top:calc(var(--rr,4px) * 2 + 1px);height:12px;border-radius:999px;background:color-mix(in oklab,var(--texto) 10%,transparent);filter:blur(5px)}.p3d-rail-barra{top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(to bottom,color-mix(in oklab,var(--p3d-metal) 35%,white) 0%,white 18%,color-mix(in oklab,var(--p3d-metal) 70%,white) 38%,var(--p3d-metal) 62%,color-mix(in oklab,var(--p3d-metal) 55%,black) 100%);box-shadow:0 1px color-mix(in oklab,var(--texto) 18%,transparent)}.p3d-rail-raya{top:0;right:0;bottom:0;left:0;border-radius:999px;opacity:.4;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,transparent 0 2px,color-mix(in oklab,white 40%,transparent) 2px 3px,transparent 3px 7px)}.p3d-sop{top:50%;left:6px;width:16px;height:28px;transform:translateY(-50%);border-radius:3px;background:linear-gradient(to right,color-mix(in oklab,var(--p3d-metal) 60%,white),var(--p3d-metal) 55%,color-mix(in oklab,var(--p3d-metal) 60%,black));box-shadow:0 3px 6px color-mix(in oklab,var(--texto) 18%,transparent)}.p3d-sop+.p3d-sop{left:auto;right:6px}.p3d-sop:before,.p3d-sop:after{content:"";position:absolute;left:50%;top:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:color-mix(in oklab,var(--texto) 35%,transparent)}.p3d-sop:after{top:auto;bottom:4px}.p3d-slot{position:absolute;left:0;top:0;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:12px;outline:none;-webkit-tap-highlight-color:transparent;will-change:transform}.p3d-slot:focus-visible{outline:2px solid var(--marca);outline-offset:4px}.p3d-sw{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 7.56%}.p3d-cara{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.p3d-cara img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:top center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(10px 16px 14px rgba(0,0,0,.16))}.p3d-dr{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 7.56%;transform:skew(var(--drape,0deg))}.p3d-sh{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--shade,0);pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html body .p3d .p3d-logo,html body .p3d-det .p3d-logo{position:absolute;inset:auto;left:var(--x,50%);top:var(--y,30%);width:var(--w,24%);height:auto;max-height:16%;object-fit:contain;transform:translate(-50%);pointer-events:none;filter:none}.p3d-logo.claro{mix-blend-mode:multiply}.p3d-suelo{position:absolute;left:50%;width:66%;height:4%;margin-top:-2%;transform:translate(-50%);transform-origin:50% 50%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.2),rgba(0,0,0,.08) 55%,transparent);pointer-events:none}.p3d-tag{position:absolute;left:50%;transform-origin:top;transform:rotate(-12deg);pointer-events:none;z-index:2}.p3d-tag:before{content:"";display:block;width:1px;height:14px;transform:translate(3px);background:color-mix(in oklab,var(--texto) 35%,transparent)}.p3d-tag b{position:relative;display:block;transform:translate(calc(-50% + 3px));white-space:nowrap;border-radius:3px;border:1px solid color-mix(in oklab,var(--texto) 10%,transparent);background:var(--fondo);padding:8px 6px 4px;font:600 9px/1 var(--cuerpo);letter-spacing:.025em;color:var(--texto);box-shadow:0 2px 6px color-mix(in oklab,var(--texto) 18%,transparent)}.p3d-tag b:before{content:"";position:absolute;left:50%;top:3px;width:3px;height:3px;margin-left:-1.5px;border-radius:50%;background:color-mix(in oklab,var(--texto) 30%,transparent)}.p3d-puntos{position:relative;z-index:10;margin-top:2px;display:flex;justify-content:center;flex-wrap:wrap}.p3d-puntos[hidden]{display:none}.p3d-puntos button{height:24px;min-width:14px;margin:0;padding:0 3px;border:0;background:none;cursor:pointer;display:grid;place-items:center}.p3d-puntos button:before{content:"";display:block;width:6px;height:6px;border-radius:999px;background:color-mix(in oklab,var(--texto) 25%,transparent);transition:width .3s,background-color .3s}.p3d-puntos button[aria-current=true]:before{width:24px;background:var(--texto)}.p3d-puntos button:focus-visible{outline:2px solid var(--marca);outline-offset:0;border-radius:4px}.p3d-pie{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 24px clamp(32px,4vw,52px);text-align:center}.p3d-cap{min-height:3.4rem}html[data-estilo] .blq .p3d-cap p{margin:0 auto;line-height:1.5}.p3d-cap-n{font-size:15px;font-weight:600}html[data-estilo] .blq .p3d-cap .p3d-cap-d{margin-top:4px;max-width:62ch;font-size:14px;color:var(--suave)}.p3d-cap-d:empty{display:none}.p3d-fade{animation:p3d-fade .3s ease}@keyframes p3d-fade{0%{opacity:0}to{opacity:1}}.p3d-acc{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}html:not(#p3a):not(#p3b):not(#p3c):not(#p3d) body :is(.p3d,.p3d-det) .p3d-acc .btn:not(.o){background:color-mix(in srgb,var(--marca) 90%,#000)!important;color:#fff!important;border-color:color-mix(in srgb,var(--marca) 90%,#000)!important;box-shadow:none!important}html:not(#p3a):not(#p3b):not(#p3c):not(#p3d) body :is(.p3d,.p3d-det) .p3d-acc .btn:not(.o):hover{background:var(--texto)!important;border-color:var(--texto)!important;color:var(--fondo)!important}html[data-estilo=tinta]:not(#p3a):not(#p3b):not(#p3c):not(#p3d) body :is(.p3d,.p3d-det) .p3d-acc .btn:not(.o){box-shadow:6px 6px 0 var(--texto)!important}.p3d-det .btn{font-family:var(--cuerpo)}html.p3d-bloq,html.p3d-bloq body{overflow:hidden}.p3d-det{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px;color:var(--texto);font-family:var(--cuerpo)}.p3d-det-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in oklab,var(--fondo) 90%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transition:opacity .3s}.p3d-det.vis .p3d-det-fondo{opacity:1}.p3d-det-cerrar{position:absolute;right:20px;top:20px;z-index:3;display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 12px;min-height:32px;border:0;border-radius:999px;background:none;color:var(--suave);font:500 13px/1 var(--cuerpo);letter-spacing:.02em;cursor:pointer;opacity:0;transition:opacity .3s,color .3s}.p3d-det-cerrar svg{width:14px;height:14px}.p3d-det-cerrar:hover{color:var(--texto)}.p3d-det.vis .p3d-det-cerrar{opacity:1}.p3d-det-cerrar:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.p3d-det-in{position:relative;display:grid;width:100%;max-width:64rem;align-items:center;gap:40px;padding-top:40px;margin:auto}.p3d-det-fig{position:relative;margin:0 auto;aspect-ratio:2/3;height:min(70vh,640px);max-height:100%;transform-origin:top center}.p3d-det-varilla{position:absolute;left:50%;width:3px;height:40vh;top:calc(-40vh + 5.9%);transform:translate(-50%);border-radius:999px;background:linear-gradient(to right,color-mix(in oklab,var(--p3d-metal,#8a8e93) 50%,white),var(--p3d-metal,#8a8e93),color-mix(in oklab,var(--p3d-metal,#8a8e93) 50%,black))}.p3d-det-arr{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:pan-y}.p3d-det-arr:active{cursor:grabbing}.p3d-det-arr .p3d-cara img{filter:drop-shadow(14px 22px 20px rgba(0,0,0,.18))}.p3d-det-suelo{position:absolute;left:50%;top:91%;width:70%;height:5%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.18),rgba(0,0,0,.06) 55%,transparent);pointer-events:none;z-index:-1}.p3d-det-logo{position:absolute;left:var(--x,50%);top:var(--y,30%);transform:translate(-50%);margin:0;padding:6px 10px;border:1px dashed color-mix(in oklab,var(--texto) 45%,transparent);border-radius:999px;background:color-mix(in oklab,var(--fondo) 82%,transparent);color:var(--texto);font:600 11px/1 var(--cuerpo);white-space:nowrap;cursor:pointer;z-index:2}.p3d-det-logo:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.p3d-det-txt{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .5s ease .15s,transform .5s ease .15s}.p3d-det.vis .p3d-det-txt{opacity:1;transform:none}.p3d-det-num{margin:0;font-size:11px;letter-spacing:.2em;color:var(--suave);font-variant-numeric:lining-nums tabular-nums}html body .p3d-det h3{margin:0;font-family:var(--titulo);font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.01em}.p3d-det-p{margin:0;max-width:40ch;font-size:15px;line-height:1.6;color:var(--suave)}.p3d-det-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.p3d-det-chips li{border:1px solid color-mix(in oklab,var(--texto) 16%,transparent);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--suave)}.p3d-det-lado{display:inline-flex;justify-content:center;gap:24px;margin-top:4px}.p3d-det-lado button{position:relative;margin:0;padding:6px 0;min-height:32px;border:0;background:none;font:500 14px/1 var(--cuerpo);color:var(--suave);cursor:pointer;transition:color .2s}.p3d-det-lado button:hover,.p3d-det-lado button[aria-pressed=true]{color:var(--texto)}.p3d-det-lado button span{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--texto);transform-origin:left;transform:scaleX(0);transition:transform .3s}.p3d-det-lado button[aria-pressed=true] span{transform:scaleX(1)}.p3d-det-lado button:focus-visible{outline:2px solid var(--marca);outline-offset:3px}.p3d-det-acc{margin-top:6px}@media(min-width:768px){.p3d-det-in{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}.p3d-det-txt{align-items:flex-start;text-align:left}.p3d-det-chips,.p3d-det-acc{justify-content:flex-start}}@media(max-width:767px){.p3d-det{align-items:flex-start;padding:16px}.p3d-det-in{gap:20px;padding-top:44px}.p3d-det-fig{height:min(56vh,480px)}.p3d-det-acc{width:100%}.p3d-det-acc .btn{flex:1 1 auto;justify-content:center}}@media(prefers-reduced-motion:reduce){.p3d *,.p3d-det,.p3d-det *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/tc-percha3d.css.map */