/*
 * Contraste transversal validado apos a migracao das subpaginas para fundo claro.
 * Esta folha deve ser a ultima folha CSS de todas as paginas publicas.
 */
:root{--tinta-50:#526477}

/* Elegibilidade: texto e retrato ocupam zonas distintas para preservar ambos. */
.el-hero-foto{
  min-height:460px;
  align-items:center;
  background:#fff!important;
  border:1px solid #d7e0e8;
  box-shadow:0 18px 48px rgba(0,31,62,.09);
}
.el-hero-foto img{
  left:auto;
  right:0;
  width:54%;
  opacity:1!important;
  object-position:50% 30%;
  filter:saturate(.82) contrast(.96);
}
.el-hero-foto::after{
  background:linear-gradient(90deg,#fff 0%,#fff 46%,rgba(255,255,255,.94) 54%,rgba(255,255,255,.2) 72%,rgba(255,255,255,0) 100%)!important;
}
.el-hero-foto .el-hero-txt{width:58%;padding:48px;max-width:760px}
.el-hero-foto .el-hero-txt .eyebrow{color:var(--azul-acento,#1e4890)!important}
.el-hero-foto .el-hero-txt h1{color:var(--azul-escuro,#001f3e)!important}

/* O editor de foto conserva o miolo escuro mesmo com o hero claro. */
.foto300-vazio,
.foto300-vazio strong,
.foto300-vazio span{color:#fff!important}
.foto300-vazio svg{color:var(--hope,#dbe64c)!important}

/* Textos auxiliares pequenos precisam superar 4.5:1 nas superficies claras. */
.h2v .nums span,
.cv-fonte p,
.tx-onde,
.obra-quali,
.obra .meta,
.obj-tag,
.copia label,
.kit-nota{color:#526477!important}

/* Ajustes pontuais em superficies coloridas e paginas de confirmacao. */
.placar-head .eyebrow{color:#fff!important}
.imprensa-page .press-item h4{color:#fff!important}
.grupos-obrigado-page .eyebrow{color:var(--nuit,#1e4890)!important}
.obg-btn.principal{color:var(--azul-escuro,#001f3e)!important}

@media(max-width:720px){
  .el-hero-foto{
    min-height:0;
    display:grid;
    grid-template-rows:240px auto;
    align-items:start;
    margin:16px 12px 30px;
  }
  .el-hero-foto img{
    position:relative;
    grid-row:1;
    width:100%;
    height:240px;
    object-position:50% 30%;
  }
  .el-hero-foto::after{
    bottom:auto;
    height:240px;
    background:linear-gradient(180deg,rgba(255,255,255,0) 54%,#fff 100%)!important;
  }
  .el-hero-foto .el-hero-txt{
    grid-row:2;
    width:100%;
    max-width:none;
    padding:18px 22px 28px;
  }
}