.proda{
        display:flex;
        width:100%;
        padding:121px 20px 107px 20px;
        justify-content:center;
      }
      
      .proda .container{
        display:flex;
        width:100%;
        gap:30px;
        justify-content:space-between;
        align-items:center;
        max-width:1126px;
      }
      
      .proda .picture{
        display:flex;
        background-color:black;
        flex:1 1 500px;
        width: 100%;
        min-width:400px;
        max-width:582px;
        height:500px;
        border-radius:10px;
      }
      
      .proda .picture img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
        border-radius:10px;
      }
      
      .proda .textos{
        width:100%;
        display:flex;
        flex-direction:column;
        max-width:478px;
        gap:23px;
      }
      
      .proda .line{
        display:flex;
        width:100%;
        height:1px;
        background-color:#B3B3B3;
      }
      
      .proda h2{
        font-size:28px;
        line-height:31.5px;
        font-weight:700;
      }
      
      .proda p{
        font-size:14px;
        line-height:21px;
        font-weight:400;
      }

      .proda a{
        text-decoration:none;
        color:black;
        cursor:pointer;
        text-align:center;
        width:fit-content;
        height:fit-content;
        padding:14px 30px;
        background-color:orange;
        border-radius:14px; 
        white-space: nowrap;
        font-size:14.5px;
        line-height:14.5px;
        font-weight:600;
        letter-spacing:0.03em;
      }
      

      .proda.sinpad{
        padding: 0 20px;
      }

      .proda.sinpadBottom{
        padding: 121px 20px 0 20px;
      }

      @media(max-width:800px){

.proda .container {

  flex-direction: column;

}

.proda .textos{
  max-width: 580px;
  order: 1;
}

.proda .picture{
  flex: 1 1 400px;
  order: 2;
}




      }


            @media(max-width:600px){

.proda .picture{
  flex: 1 1 400px;
}

.proda .textos{
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
}

      .proda.sinpadBottom{
        padding: 80px 20px 70px 20px;
      }


            }