@charset "UTF-8";@keyframes slideRight{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-217rem)}}@keyframes scroll-big-desktop{0%{transform:translate(0)}to{transform:translate(-406rem)}}@keyframes scroll-tab-port{0%{transform:translate(0)}to{transform:translate(-280rem)}}@keyframes moveInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes showSlow{0%{opacity:0}to{opacity:1}}@keyframes growline{0%{width:0%}70%{width:0%}to{width:85%}}@keyframes growUp{0%{transform:translateY(100%);opacity:0}60%{opacity:0}to{transform:translateY(0)}}@keyframes scaleCenter{0%{transform:scale(0);opacity:0}90%{transform:scale(.2);opacity:0}to{opacity:1;transform:scale(1)}}@keyframes moveInLeft{0%{transform:translate(-20%);opacity:0}70%{transform:translate(-20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scalePrice{0%{transform:scale(70);opacity:0}85%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes showUpMenu{0%{transform:translateY(100%)}80%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes moveCursor{0%{transform:translate(250px,220px);opacity:0}70%{transform:translate(250px,200px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes typing{0%{width:0}to{width:12ch}}@keyframes blink{50%{border-color:transparent}}@keyframes modalInBottom{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translate(0)}}:root{--color-white: #ffffff;--color-black: #000000;--color-grey-light: #f7f7f7;--color-grey-light-2: #f4efea;--color-grey-light-3: #aeaeae;--color-grey-dark: #333;--color-grey-dark-1: #141414;--color-grey-dark-2: #777;--shadow-dark: 0 2rem 6rem rgba(0,0,0,.3);--shadow-light: 0 .5rem 2rem rgba(0, 0, 0, .103);--shadow-white: 0 .5rem 2rem rgba(255, 255, 255, .103)}@font-face{font-family:steps-Mono;src:url(/assets/Steps-Mono-BGbxQ1UL.otf) format("opentype")}@font-face{font-family:Akzidenz-Grotesk;src:url(/assets/Akzidenz-Grotesk-CXXoQl1x.otf) format("opentype")}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}#root{height:100%}html{height:100%;font-size:62.5%}@media only screen and (min-width: 112.5em){html{font-size:75%}}@media only screen and (min-width: 75em){html{font-size:56.25%}}@media only screen and (max-width: 56.25em){html{font-size:50%}}body{height:100%;margin:0;box-sizing:border-box;background-color:var(--color-grey-light-2);cursor:default}.banner__img{height:100%!important}.banner__box{position:absolute;z-index:10}.banner__box--name{height:30%;margin:auto;display:flex;justify-content:center;position:static;animation:showSlow 1.4s ease-in-out}@media only screen and (max-width: 56.25em){.banner__box--name{height:15%}}.banner__box--body{height:96%;margin:auto;right:0;bottom:2%;left:0;display:flex;justify-content:center;align-items:baseline;animation:growUp 2.2s ease-in-out}@media only screen and (max-width: 56.25em){.banner__box--body{height:87%;bottom:3%}}.banner__box--sign{height:53%;margin:auto;bottom:-9%;left:-19rem;animation:moveInLeft 2.7s ease-in-out}@media only screen and (min-width: 112.5em){.banner__box--sign{left:-21rem}}@media only screen and (max-width: 56.25em){.banner__box--sign{height:41%;left:-34%;bottom:-6%}}.banner__box--stock{height:23%;margin:auto;top:22%;right:-9rem;animation:scaleCenter 3s ease-in-out}@media only screen and (max-width: 56.25em){.banner__box--stock{height:-6rem;top:2%;right:-15%}}.banner__box--price{height:8%;margin:auto;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;animation:scalePrice 2.2s ease-in-out}@media only screen and (max-width: 56.25em){.banner__box--price{height:7%;top:6%}}.iframe__spotify{border-radius:12px;width:25%;position:absolute;height:30%;top:74%;left:63%}@media only screen and (max-width: 56.25em){.iframe__spotify{width:100%;position:static}}.line{width:85%;display:block}.line:before{content:"";display:block;background-color:var(--color-grey-light-3);width:85%;height:1px;animation:growline 1.4s ease-in-out;opacity:1;position:absolute;bottom:15%;left:0;right:0;margin:auto}.avatar-img{position:relative}.caption{pointer-events:none;height:1.8rem;font-size:1.4rem;font-family:steps-Mono,sans-serif;font-weight:500;text-transform:uppercase;color:var(--color-grey-dark-1);position:absolute;bottom:-2rem;left:1.5rem;transform:translate(-28vw)!important;display:block;white-space:nowrap;border-right:1px solid;width:12ch;animation:typing 1s steps(10),blink .5s infinite step-end alternate;overflow:hidden}.navlink-box{margin:auto;position:absolute;bottom:1rem;left:1rem;z-index:1000;cursor:pointer}.navlink-box:link,.navlink-box:visited,.navlink-box:active{color:var(--color-black);text-transform:uppercase;text-decoration:none}.btn{cursor:pointer;transition:all .1s ease-in-out}.btn:hover{transform:translateY(-1px);box-shadow:0 1rem 2rem #0001}.btn:active{transform:translateY(0);box-shadow:none}.btn--comprar{width:9%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .1s;cursor:pointer;border:1px solid transparent;border:1px solid var(--color-black);background-color:#390147}@media only screen and (max-width: 56.25em){.btn--comprar{width:100%;height:40%}}.btn--comprar:hover{box-shadow:inset 2rem 5rem 5rem #ffffff1a}.btn--comprar:hover img{transform:scale(1.1)}.btn--comprar img{width:80%;transition:all .2s}@media only screen and (max-width: 56.25em){.btn--comprar img{height:90%;width:auto}}.btn--form{width:12rem;min-height:5rem;padding:.5rem 1rem;border:none;border-radius:2px;outline:none;color:var(--color-white);text-transform:uppercase;font-size:1.4rem;font-weight:600;align-self:center}.btn--violet{background-color:#390147}.btn--orange{width:100%;border:1px solid var(--color-black);background-color:#ff6900;color:var(--color-black)}.btn--orange:hover{transform:translateY(0)}.btn__play{padding:.5rem .5rem .5rem 1.5rem;background-color:#fffc;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;outline:none;font-size:5rem;display:flex;align-items:center;position:fixed;top:10rem;left:0;z-index:9999;cursor:pointer;transform:translate(-1rem);animation:moveInLeft 3s ease-in-out;transition:all .2s ease-in-out}.btn__play:hover{transform:translate(0)}.form{width:100%;display:flex;flex-direction:column}.form-group{width:100%;border:1px solid var(--color-black);font-size:1.4rem;line-height:1;font-family:Akzidenz-Grotesk;font-weight:500;display:flex;flex-direction:row;text-align:left;position:relative}.form-group--cell{width:75%;padding:1rem;display:flex;align-items:center;justify-content:center}.form-group--cell-title{width:25%;border-right:2px solid var(--color-black);font-size:1.6rem;line-height:1;text-transform:uppercase;justify-content:start}.form-group--checkbox{padding:1rem;flex-direction:row;align-items:center}.form__link{cursor:pointer;text-decoration:underline}.form__link:link,.form__link:visited,.form__link:active{color:var(--color-black)}.input{width:100%;height:3rem;padding-left:.5rem;font-size:1.8rem;background-color:transparent;color:var(--color-grey-dark);border:none;outline:none;transition:all .3s}.input:focus{box-shadow:0 1rem 2rem rgba(var(--color-black),.1);background-color:var(--color-white);border-radius:3px}.input-checkbox{width:10%;height:1.4rem}.input-file-container{display:flex;flex-direction:column;gap:1rem}.input-file-box{display:inline-block;position:relative;cursor:pointer}.input-file-box input[type=file]{display:none}.form-logIn{padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-logIn__group{width:95%}.form-logIn__group:not(:last-child){margin-bottom:2rem}@media only screen and (max-width: 56.25em){.form-logIn__group{text-align:center}}.form-logIn__input{font-size:1.5rem;font-family:inherit;color:inherit;padding:1.5rem 2rem;border-radius:2px;background-color:var(--color-grey-light);border:none;border-bottom:3px solid transparent;outline:none;width:100%;display:block;transition:all .3s}@media only screen and (max-width: 56.25em){.form-logIn__input{width:100%}}.form-logIn__input:focus{border-bottom:3px solid var(--color-black)}.form-logIn__input--validacion:focus{box-shadow:var(--shadow-white);border-bottom:3px solid #55c57a}.form-logIn__input--validacion:focus:invalid{border-bottom:3px solid #cf0000}.form-logIn__label{font-size:1.2rem;font-weight:700;margin-left:2rem;margin-top:.7rem;display:block;transition:all .3s}.form-logIn__input:placeholder-shown+.form-logIn__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.slider{margin:auto;overflow:hidden;position:relative;width:100%}.slider .slide-track{width:434rem;padding:.5rem;-webkit-animation:scroll 40s linear infinite;animation:scroll 40s linear infinite;display:flex}@media only screen and (min-width: 112.5em){.slider .slide-track{width:812rem;padding:1rem;animation:scroll-big-desktop 40s linear infinite}}@media only screen and (max-width: 56.25em){.slider .slide-track{width:560rem;padding:1rem;animation:scroll-tab-port 40s linear infinite}}.slider .slide{width:31rem;font-family:steps-Mono;font-size:2rem}@media only screen and (min-width: 112.5em){.slider .slide{width:58rem;font-size:3.8rem}}@media only screen and (max-width: 56.25em){.slider .slide{width:40rem;font-size:2.6rem}}.modal{position:absolute;width:100vw;height:100%;top:0;left:0;display:grid;place-items:center;background-color:#000000b3;z-index:1000;animation:showSlow .2s ease-in-out}.modal-logIn{background-color:var(--color-grey-light)}.modal__compra{width:28%;box-shadow:var(--shadow-light);display:flex;flex-direction:column;animation:modalInBottom .3s ease-in-out}@media only screen and (max-width: 56.25em){.modal__compra{width:100%;height:100%;flex-direction:column;justify-content:center}}.modal__compra-content{border:1px solid var(--color-black);animation:modalInBottom .3s ease-in-out}.modal__compra--heading{width:100%;padding:1rem;background-color:var(--color-black);color:var(--color-white);display:flex;align-items:center}@media only screen and (max-width: 56.25em){.modal__compra--heading{height:5%}}.modal__compra--heading img{height:1.8rem;cursor:pointer}.modal__compra--heading p{width:95%;font-size:2rem;font-family:steps-Mono,sans-serif;text-transform:uppercase;text-align:center}.modal__compra--img{width:100%;height:20rem;background-color:var(--color-white);border:1px solid var(--color-black);border-radius:1px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 56.25em){.modal__compra--img{width:100%;height:40%}}.modal__compra--form{width:100%;height:100%;background-color:var(--color-grey-light-2);display:flex;flex-direction:column;justify-content:space-around}@media only screen and (max-width: 56.25em){.modal__compra--form{width:100%;height:55%;padding:5rem;gap:3rem}}@media only screen and (max-width: 56.25em){.modal__logIn{height:auto}}.modal--btn-bx{width:100%;display:flex;justify-content:space-between}@media only screen and (orientation: landscape){.img-box{height:100%;position:relative}.img__selected{height:100%}.img__price{height:6rem;position:absolute;right:-3rem;bottom:1rem;margin:auto}}@media only screen and (orientation: portrait){.img-box{position:relative}.img__selected{height:26rem;border-radius:10px}.img__price{height:6rem;position:absolute;right:0rem;bottom:-2rem;margin:auto}}.file-preview{display:flex;flex-direction:column;align-items:center}.preview-images{display:flex;gap:.2rem}.box-img{position:relative;border-radius:2px;border:1px solid #000000}.preview-img{height:6rem;width:6rem;object-fit:contain}.box-gif{height:20rem;display:flex;align-items:center}.preview-gif{height:90%;width:auto;object-fit:contain}.delete-img{height:.8rem;width:.8rem;border-radius:50%;position:absolute;top:0;right:0;cursor:pointer}.delete-img-gif{height:1.8rem;width:1.8rem;top:.5rem}.modal__img{padding:5rem;background-color:var(--color-grey-light-2);position:relative;animation:modalInBottom .3s ease-in-out}.modal__img--close-icon{height:2.5rem;position:absolute;top:2rem;right:2rem;cursor:pointer}.modal__img--preview{height:40rem}.modal__terms{width:50%;padding:7rem 2rem;background-color:var(--color-grey-light-2);font-family:Akzidenz-Grotesk;position:relative;animation:modalInBottom .3s ease-in-out;display:flex;flex-direction:column;align-items:center;gap:2rem}.modal__terms--title{width:90%;font-size:2rem}.modal__terms--subtitle{width:90%;font-size:1.8rem}.modal__terms--list{width:90%;padding-top:2rem}.modal__terms--list__item{padding-bottom:1rem;list-style-type:none;font-size:1.5rem;text-align:justify}.modal__terms--close-icon{height:2.5rem;position:absolute;top:4rem;right:4rem;cursor:pointer}.terms-content{display:flex;flex-direction:column}.terms-content__item{padding-left:5rem}.form-group{min-height:45px}.redes__container{height:100%;position:absolute;left:0;animation:moveInLeft 3s ease-in-out;display:flex;align-items:center}@media only screen and (orientation: portrait){.redes__container{top:-25%}}.redes__box{padding:1.5rem;background-color:#fffc;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:all .2s;cursor:pointer;transform:translate(-1rem);display:flex;flex-direction:column;justify-content:center}.redes__box:hover{transform:translate(0)}.redes__icon{height:4.55rem;padding:.25rem}@media only screen and (orientation: portrait){.redes__icon{height:3.9rem}}.square__box{width:10%;height:100%;background-color:var(--color-grey-light);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;border:1px solid var(--color-black);position:relative}@media only screen and (max-width: 56.25em){.square__box{width:20%;height:30%}}.square__box:before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:#390147;transform:scaleY(0);transition:transform .2s,width .2s cubic-bezier(1,0,0,1) .2s,background-color .4s}.square__box:hover:before{transform:scaleY(1);width:100%}.square__box:hover img{box-shadow:var(--shadow-dark)}.square__box.selected{background-color:#390147}.square__box.selected img{box-shadow:var(--shadow-dark)}.square__img{width:100%;transition:all .3s;position:relative;z-index:100}.square__img:before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:var(--color-white);transform:scaleY(0);transition:transform .2s,width .2s cubic-bezier(1,0,0,1) .2s,background-color .4s}@media only screen and (max-width: 56.25em){.square__img{height:100%;width:auto}}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid orange;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20% auto auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{padding:5rem;background-color:var(--color-grey-light-2);font-family:Akzidenz-Grotesk;display:flow;align-items:center;justify-content:center}@media only screen and (max-width: 37.5em){.dashboard{padding:0}}.dashboard__table{width:100%;border-radius:5px;box-shadow:0 1px 12px 1px #2727271a;display:flex;flex-direction:column;animation:showSlow .5s ease-out}@media only screen and (max-width: 37.5em){.dashboard__table{width:auto}}.table--title{padding:.5rem;font-family:steps-Mono,sans-serif;font-size:2rem;text-transform:uppercase}.table__header{background-color:#ff6900;padding:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.table__header--icon{color:var(--color-blue-light)}.table__header--icon:hover{color:var(--color-blue)}.table__content{font-size:.97rem;border-collapse:collapse;margin:5rem}@media only screen and (max-width: 37.5em){.table__content{margin:0}}.table__content--head{font-size:1.6rem;text-transform:uppercase;border-bottom:1px solid var(--color-grey-light-3)}.table__content--body{border-bottom:1px solid var(--color-grey-light-3);position:relative}.table__add--icon{color:var(--color-blue-light);position:absolute;top:1.5rem;left:0}.table__add--icon:hover{color:var(--color-blue)}.table tbody{border-top:1px solid var(--color-grey-light-3)}.table tbody tr{border-bottom:1px solid var(--color-grey-light-3)}.table__cell{width:18%;padding:.5rem;text-align:left;font-size:1.6rem}.table__cell img{height:6rem}.table__cell--img{width:100%;padding:.5rem;display:flex;justify-content:center;gap:.5rem}.table__cell--checkbox{width:5%;font-size:1.2rem;text-transform:uppercase}.table__cell--acciones{font-size:2rem}.table__icon{padding:.3rem;color:var(--color-blue);cursor:pointer}.table__icon-cell{font-size:2.2rem}.table__icon:hover{color:var(--color-red);transform:translateY(-.2rem);transition:all .2s}.table-img{padding:.5rem;border-radius:2px;border:1px solid var(--color-black);display:flex;justify-content:center;align-items:center;cursor:pointer}.icon__admin{color:#ff6900;cursor:pointer}.validation-message{background-color:#f8d7da;color:#721c24;padding:10px;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:15px;font-size:1.7rem}.dashboard__header{width:100%;display:flex;justify-content:flex-end;margin-bottom:20px}.btn--logout{background-color:#ff6900;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:1.7rem}.btn--logout:not(:last-child){margin-right:2rem}.btn--logout:hover{background-color:#e07c00}.selectedRow{background-color:#ff0;font-weight:700}.home__container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.home__box{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;background-color:var(--color-grey-light-2);position:relative;animation:showSlow .8s ease-in-out}@media only screen and (max-width: 56.25em){.home__box{width:100%;height:100%}}.home--banner{height:100%;display:flex;position:relative}.home--menu{width:100%;height:auto;border-radius:2px;display:flex;justify-content:space-between;animation:showUpMenu 4s ease-in-out}@media only screen and (max-width: 56.25em){.home--menu{flex-direction:column;align-items:center;height:17%}}.menu{width:100%;padding-bottom:.2rem;display:flex;align-items:center;box-shadow:var(--shadow-light)}@media only screen and (max-width: 56.25em){.menu{width:100%;height:100%;flex-wrap:wrap}}.z-index--full{z-index:2000}.mensaje_retorno{margin-top:20px;padding:10px;border-radius:5px;background-color:#f2f2f2;color:#000;font-size:2.5em;text-align:center;display:none;width:30%}.mensaje_retorno__error{background-color:#f8d7da;color:#721c24}.mensaje_retorno__success{background-color:#d4edda;color:#155724}.mensaje_retorno__warning{background-color:#fff3cd;color:#856404}.mensaje_retorno__info{background-color:#d1ecf1;color:#0c5460}.mensaje_retorno__show{display:block}@media only screen and (orientation: portrait){.mensaje_retorno{margin:50px auto auto;width:70%}}.mensaje_container{width:100%;display:ruby-text;text-align:center}