.navbar-custom {
    background-color: red;
    color: white;
    /* verde escuro */
}

.navbar-custom .nav-link,
.navbar-custom .navbar-brand {
    color: white;
    /* deixa os links brancos */
}

.navbar-custom .nav-link:hover {
    color: white;
    /* tom mais claro ao passar o mouse */
}

.navbar-custom .nav-link {
    color: #ffffff !important;
}

/* Links quando passar o mouse */
.navbar-custom .nav-link:hover {
    color: #f5d020 !important; /* ou outra cor de destaque */
}
.navbar-custom img{
    width: 70px;
    height: 50px;
}

#heroimg{
    border-radius: 10px;
}
#familia{
    border-radius: 10px;
    width: 600px;
    height: 600px;
}

#section-vendidos img{
    width: 500px;
    height: 450px;
    object-fit: cover;
    border-radius: 8px;
}

#section-vendidos{
    text-align: center;
}
#section-vendidos h2{
    font-weight: bold;
    padding: 20px;
}

#section-vendidos .card{
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
#section-vendidos .preco{
    color: #f5d020;
    font-size: 18px;
    font-weight: bold;
}

#pdt{
    text-decoration: underline;
}

#section-pdt img{
    width: 50%;
    height: 225px;
    object-fit: cover;
    border-radius: 8px;
    align-self: center;
}

#section-pdt{
    text-align: center;
}
#section-pdt h2{
    font-weight: bold;
    padding: 10px;
}

#section-pdt .card{
    margin: 5px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
#section-pdt .preco{
    color: #f5d020;
    font-size: 18px;
    font-weight: bold;
}
#home{
    text-decoration: underline;
}

.produto {
    flex: 1 0 18rem; /* Mantém tamanho fixo no card-group */
}

.card-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* espaçamento entre cards */
    justify-content: center;
}

.card-img-top {
    width: 100%;
    height: 200px; /* altura fixa para todas as imagens */
    object-fit: contain; /* mantém proporção da imagem sem cortar */
    background-color: #fff; /* fundo branco para imagens menores */
    padding: 5px;
}