/* Agência Mestre · modelo Case (single-cases-mestre.php e modelo-case-interna.php). Só nas páginas de case (filtro
   mestre_assets_modelo, chave "case"), depois do site.css e do wp.css. Dados reais que o protótipo não mostra (spec 07, 3.4 e
   risco 11). Nenhuma regra muda medida, fonte ou cor do protótipo; sem max-width em texto. Se o Fabio aprovar, voltam ao site.css. */

/* trilha com nome longo no celular ("Início / Cases / Setor de Contabilidade" em 320px): sem o min-width:0, a coluna do topo
   crescia até a largura da trilha numa linha só e o H1, o subtítulo e o botão saíam cortados à direita. Assim vale o corte
   com reticências que o site.css já dá ao último item da trilha */
.case-hero__head{min-width:0}

/* imagens dos cases antigos (modelo-case-interna.php) como figuras do texto: o site.css estica a imagem da <figure> até a
   largura da coluna (width:100%), e os logos de 300px e os ícones de 219px dos blocos 1 e 9 viravam imagens borradas de 672px.
   As mais estreitas que a coluna saem com a classe case-fig--natural (mestre_case_figura()) e ficam no tamanho delas, sem
   passar da coluna; as fotos e prints maiores continuam com a largura da coluna.
   A largura vem do PHP em --w (a do arquivo) mais os 2px da borda do .entry img (1px de cada lado, box-sizing:border-box):
   o mesmo tamanho que o width:auto dava depois da carga, mas definido antes dela. Com width:auto e loading="lazy", a imagem
   ficava com 2x2px até carregar, o aspect-ratio de width/height não reservava a altura e a página crescia durante a rolagem
   (o "Entre em contato" parava antes do formulário). O max-width:100% e o height:auto do site.css continuam valendo */
.case-layout .entry figure.case-fig--natural img{width:calc(var(--w) + 2px)}

/* imagens do editor com largura em porcentagem (width="100%", 100 delas em 40 cases, como o Durafloor): o PHP troca o atributo
   pelas medidas do arquivo, para o aspect-ratio reservar a altura antes da carga lazy (mestre_case_img_medidas()), e a largura
   de antes vem do --pct. Na tela a imagem fica do mesmo tamanho; sem a altura reservada, a página crescia durante a rolagem e o
   "Entre em contato", a chamada fixa e o sumário paravam antes do destino */
.case-layout .entry img.case-img--pct{width:var(--pct)}

/* números do topo com 1 ou 2 itens (66 cases): as colunas acompanham a quantidade, sem coluna vazia à direita (decisão S9, por analogia) */
@media (min-width:640px){
  .case-proof:has(>li:only-child){grid-template-columns:1fr}
  .case-proof:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
}

/* texto que abre com título (H2 em 14 páginas: as 13 do modelo interno com blocos, como /cases-de-sucesso/sol-millennium/,
   e /cases-mestre/case-inbound-midia-paga-hotelaria/): o margin-top de 2,4em do .entry h2 valia também para o primeiro filho
   e o texto começava 86px abaixo da ficha no desktop. O primeiro elemento encosta no topo, alinhado com a ficha, como o
   parágrafo do protótipo (mesma regra do Serviço, wp-servico.css) */
.case-layout .entry>:first-child{margin-top:0}

/* depoimento com mais de um parágrafo (12 cases, como tec-concursos e atlantica-hotels): o protótipo só desenha um e o reset
   do site.css zera a margem do <p>, então os parágrafos colavam. Espaço igual ao das citações do post (.entry blockquote,
   wp.css) e ao do depoimento do Serviço; fonte, cor e medida não mudam, e o depoimento de um parágrafo só (sem <p>) fica
   como está. Só entre parágrafos (p+p): o texto passa por mestre_case_citacao_html(), que só deixa p, br, strong, b, em, i e a,
   e os 12 cases de vários parágrafos são só <p> seguidos; com *+*, a margem pegava também os <strong> do meio do texto */
.case-quote blockquote>p+p{margin-top:.75em}