/* V225 — SOMENTE LAYOUT DA DIRETORIA. Mantém o primeiro layout V182. */
body.detail-diretoria .pageHeroPortal{
  position:relative;
  overflow:hidden;
  min-height:210px;
  display:flex;
  align-items:center;
}
body.detail-diretoria .pageHeroPortal>div{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
}
body.detail-diretoria .pageHeroPortal h1{
  margin:5px 0 7px!important;
  line-height:1.05!important;
}
body.detail-diretoria .pageHeroPortal p{
  max-width:720px;
  margin:0 0 14px!important;
}
body.detail-diretoria .boardPublic{
  padding-top:14px!important;
  padding-bottom:42px!important;
}
body.detail-diretoria .boardPublic>.section{
  padding-top:18px!important;
}
body.detail-diretoria .boardPublicHead{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:20px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(7,97,60,.14)!important;
}
body.detail-diretoria .boardPublicHead h2{
  margin:0 0 5px!important;
  font-size:28px!important;
  line-height:1.1!important;
}
body.detail-diretoria .boardPublicHead .lead{
  max-width:760px!important;
  margin:0!important;
  line-height:1.55!important;
}
body.detail-diretoria .boardAccent{
  width:76px!important;
  height:4px!important;
  margin-top:11px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#087746,#68bb69)!important;
}
body.detail-diretoria .boardPublicBadge{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
  color:#08613e!important;
  background:#edf8f1!important;
  border:1px solid #cfe7d7!important;
  box-shadow:0 5px 14px rgba(5,83,49,.08)!important;
}
body.detail-diretoria #boardPublicGrid.boardGridPublic{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.detail-diretoria #boardPublicGrid .boardCard{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  padding:16px 14px 15px!important;
  min-height:245px!important;
  border-radius:16px!important;
  border:1px solid #d8e9df!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fcf9 100%)!important;
  box-shadow:0 8px 22px rgba(5,73,45,.10)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body.detail-diretoria #boardPublicGrid .boardCard:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(5,73,45,.16)!important;
}
body.detail-diretoria #boardPublicGrid .boardCard:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:5px!important;
  background:linear-gradient(90deg,#087746,#31a65f,#8bcf73)!important;
}
body.detail-diretoria #boardPublicGrid .boardCard img{
  width:104px!important;
  height:104px!important;
  flex:0 0 104px!important;
  object-fit:cover!important;
  object-position:center top!important;
  display:block!important;
  margin:3px auto 12px!important;
  border-radius:50%!important;
  border:4px solid #fff!important;
  outline:2px solid #bfe2cc!important;
  box-shadow:0 6px 15px rgba(5,84,49,.16)!important;
  background:#eaf5ee!important;
}
body.detail-diretoria #boardPublicGrid .boardCard>div{
  width:100%!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:center!important;
}
body.detail-diretoria #boardPublicGrid .boardCard small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-height:28px!important;
  padding:5px 10px!important;
  margin:0 auto 8px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:#087746!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
body.detail-diretoria #boardPublicGrid .boardCard h3{
  margin:0!important;
  color:#143c2d!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
body.detail-diretoria #boardPublicGrid .boardCard p{
  margin:9px 0 0!important;
  color:#6a7b72!important;
  font-size:12px!important;
  line-height:1.35!important;
}
body.detail-diretoria #boardPublicGrid .boardEmpty,
body.detail-diretoria #boardPublicGrid .empty{
  grid-column:1/-1!important;
  min-height:150px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  border:1px dashed #bedac9!important;
  border-radius:14px!important;
  color:#567166!important;
  background:#f7fcf9!important;
}
/* Primeiro registro = Presidente: destaque moderado, sem alterar a identidade visual. */
body.detail-diretoria #boardPublicGrid .boardCard:first-child{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-columns:124px 1fr!important;
  align-items:center!important;
  text-align:left!important;
  min-height:190px!important;
  padding:18px 20px!important;
  background:linear-gradient(135deg,#ffffff 0%,#eff9f2 100%)!important;
}
body.detail-diretoria #boardPublicGrid .boardCard:first-child img{
  width:118px!important;
  height:118px!important;
  margin:0!important;
}
body.detail-diretoria #boardPublicGrid .boardCard:first-child>div{
  align-items:flex-start!important;
  padding-left:18px!important;
}
body.detail-diretoria #boardPublicGrid .boardCard:first-child small{
  margin:0 0 9px!important;
}
body.detail-diretoria #boardPublicGrid .boardCard:first-child h3{
  font-size:22px!important;
}
@media(max-width:1050px){
 body.detail-diretoria #boardPublicGrid.boardGridPublic{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
 body.detail-diretoria #boardPublicGrid.boardGridPublic{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.detail-diretoria #boardPublicGrid .boardCard:first-child{grid-column:1/-1!important}
 body.detail-diretoria .boardPublicHead{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:560px){
 body.detail-diretoria .pageHeroPortal{min-height:185px!important}
 body.detail-diretoria .boardPublic,
 body.detail-diretoria .boardPublic>.section{padding-left:12px!important;padding-right:12px!important}
 body.detail-diretoria #boardPublicGrid.boardGridPublic{grid-template-columns:1fr!important;gap:12px!important}
 body.detail-diretoria #boardPublicGrid .boardCard,
 body.detail-diretoria #boardPublicGrid .boardCard:first-child{
   grid-column:auto!important;
   display:flex!important;
   flex-direction:column!important;
   text-align:center!important;
   min-height:0!important;
   padding:15px!important;
 }
 body.detail-diretoria #boardPublicGrid .boardCard:first-child img{width:104px!important;height:104px!important;margin:3px auto 12px!important}
 body.detail-diretoria #boardPublicGrid .boardCard:first-child>div{align-items:center!important;padding-left:0!important}
 body.detail-diretoria #boardPublicGrid .boardCard:first-child small{margin:0 auto 8px!important}
 body.detail-diretoria #boardPublicGrid .boardCard:first-child h3{font-size:18px!important}
}
