/* zerar o css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* classes para espera */
.wait {
  animation: 1s ease animate-waiting infinite;
  background: #e6e7e7 !important;
}

.wait > * {
  visibility: hidden;
}

@keyframes animate-waiting {
  0% {
    filter: brightness(1);
  }
  50% {
    filter: brightness(0.95);
  }
  100% {
    filter: brightness(1);
  }
}
.animated-waiting {
  animation: 1s ease animate-waiting infinite;
}

@keyframes animate-waited {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.waited > * {
  animation: 0.5s ease animate-waited;
}

/* Componentes de todas as páginas */

/* Newsletter */
.newsletter.wait {
  height: 435px;
  margin-bottom: 10px;
}

/* Breadcrumb */
.breadcrumb.wait {
  height: 50px;
  margin: 10px 0;
}

/* Footer */
footer {
  height: 472px;
}

.sub-footer.wait {
  height: 78px;
}

/* Header */
header.wait {
  height: 190px;
  margin-bottom: 10px;
}
.top-header.wait {
  height: 55px;
}

/* category-products */
.category-products.wait {
  height: 190px;
  margin-bottom: 10px;
}

/* best-sellers */
.best-sellers.wait {
  height: 620px;
  margin-bottom: 10px;
}

.last-visit.wait {
  height: 620px;
  margin-bottom: 10px;
}

#details .item-details.wait {
  height: 550px;
}

.register-box.wait {
  height: 490px;
  margin-top: 10px;
}

.register-info.wait {
  height: 640px;
  margin-top: 10px;
}

.register-address.wait {
  height: 790px;
  margin-top: 10px;
}

/* Painel do usuário - colocar depois que o back estiver ok */
/* .menu-cliente.wait {
}

.minha-conta.wait {
}

.meus-enderecos.wait {
}

.meus-pedidos .wait {
}

.favoritos.wait {
}

.perfil.wait {
}

.seguranca.wait {
} */

@media (max-width: 1199px) {
  .newsletter.wait {
    height: auto;
  }

  footer.wait {
    height: auto;
  }

  .sub-footer.wait {
    height: auto;
  }

  header.wait {
    height: auto;
  }
  .top-header.wait {
    height: auto;
  }

  .category-products.wait {
    height: auto;
  }

  .best-sellers.wait {
    height: auto;
  }

  .last-visit.wait {
    height: auto;
  }

  #details .item-details.wait {
    height: auto;
  }

  .register-box.wait {
    height: auto;
  }

  .register-info.wait {
    height: auto;
  }

  .register-address.wait {
    height: auto;
  }

  /* Painel do usuário - colocar depois que o back estiver ok*/
  /* .menu-cliente.wait {
}

.minha-conta.wait {
}

.meus-enderecos.wait {
}

.meus-pedidos .wait {
}

.favoritos.wait {
}

.perfil.wait {
}

.seguranca.wait {
} */
}