/* © CYM Tech Peru. Todos los derechos reservados. */
.c4r{--ink: #f2f7ec;--ink-2: #c9d4c0;--muted: #8d9a85;--line: rgba(226, 255, 209, .13);--line-strong: rgba(226, 255, 209, .26);position:fixed;inset:0;z-index:1005;display:flex;justify-content:center;align-items:stretch}html.c4r-abierto,html.c4r-abierto body{overflow:hidden}.c4r{touch-action:none;overscroll-behavior:none}.c4r__velo{position:absolute;inset:0;background:#030503bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.c4r__hoja{position:relative;isolation:isolate;width:100%;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;gap:16px;color:var(--ink);padding:calc(12px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));background:radial-gradient(130% 62% at 50% 0%,#17241a,#0b0f0b 60%),#0b0f0b;transition:transform .35s var(--pop);scrollbar-width:none}.c4r__hoja::-webkit-scrollbar{display:none}@media(min-width:700px){.c4r{align-items:center;padding:24px}.c4r__hoja{width:440px;height:min(880px,calc(100vh - 48px));border-radius:36px;border:1px solid var(--line-strong);box-shadow:0 40px 120px #000000d9}}.c4r__aura{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.c4r__aura i{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(70px);opacity:.22;transition:opacity 1.4s;animation:c4rFlota 14s ease-in-out infinite alternate}.c4r__aura i:nth-child(1){background:#8fe14b;left:-30%;top:4%}.c4r__aura i:nth-child(2){background:#f04ac9;right:-34%;top:18%;animation-duration:18s;animation-delay:-5s}.c4r__aura i:nth-child(3){background:#57a8f0;left:10%;top:36%;animation-duration:21s;animation-delay:-9s}.c4r.sonando .c4r__aura i{opacity:.42}@keyframes c4rFlota{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-34px,0) scale(1.2)}}.c4r__top{position:relative;display:grid;grid-template-columns:58px 1fr 58px;align-items:center;gap:8px;padding-top:6px}.c4r__x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#e2ffd112;border:1px solid var(--line);transition:background .2s,color .2s}.c4r__x:hover{color:var(--lime);background:#8fe14b1f}.c4r__x svg{width:22px;height:22px}.c4r__tit{text-align:center;line-height:1.15;min-width:0}.c4r__tit small{display:block;margin-bottom:5px;font:700 9.5px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.c4r__tit b{font-family:var(--f-display);font-weight:400;font-size:17px;letter-spacing:.02em}.c4r__n{justify-self:end;font:700 9.5px/1.2 var(--f-mono);letter-spacing:.06em;color:var(--lime);text-align:right;white-space:nowrap}.c4r__plato{position:relative;flex-shrink:0;width:min(64vw,300px);aspect-ratio:1;margin:10px auto 0}@media(max-height:720px){.c4r__plato{width:min(58vw,230px)}}.c4r__giro{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:0 34px 60px -22px #000000f2,0 0 0 7px #ffffff06}.c4r__disco{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#151515 0 34%,#0c0c0c 34.5% 36%,transparent 36.5%),repeating-radial-gradient(circle,#121212 0 2.2px,#1d1d1d 2.6px 3.6px);box-shadow:inset 0 0 0 2px #ffffff0d}.c4r__surcos{position:absolute;inset:5%;border-radius:50%;background:repeating-radial-gradient(circle,rgba(143,225,75,.05) 0 1px,transparent 1.4px 9px)}.c4r__label{position:absolute;inset:31%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#c6fb96,#8fe14b 46%,#5aa928);box-shadow:inset 0 0 0 3px #00000038,0 0 0 5px #0c0c0c}.c4r__label img{width:70%;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.c4r__label:after{content:"";position:absolute;width:7%;height:7%;border-radius:50%;background:#0b0f0b;box-shadow:0 0 0 2px #ffffff4d}.c4r__brillo{position:absolute;inset:0;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 25deg,transparent 0 10%,rgba(255,255,255,.16) 15%,transparent 21% 57%,rgba(255,255,255,.11) 62%,transparent 68%)}.c4r__brazo{position:absolute;right:-11%;top:-8%;height:78%;width:auto;overflow:visible;filter:drop-shadow(6px 10px 8px rgba(0,0,0,.6));pointer-events:none}.c4r__info{text-align:center}.c4r__eq{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.c4r__eq i{width:3px;height:100%;border-radius:2px;background:var(--lime);transform:scaleY(.2);transform-origin:bottom;transition:transform .4s}.c4r.sonando .c4r__eq i{animation:c4rEq .8s ease-in-out infinite alternate}.c4r.sonando .c4r__eq i:nth-child(2){animation-duration:.62s;animation-delay:-.3s}.c4r.sonando .c4r__eq i:nth-child(3){animation-duration:.95s;animation-delay:-.5s}.c4r.sonando .c4r__eq i:nth-child(4){animation-duration:.7s;animation-delay:-.1s}.c4r.sonando .c4r__eq i:nth-child(5){animation-duration:.85s;animation-delay:-.65s}@keyframes c4rEq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.c4r__t{margin-top:8px;font-family:var(--f-display);font-weight:400;font-size:clamp(26px,7.4vw,32px);line-height:1.02;letter-spacing:.02em;text-shadow:2px 2px 0 rgba(0,0,0,.5)}.c4r__a{margin-top:7px;font-size:12.5px;color:var(--muted)}.c4r__a a{color:var(--ink-2);text-decoration:underline;text-decoration-color:#8fe14b80;text-underline-offset:3px}.c4r__barra{padding-top:12px;cursor:pointer;touch-action:none;outline:none}.c4r__riel{position:relative;height:6px;border-radius:99px;background:#e2ffd121}.c4r__lleno{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--lime-deep),var(--lime));box-shadow:0 0 14px #8fe14b80}.c4r__perilla{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#f2f7ec;box-shadow:0 0 0 4px #8fe14b52,0 4px 10px #0000008c;transition:transform .2s var(--pop)}.c4r.arrastra .c4r__perilla,.c4r__barra:focus-visible .c4r__perilla{transform:scale(1.35)}.c4r__tiempos{display:flex;justify-content:space-between;margin-top:10px;font:700 11px/1 var(--f-mono);letter-spacing:.04em;color:var(--muted)}.c4r__ctl{display:flex;align-items:center;justify-content:center;gap:12px}.c4r__b{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:color .2s,background .2s}.c4r__b:hover{color:var(--lime);background:#8fe14b1a}.c4r__b svg{width:26px;height:26px}.c4r__modo{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:color .2s,background .2s}.c4r__modo svg{width:22px;height:22px}.c4r__modo:hover{color:var(--ink)}.c4r__modo.on{color:var(--lime)}.c4r__modo.on:after{content:"";position:absolute;bottom:2px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px #8fe14bcc}.c4r__uno{position:absolute;top:6px;right:5px;display:none;min-width:14px;height:14px;padding:0 3px;border-radius:99px;background:var(--lime);color:var(--on-lime);font:700 9px/14px var(--f-mono);text-align:center}.c4r__modo.una .c4r__uno{display:block}.c4r__modo[hidden]{display:none}.c4r__play{position:relative;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--on-lime);background:radial-gradient(circle at 34% 28%,#c6fb96,#8fe14b 46%,#5aa928);box-shadow:inset 0 2px #ffffff80,3px 3px #00000080,0 18px 40px -12px #8fe14b99}.c4r__play>span{display:grid;place-items:center}.c4r__play svg{width:34px;height:34px}.c4r__play .i-play svg{margin-left:4px}.c4r__play .i-pausa,.c4r.sonando .c4r__play .i-play{display:none}.c4r.sonando .c4r__play .i-pausa{display:grid}.c4r.sonando .c4r__play:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(143,225,75,.55);animation:c4rOnda 1.8s ease-out infinite}@keyframes c4rOnda{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.35);opacity:0}}.c4r__lista{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--line)}.c4r__pista{padding:11px 2px;border-bottom:1px solid var(--line)}.c4r__pista button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--ink);font:600 14px/1.25 var(--f-body)}.c4r__pista button:hover .c4r__pt{color:var(--lime)}.c4r__pn{position:relative;width:26px;flex:none;font:700 11px/1 var(--f-mono);color:var(--muted)}.c4r__pn em{font-style:normal}.c4r__pt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.c4r__pista.on .c4r__pt,.c4r__pista.on .c4r__pn{color:var(--lime)}.c4r__mini-eq{display:none;align-items:flex-end;gap:2px;height:12px}.c4r__mini-eq b{width:3px;height:100%;border-radius:2px;background:var(--lime);transform-origin:bottom;animation:c4rEq .7s ease-in-out infinite alternate}.c4r__mini-eq b:nth-child(2){animation-delay:-.35s;animation-duration:.55s}.c4r__mini-eq b:nth-child(3){animation-delay:-.15s;animation-duration:.8s}.c4r.sonando .c4r__pista.on .c4r__pn em{display:none}.c4r.sonando .c4r__pista.on .c4r__mini-eq{display:inline-flex}.c4r__pa{display:block;margin:4px 0 0 38px;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.c4r__pa:hover{color:var(--lime)}.c4r__pie{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;color:var(--ink-2);font-size:13px;line-height:1.35;background:#25d36614;border:1px solid rgba(37,211,102,.3);transition:background .2s}.c4r__pie:hover{background:#25d36624}.c4r__pie-ico{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366}.c4r__pie-ico svg{width:21px;height:21px}.c4r__pie[hidden]{display:none}@media(prefers-reduced-motion:reduce){html:not([data-c420-demo="1"]) .c4r__aura i,html:not([data-c420-demo="1"]) .c4r.sonando .c4r__eq i,html:not([data-c420-demo="1"]) .c4r__mini-eq b,html:not([data-c420-demo="1"]) .c4r.sonando .c4r__play:after{animation:none}}