#chatBox,#userList,.container{border-radius:8px;box-sizing:border-box}#userList p,body{background:#e9ebee}a,a:active,a:hover,a:link,a:visited,footer ul li a{text-decoration:none}.footer-copy,.room-btn,button,h1,h2,h4{text-align:center}body{font-family:Arial,sans-serif;margin:0;padding:0;color:#333;overflow-x:hidden}.container{max-width:1000px;margin:2rem auto;padding:1.5rem;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);margin-top:100px;}h1,h2{color:#1877f2;font-weight:700;margin-bottom:1.5rem}#chatContainer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;width:100%}#chatBox,#userList{box-shadow:0 1px 5px rgba(0,0,0,.08);background:#f8f9fa;padding:1.2rem;height:400px;overflow-y:auto;border:1px solid #ddd;word-wrap:break-word}#chatBox{flex:3;min-width:280px;border-top:3px solid #1877f2}#userList{flex:1;min-width:250px}#userList p{margin:.4rem 0;padding:.6rem;border-radius:6px;font-weight:500;transition:background-color .3s;cursor:pointer}#userList p:hover{background-color:#d8dade}.room-btn,button{display:block;width:100%;padding:1rem 1.5rem;margin:.5rem 0;background-color:#1877f2;color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:background-color .3s,transform .2s,box-shadow .3s;cursor:pointer}.room-btn:hover,button:hover{background-color:#166ed5;transform:translateY(-1px)}.room-btn:active,button:active{background-color:#1464c4;transform:translateY(0)}input[type=text],input[type=username]{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;font-size:1rem;background:#fff;box-sizing:border-box}input[type=text]:focus,input[type=username]:focus{border-color:#1877f2;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 6px rgba(24,119,242,.3);outline:0}.private-chat-notification{margin-top:1rem;padding:1rem;background-color:#e7f3ff;color:#084298;border-radius:8px;font-size:16px;text-align:center;border:1px solid #b9daff;box-shadow:0 2px 6px rgba(0,0,0,.1)}.private-chat-box{margin-top:2rem;padding:1rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.private-chat-box h3{color:#1877f2;font-size:1.2rem}a,a:active,a:hover{color:#000}#normas{text-align:left;margin-top:40px;padding:30px 20px;background:#fff;border-radius:10px;border:1px solid #ddd;box-shadow:0 4px 8px rgba(0,0,0,.05);max-width:90%;margin-left:auto;margin-right:auto}@media screen and (max-width:768px){#chatBox,#userList,input[type=text],input[type=username]{margin-bottom:1rem;width:100%}#chatContainer{flex-direction:column;gap:1rem;width:100%}#chatBox,#userList{height:auto;min-height:250px;max-height:350px}.room-btn,button{width:100%;font-size:1rem;padding:1rem}#userList{max-height:200px;overflow-y:auto;margin-top:1rem}.container{padding:1rem}.private-chat-box h3{font-size:1.1rem}}@media screen and (max-width:480px){.container{padding:1rem}h1,h2{font-size:1.4rem}.room-btn,button{font-size:.95rem;padding:.75rem 1.2rem}#chatBox,#userList{min-width:100%;margin-bottom:1rem;max-height:300px}.private-chat-box h3{font-size:1.1rem}}footer{background:#2d2d2d;color:#f0f0f0;padding:2rem}.footer-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}footer h4{margin-bottom:1rem;color:#ff5b99}footer ul{list-style:none;padding:0}footer ul li{margin-bottom:.5rem}footer ul li a{color:#f0f0f0}footer ul li a:hover{text-decoration:underline}.footer-copy{font-size:.9rem;color:#ccc}#radio-player{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;flex-direction:column}#radio-player iframe{border:none}#show-radio-btn{position:fixed;top:75px;right:0;background-color:#4caf50;color:#fff;border-radius:50px;padding:7px;font-size:16px;cursor:pointer;width:auto}#reproductor{width:300px;height:auto;background-color:#fff;border:1px solid #ddd;border-radius:10px;padding-right:20px;padding-left:20px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-top:90px}#reproductor img{width:100%;height:150px;object-fit:cover;border-radius:10px}#reproductor .station{padding:10px;border-bottom:1px solid #ddd;cursor:pointer}#reproductor .station:hover{background-color:#f5f5f5}#reproductor .station.active{background-color:#4caf50;color:#fff}.radio{height:30px;margin-top:10px;border-radius:0;background-color:#f0f0f0;box-shadow:none;width:100%}h4{color:#1877f2;font-weight:700;margin-bottom:none}