/* ============================================
   IMAVI — Semi-joias (estrutura com molduras vazias até chegarem as fotos)
   Para ativar: trocar cada .pp__frame por <img> da parceira.
   ============================================ */
.pp { max-width: 1180px; margin: 0 auto; padding: calc(var(--header-h) + clamp(2rem, 5vw, 3.5rem)) clamp(1rem, 4vw, 3rem) clamp(4rem, 8vw, 6rem); }

.pp__frame { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2rem; aspect-ratio: 1; border: 1px dashed var(--olive-light); background: repeating-linear-gradient(135deg, transparent 0 11px, rgba(168,160,122,0.07) 11px 12px), var(--cream-warm); }
.pp__frame-label { font-family: var(--serif); font-style: italic; color: var(--olive-dark); font-size: 1.05rem; }
.pp__frame-sub { font-size: 0.58rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--muted); font-weight: 600; }

.pp__hero { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-bottom: clamp(3rem, 7vw, 5rem); }
.pp__title { font-family: var(--serif); font-weight: 400; color: var(--borgonha); font-size: clamp(2.3rem, 5vw, 3.8rem); line-height: 1.05; letter-spacing: -0.02em; margin: 0.4rem 0 1.25rem; }
.pp__title em { font-style: italic; color: var(--slate-dark); }
.pp__lead { font-size: 1rem; line-height: 1.85; color: var(--chocolate); max-width: 520px; margin-bottom: 2rem; }
.pp__frame--hero { aspect-ratio: 4 / 5; }

.pp__partner { display: grid; grid-template-columns: 120px 1fr; gap: 1.75rem; align-items: center; padding: 2rem 0; border-top: 1px solid var(--light-line); border-bottom: 1px solid var(--light-line); margin-bottom: clamp(3rem, 7vw, 5rem); }
.pp__frame--logo { width: 120px; }
.pp__partner-text { font-family: var(--serif); font-size: clamp(1.1rem, 2vw, 1.35rem); color: var(--borgonha); line-height: 1.4; }

.pp__h2 { font-family: var(--serif); font-weight: 400; color: var(--borgonha); font-size: clamp(1.7rem, 3.4vw, 2.4rem); margin-bottom: 1.5rem; }
.pp__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(0.75rem, 2vw, 1.5rem); }
.pp__item-name { display: block; font-family: var(--serif); color: var(--borgonha); margin-top: 0.8rem; }
.pp__item-soon { font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); font-weight: 600; }

.pp__cross { margin-top: clamp(3rem, 7vw, 5rem); padding: clamp(1.75rem, 4vw, 2.75rem); background: var(--sand) url('../img/brand/estampa-logos-white.png') center/280px repeat; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.pp__cross p { font-family: var(--serif); font-size: clamp(1.2rem, 2.4vw, 1.6rem); color: var(--borgonha); max-width: 520px; line-height: 1.35; }

@media (max-width: 860px) {
  .pp__hero { grid-template-columns: 1fr; }
  .pp__frame--hero { aspect-ratio: 4 / 3; }
  .pp__grid { grid-template-columns: repeat(2, 1fr); }
  .pp__partner { grid-template-columns: 90px 1fr; }
  .pp__frame--logo { width: 90px; }
}