:root{
  --v126-ink:#071b32;
  --v126-navy:#123d72;
  --v126-blue:#185aa6;
  --v126-gold:#f3c84b;
  --v126-paper:#ffffff;
  --v126-line:#9fb7d2;
  --v126-focus:#ffbf00;
}

/* Navegación única: cinco áreas principales y opciones contextuales. */
#nav .nav-btn.primary-area{min-height:62px;border:1px solid rgba(255,255,255,.22);color:#fff}
#nav .nav-btn.primary-area .nav-hint{color:#d9e8f8!important}
#nav .nav-btn.primary-area.active{border-color:#fff!important;background:#fff!important;color:var(--v126-navy)!important;box-shadow:0 8px 22px rgba(0,0,0,.2)}
#nav .nav-btn.primary-area.active .nav-hint{color:#355b83!important}
#nav .nav-subnav{margin:14px 4px 24px;padding:4px 0 4px 13px;border-left:3px solid var(--v126-gold)}
#nav .nav-subitem{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#eef6ff;text-align:left;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
#nav .nav-subitem:hover{background:rgba(255,255,255,.12)}
#nav .nav-subitem.active{border-color:#f3c84b;background:#f3c84b;color:#071b32}

/* La zona de trabajo conserva la claridad luminosa de la pantalla de ingreso. */
#view .work-center-hero,#view .ux-clarity-hero{
  border:1px solid #a9c5e2!important;
  background:linear-gradient(135deg,#f9fcff 0%,#e9f4ff 68%,#fff5cf 100%)!important;
  color:var(--v126-ink)!important;
  box-shadow:0 18px 42px rgba(18,61,114,.1)!important;
}
#view .work-center-hero :where(h2,p,span),#view .ux-clarity-hero :where(h2,p,span){color:var(--v126-ink)!important}
#view .work-center-now{border:1px solid #8fb0d1!important;background:#fff!important;color:var(--v126-ink)!important}
#view .work-center-now :where(strong,p,small){color:var(--v126-ink)!important}
#view .ux-journey-item{border:2px solid #a8bfd7!important;background:#fff!important}
#view .ux-journey-item>summary{min-height:68px;background:#f1f7fd!important;color:var(--v126-ink)!important}
#view .ux-journey-item>summary :where(b,small,span){color:var(--v126-ink)!important}
#view .ux-journey-item[open]>summary{border-bottom:2px solid #a8bfd7!important;background:#e4f1ff!important}
#view .ux-journey-action{display:flex;flex-wrap:wrap;gap:10px}

/* El trabajo principal aparece primero; la orientación extensa queda disponible a pedido. */
.optional-orientation-v126{
  margin:22px 0 0;
  overflow:hidden;
  border:2px solid var(--v126-line);
  border-radius:20px;
  background:var(--v126-paper);
  color:var(--v126-ink);
  box-shadow:0 12px 30px rgba(7,27,50,.08);
}
.optional-orientation-v126>summary{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:13px;
  align-items:center;
  min-height:64px;
  padding:13px 17px;
  list-style:none;
  cursor:pointer;
  background:#eef5fc;
}
.optional-orientation-v126>summary::-webkit-details-marker{display:none}
.optional-orientation-v126>summary::before{
  content:"?";
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:var(--v126-navy);
  color:#fff;
  font-size:18px;
  font-weight:900;
}
.optional-orientation-v126>summary::after{content:"Ver";color:var(--v126-blue);font-weight:900}
.optional-orientation-v126[open]>summary::after{content:"Ocultar"}
.optional-orientation-v126>summary strong,
.optional-orientation-v126>summary small{display:block;color:var(--v126-ink)!important}
.optional-orientation-v126>summary strong{font-size:16px}
.optional-orientation-v126>summary small{margin-top:3px;font-size:13px;font-weight:650}
.optional-orientation-v126-content{display:grid;gap:18px;padding:18px}
.optional-orientation-v126-content>.platform-context-visual,
.optional-orientation-v126-content>.premium-intro-card{margin:0!important}

/* Pestañas inequívocas: cada estado conserva texto de alto contraste. */
#view .ux-space-switcher{
  border:2px solid #b8c9dc!important;
  background:#fff!important;
}
#view .ux-space-tab{
  min-height:52px;
  border:2px solid var(--v126-line)!important;
  background:#fff!important;
  color:var(--v126-ink)!important;
  font-weight:850!important;
}
#view .ux-space-tab span{
  background:#e2edf8!important;
  color:var(--v126-navy)!important;
}
#view .ux-space-tab.is-active{
  border-color:var(--v126-navy)!important;
  background:var(--v126-navy)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(18,61,114,.2);
}
#view .ux-space-tab.is-active span{background:var(--v126-gold)!important;color:var(--v126-ink)!important}
#view .ux-space-help{
  min-height:52px;
  border:2px solid #b47d00!important;
  background:#fff4c9!important;
  color:#402b00!important;
  font-weight:850!important;
}

/* Controles, pestañas internas y tarjetas siempre legibles y operables. */
#view :where(button,a.btn,.btn,[role="tab"],summary,select,input,textarea),
.ux-modal :where(button,a){min-height:44px}
#view :where(input,textarea,select){border-color:#829bb5!important;background:#fff!important;color:var(--v126-ink)!important}
#view :where(input,textarea,select)::placeholder{color:#52677c!important;opacity:1}
#view .ux-material-card button{border:2px solid var(--v126-blue)!important;background:#e8f2ff!important;color:#0a4788!important}
#view .ux-route-step{border-color:#9fb7d2!important;background:#fff!important;color:var(--v126-ink)!important}
#view .ux-route-step :where(b,small){color:var(--v126-ink)!important}
#view .ux-route-step.is-active{border-color:var(--v126-navy)!important;background:var(--v126-navy)!important;color:#fff!important}
#view .ux-route-step.is-active :where(b,small){color:#fff!important}

:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:3px solid var(--v126-focus)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(7,27,50,.28)!important;
}

@media(max-width:760px){
  .optional-orientation-v126>summary{grid-template-columns:auto 1fr}
  .optional-orientation-v126>summary::after{grid-column:2;justify-self:start}
  .optional-orientation-v126-content{padding:12px}
}

@media(prefers-contrast:more){
  #view .ux-space-tab,#view .ux-space-help,.optional-orientation-v126{border-width:3px!important}
}