/* Paleta emocional */
body {
  margin: 0;
    font-family: 'Georgia', serif;
      background-color: #fdf6ec; /* creme claro */
        color: #4b2e2e; /* marrom emocional */
        }

        /* Logo e topo */
        .logo {
          display: flex;
            align-items: center;
              padding: 20px;
              }
              .logo img {
                height: 50px;
                  margin-right: 10px;
                  }
                  .logo h1 {
                    font-size: 28px;
                      margin: 0;
                      }
                      .frase-topo {
                        font-style: italic;
                          text-align: center;
                            margin-bottom: 10px;
                              color: #6e4a3a;
                              }

                              /* Navegação */
                              nav ul {
                                display: flex;
                                  justify-content: center;
                                    list-style: none;
                                      padding: 0;
                                        margin: 0;
                                        }
                                        nav li {
                                          margin: 0 15px;
                                          }
                                          nav a {
                                            text-decoration: none;
                                              color: #4b2e2e;
                                                font-weight: bold;
                                                }

                                                /* Filtros */
                                                .filtros {
                                                  text-align: center;
                                                    padding: 20px;
                                                    }
                                                    .filtro-grupo {
                                                      display: flex;
                                                        justify-content: center;
                                                          gap: 10px;
                                                            flex-wrap: wrap;
                                                            }
                                                            select, button {
                                                              padding: 10px;
                                                                border: none;
                                                                  border-radius: 8px;
                                                                    font-size: 16px;
                                                                    }
                                                                    select {
                                                                      background-color: #f4c97b;
                                                                        color: #4b2e2e;
                                                                        }
                                                                        button {
                                                                          background: linear-gradient(to right, #f4c97b, #e0b86a);
                                                                            color: #4b2e2e;
                                                                              box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                                                                                transition: transform 0.2s ease;
                                                                                }
                                                                                button:hover {
                                                                                  transform: scale(1.05);
                                                                                  }

                                                                                  /* Pizzas */
                                                                                  .pizzas {
                                                                                    padding: 20px;
                                                                                      text-align: center;
                                                                                      }
                                                                                      .pizza-card {
                                                                                        background-color: #fffaf3;
                                                                                          border-radius: 12px;
                                                                                            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
                                                                                              margin: 20px auto;
                                                                                                max-width: 400px;
                                                                                                  padding: 20px;
                                                                                                  }
                                                                                                  .pizza-card img {
                                                                                                    width: 100%;
                                                                                                      border-radius: 8px;
                                                                                                      }
                                                                                                      .pizza-card h3 {
                                                                                                        margin-top: 10px;
                                                                                                          font-size: 22px;
                                                                                                          }
                                                                                                          .pizza-card .frase {
                                                                                                            font-style: italic;
                                                                                                              margin: 10px 0;
                                                                                                                color: #6e4a3a;
                                                                                                                }
                                                                                                                .pizza-card ul {
                                                                                                                  list-style: none;
                                                                                                                    padding: 0;
                                                                                                                      text-align: left;
                                                                                                                      }
                                                                                                                      .pizza-card li {
                                                                                                                        margin-bottom: 6px;
                                                                                                                        }

                                                                                                                        /* Rodapé */
                                                                                                                        footer {
                                                                                                                          background-color: #f4c97b;
                                                                                                                            padding: 20px;
                                                                                                                              text-align: center;
                                                                                                                                color: #4b2e2e;
                                                                                                                                }
                                                                                                                                footer h4 {
                                                                                                                                  margin-bottom: 10px;
                                                                                                                                  }