/* rmh-photos: "View on mobile", el QR de la casa en la cabecera del modal de la galería (#boostly_modal_listing_gallery).
   La cabecera del tema es sticky, centrada, con la X a la derecha (right: 30px). El QR va a la derecha, entre la línea de
   datos y la X, alineado con el borde derecho de la rejilla de fotos (Vic 10-19, maqueta). En teléfono (< 768 px) no se
   muestra: quien ya está en el móvil no tiene qué escanear (Vic 10-19). Tokens de rmh-brand con respaldo. */
.rmh-ph-share { display: none; }
.rmh-ph-share__fig { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0; }
.rmh-ph-share svg { display: block; width: 100px; height: 100px; border: 1px solid #e9e2d6; border-radius: 6px; background: #fff; }
.rmh-ph-share__cap { font-family: var(--rmh-sans, "DM Sans", system-ui, sans-serif); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--rmh-ink-soft, #5a5553); white-space: nowrap; }
@media (min-width: 768px) {
  /* right: el borde derecho de la rejilla (≈ 1320 px centrados) menos 30 px; nunca a menos de 110 px de la X */
  .rmh-ph-share { display: flex; position: absolute; right: max(110px, calc(50% - 630px)); top: 22px; padding: 0; }
  /* la cabecera crece para que el QR (absoluto) no pise la primera fila de fotos al hacer scroll */
  #boostly_modal_listing_gallery .modal-header:has(.rmh-ph-share) { min-height: 172px; }
}
