/* DG ONE — G3 integração das cinco artes R1 homologadas (staging, não publicar).
   PNGs servidos byte a byte; nada de crop: object-fit:contain e proporção nativa. */
.r1-art{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg)}
.r1-art img{width:100%;height:auto;object-fit:contain}
.r1-art.is-wide img{aspect-ratio:16/9}
.r1-art.is-tall img{aspect-ratio:4/5}

/* 16:9 — no celular a faixa vai de borda a borda para ganhar legibilidade */
@media (max-width:699px){.r1-art.is-wide{margin-inline:calc(-1*var(--pad));border-radius:0;border-inline:0}}

/* 01 vitrine: entre a grade e as cinco conferências */
.r1-showroom{margin-top:clamp(48px,7vw,96px)}

/* 02 jornada: depois da bancada interativa, nunca por cima dela */
.r1-jornada .eyebrow{margin-bottom:clamp(16px,2vw,24px)}

/* 03–05 retrato: par texto + arte */
.r1-pair{display:grid;gap:clamp(32px,5vw,56px);align-items:center}
.r1-pair>.r1-art{width:100%;max-width:420px;justify-self:start}
@media (min-width:1100px){
  .r1-pair{grid-template-columns:minmax(0,1fr) minmax(0,400px)}
  .r1-pair>.r1-art{justify-self:end}
}

/* 03 sobre: citação e ficha à esquerda, arte à direita */
@media (min-width:980px){
  .ab-north-grid.r1-north{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center}
  .r1-north .ab-quote{grid-column:1;grid-row:1}
  .r1-north .ab-plate{grid-column:1;grid-row:2;max-width:460px}
  .r1-north .r1-art{grid-column:2;grid-row:1/span 2;justify-self:end}
}
.r1-north .r1-art{width:100%;max-width:420px}

/* 04 atendimento e 05 opções: canais e textos intactos; a arte acompanha o bloco de cuidados
   ("Antes de conversar" / "Antes de contratar"), sem estreitar os números de WhatsApp */
.r1-rules{margin-top:clamp(40px,6vw,72px)}
.r1-rules .jx-honest{margin-top:0}