/* GPF · Diario (tarjetas) */
.gpf-offer-journal__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.gpf-offer-journal__card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--gpf-offer-border);
  border-radius: 3px;
  background: var(--gpf-offer-surface);
  transition: border-color .15s ease;
}
.gpf-offer-journal__card:hover { border-color: color-mix(in srgb, var(--gpf-offer-text) 30%, transparent); }
.gpf-offer-journal__img { width: 100%; height: 196px; object-fit: cover; }
.gpf-offer-journal__body { display: flex; flex-direction: column; flex-grow: 1; gap: 12px; padding: 24px; }
.gpf-offer-journal__meta { font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--gpf-offer-price); }
.gpf-offer-journal__title { text-wrap: balance; }
/* Toda la tarjeta es clicable a través del enlace del título (un solo enlace por tarjeta). */
.gpf-offer-journal__title a { text-decoration: none; color: inherit; }
.gpf-offer-journal__title a::after { content: ''; position: absolute; inset: 0; }
.gpf-offer-journal__title a:focus-visible { outline: none; }
.gpf-offer-journal__card:focus-within { outline: 2px solid var(--gpf-offer-price); outline-offset: 2px; }
.gpf-offer-journal__excerpt { font-size: 15px; color: var(--gpf-offer-muted); }
.gpf-offer-journal__more { margin-top: auto; padding-top: 4px; font-size: 14.5px; font-weight: 600; color: var(--gpf-offer-button); }

@media (max-width: 1024px) {
  .gpf-offer-journal__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .gpf-offer-journal__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}