/* v8.1 - footer full width + botones secundarios azules */

/* Variables finales */
:root{
  --ji-uk-blue:#2457e6!important;
  --ji-uk-blue-soft:#3677ff!important;
  --ji-uk-navy:#0f2b63!important;
  --ji-uk-red:#cf142b!important;
  --ji-uk-red-dark:#ad1025!important;
  --ji-uk-white:#ffffff!important;
  --ji-uk-line:#d8e2fb!important;
  --ji-uk-ink:#0d214a!important;
}

/* FOOTER: el degradé debe ocupar TODO el ancho, no solo el contenedor central */
html body footer.ji-footer,
html body .ji-footer,
html body .ji-v5-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(90deg,#0f2b63 0%,#2457e6 62%,#cf142b 100%)!important;
  color:#fff!important;
  overflow:hidden!important;
}

/* El contenedor interno no debe pintar otro fondo ni cortar el degradé */
html body footer.ji-footer .ji-container,
html body footer.ji-footer .ji-footer__grid,
html body footer.ji-footer .ji-footer__legal-main,
html body footer.ji-footer .ji-footer__topband,
html body footer.ji-footer .ji-footer__main,
html body footer.ji-footer .ji-footer__columns,
html body .ji-v5-footer .ji-container{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* Mantener grilla centrada, pero sin fondo propio */
html body footer.ji-footer .ji-footer__grid{
  padding-top:3.5rem!important;
  padding-bottom:3.5rem!important;
}

/* Banda superior sin teal */
html body footer.ji-footer .ji-footer__topband{
  height:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
}

/* Franja inferior del footer: misma familia, no teal */
html body footer.ji-footer .ji-footer__bottom{
  width:100%!important;
  max-width:none!important;
  background:rgba(0,0,0,.24)!important;
  color:#fff!important;
  margin:0!important;
  padding:1rem 0!important;
}

/* Tipografía footer */
html body footer.ji-footer,
html body footer.ji-footer h1,
html body footer.ji-footer h2,
html body footer.ji-footer h3,
html body footer.ji-footer p,
html body footer.ji-footer li,
html body footer.ji-footer strong,
html body footer.ji-footer span,
html body footer.ji-footer em,
html body footer.ji-footer a{
  color:#fff!important;
}

/* BOTONES: los CTA de cards deben ser azules para no saturar con rojo */
html body #quienes-somos .ji-unified-card__footer a,
html body #tramites .ji-unified-card__footer a,
html body #documentos .ji-unified-card__footer a,
html body #destacados .ji-card-system__footer a,
html body #noticias .ji-card-system__footer a,
html body #galerias .ji-card-system__footer a,
html body #directiva .ji-card-system__footer a,
html body #directorio .ji-unified-card__footer a,
html body .ji-v5-card__button,
html body .ji-archive-card__button,
html body .ji-person-card__button,
html body .ji-short-card__button{
  background:#2457e6!important;
  border-color:#2457e6!important;
  color:#fff!important;
}

/* Hover azul oscuro */
html body #quienes-somos .ji-unified-card__footer a:hover,
html body #tramites .ji-unified-card__footer a:hover,
html body #documentos .ji-unified-card__footer a:hover,
html body #destacados .ji-card-system__footer a:hover,
html body #noticias .ji-card-system__footer a:hover,
html body #galerias .ji-card-system__footer a:hover,
html body #directiva .ji-card-system__footer a:hover,
html body #directorio .ji-unified-card__footer a:hover,
html body .ji-v5-card__button:hover,
html body .ji-archive-card__button:hover,
html body .ji-person-card__button:hover,
html body .ji-short-card__button:hover{
  background:#0f2b63!important;
  border-color:#0f2b63!important;
  color:#fff!important;
}

/* Flecha/círculo interno de botones azules */
html body #quienes-somos .ji-unified-card__footer a span,
html body #tramites .ji-unified-card__footer a span,
html body #documentos .ji-unified-card__footer a span,
html body #destacados .ji-card-system__footer a span,
html body #noticias .ji-card-system__footer a span,
html body #galerias .ji-card-system__footer a span,
html body #directiva .ji-card-system__footer a span,
html body #directorio .ji-unified-card__footer a span{
  background:#fff!important;
  color:#2457e6!important;
}

/* Botones principales de sección pueden seguir rojos como acento, no todos los botones */
html body .ji-block-heading__cta .ji-btn--news,
html body .ji-news-section__cta .ji-btn--news,
html body .ji-clean-call,
html body .ji-cert-verify__form button,
html body .ji-cert-action--primary{
  background:#cf142b!important;
  border-color:#cf142b!important;
  color:#fff!important;
}

html body .ji-block-heading__cta .ji-btn--news:hover,
html body .ji-news-section__cta .ji-btn--news:hover,
html body .ji-clean-call:hover,
html body .ji-cert-verify__form button:hover,
html body .ji-cert-action--primary:hover{
  background:#ad1025!important;
  border-color:#ad1025!important;
  color:#fff!important;
}

/* Eliminar definitivamente amarillo/naranjo en botones */
html body a[style*="yellow"],
html body button[style*="yellow"],
html body .ji-card-system__footer a,
html body .ji-unified-card__footer a,
html body .ji-news-card__footer a{
  box-shadow:none!important;
}

/* Etiquetas superiores azules, no moradas */
html body .ji-card-system__eyebrow,
html body .ji-unified-card__top,
html body .ji-news-card__category,
html body .ji-v5-card__kicker,
html body .ji-archive-card__kicker,
html body .ji-person-card__role,
html body .ji-tramite-card .ji-unified-card__top{
  color:#2457e6!important;
  -webkit-text-fill-color:#2457e6!important;
}

/* Back to top se mantiene rojo como acento flotante */
html body .ji-back-to-top,
html body .ji-backtotop{
  background:#cf142b!important;
  color:#fff!important;
}