/* Estilo das figuras dos artigos do blog da UnicoPag.
   Carregado por cada post que tenha grafico ou imagem no corpo. */

.po-figura {
  margin: 40px 0;
}
.po-figura svg,
.po-figura img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.po-figura svg {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
}
.po-figura figcaption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #64748b;
  border-left: 3px solid #dc3645;
  padding-left: 12px;
}
.po-figura figcaption strong {
  color: #1c3154;
  font-weight: 700;
}

/* Capa. O template nasceu com altura fixa de 320px, o que em tela larga
   vira uma faixa de quase 6:1 e destrói a composição de qualquer imagem.
   Aqui a altura acompanha a largura, respeitando um piso e um teto. */
.po-cover:has(img.po-cover-img) {
  height: clamp(240px, 26vw, 460px);
}
.po-cover img.po-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--capa-pos, center);
}