/* CT-PERF-01.1 — Normalização de imagens editoriais, 05/11/2026.
   Uma única largura para o elemento exterior. O link PhotoSwipe, a figura
   interna e a imagem não podem herdar novamente a largura de 34%.
   Exclusões explícitas: galerias, banners e componentes administrativos. */

/* A imagem interna e o link de ampliação sempre ocupam a figura inteira. */
html body main#conteudo article.prose :is(.rich-content, .ctn-text) figure:has(img):not(.image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure) :is(.ct-pswp-trigger, a:has(> img), picture, figure),
html body main#conteudo article.cta-detail .cta-rich figure:has(img):not(.image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure) :is(.ct-pswp-trigger, a:has(> img), picture, figure) {
  box-sizing: border-box !important;
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body main#conteudo article.prose :is(.rich-content, .ctn-text) figure:has(img):not(.image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure) img,
html body main#conteudo article.cta-detail .cta-rich figure:has(img):not(.image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure) img {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 !important;
}
html body main#conteudo article.prose :is(.rich-content, .ctn-text) figure:has(img):not(.image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure) figcaption,
html body main#conteudo article.cta-detail .cta-rich figure:has(img):not(.image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure) figcaption {
  box-sizing: border-box !important;
  display: block;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: normal;
  margin: 7px 0 0 !important;
}

@media (min-width: 900px) {
  /* Figura externa, inclusive quando há um <div> ou <p> intermediário. */
  html body main#conteudo article.prose :is(.rich-content, .ctn-text) figure:has(img):not(figure figure, .ct-pswp-trigger figure, .image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure, .ctn-gallery-grid figure),
  html body main#conteudo article.cta-detail .cta-rich figure:has(img):not(figure figure, .ct-pswp-trigger figure, .image-gallery figure, .ctn-detail-gallery figure, .gallery-grid figure) {
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    float: right !important;
    clear: none !important;
    width: clamp(210px, 34%, 320px) !important;
    min-width: min(210px, 100%) !important;
    max-width: 320px !important;
    margin: 5px 0 24px 28px !important;
    padding: 0 !important;
  }
  /* Conteúdos em que o elemento externo é diretamente o link do PhotoSwipe. */
  html body main#conteudo article.prose :is(.rich-content, .ctn-text) .ct-pswp-trigger:has(img):not(figure .ct-pswp-trigger, .image-gallery .ct-pswp-trigger, .ctn-detail-gallery .ct-pswp-trigger),
  html body main#conteudo article.cta-detail .cta-rich .ct-pswp-trigger:has(img):not(figure .ct-pswp-trigger, .image-gallery .ct-pswp-trigger) {
    box-sizing: border-box !important;
    display: block !important;
    float: right !important;
    clear: none !important;
    width: clamp(210px, 34%, 320px) !important;
    min-width: min(210px, 100%) !important;
    max-width: 320px !important;
    margin: 5px 0 24px 28px !important;
    padding: 0 !important;
  }
  /* Evita que uma figura aninhada (link > figure) seja reduzida novamente. */
  html body main#conteudo article.prose :is(.rich-content, .ctn-text) .ct-pswp-trigger > figure:has(img),
  html body main#conteudo article.cta-detail .cta-rich .ct-pswp-trigger > figure:has(img) {
    position: relative !important;
    display: block !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}
@media (max-width: 899px) {
  html body main#conteudo article.prose :is(.rich-content, .ctn-text) figure:has(img):not(figure figure, .ct-pswp-trigger figure, .image-gallery figure, .ctn-detail-gallery figure),
  html body main#conteudo article.cta-detail .cta-rich figure:has(img):not(figure figure, .ct-pswp-trigger figure, .image-gallery figure, .ctn-detail-gallery figure),
  html body main#conteudo article.prose :is(.rich-content, .ctn-text) .ct-pswp-trigger:has(img):not(figure .ct-pswp-trigger, .image-gallery .ct-pswp-trigger, .ctn-detail-gallery .ct-pswp-trigger) {
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    width: min(100%, 320px) !important;
    min-width: 0 !important;
    max-width: 320px !important;
    margin: 18px auto 24px !important;
  }
  html body main#conteudo article.prose :is(.rich-content, .ctn-text) .ct-pswp-trigger > figure:has(img),
  html body main#conteudo article.cta-detail .cta-rich .ct-pswp-trigger > figure:has(img) {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}
/* Galleries and standalone PhotoSwipe modal are deliberately untouched. */