.s-marcas { padding: 160px 24px 120px; }

.s-marcas__label {
  font-family: var(--f-nohemi);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-muted);
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 32px;
}
.s-marcas__label::before { content: ''; display: block; width: 20px; height: 1px; background: currentColor; }

.s-marcas__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.s-marcas__card { display: flex; flex-direction: column; gap: 16px; cursor: pointer; }

.s-marcas__thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--c-border);
}
.s-marcas__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .8s var(--ease); }
.s-marcas__card:hover .s-marcas__thumb img { transform: scale(1.04); }

.s-marcas__info { display: flex; flex-direction: column; gap: 6px; }

.s-marcas__title {
  font-family: var(--f-nohemi);
  font-size: 16px;
  font-weight: 400;
  color: var(--c-black);
  line-height: 1.4;
}

.s-marcas__tag {
  font-family: var(--f-aeonik);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--c-muted);
}

@media (max-width: 600px) { .s-marcas__grid { grid-template-columns: 1fr; } }