@charset "UTF-8";body{background-color:#181818;color:#fff;margin:0;padding:0;font-family:Roboto,sans-serif}.time-range-button{display:inline-block;padding:.5rem 1rem;border:none;background-color:#1ed760;color:#fff;font-size:1rem;font-weight:700;margin-right:.5rem;cursor:pointer}.time-range-button.inactive{background-color:#333}.time-range-button.inactive:hover{background-color:#666}.login__contenedor{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.login__logo-spotify{width:30vh;height:auto;margin-bottom:20px}.login__texto-spotify-review{font-size:24px;font-weight:700;margin-bottom:20px;color:#fff}.login__boton-inicio-spotify{background-color:#1ed760;border-radius:5px;color:#fff;padding:10px 20px;font-size:16px;border:none;cursor:pointer}.login__boton-inicio-spotify:hover{filter:brightness(120%)}.header-nav__logo{margin-right:10px;width:30px;height:30px}.header-nav__user-foto{width:30px;height:30px;border-radius:50%;margin-right:5px}.header-nav__user-nombre{margin-right:10px;color:#fff}.header-nav__logout-btn{background-color:#1ed760;border-radius:5px;color:#fff;padding:10px 20px;font-size:16px;border:none;cursor:pointer}@media (max-width: 768px){.header-nav__user-nombre{display:none}}.dashboard-container{display:flex;justify-content:center}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;max-width:600px;margin-top:2rem}.dashboard-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ccc;padding:2rem;text-align:center;border-radius:.5rem}.dashboard-item:hover{background-color:#e6e6e6;cursor:pointer}.dashboard-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#181818}.dashboard-icon{font-size:2rem;margin-bottom:.5rem}.dashboard-text{font-size:.9rem}@media (max-width: 767px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}}.profile-container{display:flex;justify-content:center;align-items:center}.profile-card{display:grid;grid-template-rows:auto 1fr auto;gap:10px;justify-items:center;text-align:center;padding:20px;border-radius:5px;background-color:#fff}.profile-image{border-radius:50%;width:200px;height:200px;object-fit:cover}.profile-name{margin:0;font-size:30px;color:#181818}.profile-name-link{text-decoration:none;color:#181818}.profile-name-link:hover{text-decoration:underline}.profile-details{display:flex;flex-direction:column;gap:10px;color:#181818}.top-artists{margin-top:2rem;text-align:center}.artist-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;margin-top:1rem}.artist-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.artist-image{width:100%;height:auto;object-fit:cover;border-radius:50%}.artist-name{margin-top:.5rem}.top-track{margin-top:2rem;text-align:center}.track-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;margin-top:1rem}.track-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.track-image{width:100%;height:auto;max-width:150px;object-fit:cover;border-radius:50%}.track-name{margin-top:.5rem}.recently-played-container{text-align:center}.recently-played-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;margin-top:1rem}.recently-played-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.recently-played-image{width:100%;height:auto;max-width:150px;object-fit:cover;border-radius:50%}.recently-played-name{margin-top:.5rem}.profile-container{text-align:center}.top-playlist{margin-top:2rem;text-align:center}.time-range-buttons{margin-bottom:1rem;text-align:center}.playlist-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;margin-top:1rem}.playlist-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.playlist-image{width:100%;height:auto;object-fit:cover;border-radius:50%}.playlist-name{margin-top:.5rem}.playlist-details{display:flex;flex-direction:column;align-items:center;margin-top:20px}.playlist-info{display:flex;align-items:center;margin-bottom:20px}.playlist-cover{width:150px;height:150px;border-radius:8px;margin-right:20px}.playlist-name{font-size:24px}.section-title{font-size:20px;margin-bottom:10px}.song-list{list-style:none;padding:0}.song-item{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.song-cover{width:50px;height:50px;border-radius:8px;margin-right:10px}.song-details{display:flex;flex-direction:column}.song-name{font-weight:700;margin-bottom:5px}.song-artist,.song-album{margin:0}.genres-list{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:500px}.genres-list__item{display:flex;align-items:center;background-color:#333;color:#fff;padding:10px;border-radius:5px;min-width:200px}.genres-list__item:hover{background-color:#666}.genres-list__item__playlist-link{display:flex;align-items:center;color:#fff;margin-left:auto;text-decoration:none}.genres-list__item__playlist-link--with-icon svg{margin-left:5px}.scroll-to-top{position:fixed;bottom:70px;right:30px;z-index:99;border:none;outline:none;background-color:#1ed760;color:#181818;cursor:pointer;padding:15px;border-radius:10px;font-size:25px}.scroll-to-top:hover{background-color:#0b5b10;color:#fff}.footer{background-color:#262626b0;margin-top:5%;padding:5% 0;text-align:center}.footer__content{display:flex;align-items:center;justify-content:center}.footer__github-icon{margin-right:5px}.footer__link{color:#fff;text-decoration:none}