/* =========================================================
   OURO GOURMET – PROFISSIONAIS (apenas /profissionais/)
   ========================================================= */

/* Evitar “ar morto” antes do footer/CTA final */
#og-pro .og-section:last-of-type{
  padding-bottom: 56px;
}

/* CTA final: afinar espaçamento e alinhamento */
#og-pro .og-cta{
  padding: 64px 0;
}

#og-pro .og-cta-box{
  align-items: center;
}

#og-pro .og-cta-actions{
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-end;
}

/* Respiração tipográfica nos cards “Para quem” */
#og-pro .og-pro-segments{
  gap: 34px;
}

#og-pro .og-pro-segment-body{
  padding: 26px 28px 28px;
}

#og-pro .og-pro-segment-body .og-h3{
  margin: 0 0 8px;
  line-height: 1.35;
}

#og-pro .og-pro-segment-body .og-p{
  margin: 0;
  line-height: 1.9;
  color: rgba(0,0,0,.65);
}

/* Blocos “Entrega” */
#og-pro .og-pro-deliver{
  gap: 28px;
}

#og-pro .og-pro-deliver-body{
  padding: 26px 28px 28px;
}

#og-pro .og-pro-deliver-body .og-h3{
  margin: 0 0 10px;
}

#og-pro .og-pro-deliver-body .og-p{
  margin: 0;
  line-height: 1.9;
  color: rgba(0,0,0,.65);
}

/* Assinatura */
#og-pro .og-pro-signature{
  margin-top: 28px;
}

#og-pro .og-pro-signature-body{
  padding: 30px 32px;
}

#og-pro .og-pro-signature-body .og-h3{
  margin: 0 0 12px;
  line-height: 1.35;
}

/* Mobile */
@media (max-width: 980px){
  #og-pro .og-pro-segments,
  #og-pro .og-pro-deliver{
    grid-template-columns: 1fr;
  }

  #og-pro .og-cta-actions{
    align-items: flex-start;
  }
   }

/* =========================================================
   CONTROLO DE IMAGENS – PROFISSIONAIS
   Objectivo: reduzir altura, melhorar ritmo visual
   Nota: reforça compatibilidade com Gutenberg (wp-block-image)
   ========================================================= */

/* Wrapper opcional para imagens editoriais */
#og-pro .og-visual-media{
  max-width: 960px;
  margin: 64px auto;
}

/* Garantir comportamento previsível */
#og-pro img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* --- Gutenberg: figuras/imagens (a maioria dos casos reais) --- */
#og-pro figure.wp-block-image,
#og-pro .wp-block-image,
#og-pro .wp-block-post-featured-image{
  /* evitar que imagens “alignwide/full” fujam do ritmo */
  max-width: 960px;
  margin: 44px auto;
}

/* A “caixa” que controla a altura (corta com elegância) */
#og-pro figure.wp-block-image,
#og-pro .wp-block-image figure,
#og-pro .wp-block-post-featured-image{
  border-radius: 18px;
  overflow: hidden;
  /* altura responsiva: não gigantes no desktop, não altos no mobile */
  height: clamp(180px, 30vw, 380px);
}

/* Imagem ocupa a caixa e recorta com object-fit */
#og-pro figure.wp-block-image img,
#og-pro .wp-block-image img,
#og-pro .wp-block-post-featured-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hero image: ligeiramente mais contida */
#og-pro .og-hero img,
#og-pro .og-hero figure.wp-block-image,
#og-pro .og-hero .wp-block-image figure{
  border-radius: 22px;
}

#og-pro .og-hero figure.wp-block-image,
#og-pro .og-hero .wp-block-image figure{
  height: clamp(170px, 26vw, 340px);
}

/* Se estiveres a usar wrapper próprio */
#og-pro .og-visual-media img{
  border-radius: 18px;
}

/* Mobile: margens e alturas mais compactas */
@media (max-width: 768px){
  #og-pro .og-visual-media{
    margin: 32px auto;
  }

  #og-pro figure.wp-block-image,
  #og-pro .wp-block-image,
  #og-pro .wp-block-post-featured-image{
    margin: 28px auto;
  }

  #og-pro figure.wp-block-image,
  #og-pro .wp-block-image figure,
  #og-pro .wp-block-post-featured-image{
    height: clamp(160px, 48vw, 260px);
  }
}