.etp-section{--cr-yellow: #eeb231;--etp-bg: #141414;--etp-text: #f4f2ee;--etp-text-muted: rgba(244, 242, 238, .55);--etp-line: rgba(255, 255, 255, .09);padding:0;background:transparent;overflow:hidden}.etp-container{position:relative;isolation:isolate;width:100%;background-color:var(--etp-bg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0;padding-block-start:clamp(64px,8vw,104px);padding-block-end:clamp(40px,4vw,64px);padding-inline:var(--page-margin, 40px);color:var(--etp-text);overflow:hidden}.etp-header,.etp-content,.etp-cards-carousel{position:relative;z-index:1;max-width:var(--page-content-width, 90rem);margin-inline:auto}.etp-parallax{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.etp-parallax__layer{position:absolute;left:0;right:0;bottom:0;width:100%;background-repeat:no-repeat;will-change:transform;-webkit-mask-image:radial-gradient(125% 88% at 50% 55%,#000 48%,transparent 96%);mask-image:radial-gradient(125% 88% at 50% 55%,#000 48%,transparent 96%)}.etp-l2{left:-120px;right:auto;width:calc(100% + 120px);height:80%;background-size:auto 108%;background-position:left bottom;opacity:.6;-webkit-mask-image:radial-gradient(105% 100% at 20% 60%,#000 42%,transparent 90%);mask-image:radial-gradient(105% 100% at 20% 60%,#000 42%,transparent 90%)}.etp-l3{left:auto;right:-110px;width:calc(100% + 110px);height:74%;background-size:76% auto;background-position:right 50%;opacity:.75;-webkit-mask-image:radial-gradient(105% 100% at 82% 58%,#000 42%,transparent 90%);mask-image:radial-gradient(105% 100% at 82% 58%,#000 42%,transparent 90%)}.etp-l8{left:-150px;right:auto;width:calc(100% + 150px);height:90%;background-size:auto 130%;background-position:left bottom;opacity:.62;-webkit-mask-image:radial-gradient(112% 102% at 18% 60%,#000 42%,transparent 92%),linear-gradient(to bottom,transparent 0%,#000 20%);mask-image:radial-gradient(112% 102% at 18% 60%,#000 42%,transparent 92%),linear-gradient(to bottom,transparent 0%,#000 20%);-webkit-mask-composite:source-in;mask-composite:intersect}.etp-l9{left:-145px;right:auto;width:calc(100% + 145px);height:80%;background-size:auto 122%;background-position:left bottom;opacity:.8;-webkit-mask-image:radial-gradient(112% 102% at 18% 60%,#000 42%,transparent 92%);mask-image:radial-gradient(112% 102% at 18% 60%,#000 42%,transparent 92%)}.etp-l7{left:-135px;right:auto;width:calc(100% + 135px);height:72%;background-size:auto 98%;background-position:left bottom;opacity:.35;-webkit-mask-image:radial-gradient(105% 100% at 20% 60%,#000 42%,transparent 90%);mask-image:radial-gradient(105% 100% at 20% 60%,#000 42%,transparent 90%)}.etp-l11{left:auto;right:-125px;width:48%;height:78%;background-size:auto 120%;background-position:right bottom;opacity:.85;-webkit-mask-image:radial-gradient(108% 100% at 88% 74%,#000 34%,transparent 88%);mask-image:radial-gradient(108% 100% at 88% 74%,#000 34%,transparent 88%)}.etp-l6{left:-190px;right:auto;width:calc(100% + 190px);height:60%;background-size:auto 102%;background-position:left bottom;opacity:.65;-webkit-mask-image:radial-gradient(105% 100% at 20% 60%,#000 42%,transparent 90%);mask-image:radial-gradient(105% 100% at 20% 60%,#000 42%,transparent 90%)}.etp-l5{left:-220px;right:auto;width:calc(100% + 440px);height:50%;background-size:cover;background-position:center bottom;opacity:.72;-webkit-mask-image:linear-gradient(to top,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,#000 60%,transparent 100%)}.etp-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f0f0ff0,#181818e0);z-index:-1}.etp-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 140% at 50% 45%,transparent 50%,rgba(8,8,8,.38) 100%);z-index:0;pointer-events:none}.etp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(8px,1vw,16px)}.etp-title{font-size:clamp(2.6rem,5.6vw,4.6rem);font-weight:800;letter-spacing:-.02em;line-height:.98;margin:0;color:var(--etp-text)}.etp-subtitle{font-size:clamp(.85rem,1.3vw,1rem);color:var(--cr-yellow);font-weight:600;letter-spacing:.04em;margin:10px 0 0}.etp-header__right{display:flex;flex-direction:column;align-items:flex-end}.etp-instruction{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--etp-text-muted);text-align:right;display:block;max-width:180px;line-height:1.5}.etp-header__video{position:absolute;top:calc(100% + 16px);right:0;z-index:3;width:clamp(170px,13.5vw,220px);aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;border:1px solid var(--etp-line);box-shadow:0 16px 34px #0006;background:#0c0c0c}.etp-header__video video{width:100%;height:100%;object-fit:cover;display:block}.etp-video-controls{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.etp-video-controls.is-built{opacity:1;transform:translateY(0);pointer-events:auto}.etp-video-controls__track{position:relative;flex:1;height:14px;display:flex;align-items:center;cursor:pointer;touch-action:none}.etp-video-controls__track-rail{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:#ffffff47}.etp-video-controls__track-fill{position:absolute;left:0;height:2px;border-radius:2px;width:0%;background:var(--cr-yellow);pointer-events:none}.etp-content{display:flex;justify-content:center}.etp-bike-wrapper{position:relative;width:100%;max-width:1000px;margin:0 auto;border-radius:12px;background:radial-gradient(ellipse 68% 22px at 50% 98%,rgba(0,0,0,.32),transparent 78%);background-repeat:no-repeat;will-change:transform}.etp-wheel{position:absolute;width:34.2%;aspect-ratio:1;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%) rotate(var(--wheel-rotate, 0deg));will-change:transform;z-index:0;pointer-events:none}.etp-wheel--rear{left:23.6%;top:64.7%}.etp-wheel--front{left:75.9%;top:65.7%}.etp-bike-wrapper:before{content:"";position:absolute;left:23.6%;bottom:1.2%;width:15%;height:30px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 72%);filter:blur(6px);z-index:0;pointer-events:none}.etp-bike-wrapper:after{content:"";position:absolute;left:76.1%;bottom:1.2%;width:15%;height:30px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 72%);filter:blur(6px);z-index:0;pointer-events:none}.etp-bike-image{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.etp-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:3}.etp-hotspot:hover,.etp-hotspot:focus-within,.etp-hotspot.is-open{z-index:20}.etp-hotspot__btn{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;padding:0;cursor:pointer}.etp-hotspot__dot{width:14px;height:14px;border-radius:50%;background:var(--cr-yellow);box-shadow:0 0 0 5px #eeb23129,0 1px 4px #00000073;transition:transform .2s ease,box-shadow .2s ease}.etp-hotspot__ring{position:absolute;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(238,178,49,.55);animation:etp-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes etp-pulse{0%{transform:scale(.55);opacity:.7}to{transform:scale(1.5);opacity:0}}.etp-hotspot:hover .etp-hotspot__dot,.etp-hotspot:focus-within .etp-hotspot__dot,.etp-hotspot.is-open .etp-hotspot__dot{transform:scale(1.18);box-shadow:0 0 0 7px #eeb23142,0 2px 8px #00000080}.etp-hotspot:hover .etp-hotspot__ring,.etp-hotspot:focus-within .etp-hotspot__ring,.etp-hotspot.is-open .etp-hotspot__ring{animation:none;opacity:0}.etp-popover{--pop-x: -50%;--arrow-x: 50%;position:absolute;left:50%;bottom:calc(100% + 16px);width:280px;padding:16px 18px;background:#121212f5;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 44px #0000008c;text-align:left;opacity:0;visibility:hidden;transform:translate(var(--pop-x),8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:21}.etp-hotspot--below .etp-popover{bottom:auto;top:calc(100% + 16px)}.etp-hotspot--left .etp-popover{--pop-x: -14%;--arrow-x: 14%}.etp-hotspot--right .etp-popover{--pop-x: -86%;--arrow-x: 86%}.etp-popover:after{content:"";position:absolute;left:var(--arrow-x);margin-left:-7px;border:7px solid transparent}.etp-hotspot:not(.etp-hotspot--below) .etp-popover:after{top:100%;border-top-color:#121212f5}.etp-hotspot--below .etp-popover:after{bottom:100%;border-bottom-color:#121212f5}.etp-popover__num{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--cr-yellow)}.etp-popover__title{margin:4px 0 0;font-size:1.05rem;font-weight:600;color:var(--etp-text)}.etp-popover__desc{margin:6px 0 0;font-size:.82rem;line-height:1.45;color:var(--etp-text-muted)}.etp-popover__products{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.etp-popover__product{display:flex;align-items:center;gap:10px;margin:-4px;padding:4px;border-radius:8px;text-decoration:none;transition:background .15s ease}.etp-popover__product:hover{background:#ffffff0f}.etp-popover__product-media{flex:0 0 auto;width:42px;height:42px;border-radius:6px;overflow:hidden;background:#ffffff0f}.etp-popover__product-media img{width:100%;height:100%;object-fit:cover}.etp-popover__product-info{display:flex;flex-direction:column;gap:2px;min-width:0}.etp-popover__product-title{font-size:.78rem;font-weight:600;color:var(--etp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etp-popover__product-price{font-size:.76rem;font-weight:700;color:var(--cr-yellow)}.etp-popover__cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;background:var(--cr-yellow);color:#141414;font-size:.82rem;font-weight:700;text-decoration:none;border-radius:999px;transition:filter .2s ease}.etp-popover__cta:hover{filter:brightness(1.08)}.etp-popover__cta svg{width:15px;height:15px}@media(min-width:750px){.etp-hotspot:hover .etp-popover,.etp-hotspot:focus-within .etp-popover,.etp-hotspot.is-open .etp-popover{opacity:1;visibility:visible;transform:translate(var(--pop-x))}}.etp-list{display:none;flex-direction:column;gap:0}.etp-list-item{position:relative;display:flex;align-items:center;gap:clamp(14px,1.6vw,22px);padding:clamp(15px,1.6vw,20px) clamp(14px,1.6vw,22px);text-decoration:none;color:var(--etp-text-muted);border-bottom:1px solid var(--etp-line);transition:color .25s ease,background .25s ease,padding-left .25s ease;overflow:hidden}.etp-list-item:first-child{border-top:1px solid var(--etp-line)}.etp-list-item:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:var(--cr-yellow);border-radius:0 3px 3px 0;transform:translateY(-50%);transition:height .25s ease}.etp-list-item__number{font-size:.82rem;font-weight:700;letter-spacing:.06em;color:#f4f2ee52;min-width:24px;font-variant-numeric:tabular-nums;transition:color .25s ease}.etp-list-item__label{font-size:clamp(.98rem,1.4vw,1.15rem);font-weight:500;letter-spacing:.01em;flex:1;transition:color .25s ease,transform .25s ease}.etp-list-item__arrow{opacity:0;transform:translate(-8px);transition:opacity .25s ease,transform .25s ease;color:var(--cr-yellow);display:flex;align-items:center}.etp-list-item.is-active{color:var(--etp-text);background:#ffffff0d;padding-left:clamp(20px,2.2vw,30px)}.etp-list-item.is-active:before{height:58%}.etp-list-item.is-active .etp-list-item__number{color:var(--cr-yellow)}.etp-list-item.is-active .etp-list-item__label{color:var(--etp-text);font-weight:600}.etp-list-item.is-active .etp-list-item__arrow{opacity:1;transform:translate(0)}@media(hover:hover){.etp-list-item:hover{color:var(--etp-text);background:#ffffff0a}.etp-list-item:hover:before{height:58%}.etp-list-item:hover .etp-list-item__number{color:var(--cr-yellow)}.etp-list-item:hover .etp-list-item__arrow{opacity:.7;transform:translate(0)}}.etp-mobile-cta{display:none;position:relative;z-index:1;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:14px 28px;background:var(--cr-yellow);color:#111;font-weight:700;font-size:.95rem;border-radius:8px;text-decoration:none;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.etp-mobile-cta.is-visible{opacity:1;transform:translateY(0)}.etp-cards-carousel{display:none;margin-top:clamp(22px,2.6vw,40px)}.etp-cards-nav{display:none;justify-content:flex-end;gap:10px;margin-bottom:14px}.etp-cards-carousel.has-overflow .etp-cards-nav{display:flex}.etp-cards{display:flex;gap:clamp(26px,3vw,44px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 2px 12px}.etp-cards::-webkit-scrollbar{display:none}.etp-card{flex:0 0 auto;width:clamp(150px,15%,190px);scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;text-decoration:none}.etp-cards-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--etp-text);cursor:pointer;transition:background .2s ease,opacity .2s ease}.etp-cards-arrow:hover:not(:disabled){background:var(--cr-yellow);color:#141414}.etp-cards-arrow:disabled{opacity:0;pointer-events:none}@media(hover:hover){.etp-card:hover .etp-card__title{color:var(--cr-yellow)}}.etp-card__media{display:none}.etp-card__media img{width:100%;height:100%;object-fit:cover}.etp-card__placeholder{font-size:1.1rem;font-weight:700;color:#f4f2ee2e;font-variant-numeric:tabular-nums}.etp-card__body{display:flex;flex-direction:column;gap:4px}.etp-card__num{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--cr-yellow);font-variant-numeric:tabular-nums}.etp-card__title{margin:0;font-size:.95rem;font-weight:600;color:var(--etp-text);letter-spacing:-.005em;transition:color .2s ease}.etp-card__desc,.etp-card__cta{display:none}.etp-card__cta svg{transition:transform .2s ease}@media screen and (min-width:750px)and (max-width:989px){.etp-header__right{display:none}.etp-bike-wrapper{max-width:640px}}@media screen and (max-width:749px){.etp-section{padding:32px 15px}.etp-container{padding:44px 16px;border-radius:0}.etp-l2,.etp-l3,.etp-l6,.etp-l7,.etp-l8,.etp-l9,.etp-l11{display:none}.etp-header{flex-direction:column;gap:6px;margin-bottom:20px}.etp-header__right{display:none}.etp-content{flex-direction:column;gap:20px}.etp-bike-wrapper{max-width:100%}.etp-list,.etp-mobile-cta,.etp-popover{display:none}.etp-hotspot__btn,.etp-hotspot__ring{width:36px;height:36px}.etp-cards-carousel{display:block;margin-top:28px}.etp-cards{gap:20px}.etp-card{width:58vw;max-width:210px;flex-direction:column;gap:14px;background:none;border:none;border-radius:0;box-shadow:none;overflow:visible}.etp-card__media{display:flex;align-items:center;justify-content:center;flex:none;align-self:auto;width:100%;aspect-ratio:4 / 3;height:auto;border-radius:12px;overflow:hidden;background:#ffffff0a;border:1px solid var(--etp-line)}.etp-card__media img{width:100%;height:100%;object-fit:cover;padding:0}.etp-card__placeholder{font-size:1.1rem;color:#f4f2ee2e}.etp-card__title{font-size:1rem;font-weight:700;color:var(--etp-text)}.etp-card__desc{display:block;margin:2px 0 0;font-size:.82rem;line-height:1.45;color:var(--etp-text-muted)}.etp-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.82rem;font-weight:700;color:var(--cr-yellow)}.etp-cards-carousel.has-overflow .etp-cards-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/encontra-tu-pieza.css.map */