.detail {
    display: flex;
    margin: 0 auto;
    padding: 100px;            /* padding general */
    padding-top: 150px;        /* como enviaste */
    padding-bottom: 130px;     /* como enviaste */
  }
  
  .img-product {
    width: 500px;              /* igual al width fijo que tenías */
    margin-right: 30px;        /* igual al margin que tenías */
  }

  .clients {
    background-color: #f7f6f3;

  }
.card-body{ 
    background-color: #f7f6f3;
  }

   @media (min-width: 1025px) and (max-width: 1445px) {
    .card-container {
      grid-template-columns: 1fr 1fr 1fr ; 
  
    }
  
    
  }

@media (min-width: 768px) and (max-width: 1024px) {
    .text-center-alineado{
        margin-top: 10px;
        align-self: center;
    }
    .card-container{
        display: none;
      }
      .clientes-responsive{
        display: block;
        margin-bottom: 50px;
      }
    
    
   

}

@media (max-width: 767px) {
    

    .card-container{
        display: none;
      }
      .clientes-responsive{
        display: block;
        margin-bottom: 50px;
      }
}



.color-destacados{
  background-color: #dedee2;
  padding-bottom: 40px;
  padding-top: 30px;
 }













   @media (max-width: 992px) {
    .detail {
      padding: 80px 60px;      /* reducimos padding horizontal y vertical */
    }
    .img-product {
      width: 40%;              /* pasamos a % para que escale */
      margin-right: 20px;
    }
  }
  
  /* Móviles grandes */
  @media (max-width: 768px) {
    .detail {
      flex-direction: column;  /* apilamos verticalmente */
      padding: 80px 20px;
    }
    .img-product {
      width: 100%;
      margin: 0 0 20px 0;      /* margen abajo para separar del texto */
    }
    
  }
  
  /* Móviles pequeños */
  @media (max-width: 480px) {
    .detail {
      padding: 60px 15px;
    }
    .detail-content p {
      font-size: 14px;
      line-height: 1.4;
    }
    .btn {
      padding: 8px 16px;
      font-size: 14px;
    }
  }