/**
 * Grade da seção "Produtos em destaque" (estilos do card: PortalCatalogProductCard.module.css)
 */

.portal-catalog-section {
  position: relative;
  z-index: 2;
  margin-top: clamp(-6rem, -11vw, -4.25rem);
  padding: clamp(0.75rem, 2vw, 1.25rem) 0 4rem;
  background: transparent;
}

.portal-catalog-section > .container {
  position: relative;
}

/* Quadro branco com sombreamento — título, cards, botão */
.portal-catalog-tray {
  background: #ffffff;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 1.25rem;
  padding: 1.25rem 0.875rem 1.25rem;
  box-shadow:
    0 2px 4px rgba(100, 116, 139, 0.04),
    0 8px 24px rgba(100, 116, 139, 0.08);
}

@media (min-width: 640px) {
  .portal-catalog-tray {
    padding: 2rem 1.5rem 1.75rem;
    border-radius: 16px;
  }
}

/* Cabeçalho — etiqueta + título */
.portal-catalog-header-wrap {
  text-align: center;
  margin-bottom: 0;
}

.portal-catalog-etiqueta {
  display: inline-block;
  margin: 0 0 0.375rem;
  padding: 0.1875rem 0.5rem;
  border: 1.5px solid #ff5a1f;
  border-radius: 0.25rem;
  background: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #ee4d2d;
}

.portal-catalog-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0f172a;
}

@media (min-width: 640px) {
  .portal-catalog-title {
    font-size: 1.75rem;
  }
}

/* Tracinhos — título/cards e cards/botão */
.portal-catalog-header-tracinhos,
.portal-catalog-footer-tracinhos {
  width: 100%;
  height: 0;
  border-top: 2px dashed #d1d9e4;
}

.portal-catalog-header-tracinhos {
  margin: 0.625rem 0 1rem;
}

.portal-catalog-footer-tracinhos {
  margin: 1.25rem 0 1rem;
}

@media (min-width: 640px) {
  .portal-catalog-header-tracinhos {
    margin: 1rem 0 2rem;
  }

  .portal-catalog-footer-tracinhos {
    margin: 2.5rem 0 2rem;
  }
}

.portal-catalog-cta {
  display: flex;
  justify-content: center;
  padding-bottom: 0.25rem;
}

/* Grade dentro da bandeja — sem puxar para cima sob o título */
.portal-catalog-tray > .portal-catalog-grid {
  margin-top: 0;
}

/* Grade compacta — 2 colunas no mobile, 3 no desktop */
.portal-shell .row.g-4.portal-catalog-grid {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0.75rem;
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}

@media (min-width: 640px) {
  .portal-shell .row.g-4.portal-catalog-grid {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.5rem;
  }
}

@media (min-width: 992px) {
  .portal-shell .row.g-4.portal-catalog-grid {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
  }
}

.portal-shell .row.g-4.portal-catalog-grid > * {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.portal-shell .portal-catalog-grid > [class*="col-"] {
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.portal-shell .portal-catalog-grid > [class*="col-"] > article {
  width: 100%;
}