@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;1,300&family=Inter:ital,opsz,wght@0,14..32,700;1,14..32,700&family=Krona+One&family=Montserrat:ital,wght@0,500;1,500&family=Numans&family=Outfit:wght@100..900&family=Young+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;1,300&family=Inter:ital,opsz,wght@0,14..32,700;1,14..32,700&family=Krona+One&family=Montserrat:ital,wght@0,700;1,700&family=Numans&family=Outfit:wght@100..900&family=Young+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;1,300&family=Fraunces:ital,opsz,wght@0,9..144,700;1,9..144,700&family=Inter:ital,opsz,wght@0,14..32,700;1,14..32,700&family=Krona+One&family=Montserrat:ital,wght@0,700;1,700&family=Numans&family=Outfit:wght@100..900&family=Young+Serif&display=swap');

body    {
    background-color: #f2ebe3;
    
}

.card {
    background-color: #ffffff;
    border-radius: 20px;
    max-width: 800px;
    height: 600px;
    align-items:center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    margin: 240px auto;
    display: flex;
    overflow: hidden;

}
.card_02 {
    width: 5px; 
    padding: 2rem; 
    display: flex;
    flex-direction: column; 
    gap: 2rem;
    height: 700px;
    

}
.img_principal {
    width: 400px;
    
}

.topico_principal {
    font-size: 0.8rem;
    letter-spacing: 0.3rem;
    color: #6c7289;
    text-transform: uppercase;
    margin: 95px 0 16px 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
.titulo_01 {
    font-size: 2rem;
    line-height: 1.2;
    color: #1c232b;
    width: 200px;
    height: 100px;
    font-family: "Fraunces", serif;
    font-weight: 700;
    margin: 0px 0 16px 0;
    font-size: 2rem;
}
.descricao {
    line-height: 1.6;
    width: 255px;
    height: 100px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    margin: 0 0 40px 0;
    line-height: 1.6;
    color:#6c7289;

    
}
 .valores {
    display: flex;         
    align-items: center;   
    gap: 1rem;           
    margin: 10px;
    line-height: 0;
   
    
}
.valor_01{
    font-size: 2rem;
    font-weight: bold;
    color: #3c8067;
    font-family: "Fraunces", serif;
    font-weight: 700;
}
.valor_02 {
    color: #6c7289;
    text-decoration: line-through;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}
   

.botao_adicionar {
    display: flex;
    align-items: center;
}


.botao {
    width: 300px;
    padding: 15px;
    background: #3c8067;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    cursor: pointer;
    margin: 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
}