/* ============================= */
/* COMUM                         */
/* ============================= */

header, nav, section, article, aside {
    border-radius: 7px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
    text-align: center;
}

nav, article {
        height: 50px;

}

.paginacao {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  background: white;
  height: 40px;
}

.paginacao-lista {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
}

.paginacao-btn {
  padding: 5px 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
}

.paginacao-btn:hover {
  background: #f5f5f5;
}

.paginacao-pagina {
  padding: 0px 12px;
  font-weight: bold;
}

#lista-produtos > div {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

button {
    font-family: inherit;
}