/* FONTE: ct_layout_editorial_v1.css */
/* CT-LAYOUT-EDITORIAL-01: imagens compactas com texto contornando */
@media (min-width:900px) {
  main#conteudo article.prose > figure,
  main#conteudo article.cta-detail > figure,
  main#conteudo .detail-layout > div > figure:first-child,
  main#conteudo .rich-content figure:has(img) {
    float:right!important;
    width:min(34%,320px)!important;
    max-width:320px!important;
    margin:5px 0 24px 28px!important;
  }
  main#conteudo .rich-content .ct-pswp-trigger,
  main#conteudo .ctn-text .ct-pswp-trigger,
  main#conteudo .cta-rich .ct-pswp-trigger {
    float:right!important;
    width:min(34%,320px)!important;
    max-width:320px!important;
    margin:5px 0 22px 28px!important;
  }
  main#conteudo :is(.rich-content,.ctn-text,.cta-rich) figure .ct-pswp-trigger {
    float:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}
main#conteudo article.prose > figure img,
main#conteudo article.cta-detail > figure img,
main#conteudo .detail-layout > div > figure:first-child img,
main#conteudo .rich-content .ct-pswp-trigger img,
main#conteudo .ctn-text .ct-pswp-trigger img,
main#conteudo .cta-rich .ct-pswp-trigger img {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
}
main#conteudo .image-gallery,
main#conteudo .ctn-detail-gallery {clear:both;}
main#conteudo .rich-content::after {content:"";display:table;clear:both;}
@media (max-width:899px) {
  main#conteudo article.prose > figure,
  main#conteudo article.cta-detail > figure,
  main#conteudo .detail-layout > div > figure:first-child,
  main#conteudo .rich-content figure:has(img),
  main#conteudo .rich-content .ct-pswp-trigger,
  main#conteudo .ctn-text .ct-pswp-trigger,
  main#conteudo .cta-rich .ct-pswp-trigger {
    float:none!important;
    display:block!important;
    width:min(100%,320px)!important;
    max-width:320px!important;
    margin:18px auto 25px!important;
  }
  main#conteudo :is(.rich-content,.ctn-text,.cta-rich) figure .ct-pswp-trigger {
    width:100%!important;
    margin:0!important;
  }
}
/* Preserva as galerias em miniaturas e sem flutuação */
main#conteudo .image-gallery .ct-pswp-trigger,
main#conteudo .ctn-detail-gallery .ct-pswp-trigger {
  float:none!important;width:100%!important;
  max-width:100%!important;margin:0!important;
}


/* FONTE: ct_layout_editorial_v2.css */
/* CT-EDITORIAL-LAYOUT-02 | 04/11/2026
 * Compativel com PhotoSwipe 5.4.4 e CT-LAYOUT-EDITORIAL-01.
 * Usa apenas seletores de paginas editoriais; preserva galerias e miniaturas.
 */
/* IG: figura no inicio da narrativa, alinhada ao primeiro paragrafo. */
@media (min-width: 900px) {
  html body main#conteudo article.prose > figure.ct-ig-primary-media {
    position: relative !important;
    float: right !important;
    clear: none !important;
    display: block !important;
    width: min(33%, 300px) !important;
    max-width: 300px !important;
    min-width: 200px !important;
    margin: 0 0 22px 28px !important;
    padding: 0 !important;
  }
  /* Corrige regressao: nao reduza o link PhotoSwipe dentro de figura ja pequena. */
  html body main#conteudo article.prose:not(.ctn-detail) > figure:not(.ct-ig-primary-media) {
    position: relative !important;
    float: right !important;
    clear: none !important;
    display: block !important;
    width: min(35%, 320px) !important;
    max-width: 320px !important;
    min-width: 210px !important;
    margin: 4px 0 24px 28px !important;
    padding: 0 !important;
  }
}
/* O conteudo PhotoSwipe ocupa toda a figura, nunca 34% de 34%. */
html body main#conteudo article.prose > figure > a.ct-pswp-trigger,
html body main#conteudo article.prose > figure > .ct-pswp-trigger,
html body main#conteudo article.prose > figure > a:has(> img) {
  position: relative !important;
  float: none !important;
  clear: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body main#conteudo article.prose > figure > img,
html body main#conteudo article.prose > figure > a > 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 > figure figcaption {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 8px;
}
/* A imagem da IG esta antes do primeiro texto por ordem do template. */
html body main#conteudo article.prose > figure.ct-ig-primary-media + p {
  margin-top: 0 !important;
}
/* Limpa flutuacao antes de ficha tecnica e demais blocos abaixo da narrativa. */
html body main#conteudo article.prose > .rich-content::after,
html body main#conteudo article.prose > .body-text::after {
  content: '';
  display: table;
  clear: both;
}
html body main#conteudo article.prose > section:not(.rich-content) {
  clear: both;
}
/* Agenda: resumo e texto ocupam a largura util do artigo. */
html body main#conteudo article.cta-detail > p.cta-lead,
html body main#conteudo article.cta-detail > .cta-rich {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
html body main#conteudo article.cta-detail > .cta-rich {
  clear: both !important;
  overflow-wrap: anywhere;
}
/* Mantem a programacao e a foto lado a lado no desktop. */
html body main#conteudo article.cta-detail > figure.cta-hero {
  max-width: min(30%, 330px) !important;
}
html body main#conteudo article.cta-detail > figure.cta-hero > a.ct-pswp-trigger {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
html body main#conteudo article.cta-detail > figure.cta-hero img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 899px) {
  html body main#conteudo article.prose > figure.ct-ig-primary-media,
  html body main#conteudo article.prose:not(.ctn-detail) > figure:not(.ct-ig-primary-media) {
    display: block !important;
    float: none !important;
    width: min(100%, 320px) !important;
    min-width: 0 !important;
    max-width: 320px !important;
    margin: 16px auto 24px !important;
  }
  html body main#conteudo article.cta-detail > figure.cta-hero {
    max-width: min(100%, 330px) !important;
  }
}
/* Nao modifica image-gallery, ctn-detail-gallery, cards, banners ou o modal PhotoSwipe. */