@font-face{font-family:'Helvetica Neue LT Std';src:url("fonts/HelveticaNeueLTStd-Bd.eot");src:url("fonts/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"),url("fonts/HelveticaNeueLTStd-Bd.woff2") format("woff2"),url("fonts/HelveticaNeueLTStd-Bd.woff") format("woff"),url("fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"),url("fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd") format("svg");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Helvetica Neue LT Std';src:url("fonts/HelveticaNeueLTStd-Blk.eot");src:url("fonts/HelveticaNeueLTStd-Blk.eot?#iefix") format("embedded-opentype"),url("fonts/HelveticaNeueLTStd-Blk.woff2") format("woff2"),url("fonts/HelveticaNeueLTStd-Blk.woff") format("woff"),url("fonts/HelveticaNeueLTStd-Blk.ttf") format("truetype"),url("fonts/HelveticaNeueLTStd-Blk.svg#HelveticaNeueLTStd-Blk") format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Helvetica Neue LT Std';src:url("fonts/HelveticaNeueLTStd-Md.eot");src:url("fonts/HelveticaNeueLTStd-Md.eot?#iefix") format("embedded-opentype"),url("fonts/HelveticaNeueLTStd-Md.woff2") format("woff2"),url("fonts/HelveticaNeueLTStd-Md.woff") format("woff"),url("fonts/HelveticaNeueLTStd-Md.ttf") format("truetype"),url("fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md") format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Helvetica Neue LT Std';src:url("fonts/HelveticaNeueLTStd-Lt.eot");src:url("fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"),url("fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2"),url("fonts/HelveticaNeueLTStd-Lt.woff") format("woff"),url("fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"),url("fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Helvetica Neue LT Std';src:url("fonts/HelveticaNeueLTStd-Roman.eot");src:url("fonts/HelveticaNeueLTStd-Roman.eot?#iefix") format("embedded-opentype"),url("fonts/HelveticaNeueLTStd-Roman.woff2") format("woff2"),url("fonts/HelveticaNeueLTStd-Roman.woff") format("woff"),url("fonts/HelveticaNeueLTStd-Roman.ttf") format("truetype"),url("fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman") format("svg");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Helvetica Neue LT Std';src:url("fonts/HelveticaNeueLTStd-Th.eot");src:url("fonts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"),url("fonts/HelveticaNeueLTStd-Th.woff2") format("woff2"),url("fonts/HelveticaNeueLTStd-Th.woff") format("woff"),url("fonts/HelveticaNeueLTStd-Th.ttf") format("truetype"),url("fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th") format("svg");font-weight:100;font-style:normal;font-display:swap}body{font-family:'Helvetica Neue LT Std'}header{position:absolute;top:0;left:0;z-index:2;color:white}header.headerInterna{background:#f88b1b}@media screen and (min-width:768px){header.headerInterna{background:transparent}}.disco{display:-webkit-box;display:-ms-flexbox;display:flex;padding:100px 30px 30px;border-bottom-right-radius:400px;border-bottom-left-radius:400px}.disco img.rotate{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.disco img{width:100%;max-width:400px}[data-gener="vallenato"] .disco{background:#03b787}[data-gener="vallenato"] .ornaments:before{width:129px;height:130px;background:url(../img/vallenato.svg) no-repeat center center/contain;-webkit-transform:rotate(-26deg);-ms-transform:rotate(-26deg);transform:rotate(-26deg);bottom:0;left:-30px}@media screen and (min-width:768px){[data-gener="vallenato"] .ornaments:before{left:0;bottom:50px}}[data-gener="rock"] .disco{background:#e20043}[data-gener="rock"] .ornaments:before{background:url(../img/rock.svg) no-repeat center center/contain;-webkit-transform:rotate(-26deg);-ms-transform:rotate(-26deg);transform:rotate(-26deg);bottom:0}@media screen and (min-width:768px){[data-gener="rock"] .ornaments:before{bottom:50px}}[data-gener="ranchera"] .ornaments:before{background:url(../img/ranchera.svg) no-repeat center center/contain;-webkit-transform:rotate(-26deg) translateX(0);-ms-transform:rotate(-26deg) translateX(0);transform:rotate(-26deg) translateX(0);bottom:0;left:-20px;width:100px;height:100px}@media screen and (min-width:768px){[data-gener="ranchera"] .ornaments:before{left:0;bottom:50px}}[data-gener="ranchera"] .disco{background:#003c9e}.ornaments{background:url("../img/papeles.svg") no-repeat center center/contain,url("../img/rayo.svg") no-repeat 99% 38%/95px,url("../img/rayo2.svg") no-repeat 100% 100%/100px,url("../img/rayo3.svg") no-repeat 0 50%/100px;position:absolute;width:100%;max-width:660px;z-index:1;height:100%}.ornaments:before{content:"";width:100px;height:100px;position:absolute;display:block;left:0;bottom:0}@media screen and (min-width:768px){.ornaments{background:url(../img/papeles.svg) no-repeat center center/contain,url(../img/rayo.svg) no-repeat 99% 130px/200px,url(../img/rayo2.svg) no-repeat 100% 70%/100px,url(../img/rayo3.svg) no-repeat 0 50%/100px}.ornaments:before{width:130px;height:130px;content:"";bottom:100px}}.logo{max-width:200px;margin-right:20px}.interna{min-height:100vh;width:100%;background:url(../img/bgdisco.png) no-repeat center center/cover;color:white}.home{min-height:100vh;width:100%;padding-top:160px;background:url(../img/bghome.png) no-repeat center right/cover;color:white;position:relative}.home .container-fluid{position:relative;z-index:1}.home::after{content:"";width:100%;top:0;left:0;position:absolute;background:red;height:100%;z-index:0;background:url(../img/papeles.svg) no-repeat center 60px/contain}@media screen and (min-width:768px){.home{background:url(../img/bghome.png) no-repeat center center/cover;padding-top:210px}}.gener{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;border-radius:50px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;text-transform:uppercase}.gener img{max-width:50px}.gener .icon{position:relative;border-radius:100%}.gener .icon img{width:50px}@media screen and (min-width:768px){.gener{display:block;border-top-right-radius:200px;border-top-left-radius:200px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;position:relative;max-width:250px;padding:30px 30px 30px;color:white;margin-bottom:50px}.gener img{max-width:inherit;width:100%}.gener .icon{max-width:74px;display:block;padding:16px;position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(-12px);-ms-transform:translateX(-50%) translateY(-12px);transform:translateX(-50%) translateY(-12px)}.gener .icon img{width:100%;max-width:inherit}.gener:hover .img{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.gener .img{position:relative;-webkit-box-shadow:0 0 19px 0 white;box-shadow:0 0 19px 0 white;border-radius:100%}.gener .img::after{content:"";position:absolute;top:50%;left:50%;height:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:100%;height:100%}}.gener.vallenato{background:#03b787}.gener.vallenato .img::after{background:url(../img/vallenato.svg) no-repeat center center/15px}.gener.vallenato .icon{background:#03b787}.gener.ranchera{background:#003c9e}.gener.ranchera .img::after{background:url(../img/ranchera.svg) no-repeat center center/25px}.gener.ranchera .icon{background:#003c9e}.gener.rock{background:#e20043}.gener.rock .img::after{background:url(../img/rock.svg) no-repeat center center/25px}.gener.rock .icon{background:#e20043}.gener h2{margin:0;padding-top:15px;font-size:25px;padding-bottom:5px}.titles{max-width:800px}.titles h2{font-weight:500;font-size:25px}.titles h1{font-size:40px}.titles p{min-width:80%;border-top:solid 1px white;padding-top:20px;font-size:15px}@media screen and (min-width:768px){.titles h2{font-size:35px;max-width:650px;line-height:40px}.titles h1{font-weight:500;font-size:50px;letter-spacing:-1px;line-height:75px}.titles p{font-size:25px;font-weight:normal;line-height:25px}}.redes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.redes p{margin:0;font-size:24px;font-weight:normal}.redes a{display:block;padding:0 10px;width:50px}.downloadAudio{color:white;padding:5px 0;padding-right:55px;background:url(../img/icon.svg) no-repeat calc(100% - 15px) center/30px;font-size:26px;font-weight:normal}.downloadAudio:hover{color:White}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.audio-player{width:100%;max-width:800px;font-family:'Helvetica Neue LT Std';color:white;font-size:.75em;text-align:center;margin:30px auto}.audio-player .back,.audio-player .next{display:block;width:30px;height:30px;cursor:pointer}.audio-player .back:hover,.audio-player .next:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.audio-player .back{background:url(../img/controls/rewind.svg) no-repeat center center/40px}.audio-player .next{background:url(../img/controls/forward.svg) no-repeat center center/40px}.audio-player .timeline{background:rgba(255,255,255,.5);width:100%;height:20px;border-radius:50px;position:relative;cursor:pointer}.audio-player .timeline .progress{background:white;border-radius:50px;width:0;height:100%;-webkit-transition:.25s;-o-transition:.25s;transition:.25s}.audio-player .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0 0}.audio-player .controls>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-player .controls .toggle-play{border-radius:100%;border:solid 4px white}.audio-player .controls .toggle-play.play{width:50px;height:50px;cursor:pointer;position:relative;background:url(../img/controls/play.svg) no-repeat center center/40px}.audio-player .controls .toggle-play.play:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.audio-player .controls .toggle-play.pause{width:50px;height:50px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url(../img/controls/pause.svg) no-repeat center center/40px}.audio-player .controls .toggle-play.pause:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.audio-player .controls .time{display:-webkit-box;display:-ms-flexbox;display:flex}.audio-player .controls .time>*{padding:2px}.audio-player .controls .volume-container{cursor:pointer;position:relative;z-index:2}.audio-player .controls .volume-container .volume-button{width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.audio-player .controls .volume-container .volume-button .volume{width:30px;height:30px;background:url(../img/controls/volume_up.svg) no-repeat center center/30px}.audio-player .controls .volume-container .volume-slider{position:absolute;right:-15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:-1;width:0;height:15px;background:white;border-radius:30px;-webkit-transition:.25s;-o-transition:.25s;transition:.25s}.audio-player .controls .volume-container .volume-slider .volume-percentage{background:coral;height:100%;width:75%;border-radius:30px}.audio-player .controls .volume-container:hover .volume-slider{right:-123px;width:120px}