*,*::before,*::after{margin:0;padding:0;-webkit-box-sizing:inherit;box-sizing:inherit}html{font-size:62.5%}html,body{min-height:100vh;min-width:100vw;position:relative}body{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}body .pages{display:none}body .pages.visible{width:100%;height:100%;max-width:122rem;max-height:68rem;display:grid;grid-template-columns:22rem 1fr;grid-template-rows:6.6rem 1fr;grid-template-areas:"aside header" "aside container";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 3rem .2rem rgba(0,0,0,0.25);box-shadow:0 0 3rem .2rem rgba(0,0,0,0.25)}body .pages .aside{grid-area:aside}body .pages .header{grid-area:header}body .pages__container{grid-area:container;overflow-y:hidden}body .page{display:none;width:100%;max-height:100%;background:#f4f2f2;padding-bottom:1rem}body .page.visible{display:grid}body,input,button{font-family:'Poppins', sans-serif;color:#ccc}.product-card{padding:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.15);box-shadow:0 0 1rem rgba(51,51,51,0.15);padding:1rem 1rem;background:#fefefe;position:relative;max-height:32.5rem}.product-card--selected{border:2px solid #298143}.product-card__img{display:block;margin:0 auto 1rem auto;height:19rem;width:100%;background-size:cover;background-position:center}.product-card__name{color:#333;font-size:1.5rem;font-weight:bold}.product-card__summary{padding:1rem 0}.product-card__footer{display:-webkit-box;display:-ms-flexbox;display:flex}.product-card__price{color:#333;font-weight:bold;margin-right:auto;font-size:1.5rem}.product-card__edit,.product-card__delete{width:2rem;height:2rem;fill:#333;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.product-card__edit:hover,.product-card__delete:hover{cursor:pointer}.product-card__settings{position:absolute;top:15.5rem;left:auto;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s;right:1.5rem;background:#df4747;fill:#fff;border-radius:2px;font-weight:bold;padding:.1rem;opacity:0;width:2.5rem;height:4rem}.product-card__settings:hover{cursor:pointer;background:#dd3a3a}.product-card:hover .product-card__settings{opacity:1}@media only screen and (max-width: 27.06em){.product-card{padding:1rem}}.alert{display:block;padding:1rem 2rem;text-align:center;position:fixed;margin:0 auto;color:#fff;top:-101%;font-size:1.7rem;max-width:60rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.alert.visible{z-index:2000000000;top:0}.alert--success{background:#357e5c}.alert--fail{background:#ec4b4b}.modal{-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s;position:fixed;top:0;left:0;opacity:0;z-index:-1;height:100vh;width:100vw}.modal.visible{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000000;opacity:1}.modal>*{position:relative}.modal .close{position:absolute;top:1rem;left:calc(100% - 3.5rem);display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s;font-size:2rem;fill:#df4747;font-weight:bold;border-radius:100%;width:2.5rem;height:2.5rem;font-size:1.2rem}.modal .close:hover{fill:#db3131;cursor:pointer}.modal #loginform{margin:8rem auto;background:#fff;padding:1rem;border-radius:1rem;-webkit-box-shadow:0 0 2rem rgba(51,51,51,0.35);box-shadow:0 0 2rem rgba(51,51,51,0.35);max-width:50rem}.modal #loginform h1{text-align:center;color:#333;margin-bottom:2rem}.form-element{display:block;width:100%;padding:.5rem 1rem;color:#333;margin-bottom:.5rem;font-size:1.6rem;border:none;background:#f0eeee;border-bottom:2px solid transparent;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.form-element:focus{outline:none;border-color:#298143}.form-element[type="submit"]{background:#298143;color:#fff;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.form-element[type="submit"]:hover{cursor:pointer;background:#35a857}.btn{width:20rem;background:#333;color:#fff;padding:.5rem 1rem;border:none;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.btn:hover{background:#298143;cursor:pointer}.aside .nav{margin:8rem 0 0 0}.aside .nav__list{display:grid;grid-template-rows:repeat(4, 1fr);list-style:none}.aside .nav__item{width:100%;color:#333}.aside .nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;font-weight:bold;font-size:1.5rem;padding:1rem 2rem;border-left:2px solid transparent;margin-bottom:2px;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.aside .nav__link,.aside .nav__link:link,.aside .nav__link:visited{text-decoration:none;color:inherit}.aside .nav__link:hover,.aside .nav__link--active{border-color:#298143;color:#298143 !important;cursor:pointer}.aside .nav__link:hover svg,.aside .nav__link--active svg{fill:#298143}.aside .nav__icon{width:2rem;height:2rem;fill:#333;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;color:#333;padding:0 1rem}.header .logo{font-size:3rem;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.header .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.header .user__name{font-weight:bold;text-transform:capitalize}.header .user__img{width:5rem;height:5rem;border-radius:100%;margin:.5rem}.header .user__icon{width:1.8rem;height:1.8rem;color:#333;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.header .user__icon:hover{cursor:pointer;fill:#298143}.header .user__menu{list-style:none;position:absolute;width:20rem;right:0rem;top:7rem;opacity:0;z-index:-111;display:none;border-radius:.2rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.35);box-shadow:0 0 1rem rgba(51,51,51,0.35);background:#fff;color:#333;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.header .user__menu.visible{display:block;z-index:1000;opacity:1;top:5rem}.header .user__menu__item{padding:.5rem;font-weight:bold;display:block;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.header .user__menu__item:hover{background:#333;color:#fff;cursor:pointer}.login{z-index:100}.login__box{position:absolute;top:30%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#333;padding:1rem;text-align:center;width:40rem}.login__logo{font-size:2rem;font-weight:bold;text-transform:uppercase;margin-bottom:2rem}.login__button{padding:1rem 2rem;border:none;color:#fff;background:#3aa75b;width:10rem;border-radius:2px;margin-top:1rem;font-weight:bold;text-transform:uppercase;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.login__button:hover{cursor:pointer;background:#298143}.orders{display:grid;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;padding-bottom:1rem;height:100%}.orders__all{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit, 20rem);grid-gap:1rem;overflow-y:scroll;padding:2rem}.orders .order{display:grid;grid-template-columns:14rem 1fr 2.2rem;grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content;grid-gap:.5rem;background:#fff;padding:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.15);box-shadow:0 0 1rem rgba(51,51,51,0.15)}.orders .order__user{display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-line-pack:distribute;align-content:space-around;text-align:center;border-right:2px solid #ccc;grid-column:1/2;grid-row:1/3}.orders .order__user__img{width:8rem;border-radius:100%;margin:0 auto}.orders .order__user__name{font-size:1.5rem;text-align:center;color:#333;font-weight:bold}.orders .order__all-products{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-y:scroll;grid-column:2/3;grid-row:1/2;border-bottom:2px solid #333}.orders .order__product{width:8rem;height:8rem;margin-bottom:.5rem;position:relative;border-radius:2px;overflow:hidden}.orders .order__product,.orders .order__product *{-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.orders .order__product .order__product__quantity,.orders .order__product .order__product__price,.orders .order__product .order__product__name{display:block;background:#333;color:#fff;border-radius:2px;text-align:center;opacity:1;padding:.4rem;opacity:0}.orders .order__product__img{width:100%;height:100%;background-size:cover;background-position:center;position:absolute;top:0;left:0}.orders .order__product__quantity{width:40%;position:absolute;top:65%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.orders .order__product__price{width:90%;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s;position:absolute;top:85%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.orders .order__product__name{width:90%;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;position:absolute;top:90%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.orders .order__product:hover :nth-child(1){opacity:.5}.orders .order__product:hover>*{opacity:1}.orders .order__product:hover :nth-child(2){top:15%}.orders .order__product:hover :nth-child(3){top:45%}.orders .order__product:hover :nth-child(4){top:78%}.orders .order__details{grid-column:2/3;grid-row:2/3;align-self:end;padding:.5rem 1rem;color:#333;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.orders .order__details--complete{border:2px solid #298143}.orders .order__details--active{border:2px solid #f1e31c}.orders .order__details--done{border:2px solid #df4747}.orders .order__settings{grid-column:3/4;grid-row:1/-1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.orders .order__settings .complete:first-child,.orders .order__settings .complete:nth-child(2){background:#ccc !important;color:#fff}.orders .order__settings .complete:hover:first-child,.orders .order__settings .complete:hover:nth-child(2){-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.orders .order__settings>*{padding:.5rem;border-radius:100%;color:#fff;border:none;outline:none;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.orders .order__settings>*:hover{cursor:pointer;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 0 .4rem .2rem rgba(0,0,0,0.2);box-shadow:0 0 .4rem .2rem rgba(0,0,0,0.2);outline:none}.orders .order__settings :first-child{background:#298143}.orders .order__settings :first-child.active{background:transparent;color:#298143;border:2px solid #298143}.orders .order__settings :nth-child(2){background:#f1e31c}.orders .order__settings :nth-child(2).active{background:transparent;color:#f1e31c;border:2px solid #f1e31c}.orders .order__settings :nth-child(3){background:#df4747}.orders__header{border-bottom:4px solid #333;-webkit-box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25);box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25);display:grid;grid-template-columns:80% 1fr;grid-gap:2rem}.orders__header__info .length{font-weight:bold;font-size:2rem;color:#333;margin:1rem}.orders__header__settings{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem}.orders__header__settings button{margin-top:auto;margin-left:auto;color:#333;padding:.4rem 2rem;font-weight:bold;border:2px solid #333;border-radius:2px;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.orders__header__settings button:hover{cursor:pointer;border-color:#298143;color:#298143}.orders__badge{display:inline-block;font-weight:bold;font-size:1rem;padding:.4rem .9rem;border-radius:2px;color:#fff;text-align:center;margin:1rem;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.orders__badge--complete{background:#298143}.orders__badge--active{background:#f1e31c}.orders__badge--done{background:#df4747}.orders__badge:hover{cursor:pointer;-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}.form-edit-product,.add-new-product{padding:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.15);box-shadow:0 0 1rem rgba(51,51,51,0.15);max-width:85rem;margin:2rem auto 0 auto;background:#fff;display:grid;grid-template-columns:35% 1fr;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;grid-gap:1rem;position:relative}.products{display:grid;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;padding-bottom:1rem;height:100%}.products__header{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;-ms-flex-line-pack:center;align-content:center;padding:1rem;border-bottom:4px solid #333;-webkit-box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25);box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25)}.products__header .info .items{color:2rem;font-weight:bold;color:#333;font-size:2rem}.products__header .info .type{display:inline-block;padding:.3rem .7rem;border-radius:.2rem;color:#fff;margin:1rem .5rem 1rem 0;font-weight:bold;text-transform:uppercase}.products__header .info .type--elec{background:#298143}.products__header .info .type--food{background:#df4747}.products__header .info .type--mate{background:#f1e31c;color:#333}.products__header .info .type--colt{background:#333}.products__header .action select{margin-top:1rem;border:2px solid #333}.products__search-input{color:#333}.products__search-input:focus{outline:none}.products__add-btn{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.2rem .6rem;background:#fff;border:2px solid #333;color:#333;font-weight:bold;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.products__add-btn svg{width:1.2rem;height:1.2rem;fill:currentColor;margin-right:.5rem}.products__add-btn:hover{cursor:pointer;color:#298143;border-color:#298143}.products__all{display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 22rem));-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:2rem;padding:2rem;overflow-y:scroll}.form-edit-product__inputs{grid-column:1/2}.form-edit-product__inputs textarea{min-height:8rem}.form-edit-product__images{position:relative;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;grid-column:2/3}.form-edit-product__images:hover{cursor:pointer}.form-edit-product__images input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1000;display:block;background:red}.form-edit-product__images input:hover{cursor:pointer}.form-edit-product__images img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;border-radius:4px}.form-edit-product__submit{color:#333}.add-new-product__header{height:5rem}.add-new-product__inputs{grid-column:1/2}.add-new-product__images{position:relative}.add-new-product__images.noimg{border:2px dashed #333;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.add-new-product__images.noimg::after{content:"Selecionar Imagen de Capa";display:block;font-size:2rem;color:#333;height:100%;width:100%;z-index:100;position:relative;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.add-new-product__images:hover{cursor:pointer}.add-new-product__images input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1000;display:block;background:red}.add-new-product__images input:hover{cursor:pointer}.add-new-product__images img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;border-radius:4px}.clients{grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;height:100%}.clients__header{padding:1rem;border-bottom:4px solid #333;-webkit-box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25);box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25)}.clients__total{font-size:2rem;color:#333;font-weight:bold}.clients__all{padding:4rem 2rem 1rem 2rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(14rem, 22rem));-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-template-rows:repeat(auto-fit, minmax(-webkit-max-content, 20rem));grid-template-rows:repeat(auto-fit, minmax(max-content, 20rem));grid-gap:2rem;overflow-y:scroll}.clients__all .user-card{text-align:center;padding:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.15);box-shadow:0 0 1rem rgba(51,51,51,0.15);background:#fff}.clients__all .user-card__img{display:block;width:10rem;height:auto;border-radius:100%;margin:1rem auto}.clients__all .user-card__name{border-bottom:2px solid #333;padding-bottom:.5rem;margin-bottom:.5rem;font-weight:bold;color:#298143}.clients__all .user-card__phone,.clients__all .user-card__email{color:#333;font-weight:bold}.messages{grid-template-rows:6rem 1fr;height:100%}.messages__header{padding:1rem;border-bottom:4px solid #333;-webkit-box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25);box-shadow:0 0 3rem .5rem rgba(0,0,0,0.25)}.messages__header h1{color:#333;font-weight:bold;font-size:2rem}.messages__all{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit, minmax(8rem, -webkit-max-content));grid-template-rows:repeat(auto-fit, minmax(8rem, max-content));grid-gap:2rem;padding:2rem;height:100%}.messages__all .message-card{background:#fff;position:relative;padding:1rem;-webkit-box-shadow:0 0 1rem rgba(51,51,51,0.15);box-shadow:0 0 1rem rgba(51,51,51,0.15)}.messages__all .message-card__name{display:inline-block;width:auto;color:#298143;margin-right:2rem}.messages__all .message-card__badge{background:#f1e31c;color:#333;border-radius:2px;font-weight:bold;padding:.3rem .5rem}.messages__all .message-card__text{margin-top:1rem;font-size:1.5rem;font-weight:bold;color:#333}.messages__all .message-card__delete{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;fill:#df4747;-webkit-transition:All ease-in-out .25s;-o-transition:All ease-in-out .25s;transition:All ease-in-out .25s}.messages__all .message-card__delete:hover{fill:#333;cursor:pointer}