/* v7.8 - FORCE: 4 shortcuts en una sola línea + paleta comunitaria británica global */
:root{
  --ji-uk-blue:#2457e6;
  --ji-uk-blue-2:#3677ff;
  --ji-uk-navy:#0f2b63;
  --ji-uk-navy-2:#153a83;
  --ji-uk-red:#cf142b;
  --ji-uk-red-2:#e83c55;
  --ji-uk-white:#ffffff;
  --ji-uk-soft:#f4f7ff;
  --ji-uk-line:#d8e2fb;
  --ji-uk-ink:#0d214a;

  --ji-primary:var(--ji-uk-navy)!important;
  --ji-secondary:var(--ji-uk-blue)!important;
  --ji-accent:var(--ji-uk-red)!important;
  --ji-bg:var(--ji-uk-soft)!important;
  --ji-text:var(--ji-uk-ink)!important;
  --ji-border:var(--ji-uk-line)!important;

  --ji-v5-teal:var(--ji-uk-blue)!important;
  --ji-v5-teal-dark:var(--ji-uk-navy)!important;
  --ji-v5-yellow:var(--ji-uk-red)!important;
  --ji-v5-orange:var(--ji-uk-red-2)!important;
  --ji-v5-purple:var(--ji-uk-blue-2)!important;
  --ji-v5-ink:var(--ji-uk-ink)!important;
  --ji-v5-muted:#50607e!important;
  --ji-v5-soft:var(--ji-uk-soft)!important;
  --ji-v5-line:var(--ji-uk-line)!important;

  --ji-card-teal:var(--ji-uk-blue)!important;
  --ji-card-teal-dark:var(--ji-uk-navy)!important;
  --ji-card-copy:#425270!important;
  --ji-card-title:var(--ji-uk-ink)!important;
  --ji-card-kicker:var(--ji-uk-blue-2)!important;
  --ji-card-accent:var(--ji-uk-red)!important;

  --ji-independencia-teal:var(--ji-uk-blue)!important;
  --ji-independencia-teal-dark:var(--ji-uk-navy)!important;
  --ji-independencia-yellow:var(--ji-uk-red)!important;
  --ji-independencia-yellow-dark:#ad1025!important;
  --ji-independencia-ink:var(--ji-uk-ink)!important;
}

html body,
body.ji-v53-clean,
body.ji-v54-dashboard{
  background:var(--ji-uk-soft)!important;
  color:var(--ji-uk-ink)!important;
}

