/* ==========================================================================
   v11 — añadidos de esta revisión
   1. Fichas de producto con imagen vertical (carteles y cajas de caviar)
   2. Ficha del jamón de cebo: marco negro alrededor de la imagen
   3. Perfil y características del producto (columna alineada, sin saltos)
   4. Home · segunda fotografía bajo la imagen del sumiller
   5. Blog · muro de bocetos
   ========================================================================== */

/* 1. Imagen vertical: se muestra completa, sin recortes */
.pcard__media--poster{aspect-ratio:1/1.06;background:var(--paper);display:grid;place-items:center}
.pcard__media--poster.pcard__media--dark{background:#0C0B0A}
.pcard__media--poster img{width:100%;height:100%;object-fit:contain;padding:clamp(.7rem,1.6vw,1.15rem)}
@media (max-width:640px){.pcard__media--poster{aspect-ratio:1/1.02}}

/* 2. Marco negro: fichas del jamón de bellota 100% y del jamón de cebo 50% */
.pcard__media--poster.pcard__media--frame img{
  width:auto;height:100%;max-width:100%;object-fit:contain;
  padding:0;border:2px solid #0B0A09;
}

/* 3. Perfil y características: etiqueta arriba, valor debajo. Nunca saltos raros */
.pcard__profile{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;line-height:1.7}
.pcard__specs{margin:.5rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--line-soft)}
.pcard__specs li{display:block;margin:0;padding:.62rem 0;border-bottom:1px solid var(--line-soft);font-size:.85rem;line-height:1.6;color:var(--muted)}
.pcard__specs li:last-child{border-bottom:0;padding-bottom:.15rem}
.pcard__specs b{display:block;margin:0 0 .2rem;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;white-space:normal}
.pcard__specs span{display:block}
.section--cream .pcard__specs li{color:#5A544B}
.section--cream .pcard__specs,.section--cream .pcard__specs li{border-color:rgba(26,24,21,.12)}

/* 4. Home · bloque de dos fotografías en la columna del sumiller */
.about__media--stack{display:grid;gap:clamp(1rem,2vw,1.6rem)}
.about__extra{margin:0}
.about__media .about__extra img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.96) contrast(1.03)}
.about__extra figcaption{margin-top:.7rem;font-size:.61rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* 5. Blog · muro de bocetos (tres marcos iguales; la imagen nunca se recorta) */
.bocetos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.1rem,2.6vw,2.2rem);margin-top:clamp(2.4rem,4.4vw,3.4rem)}
@media (max-width:900px){.bocetos{grid-template-columns:1fr;max-width:30rem;margin-left:auto;margin-right:auto}}
.bocetos__item{margin:0}
.bocetos__item img{width:100%;aspect-ratio:3/4;object-fit:contain;display:block;background:#0C0B0A}
.bocetos__item--papel img{background:#EFE6D4}
.bocetos__item figcaption{margin-top:.85rem;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);line-height:1.9}
.bocetos__item figcaption b{color:var(--gold-deep);font-weight:600}