*{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{min-height:100dvh;padding:20px;color:#fff;max-width:700px;margin:0 auto}.back-cont{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-between;padding:20px 16px;background-color:transparent;transition:background-color .3s ease,backdrop-filter .3s ease}.back-cont.scrolled{background:#14141499;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.back-button{padding:2px 5px;border-radius:5px;border:none;cursor:pointer;background:linear-gradient(to right,#9c267b,#da4453);transition:transform .15s ease}.back-button:active{transform:scale(.9)}.back{width:24px}.share-button{padding:4px 6px;border-radius:50px;border:none;cursor:pointer;background:#a7a7a73f;transition:transform .15s ease}.share-button:active{transform:scale(.9)}.share{width:25px}.logo-container{display:flex;justify-content:center;margin-bottom:20px;margin-top:70px}.logo{display:flex;width:250px;justify-content:center;background-color:#fffe;border-radius:15px;box-shadow:0 8px 30px #0000005d}.logo img{width:100%}h1{font-size:2.2rem;font-weight:900;letter-spacing:-.5px}.top-info{display:flex;flex-direction:column;margin-bottom:30px}.info-title{margin-top:5px;display:flex;gap:1rem}.info-title p{font-size:12px;color:#fffb}.link{width:200px;font-size:16px}.rooms-list{display:flex;flex-direction:column;gap:1.8rem;padding-bottom:170px}.room-card{display:flex;align-items:center;gap:1rem}.room-content{width:100%}.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}.info{margin-top:2px;display:flex;gap:1rem}.info p{font-size:12px;color:#fffb}.calidad{margin-top:5px;font-size:10px;border-radius:2px;font-weight:600;width:fit-content;background-color:#ffffff23;color:#ffffffe0;padding:0 3px}.icon-actions{display:flex;align-items:center;gap:14px}.icon-actions img{width:24px;height:24px;object-fit:contain;cursor:pointer;transition:transform .15s ease}.icon-actions img:active{transform:scale(.9)}.p-info{display:flex;align-items:center;justify-content:center}.bottom-player{position:fixed;bottom:15px;left:50%;transform:translate(-50%);width:calc(100% - 16px);max-width:700px;background:linear-gradient(to right,#24243e,#0f0c29);padding:10px 15px;border-radius:15px;box-shadow:0 0 40px #000000c0;animation:slideUp .3s ease;z-index:9999}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.player-top{font-size:16px;padding-top:5px;margin-bottom:5px;display:flex;flex-direction:column;text-align:center;gap:3px}.track-title{font-size:16px}.track-museo{font-size:12px;color:#ffffff8e}.player-controls{display:flex;align-items:center;gap:5px}.player-actions{margin-top:10px;justify-content:center;gap:40px;padding-bottom: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}.info-modal{min-height:100dvh;position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:20px;z-index:2000}.info-content{background:linear-gradient(to right,#9c267b,#da4453);padding:20px;border-radius:10px;max-width:500px;color:#fff;max-height:50dvh;overflow-y:auto;box-shadow:0 0 20px #00000059}.info-content p{line-height:1.2}.info-content h3{font-size:24px;margin-bottom:5px}.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}