@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";body{background-color:#aa61e2;font-family:Silkscreen,sans-serif;margin:0;padding:0}.home-container{display:flex;flex-direction:column;align-items:center;padding:20px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-panel p{font-size:1.2em;color:#666;font-family:Silkscreen,sans-serif!important}.header-panel{text-align:center;background:linear-gradient(135deg,#deaded,#c9a9d9);padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003;font-family:Silkscreen,sans-serif!important;margin-bottom:30px;width:100%;max-width:800px;animation:slideInDown .8s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-panel h1{font-family:Silkscreen,sans-serif!important;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.header-panel .logo{width:150px;margin-bottom:20px;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-panel p{color:#5a5a5a}.button-group{margin-top:20px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 25px;border-radius:50px;font-size:16px;text-decoration:none;margin:5px;transition:all .3s ease;position:relative;overflow:hidden;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #0003}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.btn:active{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#9146ff,#772ce8);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,#772ce8,#6622d8)}.btn-vote{background:linear-gradient(135deg,#00d9ff,#09c);color:#fff;border:none}.btn-vote:hover{background:linear-gradient(135deg,#09c,#079)}.btn-summary{background:linear-gradient(135deg,#ff6b6b,#e55);color:#fff;border:none}.btn-summary:hover{background:linear-gradient(135deg,#e55,#d44)}.btn-twitch{background:linear-gradient(135deg,#9146ff,#772ce8);color:#fff;border:none}.btn-twitch:hover{background:linear-gradient(135deg,#772ce8,#6622d8)}.btn-discord{background:linear-gradient(135deg,#7289da,#5b6eae);color:#fff;border:none}.btn-discord:hover{background:linear-gradient(135deg,#5b6eae,#4a5a9e)}.content-panel{background:linear-gradient(135deg,#fff,#f5f5f5);padding:30px;border-radius:15px;box-shadow:0 10px 30px #00000026;max-width:800px;width:100%;animation:slideInUp .8s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.social-section,.points-section{margin-bottom:30px;text-align:center;padding:20px;background:linear-gradient(135deg,#deaded,#c9a9d9);border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.social-section:hover,.points-section:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.social-section h2,.points-section h2{animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn-secondary{font-family:Silkscreen,sans-serif}.social-list{list-style:none;padding:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-list li{font-size:24px;transition:transform .3s ease}.social-list li:hover{transform:scale(1.2) rotate(5deg)}.social-list a{text-decoration:none;color:#9146ff;transition:all .3s ease;display:inline-block;position:relative}.social-list a:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background:#9146ff;transition:all .3s ease;transform:translate(-50%)}.social-list a:hover{color:#772ce8;transform:translateY(-3px)}.social-list a:hover:after{width:100%}.score-list{list-style:none;padding:0;color:#4a154b}.score-list li{padding:10px;margin:5px 0;border-radius:8px;transition:all .3s ease}.score-list li:hover{background-color:#9146ff1a;transform:translate(5px)}.footer-panel{text-align:center;margin-top:30px;color:#4a154b;animation:fadeIn 1s ease-out}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(135deg,#fff,#f5f5f5);padding:30px;border-radius:15px;text-align:center;box-shadow:0 15px 40px #0000004d;width:80%;max-width:500px;animation:modalSlide .5s ease-out;font-family:Silkscreen,sans-serif}@keyframes modalSlide{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h2{margin-bottom:20px;color:#4a154b}.social-list li i{font-size:28px;transition:transform .3s ease}.social-list li:hover i{transform:rotate(360deg)}.points-section button{display:block;margin:0 auto}.points-section h2{font-family:Silkscreen,sans-serif;text-align:center}.social-list li:last-child a{color:#7289da}.social-list li:last-child a:after{background:#7289da}.social-list li:last-child a:hover{color:#5b6eae}@media (max-width: 1024px){.home-container{padding:15px}.header-panel{padding:25px;max-width:700px}.btn{font-size:14px;padding:10px 20px}.content-panel{padding:25px;max-width:700px}.social-list li{font-size:22px}}@media (max-width: 768px){.header-panel{padding:20px;max-width:600px}.btn{font-size:14px;padding:10px 18px}.content-panel{padding:20px;max-width:600px}.social-list li{font-size:20px}.social-section,.points-section{margin-bottom:20px}.points-section button{font-size:14px}.header-panel h1{animation:none}.social-list li:hover,.score-list li:hover{transform:none}.btn:hover{transform:translateY(-2px)}}@media (max-width: 480px){.header-panel{padding:15px;max-width:100%}.btn{font-size:12px;padding:8px 15px}.content-panel{padding:15px;max-width:100%}.social-list{flex-direction:column;align-items:center}.social-list li{font-size:18px;margin-bottom:10px}.footer-panel{font-size:14px}.modal-content{width:90%;padding:20px}.button-group{flex-direction:column}.btn{width:100%;max-width:250px}}.navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e1e2f,#2a2a3f);padding:10px 20px;color:#fff;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 4px 15px #0000004d;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}body{padding-top:60px}.navbar-left a{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;display:inline-block}.navbar-left a:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:50%;background:linear-gradient(90deg,#0af,#0fa);transition:all .3s ease;transform:translate(-50%)}.navbar-left a:hover{color:#0af;transform:translateY(-2px)}.navbar-left a:hover:after{width:100%}.navbar-right{display:flex;align-items:center}.navbar-user{display:flex;align-items:center;position:relative;margin-left:-350px;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.badge-icon{width:25px;height:25px;margin-right:15px;margin-left:-10px;transition:transform .3s ease}.badge-icon:hover{transform:scale(1.2) rotate(10deg)}.profile-picture{width:40px;height:40px;border-radius:50%;cursor:pointer;margin-left:-10px;transition:all .3s ease;border:2px solid transparent}.profile-picture:hover{transform:scale(1.1);border-color:#0af;box-shadow:0 0 15px #00aaff80}.username{margin-left:10px;cursor:pointer;font-size:.85rem;transition:all .3s ease;position:relative}.username:hover{color:#0af;transform:translate(3px)}.dropdown-menu{position:absolute;top:50px;right:0;background:linear-gradient(135deg,#333,#444);border:1px solid #555;border-radius:10px;padding:10px;box-shadow:0 5px 20px #0006;animation:dropdownSlide .3s ease-out;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{background:none;border:none;color:#fff;cursor:pointer;padding:10px 15px;width:100%;text-align:left;border-radius:5px;transition:all .3s ease;position:relative;overflow:hidden}.dropdown-menu button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,170,255,.3),transparent);transition:left .5s ease}.dropdown-menu button:hover:before{left:100%}.dropdown-menu button:hover{background-color:#0af3;color:#0af;transform:translate(5px)}.login-link{color:#0af;text-decoration:none;font-size:1rem;transition:all .3s ease;position:relative;display:inline-block}.login-link:after{content:"";position:absolute;width:0;height:2px;bottom:-3px;left:0;background:#0af;transition:width .3s ease}.login-link:hover{color:#0fa;transform:translateY(-2px)}.login-link:hover:after{width:100%}@media (max-width: 768px){.navbar{padding:10px 15px}.navbar-left a{font-size:1rem}.navbar-user{margin-left:0;margin-top:5px}.profile-picture{width:30px;height:30px}.username{font-size:.9rem;margin-left:10px}.badge-icon{width:15px;height:15px;margin-right:20px}.navbar-right{margin-right:30px}.navbar-left a:hover,.profile-picture:hover,.badge-icon:hover{transform:none}}*{box-sizing:border-box}.container{width:100%;max-width:100vw;overflow-x:hidden;padding:0 15px}.vote-header{width:100%;max-width:800px;margin:20px auto;text-align:center;background:linear-gradient(135deg,#deaded,#c9a9d9);border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000026;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.vote-header h1{font-size:2.5rem;margin-bottom:10px;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.vote-header h2{font-size:1.8rem;margin-bottom:10px;color:#555}.vote-header p{font-size:1.1rem;color:#666}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:100%;margin:0 auto;padding:20px 0}.card{position:relative;cursor:pointer;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out;animation-fill-mode:both;outline:3px solid transparent;outline-offset:-3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:nth-child(6){animation-delay:.6s}.card:nth-child(7){animation-delay:.7s}.card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0003}.card:active{transform:translateY(-4px) scale(.98)}.selected-gold{outline-color:gold!important;outline-width:6px;box-shadow:0 0 20px #ffd70099,0 8px 25px #0003;animation:pulse-gold 1.5s ease-in-out infinite}.selected-silver{outline-color:silver!important;outline-width:6px;box-shadow:0 0 20px #c0c0c099,0 8px 25px #0003;animation:pulse-silver 1.5s ease-in-out infinite}.selected-bronze{outline-color:#cd7f32!important;outline-width:6px;box-shadow:0 0 20px #cd7f3299,0 8px 25px #0003;animation:pulse-bronze 1.5s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 20px #ffd70099,0 8px 25px #0003}50%{box-shadow:0 0 30px #ffd700e6,0 8px 25px #0003}}@keyframes pulse-silver{0%,to{box-shadow:0 0 20px #c0c0c099,0 8px 25px #0003}50%{box-shadow:0 0 30px #c0c0c0e6,0 8px 25px #0003}}@keyframes pulse-bronze{0%,to{box-shadow:0 0 20px #cd7f3299,0 8px 25px #0003}50%{box-shadow:0 0 30px #cd7f32e6,0 8px 25px #0003}}.card-body{width:100%;overflow:hidden;position:relative}.card-video{width:500px;height:281.25px;position:relative;background-color:#000;overflow:hidden}.card-video .video-container{width:100%;height:100%}.card-video iframe{width:100%;height:100%;border:0}.card-img{width:200px;height:200px;overflow:hidden;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-img:hover img{transform:scale(1.1)}.video-description,.img-description{background:linear-gradient(135deg,#ddb9eb,#c9a9d9);color:#333;text-align:center;padding:15px;font-weight:500;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.video-description{width:500px;font-size:1rem;min-height:60px;display:flex;align-items:center;justify-content:center}.video-description p,.img-description p{margin:0;max-width:100%}.img-description{width:200px;font-size:.9rem;min-height:55px;display:flex;align-items:center;justify-content:center}.button-container{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0;flex-wrap:wrap}button{padding:15px 35px;border-radius:50px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 15px #0003}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}button:active{transform:translateY(-1px);box-shadow:0 5px 10px #0003}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130)}.btn-success{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838,#1e7e34)}.text-danger{font-size:1.2rem;font-weight:700;color:#dc3545;padding:15px 25px;border-radius:10px;background-color:#dc35451a;margin:15px auto;max-width:600px;box-shadow:0 4px 10px #dc354533;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 768px){.container{padding:0 10px}.vote-header{padding:20px 15px;margin:10px auto}.vote-header h1{font-size:1.8rem}.vote-header h2{font-size:1.3rem}.vote-header p{font-size:1rem}.cards-container{flex-direction:column;align-items:center;gap:20px;padding:10px 0}.card-video{width:100%;max-width:calc(100vw - 30px);height:auto;aspect-ratio:16 / 9}.video-description{width:100%;max-width:calc(100vw - 30px);font-size:.95rem;padding:12px;min-height:50px}.card-img{width:100%;max-width:calc(100vw - 30px);height:auto;aspect-ratio:1 / 1}.img-description{width:100%;max-width:calc(100vw - 30px);font-size:.9rem;padding:12px;min-height:50px}.button-container{flex-direction:column;gap:15px;width:100%;padding:0 10px}button{width:100%;max-width:300px;padding:15px 20px;font-size:1rem}.card:hover{transform:none}.selected-gold,.selected-silver,.selected-bronze{animation:none}}@media (max-width: 480px){.vote-header h1{font-size:1.5rem}.vote-header h2{font-size:1.1rem}.vote-header p{font-size:.9rem}button{font-size:.95rem;padding:12px 20px}}.vote-resumen-container{font-family:Silkscreen,sans-serif;text-align:center;margin:0 auto;padding:10px;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;box-sizing:border-box}.header-panel{margin-top:10px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding-left:10px;padding-right:10px}.header-panel h1{font-size:2.5em;color:#333;font-weight:700;font-family:Silkscreen,sans-serif;margin:0;padding:0;word-wrap:break-word}h3{color:#fff;font-size:2em}.header-panel p{font-size:1.2em;color:#666;font-family:Silkscreen,sans-serif}.votes-section{margin-top:40px;width:100%}.error-message{color:red;font-size:1.1em;font-weight:700}.vote-item{margin-bottom:30px}.vote-candidates{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.vote-candidate{position:relative;text-align:center;width:220px}.candidate-name{font-size:1.2em;font-weight:700;color:#fff;margin-top:10px}.first-place{border:3px solid gold;box-shadow:0 0 15px gold;border-radius:10px}.second-place{border:3px solid silver;box-shadow:0 0 15px silver;border-radius:10px}.third-place{border:3px solid #cd7f32;box-shadow:0 0 15px #cd7f32;border-radius:10px}.voting-option-image{width:220px;height:220px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media (max-width: 1024px){.header-panel h1{font-size:2em}.header-panel p{font-size:1em}.vote-candidate{width:180px}.candidate-name{font-size:1.2em}.voting-option-image{width:180px;height:180px}}@media (max-width: 768px){.header-panel h1{font-size:1.5em}.header-panel p{font-size:1em}.vote-candidate{width:150px}.candidate-name{font-size:1em}.voting-option-image{width:150px;height:150px}.vote-candidates{gap:15px}}@media (max-width: 480px){.header-panel h1{font-size:1.2em}.header-panel p{font-size:.9em}.vote-candidate{width:100px}.candidate-name{font-size:.9em}.voting-option-image{width:100px;height:100px}.vote-candidates{gap:8px}}