#product-slider {
    width: 400px;
}


/* Ajusta o tamanho das imagens no slider */
#product-slider img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  
  /* Estilo adicional para informações do produto */
  #product-info {
    padding: 20px;
  }
  
  #product-info h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  
  #product-info p {
    margin: 0.5rem 0;
  }
  
  #product-info button {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 1rem;
  }
  
 

  /* Define a altura máxima das imagens do banner */
  .carousel-inner img {
    width: 100%; /* Preenche a largura do contêiner */
    max-height: 06050px; /* Define uma altura fixa */
    object-fit: cover; /* Garante que a imagem seja cortada proporcionalmente para preencher o espaço */
    border-radius: 8px; /* Adiciona bordas arredondadas (opcional) */
  }

  .banner img {
    width: 100%; /* Preenche a largura do contêiner */
    max-height: 350px; /* Define uma altura fixa */
    object-fit: cover; /* Garante que a imagem seja cortada proporcionalmente para preencher o espaço */
    border-radius: 8px; /* Adiciona bordas arredondadas (opcional) */
  }

 
  .custom-navbar {
    background-color: white; /* Substitua pelo código de cor desejado */
    color: #ff83a8; /* Cor do texto */
  }

  .logo {
    width: 50px;
  }
  
  .navbar-brand {
    padding: 0;
  }

  .nav-link {
    color: black;
    font-weight: 600;
    margin: 0;
  }

  .nav-link:hover {
    background-color: #ff83a8;
    color: white;
    height: 100%;
  }

  .btn {
    background-color: #ff83a8;
    border: 1px solid white;
  }

  .btn:hover {
    background-color:white ;
    border: 1px solid #ff83a8;
    color: #ff83a8;
  }

  .btn-link {
    text-decoration: none;
    background-color: white;
    color: #ff83a8;
    border: 1px solid #ff83a8;
  }

  .btn-link:hover {
    background-color: #ff83a8;
    color: white;
  }

  .wpp {
    background-color: rgb(2, 48, 2);
  }

  .product-title {
    text-decoration: none;
    color: black;
  }