.pc-sabores-pizza-listagem {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 25px;
	flex-wrap: wrap;
       
}



.pc-sabores-pizza-listagem .sabor {
	width: 30%;
	display: flex;
	flex-direction: column;
	box-shadow: 0px 1px 3px rgba(3,3,3,0.5);
	border-radius: 8px;
	height: 200px;
         transition: all ease-in 0.1s;
}
.pc-sabores-pizza-listagem .sabor:hover {
      transform: scale(1.05);
      cursor: pointer;
      box-shadow: 0px 1px 3px rgba(3,3,3,0.7);
}

.pc-sabores-pizza-listagem .sabor .imagem{
   width: 100%;
   height: 40%;
   background-size: cover;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;background-color: #eee;
   background-position-y: -30px;
}

.pc-sabores-pizza-listagem .sabor .dados{
    width: 100%; 
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 8px 12px;
   
        
}

.pc-sabores-pizza-listagem .sabor .dados .nome{
    font-weight: 700;
    color: var(--cor-principal);
    margin-top: 8px;
}

.pc-sabores-pizza-listagem .sabor .dados .valor{
    font-weight: 700;
    color: var(--cor-principal);
    font-size: 0.9em;
}

.pc-sabores-pizza-listagem .sabor .dados .descricao{
    font-size: 0.8em;
    margin-top: 8px;
}
 

.sabor-pizza-selecionado-v2{
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    padding: 5px;
    height: 80px;
}
.sabor-pizza-selecionado-v2 div{
    width: auto;
}

.sabor-pizza-selecionado-v2 div.dados{
    width: 80%;
}

.sabor-selecionado-imagem {
	width: 30% !important;
	background-color: #fbd8a1;
	height: 100%;
	/* border-top-left-radius: 8px; */
	/* border-top-right-radius: 8px; */
	margin-bottom: 8px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-y: -20px;
	/* position: absolute; */
	/* left: 8px; */
	/* top: 0px; */
	/* height: 100%; */
	border-radius: 8px;
	top: 0px;
	bottom: 0px;
	position: absolute;
	left: 0px;
}


.sabor-pizza-selecionado-ok div.dados {
	width: 60%;
	right: 15px;
	position: absolute;
}
 

@media only screen and (max-width: 600px) {
    .pc-sabores-pizza-listagem {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 25px;
	flex-wrap: wrap;
    }
    
    .pc-sabores-pizza-listagem .sabor {
	width: 100%;
	display: flex;
	flex-direction: row;
	box-shadow: 0px 1px 3px rgba(3,3,3,0.5);
	border-radius: 8px;
	height: auto;
	transition: all ease-in 0.1s;
        gap: 8px;
    }
    
    .pc-sabores-pizza-listagem .sabor .imagem {
	width: 30%;
	height: auto;
	background-size: cover;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
        border-top-right-radius: 0px;
	background-color: #eee;
	background-position-y: 0px;
	background-repeat: no-repeat;
    }
    
    .pc-sabores-pizza-listagem .sabor .dados {
	width: 69%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 8px 12px;
}

.pc-sabores-pizza-listagem .sabor .dados .nome{
   
    margin-top: 0px;
}

  /*fallback*/
  .sabor-pizza-selecionado{
      width: 100% !important;
  }
    
}