.btn-dark,.btn-dark-2,.btn-gold,.btn-pulse{border:none;padding:12px 24px;cursor:pointer;transition:all .3s ease;font-size:16px;outline:none}.btn-dark{position:relative;overflow:hidden;background:linear-gradient(45deg,#000000,#142338,#001130,#001130,#000000,#142338,#001130);background-size:400% 400%;animation:darkmove 3s ease infinite;color:rgb(255,255,255);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}@keyframes darkmove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.btn-dark:hover{transform:scale(1.05);color:rgb(255,255,255);box-shadow:0 0 20px rgb(255,255,255)}.btn-pulse{background:linear-gradient(135deg,#506E82,#6C8EA4);color:white;font-weight:700;position:relative;overflow:hidden;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 20px rgba(108,142,164,.6)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(108,142,164,.6)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(108,142,164,.9)}}.btn-gold{background:linear-gradient(135deg,hsl(51,50%,41%),hsl(51,50%,53%));color:white;font-weight:700;position:relative;overflow:hidden;animation:gold-animation 2s ease-in-out infinite;box-shadow:0 0 20px hsla(51,50%,53%,.6)}@keyframes gold-animation{0%,to{transform:scale(1);box-shadow:0 0 20px hsla(51,50%,53%,.6)}50%{transform:scale(1.05);box-shadow:0 0 30px hsla(51,50%,53%,.9)}}.btn-pulse:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.btn-dark-2{position:relative;overflow:hidden;background:linear-gradient(45deg,#000000,#142338,#001130,#001130,#000000,#142338,#001130);animation:darkmove 3s ease infinite;background-size:400% 400%;color:rgb(255,255,255);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.btn-dark-2:hover{transform:scale(1.05);box-shadow:0 0 20px rgb(255,255,255);background:white}.input-color{appearance:none;background-color:transparent;border:none;aspect-ratio:1/1;padding:0 .25rem}.input-color::-webkit-color-swatch{border-radius:100px;border-width:4px;border-color:oklch(87.2% .01 258.338)}.borde-variante{animation:anim-border-variante 5s ease-in-out infinite}@keyframes anim-border-variante{0%{border-radius:30% 70%/50% 50%}25%{border-radius:30% 70%/50% 50%}50%{border-radius:50% 50%/70% 30%}75%{border-radius:50% 50%/70% 30%}99%{border-radius:30% 70%/50% 50%}to{border-radius:30% 70%/50% 50%}}