.controls,body{justify-content:center;display:flex}.controls,.play-pause,.player,body{display:flex}.album-art img,.player,.social-button{box-shadow:0 4px 6px rgba(0,0,0,.1)}body{font-family:Ubuntu,sans-serif;background:linear-gradient(45deg,#3498db,#8e44ad);align-items:center;height:100vh;margin:0;color:#fff;overflow:hidden}#particles-js{position:absolute;width:100%;height:100%;z-index:-1}.player{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:15px;padding:30px;width:500px;z-index:1}.album-art{width:150px;height:150px;margin-right:30px;margin-left:5%}@keyframes pulse-art{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.album-art img{width:100%;height:100%;object-fit:cover;border-radius:10px;animation:3s ease-in-out infinite pulse-art}.player-content{flex:1}.wave-animation{height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.wave{width:3px;height:100%;background:#fff;margin:0 2px;border-radius:3px;animation:1s ease-in-out infinite wave}@keyframes wave{0%,100%{height:20px}50%{height:60px}}.station-info{text-align:center;margin-bottom:15px}.station-name{font-size:20px;font-weight:700;margin-bottom:5px}.now-playing{font-size:14px;opacity:.8}.controls{align-items:center;margin-bottom:15px}.play-pause{background:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;justify-content:center;align-items:center;font-size:20px;color:#3498db;transition:transform .2s}.play-pause:hover{transform:scale(1.1)}.status-button{background:rgba(255,255,255,.2);border:none;padding:8px 12px;border-radius:20px;color:#fff;font-size:12px;margin-left:10px;cursor:default;transition:background-color .3s}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.status-button.online{background:rgba(46,204,113,.6);animation:1.5s ease-in-out infinite pulse}.volume-control{position:relative;width:100%;margin-top:20px}.volume-slider{-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:rgba(255,255,255,.3);outline:0}.download-button,.social-button{display:flex;background:rgba(255,255,255,.1);color:#fff}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;cursor:pointer}.volume-percentage{text-align:center;margin-top:10px;font-size:14px}.social-buttons{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:2}.download-buttons,.mobile-download-buttons{bottom:20px;transform:translateX(-50%);position:fixed;left:50%}.social-button{width:50px;height:50px;border-radius:12px;justify-content:center;align-items:center;font-size:24px;text-decoration:none;transition:.3s;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.download-button,.mobile-download-button{align-items:center;padding:10px 15px;backdrop-filter:blur(5px);transition:.3s;text-decoration:none}.social-button:hover{transform:translateY(-5px) rotate(5deg);box-shadow:0 6px 8px rgba(0,0,0,.2)}.social-button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,0));z-index:-1}.facebook:hover{color:#3b5998}.youtube:hover{color:#c4302b}.tiktok:hover{color:#000}.whatsapp:hover{color:#25d366}.instagram:hover{color:#e1306c}.twitter:hover{color:#1da1f2}.download-buttons{display:flex;gap:20px;z-index:2}.download-button{border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px}.dropbtn,.floating-message,.mobile-download-button{font-size:16px;color:#fff}.download-button:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.download-button i,.mobile-download-button i{font-size:24px;margin-right:10px}.mobile-download-buttons{display:none;z-index:1000;flex-direction:column;gap:10px}.mobile-download-button{display:flex;justify-content:center;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;width:200px}.mobile-download-button:hover{background:rgba(255,255,255,.3)}.dropdown{position:fixed;top:20px;left:20px;z-index:1000;display:block!important}.dropbtn{background-color:rgba(255,255,255,.2);padding:12px 16px;border:none;cursor:pointer;border-radius:25px;backdrop-filter:blur(5px);transition:.3s}.dropbtn:hover{background-color:rgba(255,255,255,.3)}.dropdown-content{display:none;position:absolute;background:rgba(52,152,219,.95);min-width:300px;max-height:400px;overflow-y:auto;box-shadow:0 15px 35px rgba(0,0,0,.3);z-index:1;border-radius:20px;backdrop-filter:blur(10px);padding:25px;color:#fff;top:45px;left:0;transition:.4s cubic-bezier(.4, 0, .2, 1);border:1px solid rgba(255,255,255,.2);transform:translateY(-10px);opacity:0;animation:.4s forwards dropdownAppear}@keyframes dropdownAppear{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-content h3{text-align:center;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.2);font-size:1.3em;letter-spacing:1px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.dropdown-content h3::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent)}.schedule-item{background:rgba(255,255,255,.1);margin-bottom:15px;padding:15px;border-radius:15px;transition:.3s;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;cursor:pointer;position:relative;overflow:hidden}.schedule-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .6s}.schedule-item:hover::before{transform:translateX(100%)}.schedule-item:hover{background:rgba(255,255,255,.2);transform:translateX(5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.schedule-item img{width:60px;height:60px;border-radius:50%;margin-right:16px;border:3px solid rgba(255,255,255,.2);transition:.3s;object-fit:cover;box-shadow:0 0 15px rgba(255,255,255,.2)}.schedule-item:hover img{border-color:rgba(255,255,255,.8);transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px rgba(255,255,255,.4)}.schedule-item div{flex-grow:1;position:relative;z-index:1}.schedule-item strong{display:block;font-size:1.1em;margin-bottom:5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1);transition:.3s;position:relative}.schedule-item:hover strong{transform:translateX(5px);text-shadow:0 2px 4px rgba(0,0,0,.2)}.schedule-item p{margin:0;font-size:.9em;opacity:.8;color:rgba(255,255,255,.9);transition:.3s;position:relative}.schedule-item:hover p{opacity:1;transform:translateX(5px);color:#fff}.schedule-separator{height:2px;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0));margin:15px 0;border-radius:2px;position:relative;overflow:hidden}.schedule-separator::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:2s infinite separatorShine}@keyframes separatorShine{to{left:100%}}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px;margin:5px}.dropdown-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px;border:2px solid rgba(255,255,255,.1);transition:.3s}.dropdown-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.2)}.floating-messages{position:fixed;top:80px;left:50%;transform:translateX(-50%);text-align:center;z-index:1000;width:90%;max-width:400px;pointer-events:none}.floating-message{background:rgba(255,255,255,.2);backdrop-filter:blur(5px);border-radius:20px;padding:10px 20px;opacity:0;transition:opacity .5s ease-in-out;position:absolute;left:50%;transform:translateX(-50%);width:100%;box-sizing:border-box;margin:0 auto}@media screen and (max-width:768px){body{overflow:auto}.download-buttons,.floating-messages,.social-buttons{display:none!important}#particles-js{display:block!important;z-index:0}.dropdown{position:absolute;top:10px;left:10px;z-index:1001}.player{position:relative;z-index:1;width:90%;max-width:400px;flex-direction:column;align-items:center;padding:20px;margin-top:60px;margin-bottom:100px}.mobile-social-buttons{display:flex!important}.schedule-item{padding:12px}.schedule-item img{width:50px;height:50px}.schedule-item strong{font-size:1em}.schedule-item p{font-size:.8em}.mobile-download-buttons{bottom:90px}.floating-messages{display:block!important;top:120px}.floating-message{font-size:14px;padding:8px 15px;white-space:normal;line-height:1.4}}.mobile-social-buttons{display:none;position:fixed;bottom:0;left:0;right:0;padding:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(5px);justify-content:center;gap:20px;z-index:1000;border-top:1px solid rgba(255,255,255,.2)}.mobile-social-button{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;text-decoration:none;background:rgba(255,255,255,.2);transition:.3s}.mobile-social-button:active,.mobile-social-button:hover{transform:scale(1.1);background:rgba(255,255,255,.3)}.mobile-social-button.facebook:active{background:#3b5998}.mobile-social-button.youtube:active{background:#c4302b}.mobile-social-button.tiktok:active{background:#000}.mobile-social-button.whatsapp:active{background:#25d366}.mobile-social-button.instagram:active{background:#e1306c}.mobile-social-button.twitter:active{background:#1da1f2}@media screen and (max-width:768px){.mobile-social-buttons{display:flex!important}.player{margin-bottom:100px}.mobile-download-buttons{bottom:90px}}