.prodb{
        display:flex;
        width:100%;
        padding:121px 20px;
        justify-content:center;
      }

      .prodb.sinpad{
        padding: 0 20px;
      }
      
      .prodb .container{
        display:flex;
        width:100%;
        flex-direction:column;
        align-items:center;
        max-width:1179px;
      }
      
      .prodb .top{
        display:flex;
        width:100%;
        gap:30px;
        padding:0 27px;
        justify-content:space-between;
        align-items:center;
      }

      
      .prodb h2{
        font-size:28px;
        line-height:31.4px;
        font-weight:700;
      }
      
            
      .prodb 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;
      }
      
      
      .prodb .line{
        width:100%;
        height:1px;
        background-color:#B3B3B3;
        margin:27px 0 51px 0;
      }
      
      .prodb .cajas{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:23px;
        justify-content:center;
      }
      
      .prodb .fila{
        width:100%;
        display:flex;
        gap:31px;
        justify-content:space-between;
        align-items:center;
      }
      
      .prodb .picture{
        display:flex;
        width:100%;
        flex:1 1 0;
        max-width:461px;
        min-width:300px;
        height:253px;
        background-color:black;
        border-radius: 9px;
      }
      
      .prodb .picture img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
        border-radius: 9px;
      }
      
      .prodb .textos{
        width:100%;
        max-width:647px;
        display:flex;
        flex-direction:column;
        gap:15px;
        border-radius:9px;
        box-shadow:0 0 20px rgba(0,0,0, 0.15);
        padding:35px 42px;
        max-width:647px;
        background-color: white;
      }
      

      .prodb h4{
        font-size:20px;
        line-height:25px;
        font-weight:600;
      }
      
      .prodb p{
        font-size:14px;
        line-height:21px;
        font-weight:400;
      }

      .prodb .intro{
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      

@media(max-width:800px){

  .prodb .fila{
    flex-direction: column;
    gap: 20px;
  }

  .prodb .picture{
    flex: 1 1 280px;
    max-width: 400px;
  }

  .prodb .cajas{
    gap: 50px;
  }

  .prodb .top{
    padding-right: 0;
    padding-left: 0;
  }


}


@media(max-width:670px){

    .prodb .top{
      flex-direction: column;
      gap: 20px;
    }

    .prodb.sinpad{
      padding: 60px 20px;
    }



}