.gcg-ad {
  margin: var(--gcg-space-6) 0;
}
.gcg-ad[hidden] { display: none !important; }

.gcg-ad__caja {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gcg-ad__link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
  border: 1px solid var(--gcg-border);
  border-radius: var(--gcg-radius-md, 8px);
  background: var(--gcg-surface-2, #0f1417);
  color: inherit;
  text-decoration: none;
  transition: border-color .15s ease;
}
.gcg-ad__link:hover,
.gcg-ad__link:focus-visible { border-color: var(--gcg-accent); }

.gcg-ad__img { display: block; width: 100%; height: auto; }
.gcg-ad__titulo { font-weight: 600; font-size: var(--gcg-text-sm); padding: var(--gcg-space-3) var(--gcg-space-4) 0; }
.gcg-ad__cuerpo { font-size: var(--gcg-text-xs); color: var(--gcg-text-secondary); padding: 0 var(--gcg-space-4) var(--gcg-space-3); }


.gcg-ad__etiqueta {
  align-self: flex-end;
  font-family: var(--gcg-font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gcg-text-muted);
}


@media (max-width: 900px) {
  .gcg-ad { margin: var(--gcg-space-5) 0; }
}