/* JujuyConectado Pro 2026 · v9.5.55.422
   Header Module Clean Runtime V1.
   Única geometría productiva del Header. Sin selectores .jc-hgv2 históricos. */

:root{
  --jc-hm422-max:1024px;
  --jc-hm422-side:78px;
  --jc-hm422-row1:74px;
  --jc-hm422-row2:54px;
  --jc-hm422-search-h:38px;
}
html{--jc-header-real-height:128px}
body.jc-header-module-v422-active{--jc-header-real-height:128px}

.jc-hm422{
  position:fixed;
  z-index:9990;
  top:0;
  left:0;
  right:0;
  width:100%;
  background:#fff;
  border:0;
  box-shadow:0 2px 10px rgba(15,23,42,.10);
}
.admin-bar .jc-hm422{top:32px}
.jc-hm422__shell{
  width:min(100%,var(--jc-hm422-max));
  height:calc(var(--jc-hm422-row1) + var(--jc-hm422-row2));
  margin-inline:auto;
  display:grid;
  grid-template-columns:var(--jc-hm422-side) minmax(0,1fr) var(--jc-hm422-side);
  grid-template-rows:var(--jc-hm422-row1) var(--jc-hm422-row2);
  align-items:stretch;
  background:#fff;
}
.jc-hm422 button,.jc-hm422 a{box-sizing:border-box}
.jc-hm422__menu,.jc-hm422__profile,.jc-hm422__juco,.jc-hm422__sofi{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  display:grid;
  place-items:center;
  cursor:pointer;
  text-decoration:none;
}
.jc-hm422__menu{grid-column:1;grid-row:1;align-self:center;justify-self:center;width:48px;height:48px}
.jc-hm422__profile{grid-column:3;grid-row:1;align-self:center;justify-self:center;width:48px;height:48px}
.jc-hm422__menu img,.jc-hm422__profile img{display:block;width:36px;height:36px;object-fit:contain}

.jc-hm422__identity{
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);
  gap:12px;
  align-items:center;
  justify-items:center;
  padding:4px 8px 0;
}
.jc-hm422__brand{width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.jc-hm422__brand img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}
.jc-hm422__brand--jc img{max-height:66px}
.jc-hm422__brand--context img{max-height:60px}

.jc-hm422__juco{grid-column:1;grid-row:2;align-self:end;justify-self:center;width:var(--jc-hm422-side);height:var(--jc-hm422-row2);overflow:hidden}
.jc-hm422__juco img{display:block;width:auto;height:50px;max-width:68px;object-fit:contain;object-position:center bottom;align-self:end}

