*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:Roboto,system-ui,-apple-system,sans-serif;background:linear-gradient(to left,#310c5c,#551ead)}.container{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}.language-selector{display:flex;flex-direction:column;gap:1.5rem}.language-button{background:linear-gradient(to right,#9c267b,#da4453);padding:16px;width:130px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 8px 20px #00000059;color:#fff;font-size:16px;transition:transform .15s ease}.language-button:active{transform:scale(.9)}.guide-page{background:linear-gradient(to left,#310c5c,#551ead);padding:20px;color:#fff}.back-cont{margin-bottom:35px}.back-button{padding:3px;border-radius:5px;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;background:linear-gradient(to right,#9c267b,#da4453);transition:transform .15s ease}.back-button:active{transform:scale(.9)}.back{width:30px}.logo-container{display:flex;justify-content:center;margin-bottom:20px}.logo{display:flex;width:230px;justify-content:center;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px #00000059}.logo img{width:100%}h1{font-size:2.2rem;font-weight:900}.top-info{display:flex;flex-direction:column;margin-bottom:30px}.link{width:200px;font-size:16px}.rooms-list{display:flex;flex-direction:column;gap:1.8rem;padding-bottom:140px}.room-card{display:flex;align-items:center;gap:1rem}.room-content{width:100%}.heart{margin-left:auto}.numero{width:25px;text-align:right}.numero p{font-size:14px}.title{display:flex;justify-content:space-between;align-items:center;font-size:16px}.title p{cursor:pointer}.heart img{width:24px;cursor:pointer;transition:transform .15s ease}.heart img:active{transform:scale(.9)}.info{margin-top:4px;display:flex;gap:1rem}.info p{font-size:12px;color:#fffb}.calidad{margin-top:8px;font-size:10px;border-radius:2px;font-weight:600;width:fit-content;background-color:#ffffff23;color:#ffffffe0;padding:0 3px}.bottom-player{position:fixed;bottom:15px;left:50%;transform:translate(-50%);width:calc(100% - 15px);max-width:500px;background:linear-gradient(to right,#24243e,#0f0c29);padding:15px 15px 20px;border-radius:15px;box-shadow:0 0 40px #000000c0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.player-top{font-size:16px;margin-bottom:6px;display:flex;flex-direction:column;gap:4px;text-align:center}.track-title{font-size:16px}.track-museo{font-size:12px;color:#ffffff8e}.player-controls{display:flex;align-items:center;gap:5px}.play-btn{background-color:transparent;border:none;cursor:pointer}.play-btn img{display:flex;align-items:center;width:26px;transition:transform .15s ease}.play-btn img:active{transform:scale(.9)}.progress-wrapper{display:flex;align-items:center;gap:6px;width:100%}.progress-wrapper span{width:38px;text-align:center;font-size:14px;flex-shrink:0}.progress-bar{flex:1;height:3px;border-radius:5px;cursor:pointer}.actions{display:flex;align-items:center;gap:12px}.info-icon{width:24px;cursor:pointer;transition:transform .15s ease}.info-icon:active{transform:scale(.9)}.info-modal{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:20px}.info-content{background:linear-gradient(to right,#9c267b,#da4453);padding:20px;border-radius:10px;max-width:500px;color:#fff;max-height:400px;overflow-y:auto;line-height:1.1;box-shadow:0 0 20px #00000059}.info-content h3{font-size:24px}.close{margin-bottom:100px;display:flex;flex-direction:column;align-items:end;gap:6px}.close-btn{display:flex;align-items:center;justify-content:center;width:27px;border-radius:50%;background:#fff;padding:6px;border:none;cursor:pointer;font-size:10px;box-shadow:0 0 20px #00000059}.close-btn img{width:16px}