*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
}
.btn-danger{
    background-color: #fd19ea;
}
.redes-sociais{
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    justify-content: space-between;
    padding: 5px 0;

}
.logo {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
    text-align: center;
}
.logo img{
    max-width: 30%;
}
.redes-sociais-item {
    max-width: 25%;
    text-align: center;
    margin: 0 auto;
    

}

.redes-sociais-item a{
    color: #fff;
    font-size: 20px;
}
header, footer {
    background-color: #fd19ea;


}

/* Produtos Page */

.produtos-page {
    /* background-color: #000; */
    padding: 10px;
}

.produtos-page .row {
    margin: 0;
}

#carouselProd {
    max-width:90%; 
    margin: 0 auto;
  }



  /*  */
.destaque-produtos, .produtos, .produto-single {
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-grow: 1;
    padding: 15px;
}
.destaque-produtos .produto {
    max-width: 50%;
}
.destaque-produtos .produto, .produtos .produto, .produto-single .produto {
    padding: 20px 0;
   
    text-align: center;
    flex-grow: 2;
 
}
.produtos .produto {
    max-width: 33%;
}
.destaque-produtos .produto img {
    max-width: 70%;
    margin: 0 auto;
}

.produtos .produto img {
    max-width: 50%;
}
.destaque-produtos .produto img , .produtos .produto img, .produto-single .produto img {
    border-radius: 15px;
    box-shadow: rgb(205, 65, 186);
    -webkit-box-shadow: 16px 3px 17px 3px rgba(232, 69, 175, 0.79);
    -moz-box-shadow: 16px 3px 17px 3px rgba(232, 69, 175, 0.79);
    box-shadow: 16px 3px 17px 3px rgba(232, 69, 175, 0.79);
}

.destaque-produtos .produto img:hover, .produtos .produto img:hover {

    border-radius: 30px;
    -webkit-box-shadow: 16px 3px 17px 3px rgba(49, 36, 37, 0.79);
    -moz-box-shadow: 16px 3px 17px 3px rgba(49, 36, 37, 0.79);
    box-shadow: 16px 3px 17px 3px rgba(49, 36, 37, 0.79);
}
.destaque-produtos .produto span, .produtos .produto span {
    display: block;
    margin-top: 10px;
    font-weight: bold;
}
.destaque-produtos .produto a, .produtos .produto a {
color: #000;
text-decoration: none;
}
.destaque-produtos .produto span:hover, .produtos .produto span:hover {
   color:#82080A;
}


/* .produto-single .produto {
    max-width: 50%;
} */
.produto-single img {
    max-width: 90%;
}


footer {
    text-align: center;
    color: #fff;
    padding: 15px;
}
footer h3 {
    font-size: 1.2em;
}

footer h1 {
    font-size: 1.5em;
}

.titulo-pagina {
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}
/* Navbar */

.navbar {
    
    border-top:1px solid #fff;

}

.btn {
    margin-bottom: 5px;
}
.navbar a {
    color: #fff!important;
}
.navbar .dropdown-item {
    color: #82080A!important;
}
    .navbar-dark .navbar-toggler {
    border: 1px solid #fff;
}
.bg-dark {
    background-color: #f704e2!important;
}
.tamanhos-produto {
    max-width: 100%;
    flex-wrap: wrap;
    display: flex;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}
.tamanhos-produto div{
 padding: 3px 15px;
 margin: 3px;
 background-color: #fd19ea;
 border: 1px outset #fd19ea;
 color: #fff;
 cursor: pointer;
}
.valores-produto div {
    padding: 3px 15px;
    margin: 20px;
    background-color: #fd19ea;
    border: 1px outset #fd19ea;
    color: #fff;
}
.tamanhos-produto div:hover {
    background-color: #f5383b;
}
.produto-selecionado {
    background-color: #710973!important;
}

.cartela-tabela {
    color: #710973;
    width: 40px;
    height: 35px;
    position: fixed;
  right: 0px;
  top:50%;
  padding: 3px;
  font-size: 25px;
   
}
.cartela-tabela-page {
    margin: 0 auto;
}
.tabela-medidas{
    cursor: pointer;
    color: #710973;
}
.img-tabela,  .img-cartela{
    text-align: center;
    margin-top: 15px;
    display: none;
}
.cartela-tabela-page b {
    cursor: pointer;
}

.img-cor {
    border-radius: 50px!important;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: none!important; 
    -moz-box-shadow: none!important; 
    box-shadow: none!important; 
    /* border: 2px solid #000; */
}

.form-control {
    font-family: system-ui, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    display: flex;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    border: none;
  }
  
  .form-control + .form-control {
    margin-top: 1em;
  }
  
  .form-control:focus-within {
    color: var(--form-control-color);
  }
  
  input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
    margin-top: 7px;
  
    font: inherit;
    color: currentColor;
    width: 1em;
    height: 1em;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    transform: translateY(-0.075em);
  
    display: grid;
    place-content: center;
  }
  
  input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
  }
  
  input[type="radio"]:checked::before {
    transform: scale(1);
  }


  .input-quantidade {
    color:#000;
    border: none;
  }

  .item-carrinho {
    margin-top: 5px;
    padding: 3px;
    border: 1px solid #ccc;
    text-align: center;
  }
  .item-carrinho img {
    border-radius: 10px;
    max-width: 80px;
  }

  .carousel-control-prev-icon, .carousel-control-next-icon {
    color: #fd19ea!important;
    background-color: #f704e2;
  }


@media (max-width: 600px) {
    .redes-sociais-item img {
        max-width: 50%;        
    }
    .logo img{
        max-width: 70%;
    } 
    footer h3 {
        font-size: 1em;
    }
    footer h1 {
        font-size: 1.2em;
    }


    .produtos .produto {
        max-width: 50%;
    }

    .produto-single .produto img {
        max-width: 95%;
    }

    .produtos .produto span { 
    font-weight: 400;
    }


    .destaque-produtos .produto img , .produtos .produto img, .produto-single .produto img {
        border-radius: 15px;
        box-shadow: rgb(227, 13, 206);
        -webkit-box-shadow: 5px 3px 6px 3px rgba(232, 69, 175, 0.79);
        -moz-box-shadow: 5px 3px 6px 3px rgba(232, 69, 175, 0.79);
        box-shadow: 5px 3px 6px 3px rgba(232, 69, 175, 0.79);
    }
    
    .destaque-produtos .produto img:hover, .produtos .produto img:hover {
    
        border-radius: 30px;
        -webkit-box-shadow: 5px 3px 6px 3px rgba(49, 36, 37, 0.79);
        -moz-box-shadow: 5px 3px 6px 3px rgba(49, 36, 37, 0.79);
        box-shadow: 5px 3px 6px 3px rgba(49, 36, 37, 0.79);
    }

    
/* .produto-single .produto {
    max-width: 100%;
} */
}