/* One responsive composition: typography and controls scale with the scene,
   rather than stopping at a small fixed-pixel desktop size. */
.orbital-realm-view {
  --cosmos-unit: clamp(.8px, min(calc(100vw / 1440), calc(100dvh / 900)), 3px);
  --cosmos-gutter: clamp(6px, .65vw, 18px);
  width: 100vw;
  height: 100dvh;
  min-height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
}
.orbital-realm-view .orbital-realm {
  display: flex;
  flex-direction: column;
  perspective: none;
  padding: 0 var(--cosmos-gutter) calc(7 * var(--cosmos-unit));
}
.orbital-realm-view nav { flex-basis: calc(58 * var(--cosmos-unit)); min-height: calc(58 * var(--cosmos-unit)); }
body .orbital-realm-view nav { padding-top: calc(9 * var(--cosmos-unit)); padding-bottom: calc(9 * var(--cosmos-unit)); }
.orbital-realm-view .nav-product > span { font-size: calc(17 * var(--cosmos-unit)); }
.orbital-realm-view .nav-product > strong { font-size: calc(17 * var(--cosmos-unit)); }
.orbital-realm-view .nav-actions button { font-size: calc(13 * var(--cosmos-unit)); }
.orbital-realm-view .epm-logo { width: calc(125 * var(--cosmos-unit)); height: calc(32 * var(--cosmos-unit)); }
.orbital-realm-view .orbital-realm::before, .orbital-realm-view .orbital-realm::after { content: none !important; }
.cosmos-stage { position: relative; flex: 1; min-height: 0; isolation: isolate; }
.cosmos-stage::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: radial-gradient(ellipse 30% 42% at 54% 48%, rgba(0, 1, 7, .94) 0 38%, rgba(1, 3, 11, .78) 62%, rgba(1, 3, 11, .30) 82%, transparent 100%); }
.cosmos-stage canvas { position: relative; z-index: 1; display: block; width: 100%; height: 100%; touch-action: manipulation; }
.cosmos-labels, .cosmos-constellation-lines { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.cosmos-constellation-lines path { vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.cosmos-constellation-lines .reference-constellation { opacity: .82; }
.cosmos-heading { position: absolute; z-index: 2; pointer-events: none; left: 1.4%; top: calc(10 * var(--cosmos-unit)); }
.cosmos-heading small, .cosmos-inspector small { display: block; color: #b7a9e6; letter-spacing: .16em; font-weight: 700; font-size: calc(10 * var(--cosmos-unit)); text-transform: uppercase; }
.cosmos-heading h2 { color: #f3f2ff; margin: calc(4 * var(--cosmos-unit)) 0; font-size: calc(18 * var(--cosmos-unit)); line-height: 1.2; }
.cosmos-heading p { color: #b7bfda; font-size: calc(12 * var(--cosmos-unit)); margin: 0; max-width: 28ch; line-height: 1.4; }
.cosmos-heading.system { left: 76%; top: calc(55 * var(--cosmos-unit)); }
.cosmos-heading.system small { max-width: 26ch; line-height: 1.5; }
.cosmos-galaxy-tooltip {
  position: absolute;
  z-index: 5;
  width: min(calc(310 * var(--cosmos-unit)), 27vw);
  padding: calc(14 * var(--cosmos-unit)) calc(16 * var(--cosmos-unit));
  border: 1px solid rgba(191, 222, 255, .4);
  border-radius: calc(13 * var(--cosmos-unit));
  background: linear-gradient(135deg, rgba(8, 17, 43, .94), rgba(28, 18, 63, .9));
  box-shadow: 0 12px 34px rgba(0, 0, 0, .4), inset 0 1px rgba(255, 255, 255, .08);
  color: #f3f6ff;
  font: inherit;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity .16s ease, transform .16s ease;
}
.cosmos-galaxy-tooltip.is-visible,
.cosmos-galaxy-tooltip:focus-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
.cosmos-galaxy-tooltip strong { display: block; margin-bottom: calc(5 * var(--cosmos-unit)); color: #d8ff81; font-size: calc(17 * var(--cosmos-unit)); }
.cosmos-galaxy-tooltip span { display: block; color: #d4deef; font-size: calc(13 * var(--cosmos-unit)); }
.cosmos-galaxy-tooltip small { display: block; margin-top: calc(8 * var(--cosmos-unit)); color: #a9c8e5; font-size: calc(11 * var(--cosmos-unit)); font-weight: 750; }
.cosmos-company-dialog { width: min(1040px, calc(100vw - 34px)); max-height: calc(100dvh - 18px); padding: 0; border: 1px solid #c9d8f04f; border-radius: 22px; background: #071127; color: #eef5ff; box-shadow: 0 28px 90px #000c; overflow: hidden; }
.cosmos-company-dialog::backdrop { background: rgba(0, 3, 13, .76); backdrop-filter: blur(5px); }
.cosmos-company-shell { padding: clamp(18px, 2.4vw, 32px); background: radial-gradient(circle at 82% 0, #34225a70, transparent 33%), radial-gradient(circle at 9% 20%, #124e6f52, transparent 34%), #071127; }
.cosmos-company-shell>header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.cosmos-company-shell header small { color: #d2f669; font-size: .68rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.cosmos-company-shell h2 { margin: 5px 0 4px; font-size: clamp(1.45rem, 2.4vw, 2.2rem); line-height: 1.1; }
.cosmos-company-shell header p { margin: 0; color: #b9c7dd; font-size: .88rem; }
.cosmos-company-close { flex: none; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid #a9bddc55; border-radius: 50%; background: #ffffff0b; color: #f2f6ff; font: 300 1.8rem/1 sans-serif; cursor: pointer; }
.cosmos-company-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.cosmos-company-mark { display: grid; place-items: center; min-height: clamp(54px, 9.5dvh, 84px); padding: 8px; border: 1px solid #aab8ce26; border-radius: 13px; background: linear-gradient(145deg, #fff, #eef2f5); overflow: hidden; }
.cosmos-company-logo { position: relative; display: block; width: 100%; height: clamp(42px, 7.5dvh, 64px); overflow: visible; }
.cosmos-company-logo img { position: absolute; inset: 10px 14px; display: block; width: calc(100% - 28px); height: calc(100% - 20px); min-width: 0; max-width: none; max-height: none; object-fit: contain; object-position: center; }
.cosmos-tools { position: absolute; top: 8px; left: 50%; z-index: 4; display: flex; gap: 6px; transform: translateX(-50%); }
.cosmos-pause { display: none !important; }
.cosmos-tools:empty { display: none; }
.cosmos-tools button, .cosmos-tabs button { border: 1px solid #b4c9f345; background: #070e25a6; color: #e2eaff; border-radius: 30px; padding: calc(7 * var(--cosmos-unit)) calc(12 * var(--cosmos-unit)); font: inherit; font-size: calc(12 * var(--cosmos-unit)); cursor: pointer; }
.cosmos-tools button:hover, .cosmos-tabs button[aria-selected=true] { border-color: #c1e960; color: #d8ff81; }
.cosmos-tabs { display: none; }
.cosmos-actors { display: none; }
.cosmos-object-label { position: absolute; left: 0; top: 0; padding: 2px 5px; margin: 0; border: 0; background: transparent; color: #e3eeff; font: inherit; font-size: calc(13 * var(--cosmos-unit)); line-height: 1.3; white-space: nowrap; text-align: center; cursor: pointer; pointer-events: auto; text-shadow: 0 2px 4px #020612, 0 0 10px #020612, 0 0 18px #020612; transform: translate(-50%, -50%); }
.cosmos-object-label small { display: block; font-size: .7em; letter-spacing: .1em; text-transform: uppercase; color: #c5d4e8; }
.cosmos-object-label b { font-weight: 650; }
.cosmos-object-label[aria-pressed=true] b, .cosmos-object-label:hover b, .cosmos-object-label.is-hovered b { color: #dcff91; }
.cosmos-object-label b { transition: color .2s ease, text-shadow .2s ease; }
.cosmos-object-label.is-hovered b { text-shadow: 0 0 12px #b9e4ff99, 0 2px 5px #020612; }
.cosmos-object-label.client { color: #f1fdff; }
.cosmos-object-label.client b { font-size: calc(16 * var(--cosmos-unit)); }
.cosmos-object-label.cosmos-tooltip { width: min(calc(310 * var(--cosmos-unit)), 26vw); padding: calc(12 * var(--cosmos-unit)) calc(14 * var(--cosmos-unit)); border: 1px solid #b9d6ef66; border-radius: calc(12 * var(--cosmos-unit)); background: linear-gradient(135deg, #071329f2, #191436f2); box-shadow: 0 12px 34px #000a; white-space: normal; text-align: left; }
.cosmos-object-label.cosmos-tooltip b { display: block; margin-bottom: calc(5 * var(--cosmos-unit)); color: #e6ffae; font-size: calc(16 * var(--cosmos-unit)); }
.cosmos-object-label.cosmos-tooltip .cosmos-tooltip-definition { display: block; color: #d2dced; font-size: calc(12 * var(--cosmos-unit)); font-weight: 500; letter-spacing: 0; line-height: 1.42; text-transform: none; }
.cosmos-object-label.planet-tooltip { width: min(calc(390 * var(--cosmos-unit)), 32vw); }
.cosmos-object-label.planet-tooltip .cosmos-tooltip-competency { display:block; margin-bottom:calc(2 * var(--cosmos-unit)); color:#f4f7fb; font-size:calc(12 * var(--cosmos-unit)); font-style:italic; font-weight:700; line-height:1.35; }
.cosmos-object-label.planet-tooltip .cosmos-tooltip-audience { margin-bottom:calc(7 * var(--cosmos-unit)); color:#b7c8dd; font-size:calc(10.5 * var(--cosmos-unit)); font-weight:700; letter-spacing:0; text-transform:none; }
.cosmos-object-label.planet-tooltip .cosmos-tooltip-definition+.cosmos-tooltip-definition { margin-top:calc(5 * var(--cosmos-unit)); }
.cosmos-object-label.planet-tooltip .cosmos-tooltip-definition strong { color:#dfff98; font-weight:800; }
.cosmos-object-label.guide-tooltip { width:min(230px,18vw);max-width:calc(100% - 24px);padding:8px 10px;pointer-events:none; }
.cosmos-object-label.guide-tooltip b { font-size:calc(14 * var(--cosmos-unit)); }
.cosmos-object-label.guide-tooltip .cosmos-tooltip-definition { font-size:calc(10.5 * var(--cosmos-unit));line-height:1.35; }
.cosmos-object-label.client-tooltip { width: min(calc(385 * var(--cosmos-unit)), 31vw); padding: calc(17 * var(--cosmos-unit)) calc(18 * var(--cosmos-unit)); border-color: #d8ff8199; background: radial-gradient(circle at 12% 10%,#d8ff8123,transparent 42%),linear-gradient(135deg,#071329f7,#21163df5);box-shadow:0 14px 42px #000c,0 0 calc(28 * var(--cosmos-unit)) #d8ff8138; }
.cosmos-object-label.client-tooltip b { color:#f2ffc9;font-size:calc(23 * var(--cosmos-unit));letter-spacing:-.02em; }
.cosmos-object-label.client-tooltip>small:first-child { color:#d8ff81;font-size:calc(9 * var(--cosmos-unit));font-weight:850;letter-spacing:.17em; }
.cosmos-object-label.launch { font-size: calc(16 * var(--cosmos-unit)); }
.cosmos-object-label.launch small { color: #d2f669; margin-bottom: .3em; letter-spacing: .18em; }
.cosmos-object-label.launch.is-start-cue { padding: calc(8 * var(--cosmos-unit)) calc(13 * var(--cosmos-unit)); border:1px solid #d2f669aa;border-radius: calc(12 * var(--cosmos-unit)); background: #1c2944db; box-shadow:0 0 calc(18 * var(--cosmos-unit)) #d2f6699a,0 0 calc(48 * var(--cosmos-unit)) #d2f66970;animation:cosmos-launch-cue 1.55s ease-in-out infinite; }
.cosmos-object-label:focus-visible, .cosmos-route button:focus-visible, .cosmos-tools button:focus-visible, .cosmos-tabs button:focus-visible { outline: 2px solid #d3ff72; outline-offset: 4px; border-radius: 8px; }
.cosmos-inspector { flex: 0 0 auto; position: relative; display: grid; grid-template-columns: minmax(150px, .8fr) minmax(220px, 1.7fr) auto; align-items: center; gap: 22px; padding: 13px 1.3vw; border-top: 1px solid #a9b5ef26; background: linear-gradient(90deg, #0d12394f, transparent); }
.cosmos-inspector h2 { margin: 3px 0 0; font-size: calc(20 * var(--cosmos-unit)); line-height: 1.15; color: #f0f6ff; }
.cosmos-inspector p { margin: 0; font-size: calc(14 * var(--cosmos-unit)); line-height: 1.5; color: #c4cee4; max-width: 78ch; }
.cosmos-inspector .cosmos-action { padding: calc(10 * var(--cosmos-unit)) calc(19 * var(--cosmos-unit)); white-space: nowrap; border: 0; border-radius: 30px; background: #d2f669; color: #09142a; font: inherit; font-weight: 750; font-size: calc(13 * var(--cosmos-unit)); cursor: pointer; }
.cosmos-inspector .cosmos-action:disabled { opacity: .65; cursor: default; }
.cosmos-route { flex: 0 0 auto; display: flex; justify-content: space-between; gap: 6px; padding: 4px 1.3vw 0; }
.cosmos-route button { border: 0; background: none; color: #bbc7e4; font: inherit; font-size: calc(12 * var(--cosmos-unit)); padding: calc(7 * var(--cosmos-unit)) 4px; text-align: left; cursor: pointer; white-space: nowrap; }
.cosmos-route button span { color: #9f8fde; margin-right: 5px; font-size: .8em; }
.cosmos-route button[aria-pressed=true] { color: #d8ff81; }
.cosmos-route button.is-start-cue { border-color: #d2f669; background: #d2f6692d; color: #efffc6; box-shadow: inset 0 0 0 1px #d2f6698a, 0 0 calc(25 * var(--cosmos-unit)) #d2f66976;animation:cosmos-launch-cue 1.55s ease-in-out infinite; }
.cosmos-route button:hover { color: #fff; }
@keyframes cosmos-launch-cue{50%{filter:brightness(1.22);box-shadow:inset 0 0 0 1px #d2f669aa,0 0 calc(38 * var(--cosmos-unit)) #d2f669a0}}
.cosmos-fallback { margin: auto; max-width: 600px; padding: 24px; text-align: center; }
.cosmos-fallback div { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.cosmos-fallback button { border: 1px solid #aaa4ef; padding: 10px; border-radius: 24px; background: #10152e; color: white; }
@media (max-width: 800px) {
  .orbital-realm-view { --cosmos-unit: 1px; }
  .orbital-realm-view nav { flex-basis: 50px; padding: 8px 3vw; }
  .orbital-realm-view .nav-product > span { font-size: .63rem; }
  .orbital-realm-view .nav-product > strong { font-size: .63rem; }
  .orbital-realm-view .nav-actions { gap: 4px; }
  .orbital-realm-view .nav-actions button { font-size: .73rem; }
  .orbital-realm-view .epm-logo { width: 90px; }
  .cosmos-tabs { display: flex; gap: 7px; padding: 8px 1vw 2px; }
  .cosmos-tabs button { padding: 5px 12px; font-size: .68rem; }
  .cosmos-heading { top: 8px; left: 2%; }
  .cosmos-heading.system { left: 2%; top: 8px; }
  .cosmos-heading.system small { max-width: none; }
  .cosmos-galaxy-tooltip { width: min(80vw, 315px); padding: 12px 14px; border-radius: 12px; }
  .cosmos-galaxy-tooltip strong { font-size: .94rem; }
  .cosmos-galaxy-tooltip span { font-size: .76rem; }
  .cosmos-company-dialog { width: min(96vw, 680px); max-height: calc(100dvh - 12px); border-radius: 17px; }
  .cosmos-company-shell { padding:12px; }
  .cosmos-company-shell>header { gap:10px; margin-bottom:10px; }
  .cosmos-company-shell header p { font-size:.72rem; }
  .cosmos-company-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .cosmos-company-mark { min-height:clamp(48px,8dvh,66px);padding:5px; }
  .cosmos-company-logo { height:clamp(38px,6.5dvh,52px); }
  .cosmos-company-mark { min-height: 72px; padding: 7px; }
  .cosmos-company-logo { height: 56px; }
  .cosmos-company-logo img { inset: 7px 10px; width: calc(100% - 20px); height: calc(100% - 14px); }
  .cosmos-company-shell>header { gap: 12px; margin-bottom: 14px; }
  .cosmos-heading h2 { font-size: .9rem; }
  .cosmos-heading p { font-size: .65rem; }
  .cosmos-tools { top: 42px; }
  .cosmos-tools button { padding: 6px 9px; font-size: .64rem; }
  .cosmos-heading small { font-size: .53rem; letter-spacing: .11em; }
  .cosmos-actors:not([hidden]) { display: flex; position: absolute; z-index: 5; left: 2%; right: 2%; bottom: 14px; gap: 10px; justify-content: center; }
  .cosmos-actors button { border: 0; border-bottom: 1px solid #abc7ff50; padding: 6px 0; background: #050b20a0; color: #d2e0f4; font: inherit; font-size: .62rem; cursor: pointer; }
  .cosmos-actors button[aria-pressed=true] { color: #d3ff72; border-bottom-color: #d3ff72; }
  .cosmos-object-label { font-size: .61rem; }
  .cosmos-object-label.cosmos-tooltip { width: min(72vw, 290px); padding: 10px 12px; }
  .cosmos-object-label.guide-tooltip { width:min(68vw,230px); }
  .cosmos-object-label.cosmos-tooltip b { font-size: .82rem; }
  .cosmos-object-label.cosmos-tooltip .cosmos-tooltip-definition { font-size: .68rem; }
  .cosmos-object-label.planet-tooltip { width:min(78vw,330px); }
  .cosmos-object-label.planet-tooltip .cosmos-tooltip-competency { font-size:.69rem; }
  .cosmos-object-label.planet-tooltip .cosmos-tooltip-audience { font-size:.61rem; }
  .cosmos-object-label.client-tooltip { width:min(78vw,330px);padding:13px 14px; }
  .cosmos-object-label.client-tooltip b { font-size:1.08rem; }
  .cosmos-object-label.launch { font-size: .62rem; }
  .cosmos-inspector { grid-template-columns: 1fr auto; gap: 6px 12px; padding: 9px 2vw; }
  .cosmos-inspector > p { grid-row: 2; grid-column: 1 / -1; font-size: .72rem; line-height: 1.3; }
  .cosmos-inspector small { font-size: .52rem; }
  .cosmos-inspector .cosmos-action { padding: 8px 12px; font-size: .68rem; }
  .cosmos-route { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px 3px; padding: 0 2vw; }
  .cosmos-route button { font-size: .58rem; padding: 5px 1px; }
}
@media (prefers-reduced-motion: reduce) {
  .cosmos-object-label b, .cosmos-galaxy-tooltip { transition: none; }
  .cosmos-object-label.launch.is-start-cue,.cosmos-route button.is-start-cue{animation:none}
}
@media (max-height: 640px) and (min-width: 801px) {
  .orbital-realm-view nav { flex-basis: 46px; padding-top: 5px; padding-bottom: 5px; }
  .cosmos-inspector { padding-top: 7px; padding-bottom: 7px; }
  .cosmos-inspector h2 { font-size: 1rem; }
  .cosmos-inspector p { font-size: .7rem; }
  .cosmos-heading p { display: none; }
}
@media (max-height: 540px) and (max-width: 800px) {
  .cosmos-tabs { position: absolute; right: 2%; top: 1px; z-index: 8; padding: 0; }
  .cosmos-inspector > p { display: none; }
  .cosmos-route { grid-template-columns: repeat(5, 1fr); }
  .cosmos-route button { font-size: .5rem; white-space: normal; }
}

/* Navegación inferior: cada momento disponible abre directamente su actividad. */
.cosmos-navigation{
  position:relative;
  z-index:7;
  flex:0 0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  gap:clamp(10px,1.4vw,24px);
  min-height:clamp(66px,8.6vh,88px);
  padding:clamp(7px,1vh,11px) clamp(14px,2.2vw,34px);
  border-top:1px solid rgba(169,181,239,.2);
  background:linear-gradient(90deg,rgba(4,11,34,.96),rgba(15,15,55,.92) 56%,rgba(31,15,66,.94));
  box-shadow:0 -16px 42px rgba(1,4,18,.4),inset 0 1px 0 rgba(255,255,255,.045);
}
.cosmos-navigation .cosmos-route{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(3px,.45vw,8px);
  padding:0;
}
.cosmos-navigation .cosmos-route button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.42em;
  min-width:0;
  min-height:clamp(42px,5.4vh,54px);
  padding:.48em .4em;
  border:1px solid rgba(167,195,235,.12);
  border-radius:.75rem;
  background:rgba(7,17,48,.42);
  color:#d8e3f5;
  font-size:clamp(.67rem,.73vw,.86rem);
  font-weight:720;
  line-height:1.08;
  text-align:center;
  white-space:normal;
  transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.cosmos-navigation .cosmos-route button span{
  flex:none;
  margin:0;
  color:#bca5ff;
  font-size:.78em;
  font-weight:900;
}
.cosmos-navigation .cosmos-route button.is-available{
  border-color:rgba(112,211,255,.52);
  background:linear-gradient(145deg,rgba(30,91,145,.72),rgba(73,43,126,.7));
  color:#f2f8ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(88,185,255,.12);
}
.cosmos-navigation .cosmos-route button.is-available:not(:disabled):hover{
  border-color:#bfeaff;
  background:linear-gradient(145deg,rgba(42,122,184,.9),rgba(101,57,166,.86));
  box-shadow:0 0 24px rgba(94,205,255,.3);
  transform:translateY(-2px);
}
.cosmos-navigation .cosmos-route button[aria-pressed=true]{
  border-color:#d2f669;
  background:linear-gradient(145deg,#dfff76,#9edb3f);
  color:#07142d;
  box-shadow:0 0 28px rgba(195,224,90,.48),inset 0 1px 0 rgba(255,255,255,.7);
}
.cosmos-navigation .cosmos-route button[aria-pressed=true] span{color:#33431c}
.cosmos-navigation .cosmos-route button:disabled{
  opacity:.38;
  cursor:not-allowed;
  filter:saturate(.45);
}
.cosmos-navigation .cosmos-inspector.cosmos-availability{
  display:flex;
  align-items:center;
  padding:0;
  border:0;
  background:none;
}
.cosmos-navigation .cosmos-availability>div,
.cosmos-navigation .cosmos-availability>p,
.cosmos-navigation .cosmos-availability>small,
.cosmos-navigation .cosmos-availability>h2{display:none!important}
.cosmos-navigation .cosmos-availability .cosmos-action{
  min-width:clamp(178px,14vw,238px);
  min-height:clamp(44px,5.6vh,56px);
  padding:.72em 1.25em;
  border:1px solid rgba(226,255,146,.4);
  background:linear-gradient(135deg,#ddff73,#aee84d);
  color:#07142d;
  font-size:clamp(.75rem,.9vw,1rem);
  font-weight:900;
  line-height:1.12;
  box-shadow:0 0 25px rgba(195,224,90,.2),inset 0 1px 0 rgba(255,255,255,.65);
}
.cosmos-navigation .cosmos-availability .cosmos-action:disabled{
  opacity:.72;
  color:#17233a;
  background:linear-gradient(135deg,#d5e6a0,#9eb47d);
}

@media (max-width: 800px){
  .cosmos-navigation{
    grid-template-columns:1fr;
    gap:5px;
    min-height:0;
    padding:5px 2vw 6px;
  }
  .cosmos-navigation .cosmos-route{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
  .cosmos-navigation .cosmos-route button{
    min-height:36px;
    padding:4px 2px;
    gap:2px;
    border-radius:.48rem;
    font-size:clamp(.46rem,1.55vw,.62rem);
    line-height:1.02;
  }
  .cosmos-navigation .cosmos-route button span{font-size:.74em}
  .cosmos-navigation .cosmos-inspector.cosmos-availability{justify-content:stretch}
  .cosmos-navigation .cosmos-availability .cosmos-action{width:100%;min-width:0;min-height:34px;padding:5px 10px;font-size:.68rem}
}

@media (min-width: 1800px) and (min-height: 900px){
  .cosmos-navigation{min-height:96px;padding-left:clamp(36px,2.8vw,64px);padding-right:clamp(36px,2.8vw,64px)}
  .cosmos-navigation .cosmos-route button{min-height:58px;font-size:clamp(.96rem,.98vw,1.28rem)}
  .cosmos-navigation .cosmos-availability .cosmos-action{min-width:250px;min-height:58px;font-size:1.02rem}
}

@media (max-height: 540px) and (max-width: 800px){
  .cosmos-navigation{grid-template-columns:minmax(0,1fr) minmax(118px,27vw);gap:5px;padding:3px 1.5vw}
  .cosmos-navigation .cosmos-route button{min-height:31px;font-size:0}
  .cosmos-navigation .cosmos-route button span{font-size:.58rem}
  .cosmos-navigation .cosmos-availability .cosmos-action{min-height:31px;font-size:.58rem;padding:3px 6px}
}

/* Controles táctiles legibles sin alterar la composición de escritorio. */
@media (max-width: 600px){
  .orbital-realm-view nav{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .cosmos-tabs button{min-height:34px;padding:6px 12px;font-size:.7rem}
  .cosmos-navigation{padding:6px 8px max(8px,env(safe-area-inset-bottom));gap:5px}
  .cosmos-navigation .cosmos-route{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .cosmos-navigation .cosmos-route button{min-height:44px;padding:5px 3px;border-radius:.62rem;font-size:clamp(.58rem,1.75vw,.7rem);line-height:1.08}
  .cosmos-navigation .cosmos-availability .cosmos-action{min-height:42px;font-size:.72rem}
  .cosmos-object-label{font-size:.68rem}
  .cosmos-object-label.launch{font-size:.72rem}
}

/* Respeta la capitalización editorial de cada texto del universo. */
.orbital-realm-view *{text-transform:none!important}