/* v6.6 - cards con imagen iguales a trámites + secciones nuevas visibles */

/*
 * Las cards con imagen NO deben parecer otro sistema.
 * Diferencia permitida: imagen superior. Todo lo demás replica trámites.
 */
#destacados .ji-card-system,
#noticias .ji-card-system,
#galerias .ji-card-system,
.ji-card-system--feature,
.ji-card-system--news,
.ji-card-system--gallery{
  background:#ffffff!important;
  border:1px solid #dfe7e6!important;
  border-left:1px solid #dfe7e6!important;
  border-radius:0!important;
  box-shadow:0 10px 28px rgba(16,45,62,.08)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  min-height:100%!important;
}

/* Imagen superior limpia, sin borde lateral ni tratamiento tipo afiche gigante */
#destacados .ji-card-system__image,
#noticias .ji-card-system__image,
#galerias .ji-card-system__image,
.ji-card-system--feature .ji-card-system__image,
.ji-card-system--news .ji-card-system__image,
.ji-card-system--gallery .ji-card-system__image{
  display:block!important;
  width:100%!important;
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  overflow:hidden!important;
  background:#eef3f3!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}

#destacados .ji-card-system__image img,
#noticias .ji-card-system__image img,
#galerias .ji-card-system__image img,
.ji-card-system--feature .ji-card-system__image img,
.ji-card-system--news .ji-card-system__image img,
.ji-card-system--gallery .ji-card-system__image img{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
}

/* Eyebrow, cuerpo y footer idénticos al tratamiento de trámites */
#destacados .ji-card-system__eyebrow,
#noticias .ji-card-system__eyebrow,
#galerias .ji-card-system__eyebrow,
.ji-card-system--feature .ji-card-system__eyebrow,
.ji-card-system--news .ji-card-system__eyebrow,
.ji-card-system--gallery .ji-card-system__eyebrow{
  background:#ffffff!important;
  color:#8e49aa!important;
  font-size:.86rem!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:0!important;
  padding:1rem 1.15rem .15rem!important;
  margin:0!important;
  text-transform:none!important;
}

#destacados .ji-card-system__body,
#noticias .ji-card-system__body,
#galerias .ji-card-system__body,
.ji-card-system--feature .ji-card-system__body,
.ji-card-system--news .ji-card-system__body,
.ji-card-system--gallery .ji-card-system__body{
  background:#ffffff!important;
  padding:.35rem 1.15rem 1rem!important;
  margin:0!important;
  flex:1 1 auto!important;
}

#destacados .ji-card-system__body h3,
#destacados .ji-card-system__body h3 a,
#noticias .ji-card-system__body h3,
#noticias .ji-card-system__body h3 a,
#galerias .ji-card-system__body h3,
#galerias .ji-card-system__body h3 a,
.ji-card-system--feature .ji-card-system__body h3,
.ji-card-system--feature .ji-card-system__body h3 a,
.ji-card-system--news .ji-card-system__body h3,
.ji-card-system--news .ji-card-system__body h3 a,
.ji-card-system--gallery .ji-card-system__body h3,
.ji-card-system--gallery .ji-card-system__body h3 a{
  color:#405579!important;
  font-size:1.04rem!important;
  line-height:1.2!important;
  font-weight:850!important;
  margin:0 0 .7rem!important;
  text-decoration:none!important;
}

#destacados .ji-card-system__body p,
#noticias .ji-card-system__body p,
#galerias .ji-card-system__body p,
.ji-card-system--feature .ji-card-system__body p,
.ji-card-system--news .ji-card-system__body p,
.ji-card-system--gallery .ji-card-system__body p{
  color:#5d6b79!important;
  font-size:.95rem!important;
  line-height:1.55!important;
  margin:0!important;
}

#destacados .ji-card-system__footer,
#noticias .ji-card-system__footer,
#galerias .ji-card-system__footer,
.ji-card-system--feature .ji-card-system__footer,
.ji-card-system--news .ji-card-system__footer,
.ji-card-system--gallery .ji-card-system__footer{
  background:#ffffff!important;
  border-top:1px solid #dfe7e6!important;
  padding:.9rem 1rem 1rem!important;
  margin-top:auto!important;
}

#destacados .ji-card-system__footer a,
#noticias .ji-card-system__footer a,
#galerias .ji-card-system__footer a,
.ji-card-system--feature .ji-card-system__footer a,
.ji-card-system--news .ji-card-system__footer a,
.ji-card-system--gallery .ji-card-system__footer a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:42px!important;
  border-radius:999px!important;
  background:#f5bd3d!important;
  color:#ffffff!important;
  font-size:.86rem!important;
  font-weight:900!important;
  text-decoration:none!important;
  text-align:center!important;
  padding:.65rem .9rem!important;
}

/* Si galerías tenía el eyebrow después de la imagen/cuerpo, igual queda en la misma lógica */
#galerias .ji-card-system__eyebrow{
  order:2!important;
}
#galerias .ji-card-system__body{
  order:3!important;
}
#galerias .ji-card-system__footer{
  order:4!important;
}
#galerias .ji-card-system__image{
  order:1!important;
}

/* Nuevas secciones: espaciado visible y cards iguales a trámites */
#quienes-somos,
#documentos{
  display:block!important;
  visibility:visible!important;
}
.ji-about-card,
.ji-document-card{
  border-left:1px solid #dfe7e6!important;
}

/* Móvil */
@media (max-width: 767px){
  #destacados .ji-card-system__image,
  #noticias .ji-card-system__image,
  #galerias .ji-card-system__image{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
}