/* =========================================================
   Trámites + Info Útil · Header compacto V290
   Referencia visual: Clasificados V265. Componente aislado.
   ========================================================= */
.jc-ti290-header,.jc-ti290-header *{box-sizing:border-box}
.jc-ti290-header{position:relative;z-index:40;width:100%;border-bottom:1px solid #dce6ee;background:#fff;box-shadow:0 4px 14px rgba(20,54,89,.06)}
.jc-ti290-header__row{width:min(1180px,calc(100% - 24px));min-height:90px;margin:auto;display:grid;align-items:center;gap:10px;padding:5px 0}
.jc-ti290-header.is-tramites .jc-ti290-header__row{grid-template-columns:62px minmax(150px,1.14fr) minmax(132px,.92fr) minmax(104px,.72fr) minmax(92px,.62fr) minmax(92px,.62fr)}
.jc-ti290-header.is-info-util .jc-ti290-header__row{grid-template-columns:62px minmax(155px,1.12fr) minmax(138px,.92fr) minmax(145px,.78fr) minmax(145px,.78fr)}
.jc-ti290-header__back{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:#234d75;text-decoration:none}
.jc-ti290-header__back:hover,.jc-ti290-header__back:focus-visible{background:#eef5fb;color:#0d5cab;outline:none}.jc-ti290-header__back svg{width:21px;height:21px}
.jc-ti290-header__brand{min-width:0;height:78px;display:flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:14px;text-decoration:none;transition:background .16s ease,transform .16s ease}
.jc-ti290-header__brand img{display:block;width:min(100%,225px);height:100%;max-height:74px;object-fit:contain;object-position:center}
.jc-ti290-header__brand.is-sibling:hover,.jc-ti290-header__brand.is-sibling:focus-visible{background:#f0f7fd;transform:translateY(-1px);outline:none}
.jc-ti290-header__metric{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 8px;border:1px solid #e2e9f0;border-radius:13px;background:#f8fbfd;color:#284a67;text-align:center;line-height:1.08}
.jc-ti290-header__metric-label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;color:#6c8092}
.jc-ti290-header__metric-value{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:4px;font-size:13px;color:#1f4464}.jc-ti290-header__metric-value strong{font-size:15px}
.jc-ti290-header__metric small{display:block;max-width:100%;margin-top:3px;overflow:hidden;color:#718498;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.jc-ti290-header__metric-money{display:block;margin-top:6px;color:#173f60;font-size:16px;line-height:1}
.jc-ti290-header__metric.is-blue{border-color:#d9e5ef;background:#f5f9fc}
.jc-ti290-header__action{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid #dce6ee;border-radius:12px;background:#f8fbfd;color:#234d75;text-align:center;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.jc-ti290-header__action>span{flex:0 0 auto;font-size:17px}.jc-ti290-header__action strong{min-width:0;font-size:11px;line-height:1.15}
.jc-ti290-header__action:hover,.jc-ti290-header__action:focus-visible{border-color:#9bc1e5;background:#eef6fd;color:#0f5ca8;transform:translateY(-1px);outline:none}

/* El nuevo header reemplaza visualmente sólo el shell dual histórico. */
.jc-tramites-info-shell>.jc-ti290-header,.jc-info-util-dual-shell__header>.jc-ti290-header{width:100%}
.jc-info-util-dual-shell__header:has(.jc-ti290-header){padding-top:0;width:100%;max-width:none}

@media(max-width:760px){
 .jc-ti290-header__row{width:100%;min-height:62px;gap:2px;padding:2px 3px}
 .jc-ti290-header.is-tramites .jc-ti290-header__row{grid-template-columns:40px minmax(60px,1.1fr) minmax(52px,.9fr) 48px 48px 48px}
 .jc-ti290-header.is-info-util .jc-ti290-header__row{grid-template-columns:40px minmax(62px,1.06fr) minmax(54px,.94fr) 68px 68px}
 .jc-ti290-header__back{width:38px;height:38px;border-radius:10px}.jc-ti290-header__back svg{width:18px;height:18px}
 .jc-ti290-header__brand{height:56px;padding:1px;border-radius:9px}.jc-ti290-header__brand img{width:100%;height:100%;max-height:54px;max-width:108px}
 .jc-ti290-header__metric{min-height:44px;padding:3px 2px;border-radius:8px}
 .jc-ti290-header__metric-label{font-size:6.3px;letter-spacing:0}.jc-ti290-header__metric-value{gap:1px;margin-top:2px;font-size:8px}.jc-ti290-header__metric-value strong{font-size:9px}
 .jc-ti290-header__metric small{margin-top:1px;font-size:5.7px}.jc-ti290-header__metric-money{margin-top:4px;font-size:9px}
 .jc-ti290-header__action{min-height:42px;gap:3px;padding:4px 3px;border-radius:9px;flex-direction:column}
 .jc-ti290-header__action>span{font-size:13px;line-height:1}.jc-ti290-header__action strong{font-size:7.2px;line-height:1.06}
}
@media(max-width:360px){
 .jc-ti290-header.is-tramites .jc-ti290-header__row{grid-template-columns:38px minmax(56px,1fr) minmax(48px,.86fr) 46px 46px 46px;padding-inline:1px}
 .jc-ti290-header.is-info-util .jc-ti290-header__row{grid-template-columns:38px minmax(57px,1fr) minmax(48px,.86fr) 64px 64px;padding-inline:1px}
 .jc-ti290-header__back{width:36px;height:36px}.jc-ti290-header__brand img{max-width:98px}
 .jc-ti290-header__action strong{font-size:6.8px}.jc-ti290-header__metric-label{font-size:5.9px}.jc-ti290-header__metric-money{font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){.jc-ti290-header *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