.jc-hm422__search-wrap{
  grid-column:2;
  grid-row:2;
  min-width:0;
  align-self:center;
  height:var(--jc-hm422-search-h);
  position:relative;
}
.jc-hm422__search{height:100%;margin:0;border:2px solid #d7dbe2;border-radius:18px;background:#fff;overflow:hidden}
.jc-hm422__search input{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0 14px;
  border:0;
  outline:0;
  background:transparent;
  color:#27364a;
  font-size:13px;
  font-weight:600;
  box-shadow:none;
}
.jc-hm422__search input::placeholder{color:#455468;opacity:1;font-weight:600}
.jc-hm422__assistant-bridge{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}

.jc-hm422__sofi{grid-column:3;grid-row:2;align-self:end;justify-self:center;width:var(--jc-hm422-side);height:var(--jc-hm422-row2);overflow:visible}
.jc-hm422__sofi img{display:block;width:auto;height:82px;max-width:none;object-fit:contain;object-position:center bottom;align-self:end}

.jc-hm422-spacer{height:128px;min-height:128px;flex:0 0 128px;background:transparent}
.admin-bar .jc-hm422-spacer{height:128px;min-height:128px}

/* Drawer aislado */
.jc-hm422__backdrop{position:fixed;z-index:9991;inset:0;display:none;border:0;background:rgba(15,23,42,.38)}
.jc-hm422__drawer{position:fixed;z-index:9992;top:0;left:0;bottom:0;width:min(300px,82vw);padding:12px;background:#fff;box-shadow:12px 0 38px rgba(15,23,42,.24);transform:translateX(-105%);transition:transform .22s ease;overflow:auto}
.admin-bar .jc-hm422__drawer{top:32px}
.jc-hm422.is-menu-open .jc-hm422__drawer{transform:translateX(0)}
.jc-hm422.is-menu-open .jc-hm422__backdrop{display:block}
.jc-hm422__drawer-head{display:flex;justify-content:flex-end;min-height:38px}
.jc-hm422__drawer-head button{width:36px;height:36px;border:0;border-radius:50%;background:#eef2f7;color:#172033;font-size:24px;cursor:pointer}
.jc-hm422__drawer-nav{display:grid;gap:4px}
.jc-hm422__drawer-nav a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:6px 9px;border-radius:9px;color:#233147;text-decoration:none}
.jc-hm422__drawer-nav a:hover{background:#f2f6fb;color:#0f4fae}
.jc-hm422__drawer-nav b{font-size:12px;line-height:1.2;white-space:normal}
.jc-hm422__drawer-account{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.jc-hm422__drawer-account a{display:flex;align-items:center;justify-content:center;min-height:36px;border-radius:10px;background:#1769e0;color:#fff;font-weight:800;font-size:12px}
html.jc-hm422-menu-open{overflow:hidden}

/* Mini tutorial propio */
.jc-hm422-onboarding,.jc-hm422-tour{position:fixed;z-index:10020;right:16px;bottom:18px;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #dfe5eb;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.22)}
.jc-hm422-onboarding[hidden],.jc-hm422-tour[hidden]{display:none!important}
.jc-hm422-onboarding{display:grid;grid-template-columns:68px minmax(0,1fr) 30px;gap:10px;align-items:center;padding:12px}
.jc-hm422-onboarding>img{width:64px;height:64px;object-fit:contain}
.jc-hm422-onboarding strong{display:block;color:#162033;font-size:14px}
.jc-hm422-onboarding p{margin:3px 0 8px;color:#5a6675;font-size:11.5px;line-height:1.35}
.jc-hm422-onboarding div div,.jc-hm422-tour__foot div{display:flex;gap:6px}
.jc-hm422-onboarding button,.jc-hm422-tour button{min-height:30px;padding:5px 9px;border:1px solid #d4dce5;border-radius:8px;background:#fff;color:#314158;font-size:10.5px;font-weight:800;cursor:pointer}
.jc-hm422-onboarding button.is-primary,.jc-hm422-tour button.is-primary{background:#1769e0;color:#fff;border-color:#1769e0}
.jc-hm422-onboarding__close{align-self:start!important;width:28px!important;height:28px!important;padding:0!important;font-size:18px!important}
.jc-hm422-tour{padding:13px}
.jc-hm422-tour__head{display:grid;grid-template-columns:44px minmax(0,1fr) 30px;gap:8px;align-items:center}
.jc-hm422-tour__head img{width:42px;height:42px;object-fit:contain}.jc-hm422-tour__head strong{font-size:13px;color:#172033}.jc-hm422-tour>div>p{margin:10px 0;color:#4d5c70;font-size:12px}.jc-hm422-tour__foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.jc-hm422-tour__foot span{font-size:10px;color:#69788b}

@media (min-width:561px) and (max-width:900px){
  :root{--jc-hm422-side:66px;--jc-hm422-row1:68px;--jc-hm422-row2:50px;--jc-hm422-search-h:35px}
  html,body.jc-header-module-v422-active{--jc-header-real-height:118px}
  .jc-hm422__shell{height:118px}
  .jc-hm422__menu,.jc-hm422__profile{width:44px;height:44px}.jc-hm422__menu img,.jc-hm422__profile img{width:34px;height:34px}
  .jc-hm422__identity{gap:9px;padding-inline:5px}.jc-hm422__brand--jc img{max-height:58px}.jc-hm422__brand--context img{max-height:54px}
  .jc-hm422__juco img{height:47px;max-width:58px}.jc-hm422__sofi img{height:76px}
  .jc-hm422__search input{font-size:12px;padding-inline:12px}
  .jc-hm422-spacer{height:118px;min-height:118px;flex-basis:118px}
}

@media (max-width:560px){
  :root{--jc-hm422-side:60px;--jc-hm422-row1:66px;--jc-hm422-row2:50px;--jc-hm422-search-h:34px}
  html,body.jc-header-module-v422-active{--jc-header-real-height:116px}
  .jc-hm422__shell{height:116px}
  .jc-hm422__menu,.jc-hm422__profile{width:42px;height:42px}.jc-hm422__menu img,.jc-hm422__profile img{width:32px;height:32px}
  .jc-hm422__identity{grid-template-columns:minmax(0,.94fr) minmax(0,1.12fr);gap:6px;padding:4px 2px 0}
  .jc-hm422__brand--jc img{max-height:54px}.jc-hm422__brand--context img{max-height:49px}
  .jc-hm422__juco img{height:44px;max-width:54px}.jc-hm422__sofi img{height:72px}
  .jc-hm422__search{border-radius:17px}.jc-hm422__search input{font-size:11.5px;padding-inline:10px}
  .jc-hm422-spacer{height:116px;min-height:116px;flex-basis:116px}
  .jc-hm422-onboarding,.jc-hm422-tour{right:8px;bottom:74px;width:calc(100vw - 16px)}
}
@media (max-width:390px){
  :root{--jc-hm422-side:56px}
  .jc-hm422__brand--jc img{max-height:51px}.jc-hm422__brand--context img{max-height:46px}
  .jc-hm422__juco img{height:42px}.jc-hm422__sofi img{height:68px}
}
@media (max-width:782px){.admin-bar .jc-hm422{top:46px}.admin-bar .jc-hm422__drawer{top:46px}}
@media (prefers-reduced-motion:reduce){.jc-hm422__drawer{transition:none}}