/* ============================================================
   Instituto Pomin — overrides mínimos sobre case-hexon.css.
   Paleta: preto + vermelho (símbolo) + branco.
   ============================================================ */

/* HERO — bandeira preta com símbolo P vermelho cobrindo 100vh */
html.ds .case-pomin .hx-hero-image {
  position: relative;
  height: 100vh;
  min-height: 600px;
  width: 100%;
  overflow: hidden;
  background: #000;
}
html.ds .case-pomin .hx-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 767px) {
  html.ds .case-pomin .hx-hero-image {
    height: 100vh;
    min-height: 500px;
  }
}