@font-face{font-family:'Gilroy-Black';src:url("../fonts/original_Gilroy-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/original_Gilroy-Black.woff") format("woff"),url("../fonts/original_Gilroy-Black.ttf") format("truetype"),url("../fonts/original_Gilroy-Black.svg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Gilroy-Bold';src:url("../fonts/original_Gilroy-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/original_Gilroy-Bold.woff") format("woff"),url("../fonts/original_Gilroy-Bold.ttf") format("truetype"),url("../fonts/original_Gilroy-Bold.svg") format("svg");font-weight:normal;font-style:normal}body{font-family:"Gilroy-Bold";font-size:18px}@media (min-width: 0px){.decora{position:fixed;display:block;z-index:1;width:100%;height:100%;left:0;top:0}.decora:before{content:"";position:absolute;display:block;opacity:0.03;background-color:#000;width:700%;height:500%;transform:rotate(30deg);left:-100%;top:0}.container{min-height:100vh;display:flex;align-items:center;position:relative;z-index:20;padding-bottom:40px}.container .row>div{display:flex;flex-direction:column;padding-top:140px;padding-bottom:50px}.container .row>div.sidebar{padding-top:0}.container .row>div.sidebar a{display:inline-block;line-height:46px}.container.loading .row>div{padding-top:40px;padding-bottom:10px}.container.loading .row>div.image{padding-top:0;padding-bottom:0}.container.loading .row>div:last-child{padding-top:20px}.container.loading h2{margin-bottom:0}.container.loading p{margin-bottom:0}h1,h2,h3,h4{font-family:"Gilroy-Black"}h1{font-size:0;color:#fff;position:absolute;top:0;left:0;width:82px}h1 img{width:100%}h2{font-size:35px;letter-spacing:5px;line-height:50px;margin-bottom:2rem}h2 br{display:none}h3{font-size:18px;letter-spacing:2px;margin-bottom:2rem}p{letter-spacing:1px;margin-bottom:1.5rem}a{display:flex;align-items:center;height:65px;background-color:#000;color:#fff;font-family:"Gilroy-Black";font-size:22px;padding:0 2rem;margin-top:1rem;align-self:flex-start;border:1px solid #000}a:hover{background-color:#fff;color:#000;text-decoration:none}a.lineas{background-color:#fff;color:#000;font-size:14px;height:46px}a.lineas:hover{background-color:#000;color:#fff}img{width:auto;max-width:100%}img.center{align-self:center}.spotify-list{margin:3rem 0 1rem 0}.spotify-list h3{margin-bottom:1rem}.generos{margin:3rem 0 0;padding:0;width:100%}.generos li{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.generos li span{font-size:13px;text-transform:uppercase;color:#010101;flex:1}.generos li .value{height:10px;border-radius:10px;overflow:hidden;position:relative;background-color:#e4e4e4;width:150px}.generos li .value>div{position:absolute;top:0;left:0;height:10px;width:0%;background-color:#000000;flex:none;border-radius:10px}.porcentaje{font-size:100px;font-family:'Gilroy-Black';color:#000000;opacity:.1;text-align:center}.lista{padding:0;margin:2rem 0 0 0;display:flex;flex-wrap:wrap}.lista li{display:flex;align-items:center;margin-bottom:34px;width:100%}.lista li .imagen{flex:none;width:80px;min-height:80px;margin-right:20px;background-color:rgba(0,0,0,0.3)}.lista li .data{display:flex;flex-direction:column;flex:1;justify-content:center;font-size:16px;line-height:15px;color:#000}.lista li .data span{display:block;font-size:12px;opacity:.5}.lista.user{flex-direction:column}.lista.user li{width:100%;margin-bottom:10px}.lista.user li .imagen{width:78px;height:78px;background-color:transparent}.popup{position:fixed;height:100vh;width:100%;padding:20px;top:0;left:0;background-color:rgba(0,0,0,0.9);display:none;z-index:500;overflow-y:scroll}.popup a.cerrar{width:20px;height:20px;background-image:url(../img/cerrar-popup.svg);background-size:100%;background-repeat:no-repeat;background-position:center;background-color:transparent;border:none;position:absolute;top:20px;right:20px;display:block;padding:0;margin:0}.popup h2{text-align:center;font-size:30px;margin:4rem 0 0;letter-spacing:1px}.popup .container{display:block;min-height:1px;height:auto}.popup .container .row>div{background-color:#fff;padding-top:0;padding-bottom:0}.popup .lista li{margin-bottom:10px}.popup .lista li .imagen{width:78px;height:78px;min-height:1px;background-color:transparent}}@media (min-width: 768px){.decora:before{left:-40%}.container .row>div{padding-top:0;padding-bottom:0}.container .row>div.sidebar{flex-direction:row;align-items:flex-start;justify-content:space-between}.container.loading .row>div{padding-top:40px;padding-bottom:40px}.container.loading .row>div:last-child{padding-top:40px}.container.loading h2{margin-bottom:1rem}h2{font-size:61px;letter-spacing:10px;line-height:80px}h2.interior{font-size:48px;letter-spacing:2px;line-height:60px;margin-bottom:.5rem}.spotify-list{flex:1;padding-right:40px}.generos{width:40%}.lista li{width:50%}.popup{padding:0;overflow-y:auto}.popup .container{margin-top:110px}.popup h2{margin:2rem 0 0}.popup .lista{margin:2rem calc(8.333333% + 20px) 1rem}.popup .lista li{width:50%}}@media (min-width: 992px){.decora:before{left:60%}h2{margin-top:100px}h2 br{display:block}}@media (min-width: 1200px){.container{max-width:1200px;padding-top:40px}.container .row>div.sidebar{flex-direction:column;align-items:flex-start;justify-content:flex-start}h2{margin-top:0}p,h3,a{margin-left:8.333333%}p.nomargin,h3.nomargin,a.nomargin{margin-left:0}.generos{margin:0;padding:0;width:100%}.spotify-list{margin:0 0 1rem 0;flex:none}.spotify-list{margin:0 0 1rem 0}}
/*# sourceMappingURL=estilos.css.map */