/* pdp-journal.css — «Cómo lo llevan»: social proof del Journal dentro del
   panel PDP, bajo la descripción. Miniaturas locales + glifo IG discreto +
   nombre de quien lo lleva (tratamiento sutil del journal, sin embeds).
   Archivo NUEVO del port (no existe en el mockup): un re-sync no lo pisa. */

.pdp__journal .pdp__rule { margin-bottom: 24px; }

.pdp__journal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.pdp__journal-card { margin: 0; }

.pdp__journal-media {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

.pdp__journal-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Glifo IG — mismo tratamiento que .journal-card__ig, a escala del panel */
.pdp__journal-ig {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.6rem;
  height: 1.6rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(13, 8, 5, 0.45);
  color: var(--elor-paper);
  opacity: 0.75;
  transition: opacity 300ms var(--easing-soft-fade);
}

.pdp__journal-ig svg {
  width: 0.95rem;
  height: 0.95rem;
}

a.pdp__journal-media:hover .pdp__journal-ig,
a.pdp__journal-media:focus-visible .pdp__journal-ig { opacity: 1; }

.pdp__journal-name {
  font-family: var(--font-label);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--elor-warm-gray);
  margin: 8px 0 0;
  text-align: center;
}

.pdp__journal-more { margin: 16px 0 0; }

.pdp__journal-more a {
  font-family: var(--font-label);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--elor-ink);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}