/* v7.9 - uniformidad final de secciones con paleta comunitaria británica */

:root{
  --ji-uk-blue:#2457e6;
  --ji-uk-navy:#0f2b63;
  --ji-uk-red:#cf142b;
  --ji-uk-soft:#f4f7ff;
  --ji-uk-soft-2:#edf3ff;
  --ji-uk-line:#d8e2fb;
  --ji-uk-ink:#0d214a;
  --ji-uk-copy:#51627f;
}

/* 1) Todas estas secciones deben sentirse parte del mismo sistema */
body #quienes-somos,
body #destacados,
body #tramites,
body #documentos,
body #noticias,
body #galerias{
  background:linear-gradient(180deg,var(--ji-uk-soft) 0%,var(--ji-uk-soft-2) 100%)!important;
}

body #quienes-somos .ji-block-heading__text p,
body #destacados .ji-block-heading__text p,
body #tramites .ji-block-heading__text p,
body #documentos .ji-block-heading__text p,
body #noticias .ji-block-heading__text p,
body #galerias .ji-block-heading__text p,
body #tramites .ji-tramite-group-note,
body #tramites .ji-unified-card__body p,
body #quienes-somos .ji-unified-card__body p,
body #documentos .ji-unified-card__body p,
body #destacados .ji-card-system__body p,
body #noticias .ji-card-system__body p,
body #galerias .ji-card-system__body p{
  color:var(--ji-uk-copy)!important;
}

body #tramites .ji-tramite-group-title,
body #tramites .ji-tramite-group-title--external{
  color:var(--ji-uk-navy)!important;
}

/* 2) Grillas y espaciados homogéneos */
body #quienes-somos .ji-about-grid,
body #destacados .ji-unified-grid,
body #tramites .ji-tramite-grid,
body #documentos .ji-documents-grid,
body #noticias .ji-news-grid,
body #galerias .ji-unified-grid{
  gap:1.5rem!important;
  align-items:stretch!important;
}

/* 3) Cards uniformes en TODAS las secciones señaladas */
body #quienes-somos .ji-unified-card,
body #tramites .ji-unified-card,
body #documentos .ji-unified-card,
body #destacados .ji-card-system,
body #noticias .ji-card-system,
body #galerias .ji-card-system{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  background:#fff!important;
  border:1px solid var(--ji-uk-line)!important;
  border-left:1px solid var(--ji-uk-line)!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:0 16px 34px rgba(15,43,99,.08)!important;
}

/* neutralización final de barras/cintas heredadas */
body #quienes-somos .ji-unified-card::before,
body #quienes-somos .ji-unified-card::after,
body #tramites .ji-unified-card::before,
body #tramites .ji-unified-card::after,
body #documentos .ji-unified-card::before,
body #documentos .ji-unified-card::after,
body #destacados .ji-card-system::before,
body #destacados .ji-card-system::after,
body #noticias .ji-card-system::before,
body #noticias .ji-card-system::after,
body #galerias .ji-card-system::before,
body #galerias .ji-card-system::after{
  content:none!important;
  display:none!important;
}

/* 4) Etiquetas superiores / eyebrow */
body #quienes-somos .ji-unified-card__top,
body #tramites .ji-unified-card__top,
body #documentos .ji-unified-card__top,
body #destacados .ji-card-system__eyebrow,
body #noticias .ji-card-system__eyebrow,
body #galerias .ji-card-system__eyebrow{
  background:#fff!important;
  color:var(--ji-uk-red)!important;
  font-size:.85rem!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body #quienes-somos .ji-unified-card__top,
body #tramites .ji-unified-card__top,
body #documentos .ji-unified-card__top{
  padding:1.05rem 1.15rem .2rem!important;
}
body #destacados .ji-card-system__eyebrow,
body #noticias .ji-card-system__eyebrow,
body #galerias .ji-card-system__eyebrow{
  padding:1rem 1.15rem .15rem!important;
  margin:0!important;
}
body #destacados .ji-card-system__body > .ji-card-system__eyebrow,
body #noticias .ji-card-system__body > .ji-card-system__eyebrow,
body #galerias .ji-card-system__body > .ji-card-system__eyebrow{
  display:block!important;
}

/* 5) Cuerpo de cards */
body #quienes-somos .ji-unified-card__body,
body #tramites .ji-unified-card__body,
body #documentos .ji-unified-card__body,
body #destacados .ji-card-system__body,
body #noticias .ji-card-system__body,
body #galerias .ji-card-system__body{
  background:#fff!important;
  padding:.35rem 1.15rem 1.1rem!important;
  flex:1 1 auto!important;
}

