.ghp-wrapper { max-width: 1400px; margin: 0 auto; padding: 40px 20px; }

/* Menu de Categorias Moderno */
.ghp-nav ul { display: flex; justify-content: center; gap: 35px; list-style: none; margin-bottom: 50px; }

.ghp-nav a {
    text-transform: uppercase; font-weight: 800;
    font-size: 14px; color: #444; text-decoration: none; padding-bottom: 8px;
    letter-spacing: 2px; position: relative; transition: all 0.3s ease;
}

.ghp-nav a.active { color: #b48d45; } /* Roxo */

.ghp-nav a.active::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px;
}

/* Grid de Cards Tipo Imagem */
.ghp-grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    transition: opacity 0.4s ease;
}

.ghp-card-item {
    height: 350px; overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    display: inline-block;
    margin: 10px;
}

.ghp-card-item img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.5s ease;
}

.ghp-card-item:hover img { transform: scale(1.05); }

#container-btn {
    display: flex;
    justify-content: flex-end; /* joga o botão para a direita */
    margin-top: 15px;          /* espaço em cima, opcional */
  }
  
  #container-btn .btn-ver-mais {
    padding: 10px 20px;
    background: #0a1a3a;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
  }
  @media (max-width: 768px) {
    #container-btn {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    .ghp-nav ul { flex-direction: column; align-items: center; gap: 15px; }
}