/* MDB RJ • Home — Padronização dos Cards da Vitrine V2
   Faz a seção "Conheça candidatos do MDB RJ" seguir o mesmo porte visual
   dos cards de "Os candidatos que estão movimentando a Vitrine".
*/

#mdb-home-candidate-rotation .mdb-home-rotation-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

#mdb-home-candidate-rotation .mdb-home-rotation-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #d9e5de!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(22,63,40,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

#mdb-home-candidate-rotation .mdb-home-rotation-card:hover{
  transform:translateY(-2px)!important;
  border-color:#bdd7c7!important;
  box-shadow:0 13px 30px rgba(22,63,40,.085)!important;
}

/* Área da foto com proporção semelhante aos cards superiores */
#mdb-home-candidate-rotation .mdb-home-rotation-photo{
  width:100%!important;
  aspect-ratio:1 / 1.04!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-bottom:1px solid #edf2ef!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}

/* Evita "cabeças cortadas" e deixa as fotos com fundo branco mais profissionais */
#mdb-home-candidate-rotation .mdb-home-rotation-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  background:#fff!important;
  display:block!important;
}

/* Caso não haja foto, mantém exatamente o mesmo tamanho */
#mdb-home-candidate-rotation .mdb-home-rotation-fallback{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:#f3f7f4!important;
}

/* Corpo dos cards com altura consistente */
#mdb-home-candidate-rotation .mdb-home-rotation-copy{
  flex:1 1 auto!important;
  min-height:102px!important;
  padding:11px 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  background:#fff!important;
}

#mdb-home-candidate-rotation .mdb-home-rotation-copy span{
  display:block!important;
  margin:0!important;
  color:#08713e!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}

#mdb-home-candidate-rotation .mdb-home-rotation-copy strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:25px!important;
  margin:4px 0 0!important;
  color:#17291f!important;
  font-size:13px!important;
  line-height:1.02!important;
  font-weight:950!important;
}

#mdb-home-candidate-rotation .mdb-home-rotation-copy small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:22px!important;
  margin:4px 0 0!important;
  color:#718078!important;
  font-size:8px!important;
  line-height:1.35!important;
}

#mdb-home-candidate-rotation .mdb-home-rotation-copy b{
  display:block!important;
  margin-top:auto!important;
  padding-top:9px!important;
  color:#075d35!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
}

/* Mantém toda a linha com a mesma altura mesmo com nomes maiores */
#mdb-home-candidate-rotation .mdb-home-rotation-grid > *{
  min-width:0!important;
}

/* Tablet */
@media(max-width:900px){
  #mdb-home-candidate-rotation .mdb-home-rotation-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Celular: mantém o mesmo card vertical, sem virar card horizontal */
@media(max-width:560px){
  #mdb-home-candidate-rotation .mdb-home-rotation-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  #mdb-home-candidate-rotation .mdb-home-rotation-card{
    display:flex!important;
    grid-template-columns:none!important;
  }

  #mdb-home-candidate-rotation .mdb-home-rotation-photo{
    height:auto!important;
    aspect-ratio:1 / .98!important;
  }

  #mdb-home-candidate-rotation .mdb-home-rotation-copy{
    min-height:98px!important;
    padding:12px 13px!important;
  }
}