/* Paleta global visible */
body.ji-v53-clean .ji-clean-header,
body.ji-v54-dashboard .ji-clean-header,
body.ji-v53-clean.ji-v54-dashboard .ji-clean-header,
body .ji-clean-header{
  background:linear-gradient(90deg,var(--ji-uk-navy) 0%,var(--ji-uk-blue) 62%,var(--ji-uk-red) 100%)!important;
}
body.ji-v53-clean .ji-clean-navline,
body.ji-v54-dashboard .ji-clean-navline,
body .ji-clean-navline{
  background:#ffffff!important;
  border-bottom:1px solid var(--ji-uk-line)!important;
}
body.ji-v53-clean .ji-clean-nav a,
body.ji-v54-dashboard .ji-clean-nav a,
body .ji-main-nav a{
  color:var(--ji-uk-ink)!important;
}
body.ji-v53-clean .ji-clean-nav a:hover,
body.ji-v54-dashboard .ji-clean-nav a:hover,
body .ji-main-nav a:hover{
  background:rgba(36,87,230,.10)!important;
  color:var(--ji-uk-blue)!important;
}
body .ji-clean-branding__text strong,
body .ji-clean-branding__text em,
body .ji-clean-branding__text--asset-logo strong,
body .ji-clean-branding__text--asset-logo em{color:#fff!important;}
body.ji-v53-clean .ji-clean-search,
body.ji-v54-dashboard .ji-clean-search{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
body.ji-v53-clean .ji-clean-call,
body.ji-v54-dashboard .ji-clean-call,
body .ji-clean-call,
body .ji-btn,
body .ji-btn--news,
body .ji-clean-hero__button,
body .ji-card-system__footer a,
body .ji-unified-card__footer a,
body .ji-news-card__footer a,
body .ji-events-showcase__all,
body .ji-cert-verify__form button,
body .ji-v5-card__button,
body .ji-archive-card__button,
body .ji-person-card__button,
body .ji-short-card__button{
  background:var(--ji-uk-red)!important;
  border-color:var(--ji-uk-red)!important;
  color:#fff!important;
}
body.ji-v53-clean .ji-clean-call:hover,
body.ji-v54-dashboard .ji-clean-call:hover,
body .ji-btn:hover,
body .ji-btn--news:hover,
body .ji-card-system__footer a:hover,
body .ji-unified-card__footer a:hover,
body .ji-news-card__footer a:hover,
body .ji-v5-card__button:hover,
body .ji-archive-card__button:hover,
body .ji-person-card__button:hover,
body .ji-short-card__button:hover{
  background:#ad1025!important;
  border-color:#ad1025!important;
}

/* Hero + panel lateral */
body.ji-v54-dashboard .ji-clean-dashboard,
body.ji-v53-clean .ji-clean-dashboard,
body .ji-clean-dashboard{
  background:linear-gradient(180deg,var(--ji-uk-navy) 0%,#152d5e 100%)!important;
  color:#fff!important;
}
body.ji-v54-dashboard .ji-clean-dashboard h2,
body .ji-clean-dashboard h2{color:#fff!important;}
body.ji-v54-dashboard .ji-clean-dashboard__search,
body .ji-clean-dashboard__search{
  background:#fff!important;
  color:var(--ji-uk-ink)!important;
}
body.ji-v54-dashboard .ji-clean-dashboard__search strong,
body .ji-clean-dashboard__search strong{color:var(--ji-uk-red)!important;}
body.ji-v54-dashboard .ji-clean-dashboard__pills a,
body .ji-clean-dashboard__pills a{
  border-color:#6fa7ff!important;
  color:#fff!important;
  background:rgba(255,255,255,.03)!important;
}
body.ji-v54-dashboard .ji-clean-dashboard__pills a:first-child,
body .ji-clean-dashboard__pills a:first-child{
  border-color:var(--ji-uk-red)!important;
  background:rgba(207,20,43,.18)!important;
}
body.ji-v54-dashboard .ji-clean-dashboard__pills a:hover,
body .ji-clean-dashboard__pills a:hover{
  background:var(--ji-uk-red)!important;
  border-color:var(--ji-uk-red)!important;
  color:#fff!important;
}
body .ji-clean-hero__media:after,
body .ji-hero-slide:after{
  background:linear-gradient(90deg,rgba(15,43,99,.72) 0%,rgba(36,87,230,.28) 56%,rgba(207,20,43,.10) 100%)!important;
}

/* LA CORRECCIÓN CENTRAL: 4 opciones en UNA sola franja en escritorio */
body.ji-v54-dashboard .ji-home-shortcuts--v55,
body.ji-v53-clean .ji-home-shortcuts--v55,
body .ji-home-shortcuts--v55,
body .ji-home-shortcuts{
  display:block!important;
  width:100%!important;
  background:#fff!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-home-shortcuts__grid,
body.ji-v53-clean .ji-home-shortcuts--v55 .ji-home-shortcuts__grid,
body .ji-home-shortcuts--v55 .ji-home-shortcuts__grid,
body .ji-home-shortcuts__grid,
body .ji-home-shortcuts__grid--four{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  grid-auto-rows:1fr!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut,
body.ji-v53-clean .ji-home-shortcuts--v55 .ji-shortcut,
body .ji-home-shortcuts--v55 .ji-shortcut,
body .ji-home-shortcuts .ji-shortcut{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-width:0!important;
  width:100%!important;
  min-height:112px!important;
  height:112px!important;
  padding:1.2rem 1.25rem!important;
  gap:1rem!important;
  border-radius:0!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  color:#fff!important;
  overflow:hidden!important;
}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut:nth-child(1),
body .ji-home-shortcuts .ji-shortcut:nth-child(1){background:linear-gradient(135deg,var(--ji-uk-navy) 0%,var(--ji-uk-blue) 100%)!important;}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut:nth-child(2),
body .ji-home-shortcuts .ji-shortcut:nth-child(2){background:linear-gradient(135deg,#16428f 0%,#2457e6 100%)!important;}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut:nth-child(3),
body .ji-home-shortcuts .ji-shortcut:nth-child(3){background:linear-gradient(135deg,#2f67ff 0%,#5b8cff 100%)!important;}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut:nth-child(4),
body .ji-home-shortcuts .ji-shortcut:nth-child(4){background:linear-gradient(135deg,var(--ji-uk-red) 0%,var(--ji-uk-red-2) 100%)!important;}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut:nth-child(n+5),
body .ji-home-shortcuts .ji-shortcut:nth-child(n+5){display:none!important;}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__text,
body.ji-v53-clean .ji-home-shortcuts--v55 .ji-shortcut__text,
body .ji-home-shortcuts .ji-shortcut__text{
  color:#fff!important;
  font-size:clamp(.95rem,1.05vw,1.16rem)!important;
  line-height:1.08!important;
  font-weight:900!important;
  max-width:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  letter-spacing:-.02em!important;
}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__icon,
body.ji-v53-clean .ji-home-shortcuts--v55 .ji-shortcut__icon,
body .ji-home-shortcuts .ji-shortcut__icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border:0!important;
  border-radius:0!important;
  opacity:1!important;
  justify-self:auto!important;
  filter:none!important;
}
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__icon:before,
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__icon:after,
body.ji-v53-clean .ji-home-shortcuts--v55 .ji-shortcut__icon:before,
body.ji-v53-clean .ji-home-shortcuts--v55 .ji-shortcut__icon:after,
body .ji-home-shortcuts .ji-shortcut__icon:before,
body .ji-home-shortcuts .ji-shortcut__icon:after{
  display:none!important;
  content:none!important;
}
body .ji-home-shortcuts .ji-shortcut__icon svg,
body .ji-home-shortcuts .ji-shortcut__icon svg *,
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__icon svg,
body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__icon svg *{
  display:block!important;
  stroke:#fff!important;
  fill:none!important;
  stroke-width:2.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Cards, secciones y footer envueltos por la paleta */
body .ji-section,
body .ji-section--muted{background:var(--ji-uk-soft)!important;}
body #tramites,
body #documentos,
body #directorio,
body #noticias,
body #galerias,
body #directiva{background:#fff!important;}
body .ji-block-heading__title--bicolor,
body .ji-section__header h2,
body .ji-v5-section__title{color:var(--ji-uk-blue)!important;}
body .ji-block-heading__title--bicolor span,
body .ji-section__header h2 span:last-child,
body .ji-v5-section__title span:last-child{color:var(--ji-uk-red)!important;}
body .ji-card-system,
body .ji-unified-card,
body .ji-v5-card,
body .ji-archive-card,
body .ji-person-card,
body .ji-short-card,
body .ji-document-card,
body .ji-directory-card,
body .ji-cert-verify,
body .ji-cert-result{
  border-color:var(--ji-uk-line)!important;
  box-shadow:0 16px 34px rgba(15,43,99,.08)!important;
}
body .ji-card-system__eyebrow,
body .ji-v5-card__kicker,
body .ji-archive-card__kicker,
body .ji-person-card__role{color:var(--ji-uk-blue)!important;}
body .ji-card-system h3,
body .ji-v5-card__title,
body .ji-archive-card__title,
body .ji-person-card__name,
body .ji-short-card__title{color:var(--ji-uk-ink)!important;}
body .ji-footer,
body .ji-v5-footer{background:linear-gradient(135deg,var(--ji-uk-navy) 0%,var(--ji-uk-blue) 72%,var(--ji-uk-red) 100%)!important;}
body .ji-footer__bottom,
body .ji-v5-footer__bottom{background:rgba(0,0,0,.26)!important;}
body .ji-back-to-top,
body .ji-backtotop{left:22px!important;right:auto!important;background:var(--ji-uk-red)!important;color:#fff!important;}
body .ji-back-to-top:hover,
body .ji-backtotop:hover{background:#ad1025!important;color:#fff!important;}

@media (max-width:1200px){
  body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut,
  body .ji-home-shortcuts .ji-shortcut{padding:1rem .95rem!important;}
  body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__text,
  body .ji-home-shortcuts .ji-shortcut__text{font-size:.95rem!important;}
  body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut__icon,
  body .ji-home-shortcuts .ji-shortcut__icon{width:34px!important;height:34px!important;flex-basis:34px!important;}
}
@media (max-width:980px){
  body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-home-shortcuts__grid,
  body .ji-home-shortcuts__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;}
  body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-shortcut,
  body .ji-home-shortcuts .ji-shortcut{height:auto!important;min-height:92px!important;}
}
@media (max-width:640px){
  body.ji-v54-dashboard .ji-home-shortcuts--v55 .ji-home-shortcuts__grid,
  body .ji-home-shortcuts__grid{grid-template-columns:1fr!important;}
}