body #quienes-somos .ji-unified-card__body h3,
body #quienes-somos .ji-unified-card__body h3 a,
body #tramites .ji-unified-card__body h3,
body #tramites .ji-unified-card__body h3 a,
body #documentos .ji-unified-card__body h3,
body #documentos .ji-unified-card__body h3 a,
body #destacados .ji-card-system__body h3,
body #destacados .ji-card-system__body h3 a,
body #noticias .ji-card-system__body h3,
body #noticias .ji-card-system__body h3 a,
body #galerias .ji-card-system__body h3,
body #galerias .ji-card-system__body h3 a{
  color:var(--ji-uk-ink)!important;
  font-size:1.08rem!important;
  line-height:1.22!important;
  font-weight:900!important;
  margin:0 0 .7rem!important;
  text-decoration:none!important;
}

/* 6) Imágenes de cards con guiño de paleta, sin destruir fotos reales */
body #destacados .ji-card-system__image,
body #noticias .ji-card-system__image,
body #galerias .ji-card-system__image{
  position:relative!important;
  background:#e8eeff!important;
  border-bottom:4px solid var(--ji-uk-blue)!important;
}
body #destacados .ji-card-system__image::after,
body #noticias .ji-card-system__image::after,
body #galerias .ji-card-system__image::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(15,43,99,.12) 0%,rgba(15,43,99,0) 48%)!important;
  pointer-events:none!important;
}
body #destacados .ji-card-system__image img,
body #noticias .ji-card-system__image img,
body #galerias .ji-card-system__image img{
  position:relative!important;
  z-index:1!important;
}

/* 7) Footers y botones homogéneos */
body #quienes-somos .ji-unified-card__footer,
body #tramites .ji-unified-card__footer,
body #documentos .ji-unified-card__footer,
body #destacados .ji-card-system__footer,
body #noticias .ji-card-system__footer,
body #galerias .ji-card-system__footer{
  background:#fff!important;
  border-top:1px solid var(--ji-uk-line)!important;
  padding:1rem 1rem 1rem!important;
  margin-top:auto!important;
}

body #quienes-somos .ji-unified-card__footer a,
body #tramites .ji-unified-card__footer a,
body #documentos .ji-unified-card__footer a,
body #destacados .ji-card-system__footer a,
body #noticias .ji-card-system__footer a,
body #galerias .ji-card-system__footer a,
body #documentos .ji-btn--news,
body #noticias .ji-btn--news,
body #galerias .ji-btn--news{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:46px!important;
  padding:.78rem 1rem!important;
  background:var(--ji-uk-red)!important;
  border:2px solid var(--ji-uk-red)!important;
  color:#fff!important;
  border-radius:999px!important;
  font-size:.9rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  box-shadow:none!important;
}

body #quienes-somos .ji-unified-card__footer a:hover,
body #tramites .ji-unified-card__footer a:hover,
body #documentos .ji-unified-card__footer a:hover,
body #destacados .ji-card-system__footer a:hover,
body #noticias .ji-card-system__footer a:hover,
body #galerias .ji-card-system__footer a:hover,
body #documentos .ji-btn--news:hover,
body #noticias .ji-btn--news:hover,
body #galerias .ji-btn--news:hover{
  background:#ad1025!important;
  border-color:#ad1025!important;
  color:#fff!important;
}

body #quienes-somos .ji-unified-card__footer a span,
body #tramites .ji-unified-card__footer a span,
body #documentos .ji-unified-card__footer a span,
body #destacados .ji-card-system__footer a span,
body #noticias .ji-card-system__footer a span,
body #galerias .ji-card-system__footer a span,
body #documentos .ji-btn--news span,
body #noticias .ji-btn--news span,
body #galerias .ji-btn--news span{
  background:#fff!important;
  color:var(--ji-uk-red)!important;
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:.5rem!important;
  flex:0 0 28px!important;
}

/* 8) CTA de sección: ancho automático, mismo lenguaje visual */
body #documentos .ji-block-heading__cta,
body #galerias .ji-block-heading__cta,
body #noticias .ji-news-section__cta{
  display:flex!important;
  align-items:center!important;
}
body #documentos .ji-block-heading__cta .ji-btn--news,
body #galerias .ji-block-heading__cta .ji-btn--news,
body #noticias .ji-news-section__cta .ji-btn--news{
  width:auto!important;
  min-width:190px!important;
  padding-inline:1.2rem!important;
}

/* 9) Responsive */
@media (max-width: 920px){
  body #quienes-somos .ji-about-grid,
  body #destacados .ji-unified-grid,
  body #tramites .ji-tramite-grid,
  body #documentos .ji-documents-grid,
  body #noticias .ji-news-grid,
  body #galerias .ji-unified-grid{
    grid-template-columns:1fr!important;
  }
  body #documentos .ji-block-heading--row,
  body #galerias .ji-block-heading--row{
    display:block!important;
  }
  body #documentos .ji-block-heading__cta,
  body #galerias .ji-block-heading__cta,
  body #noticias .ji-news-section__cta{
    margin-top:1rem!important;
  }
  body #documentos .ji-block-heading__cta .ji-btn--news,
  body #galerias .ji-block-heading__cta .ji-btn--news,
  body #noticias .ji-news-section__cta .ji-btn--news{
    width:100%!important;
    min-width:0!important;
  }
}