/* ============================
   INTEGRAÇÕES
   ============================ */

   #oj-landing .oj-integrations{
    padding: 56px 0 64px;
    background: #fff;
  }
  
  #oj-landing .oj-integrations-title{
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #F97316; /* azul institucional */
    margin-bottom: 32px;
  }
  
  #oj-landing .oj-integrations-grid{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
  }
  
  #oj-landing .oj-integrations-grid img{
    height: 70px;                 /* tamanho padrão */
    max-width: 140px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: .85;
    transition: filter .3s ease, opacity .3s ease, transform .3s ease;
  }
  
  /* Hover elegante */
  #oj-landing .oj-integrations-grid img:hover{
    filter: grayscale(0%);
    opacity: 1;
    transform: translateY(-2px);
  }
  
  /* Mobile */
  @media (max-width: 768px){
    #oj-landing .oj-integrations{
      padding: 42px 0 48px;
    }
  
    #oj-landing .oj-integrations-title{
      font-size: 18px;
      margin-bottom: 24px;
    }
  
    #oj-landing .oj-integrations-grid{
      gap: 26px;
    }
  
    #oj-landing .oj-integrations-grid img{
      height: 28px;
      max-width: 120px;
    }
  }