@import"https://fonts.googleapis.com/css2?family=Pirata+One&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:100%;height:100dvh;margin:0;overflow:hidden}body{margin:0;background:#000;overflow:hidden}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.pd-marco{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background:#000}.pd-escena{position:relative;flex:1;min-height:0;aspect-ratio:1220/2312;max-width:100%;background-size:100% 100%;container-type:inline-size;overflow:hidden}.pd-contador{position:absolute;top:2%;left:50%;transform:translate(-50%);background:#000a;color:#fff;padding:1cqw 3.1cqw;border-radius:3.1cqw}.pd-cerrar{position:absolute;top:2%;right:3%}.pd-prueba{margin:8px;padding:8px 16px}.pd-tiembla{animation:pd-terremoto-loop .18s linear infinite;will-change:transform}@keyframes pd-terremoto-loop{0%{transform:translate(calc(var(--shake-amp, 1) * -5px),calc(var(--shake-amp, 1) * 2px)) rotate(calc(var(--shake-amp, 1) * -.5deg))}25%{transform:translate(calc(var(--shake-amp, 1) * 6px),calc(var(--shake-amp, 1) * -3px)) rotate(calc(var(--shake-amp, 1) * .45deg))}50%{transform:translate(calc(var(--shake-amp, 1) * -4px),calc(var(--shake-amp, 1) * -2px)) rotate(calc(var(--shake-amp, 1) * -.35deg))}75%{transform:translate(calc(var(--shake-amp, 1) * 5px),calc(var(--shake-amp, 1) * 3px)) rotate(calc(var(--shake-amp, 1) * .4deg))}to{transform:translate(calc(var(--shake-amp, 1) * -5px),calc(var(--shake-amp, 1) * 2px)) rotate(calc(var(--shake-amp, 1) * -.5deg))}}.pd-letrero-sorteo{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:.8cqw 7.7cqw 1cqw;border-radius:2.6cqw;background:radial-gradient(120% 140% at 50% -20%,#4a1d0e,#2a0f06 55%,#160601);border:.5cqw solid #d4a017;box-shadow:0 0 0 .26cqw #7a4a00,0 0 0 1cqw #d4a01740,0 1cqw 3.1cqw #000000b3,inset 0 0 2.6cqw #ff962840,inset 0 .26cqw #ffdc8c66;animation:pdLetreroGlow 2.4s ease-in-out infinite alternate}.pd-letrero-sorteo:before{content:"";position:absolute;top:.8cqw;right:.8cqw;bottom:.8cqw;left:.8cqw;border:.26cqw solid rgba(212,160,23,.55);border-radius:1.5cqw;background-image:linear-gradient(135deg,rgba(212,160,23,.25) 25%,transparent 25%) 0 0 / 1.5cqw 1.5cqw,linear-gradient(225deg,rgba(212,160,23,.25) 25%,transparent 25%) 0 0 / 1.5cqw 1.5cqw;opacity:.5;pointer-events:none}.pd-letrero-sorteo:after{content:"❖";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5cqw;font-size:2.3cqw;color:#ffd873;text-shadow:0 0 1cqw #ff9d00;pointer-events:none}.pd-letrero-linea{font:900 2.3cqw/1 system-ui,Arial Black,sans-serif;letter-spacing:.5em;color:#ffcf6b;text-shadow:0 .26cqw .5cqw #000,0 0 1.5cqw rgba(255,160,40,.5);padding-left:.5em}.pd-letrero-barco{font:900 5.6cqw/1 Impact,Arial Black,Trebuchet MS,sans-serif;letter-spacing:.05em;background:linear-gradient(#fff6d0,#ffd24a 42%,#ff9d00 72%,#ff6a00);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.26cqw #5a2a00;filter:drop-shadow(0 .26cqw 0 #2a0f06) drop-shadow(0 0 1.8cqw rgba(255,150,40,.9))}.pd-flotantes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;display:block}.pd-flotante{position:absolute;left:50%;display:block;transform:translate(-50%,-50%) translate(var(--tx, 0px),var(--ty, 0px)) scale(var(--esc, 1));transition:transform 1.1s cubic-bezier(.25,.8,.3,1),opacity .4s ease;opacity:1;will-change:transform}.pd-flotante-1{top:65%}.pd-flotante-2{top:58%}.pd-flotante-txt{position:relative;display:block;font-family:Pirata One,Georgia,serif;font-weight:900;font-size:10.3cqw;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:transparent;background-image:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%),linear-gradient(180deg,#fff6c2,#ffd33d 45%,#b9770e);background-size:250% 100%,100% 100%;background-repeat:no-repeat;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.4cqw #3b2400;filter:drop-shadow(0 .8cqw 0 #2a1900) drop-shadow(0 0 3.6cqw rgba(255,200,60,.85)) drop-shadow(0 1.5cqw 2.6cqw rgba(0,0,0,.7));animation:pdAparece .6s cubic-bezier(.2,1.6,.4,1) both,pdLatido 1.1s ease-in-out .6s infinite,pdDestello 2s linear .8s infinite}.pd-flotante:after{content:"";position:absolute;top:-12%;right:-8%;bottom:-12%;left:-8%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,200,60,.55) 0%,rgba(255,150,20,.22) 45%,transparent 72%);filter:blur(1.5cqw);animation:pdHalo 1.1s ease-in-out infinite}.pd-flotante:before{content:"";position:absolute;left:50%;top:50%;width:60%;height:140%;transform:translate(-50%,-50%);border-radius:50%;border:.8cqw solid rgba(255,215,90,.9);opacity:0;animation:pdOnda .9s ease-out both}.pd-flotante-1-big{--ty: -4.6cqw;--esc: 1.5;z-index:2}.pd-flotante-2-big{--ty: 8.7cqw;--esc: 1.5;z-index:2}.pd-flotante-1-big .pd-flotante-txt,.pd-flotante-2-big .pd-flotante-txt,.pd-vuela .pd-flotante-txt{animation:pdAparece .3s both;background-position:0 0,0 0}.pd-flotante-1-big:after,.pd-flotante-2-big:after,.pd-vuela:after{animation:none;opacity:.6}.pd-vuela{animation:pdVuelo 1.4s cubic-bezier(.4,.1,.3,1) forwards!important}.pd-vuela.pd-vuela-2{animation-delay:.08s!important}@keyframes pdAparece{0%{opacity:0;transform:scale(.3) translateY(6cqw)}60%{opacity:1;transform:scale(1.16) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pdLatido{0%,to{filter:drop-shadow(0 .8cqw 0 #2a1900) drop-shadow(0 0 3.1cqw rgba(255,200,60,.75)) drop-shadow(0 1.5cqw 2.6cqw rgba(0,0,0,.7))}50%{filter:drop-shadow(0 .8cqw 0 #2a1900) drop-shadow(0 0 5.6cqw rgba(255,215,90,1)) drop-shadow(0 1.5cqw 3.1cqw rgba(0,0,0,.75))}}@keyframes pdDestello{0%{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}@keyframes pdHalo{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.1)}}@keyframes pdOnda{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}:root{--piratas-left: 27.5%;--piratas-top: 41%}.pd-flotante-1.pd-vuela{--dx: -23cqw;--dy: -18cqw;animation:pdVueloMartillo 1.7s both!important;will-change:transform,filter}.pd-flotante-2.pd-vuela{--dx: -23cqw;--dy: -28cqw;animation:pdVueloMartillo 1.7s both!important;animation-delay:.15s!important;will-change:transform,filter}@keyframes pdVueloMartillo{0%{transform:translate(0) scale(1.5) rotate(0);filter:drop-shadow(0 0 7.7cqw rgba(255,215,0,1));opacity:1;animation-timing-function:cubic-bezier(.3,0,.2,1)}18%{transform:translate(calc(var(--dx) * -.1),-4cqw) scale(1.8) rotate(-18deg);filter:drop-shadow(0 0 12.8cqw rgba(255,140,0,1)) brightness(1.4);animation-timing-function:ease-in-out}26%{transform:translate(calc(var(--dx) * -.1),-5cqw) scale(1.85) rotate(-22deg);filter:drop-shadow(0 0 16.6cqw rgba(255,90,0,1)) brightness(1.7);animation-timing-function:cubic-bezier(.7,0,1,.5)}66%{transform:translate(var(--dx),var(--dy)) scale(.6) rotate(8deg);filter:drop-shadow(0 -3.8cqw 5.1cqw rgba(255,120,0,.9)) blur(.3cqw) brightness(1.5);animation-timing-function:linear}70%{transform:translate(var(--dx),var(--dy)) scale(.85,.5) rotate(0);filter:drop-shadow(0 0 20.5cqw #fff) brightness(3.5);animation-timing-function:cubic-bezier(.2,.8,.3,1)}80%{transform:translate(var(--dx),calc(var(--dy) - 2cqw)) scale(.7) rotate(-4deg);filter:drop-shadow(0 0 10.2cqw rgba(255,215,0,1)) brightness(1.6);opacity:1;animation-timing-function:ease-in}to{transform:translate(var(--dx),var(--dy)) scale(.02) rotate(0);filter:drop-shadow(0 0 15.4cqw rgba(255,215,0,0)) blur(.8cqw);opacity:0}}.pd-impacto{position:absolute;left:var(--piratas-left);top:var(--piratas-top);width:0;height:0;pointer-events:none;z-index:80}.pd-impacto:before,.pd-impacto:after{content:"";position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.pd-impacto:before{width:35cqw;height:35cqw;border:.8cqw solid rgba(255,230,150,.95);box-shadow:0 0 5cqw #ffb400e6,inset 0 0 5cqw #ffb40099;animation:pdOndaExpansiva .65s ease-out 1.19s both}.pd-impacto:after{width:28cqw;height:28cqw;background:radial-gradient(circle,#fff 0%,rgba(255,200,80,.8) 35%,transparent 70%);animation:pdDestelloImpacto .45s ease-out 1.19s both}@keyframes pdOndaExpansiva{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes pdDestelloImpacto{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.pd-chispa{position:absolute;left:0;top:0;width:1cqw;height:4.5cqw;border-radius:.8cqw;background:linear-gradient(to bottom,#fff,#ffb300 60%,transparent);opacity:0;transform-origin:center top;animation:pdChispaAnim .55s cubic-bezier(.1,.7,.3,1) 1.19s both}@keyframes pdChispaAnim{0%{opacity:1;transform:rotate(var(--a)) translateY(1.2cqw) scaleY(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(15cqw) scaleY(1.3)}}.pd-vineta{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:65;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.75) 100%);animation:pdVinetaAnim 1.7s ease-in-out both}.pd-vibra{animation:pdVibraPantalla .45s linear 1.19s}@keyframes pdVibraPantalla{0%,to{transform:translate(0)}10%{transform:translate(-6px,4px) rotate(-.3deg)}25%{transform:translate(5px,-5px) rotate(.3deg)}40%{transform:translate(-4px,-2px)}55%{transform:translate(3px,3px)}75%{transform:translate(-2px,1px)}}.pd-vineta{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:65;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.75) 100%);animation:pdVinetaAnim 1.7s ease-in-out both}@keyframes pdVinetaAnim{0%,to{opacity:0}15%,75%{opacity:1}}@keyframes pdLetreroGlow{0%{box-shadow:0 0 0 .26cqw #7a4a00,0 0 0 1cqw #d4a01740,0 1cqw 3.1cqw #000000b3,inset 0 0 2.6cqw #ff962840,inset 0 .26cqw #ffdc8c66,0 0 1cqw #ff8c1e40}to{box-shadow:0 0 0 .26cqw #7a4a00,0 0 0 1cqw #d4a01740,0 1cqw 3.1cqw #000000b3,inset 0 0 2.6cqw #ff962840,inset 0 .26cqw #ffdc8c66,0 0 5.1cqw #ff8c1ecc}}