/* ==========================================================================
   Bunch — Seção "Nossas Aplicações" (produtos próprios)
   ========================================================================== */

.bunch-apps-area {
   position: relative;
}

.bunch-apps-intro p {
   margin: 0;
   font-size: 20px;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.6);
}

/* colunas em flex para que todos os cards da linha tenham a mesma altura */
.bunch-apps-grid > [class*="col-"] {
   display: flex;
}

.bunch-app-card {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   padding: 24px;
   border-radius: 20px;
   border: 1px solid rgba(255, 255, 255, 0.12);
   background-color: rgba(255, 255, 255, 0.02);
   transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
      border-color 0.4s ease, background-color 0.4s ease;
}

.bunch-app-card:hover {
   transform: translateY(-8px);
   border-color: rgba(255, 255, 255, 0.28);
   background-color: rgba(255, 255, 255, 0.05);
}

.bunch-app-plate {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 170px;
   margin-bottom: 30px;
   padding: 30px;
   border-radius: 14px;
   background-color: var(--bunch-plate, #f6f6f6);
   overflow: hidden;
}

.bunch-app-plate img {
   width: auto;
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
}

.bunch-app-head {
   margin-bottom: 14px;
}

.bunch-app-title {
   margin: 0;
   font-size: 26px;
   line-height: 1.2;
   color: #fff;
}

.bunch-app-status {
   display: inline-block;
   margin-bottom: 12px;
   padding: 5px 12px;
   border-radius: 40px;
   border: 1px solid rgba(255, 255, 255, 0.2);
   font-size: 11px;
   line-height: 1.4;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: rgba(255, 255, 255, 0.65);
   white-space: nowrap;
}

.bunch-app-status.is-live {
   border-color: rgba(221, 241, 96, 0.5);
   color: #ddf160;
}

.bunch-app-text {
   flex-grow: 1;
   margin-bottom: 22px;
}

.bunch-app-text p {
   margin: 0;
   font-size: 16px;
   line-height: 1.6;
   color: rgba(255, 255, 255, 0.6);
}

.bunch-app-tags {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
}

.bunch-app-tags span {
   display: inline-block;
   padding: 6px 14px;
   border-radius: 40px;
   background-color: rgba(255, 255, 255, 0.07);
   font-size: 13px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 575px) {
   .bunch-app-plate {
      height: 140px;
      padding: 22px;
   }

   .bunch-app-title {
      font-size: 22px;
   }
}