/**
 * Portal Fornecedor — só o que o Tailwind do tema não cobre no build:
 * - Lista ACF vs global `section ul li img` (!important necessário)
 * - Borda 3px ciano 25% (border-[#00d7d940] não entra no bundle)
 * - Grid 7 colunas KYS com bordas internas/externas
 */

#faca_parte .portal-faca-list ul {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

#faca_parte .portal-faca-list ul li {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
}

#faca_parte .portal-faca-list ul li:last-child {
  margin-bottom: 0;
}

#faca_parte .portal-faca-list ul li img {
  display: block !important;
  flex-shrink: 0;
  width: 40px !important;
  height: auto;
  margin: 0 !important;
}

#faca_parte .portal-faca-list ul li div {
  flex: 1;
  min-width: 0;
}

#saiba_mais .portal-conteudo-card,
#saiba_mais .portal-conteudo-banner {
  border: 3px solid rgba(0, 215, 217, 0.25);
}

@media (min-width: 992px) {
  .grid-seven-columns {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0;
  }

  .grid-seven-columns.grid-bordered {
    border: 1px solid rgba(255, 255, 255, 0.15);
  }

  .grid-bordered .box-transparent-bordered {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    min-width: 200px;
  }

  .grid-bordered .box-transparent-bordered:last-child {
    border-right: 0;
  }
}

@media (max-width: 991px) {
  .grid-seven-columns {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    padding-bottom: 1rem;
  }

  .grid-seven-columns .box-transparent-bordered {
    flex: 0 0 240px;
    scroll-snap-align: start;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    min-width: 200px;
  }
}