@media (min-width: 768px) {

.divpai{
    display: inline-block;
    width: 300px;
    height: 400px;
    margin: 20px 20px 20px 40px;
 }

 .texto{
   display: inline-block;
   position: absolute;
   margin: 20px 20px 20px 40px;
   max-width: 900px;
   min-width: 300px;
   max-height: 400px;
}
}

@media (max-width: 768px) {
   .divpai{
    display: block;
    margin: 20px 20px 20px 40px;
   }

   .texto{
      display: block;
      margin: 20px 20px 20px 40px;
   }
}

.divfilho {
   display: flex;
   justify-content: center;
   margin-top: 20px;
}

 .img{
    width: 100%;
    height: 100%;
 }

 .botao {
    width: 200px;
    height: 30px;
    border-radius: 5px;
    border-color: white;
    background-color: #f09491;
    cursor: pointer;
 }

 .botao:hover{
    background-color: #c78954;
    height: 45px;
 }

 .descricao{
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
 }

 .valor{
    color: #f09491;
    border: solid 2px;
    border-radius: 5px;
 }

 .descricaoRoupa {
    display: block;
    margin-top: 10px;
    text-align: justify;
 }

 .border {
   border: 2px solid black;
   background-color: white;
   box-shadow: 3px 3px 5px #888888, -3px -3px 5px #ffffff;
   transition: all 0.3s ease;
}

.dialog {
   display: flex;
   justify-content: center; /* Centraliza horizontalmente */
   align-items: center; /* Centraliza verticalmente */
   height: 100vh;
}