/* =========================================================
   RUGO GOLDEN CORE PROTOTYPE v022
   NOSOTROS — spatial legibility refinement candidate.

   Geometry remains generated in JS from the discrete Fibonacci
   sequence 1 / 1 / 2 / 3 / 5 / 8 / 13 and produces the exact
   21 × 13 master field. The curve remains the canonical
   Fibonacci quarter-circle construction (a discrete geometric
   approximation of the golden logarithmic spiral).

   Content rule:
   geometry -> title -> statement -> depth.
   No visible internal cards / boxes are introduced.
   ========================================================= */

.core-panel--rugo .spatial-screen-copy{display:none!important}

.rugo-golden-core{
  --phi:1.61803398875;
  --golden-line:rgba(17,17,15,.060);
  --golden-line-active:rgba(17,17,15,.145);
  --golden-copy:rgba(17,17,15,.70);
  --golden-copy-strong:rgba(17,17,15,.88);
  --golden-muted:rgba(17,17,15,.29);
  --golden-faint:rgba(17,17,15,.18);
  position:absolute;
  z-index:24;
  left:50%;
  top:50%;
  width:min(90vw,calc(78svh * 21 / 13));
  aspect-ratio:21 / 13;
  transform:translate(-50%,-50%);
  color:var(--launch-ink);
  isolation:isolate;
}

.golden-master{position:absolute;inset:0;border:0;overflow:visible;background:transparent}

.golden-geometry{
  position:absolute;
  overflow:hidden;
  container-type:size;
  visibility:hidden;
  opacity:0;
  border:1px solid transparent;
  background:transparent;
  pointer-events:none;
  transition:opacity 440ms ease,border-color 440ms ease,background 440ms ease,visibility 0s linear 440ms;
}

/* Runtime JS owns these exact generated coordinates; the CSS values
   remain as a readable fallback and audit reference. */
.golden-geometry--13{left:38.09523810%;top:0;width:61.90476190%;height:100%}
.golden-geometry--8{left:0;top:38.46153846%;width:38.09523810%;height:61.53846154%}
.golden-geometry--5{left:0;top:0;width:23.80952381%;height:38.46153846%}
.golden-geometry--3{left:23.80952381%;top:0;width:14.28571429%;height:23.07692308%}
.golden-geometry--rugo{left:23.80952381%;top:23.07692308%;width:4.76190476%;height:15.38461538%}
.golden-geometry--2{left:28.57142857%;top:23.07692308%;width:9.52380952%;height:15.38461538%}

.golden-geometry--rugo::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(17,17,15,.045);pointer-events:none}

.golden-geometry.is-seed,
.golden-geometry.is-open,
.golden-geometry.is-current,
.golden-geometry.is-available{visibility:visible;transition-delay:0s}
.golden-geometry.is-seed,
.golden-geometry.is-open,
.golden-geometry.is-current{opacity:var(--history-opacity,1);border-color:var(--golden-line-active);background:rgba(17,17,15,.008)}
.golden-geometry.is-available{opacity:1;border-color:transparent;background:transparent;pointer-events:none}

.golden-index{
  position:absolute;left:8px;top:7px;z-index:12;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:8px;line-height:1;letter-spacing:.08em;color:rgba(17,17,15,.18);
  opacity:0;transition:opacity 320ms ease;pointer-events:none
}
.golden-index--bottom{top:auto;bottom:7px}
.golden-geometry.is-seed .golden-index,
.golden-geometry.is-open .golden-index,
.golden-geometry.is-current .golden-index{opacity:.72}

.golden-key{
  position:absolute;z-index:18;margin:0;padding:0;border:0;background:transparent;
  color:var(--launch-ink);font-family:var(--launch-font);font-weight:700;line-height:.90;
  letter-spacing:-.055em;cursor:default;opacity:0;pointer-events:none;
  transition:opacity 360ms ease,color 160ms ease,transform 360ms var(--edge-nav-ease);
  white-space:nowrap
}
.golden-key:hover,.golden-key:focus-visible{color:var(--launch-accent);outline:none}
.golden-key:focus-visible{box-shadow:0 2px 0 currentColor}
.golden-geometry.is-seed .golden-key,
.golden-geometry.is-open .golden-key,
.golden-geometry.is-current .golden-key{opacity:1}
.golden-geometry.is-current .golden-key,
.golden-geometry.is-available .golden-key{pointer-events:auto;cursor:pointer}
.golden-geometry.is-available .golden-key{opacity:.27}
.golden-geometry.is-available .golden-key:hover,
.golden-geometry.is-available .golden-key:focus-visible{opacity:.78}

.golden-cell-key{left:7.5%;bottom:7.5%;transform-origin:left bottom}
.golden-geometry--8 .golden-cell-key span{display:block}
.golden-geometry--13 .golden-cell-key{left:7.5%;bottom:7.5%;transform:none;transform-origin:left bottom;text-align:left}

.golden-key--rugo{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}

.golden-center-phrase{
  position:absolute;z-index:15;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;font-family:var(--launch-font);font-weight:680;line-height:.92;letter-spacing:-.05em;
  margin:0;padding:0;border:0;background:transparent;color:var(--launch-ink);opacity:0;
  transition:opacity 420ms ease,color 160ms ease;pointer-events:none;cursor:default
}
.golden-center-phrase span{display:block}
.golden-geometry--2.is-open .golden-center-phrase,
.golden-geometry--2.is-current .golden-center-phrase{opacity:1}
.golden-geometry--2.is-current .golden-center-phrase{pointer-events:auto;cursor:pointer}
.golden-geometry--2.is-current .golden-center-phrase:hover,
.golden-geometry--2.is-current .golden-center-phrase:focus-visible{color:var(--launch-accent);outline:none}

/* ---------------------------------------------------------
   3 × 3 — INTENCIÓN
   v022: supporting paragraph remains removed. The approved statement
   becomes the only editorial layer and receives readable scale.
   --------------------------------------------------------- */
.golden-intention-content{
  position:absolute;z-index:8;left:8%;top:9%;width:82%;height:56%;
  display:flex;align-items:flex-start;
  opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity 360ms ease,transform 360ms var(--edge-nav-ease);
  color:var(--golden-copy)
}
.golden-intention-content .golden-intention-statement{
  margin:0;font-family:var(--launch-font);font-weight:700;color:var(--golden-copy-strong);
  font-size:clamp(13px,1.05vw,18px);line-height:1.16;letter-spacing:-.03em;max-width:18ch
}
.golden-geometry--3.is-current .golden-intention-content{opacity:1;transform:translateY(0)}

/* ---------------------------------------------------------
   5 × 5 — PRINCIPIOS
   v022: vertical figure title remains locked at left. Four principle words use
   the remaining field. Hover/focus is accent only; click/tap
   opens exactly one description. Clicking the same word closes
   it and restores the four-word base state.
   --------------------------------------------------------- */
.golden-geometry--5 .golden-cell-key{
  left:10%;top:50%;bottom:auto;transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center center;text-align:center
}
.golden-principles-content{
  position:absolute;z-index:9;left:23%;right:6%;top:8%;bottom:8%;
  opacity:0;pointer-events:none;transition:opacity 330ms ease
}
.golden-geometry--5.is-current .golden-principles-content{opacity:1;pointer-events:auto}
.golden-principle-trigger{
  position:absolute;left:0;width:100%;height:18%;margin:0;padding:0;border:0;background:transparent;
  display:flex;align-items:center;justify-content:flex-start;text-align:left;color:var(--golden-copy-strong);
  font-family:var(--launch-font);font-size:clamp(10px,.76vw,13px);font-weight:720;line-height:1;
  letter-spacing:.005em;cursor:pointer;transition:color 150ms ease,opacity 180ms ease,transform 220ms var(--edge-nav-ease);
  white-space:nowrap
}
.golden-principle-trigger:hover,.golden-principle-trigger:focus-visible,.golden-principle-trigger.is-active{color:var(--launch-accent);outline:none}
.golden-principle-trigger--innovation{top:0}
.golden-principle-trigger--integration{top:26%}
.golden-principle-trigger--coherence{top:52%}
.golden-principle-trigger--adaptability{top:78%}
.golden-principles-content.has-active .golden-principle-trigger:not(.is-active){opacity:0;pointer-events:none;transform:translateY(4px)}
.golden-principles-content.has-active .golden-principle-trigger.is-active{top:0!important;height:18%;opacity:1}
.golden-principle-detail{
  position:absolute;left:0;top:22%;width:100%;height:78%;margin:0;
  opacity:0;transform:translateY(5px);pointer-events:none;color:var(--golden-copy);
  transition:opacity 220ms ease,transform 260ms var(--edge-nav-ease);overflow:hidden
}
.golden-principle-detail.is-active{opacity:1;transform:translateY(0)}
.golden-principle-detail p{margin:0;font-size:clamp(9.5px,.69vw,11.5px);line-height:1.28}
.golden-principle-detail .golden-principle-statement{
  margin-bottom:.42rem;font-family:var(--launch-font);font-weight:700;color:var(--golden-copy-strong);
  font-size:clamp(10.5px,.78vw,13px);line-height:1.18;letter-spacing:-.022em
}

/* ---------------------------------------------------------
   8 × 8 — EQUIPO + EJECUCIÓN
   Existing locations remain. Internal titles open their depth on
   click/tap/keyboard; once opened, each depth stays open while the
   macro figure remains current. Multiple zones may remain open.
   --------------------------------------------------------- */
.golden-team-content{position:absolute;z-index:9;inset:0;opacity:0;pointer-events:none;transition:opacity 330ms ease}
.golden-geometry--8.is-current .golden-team-content{opacity:1;pointer-events:auto}
.golden-team-zone{position:absolute;border:0;background:transparent}
.golden-team-zone--origin{left:7%;top:8%;width:49%;height:46%}
.golden-team-zone--network{right:7%;top:8%;width:31%;height:46%}
.golden-team-zone--execution{right:5%;bottom:7%;width:34%;height:35%}
.golden-team-trigger{
  margin:0;padding:0;border:0;background:transparent;text-align:left;color:var(--golden-copy-strong);
  font-family:var(--launch-font);font-size:clamp(9px,.70vw,13px);font-weight:700;line-height:1.16;
  letter-spacing:-.025em;cursor:pointer;transition:color 150ms ease,opacity 180ms ease
}
.golden-team-trigger:hover,.golden-team-trigger:focus-visible,.golden-team-trigger.is-active{color:var(--launch-accent);outline:none}
.golden-team-detail{
  margin:.55rem 0 0;color:var(--golden-copy);font-size:clamp(9.5px,.66vw,11.5px);line-height:1.34;
  opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity 220ms ease,transform 260ms var(--edge-nav-ease)
}
.golden-team-detail.is-active{opacity:1;transform:translateY(0)}
.golden-team-zone--execution .golden-team-detail{font-size:clamp(9px,.62vw,10.75px);line-height:1.30}
.golden-team-detail p{margin:0}
.golden-process-terms{
  margin:.62rem 0 0!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:clamp(7.5px,.50vw,9.5px)!important;line-height:1.26!important;letter-spacing:.025em;color:var(--golden-muted)
}

/* ---------------------------------------------------------
   13 × 13 — META
   Internal invisible Fibonacci width split remains 8+5. v022 refines
   APORTE with the VISIÓN left axis and limits it to the same
   8/13 horizontal proportion. Internal sections open additively
   and remain open while Meta remains current.
   --------------------------------------------------------- */
.golden-meta-content{position:absolute;z-index:9;inset:5.5%;opacity:0;pointer-events:none;transition:opacity 340ms ease}
.golden-geometry--13.is-current .golden-meta-content{opacity:1;pointer-events:auto}
.golden-meta-zone{position:absolute;border:0;background:transparent;min-width:0}
.golden-meta-zone--vision{left:0;top:0;width:61.53846154%;height:61.53846154%;padding:0 5.5% 4% 0}
.golden-meta-zone--mission{right:0;top:0;width:38.46153846%;height:61.53846154%;padding:0 0 4% 6%}
.golden-meta-zone--contribution{left:0;bottom:0;width:61.53846154%;height:38.46153846%;padding:4% 5.5% 0 0}
.golden-meta-trigger{
  margin:0;padding:0;border:0;background:transparent;color:var(--golden-copy-strong);font-family:var(--launch-font);
  font-size:clamp(10px,.78vw,15px);font-weight:720;line-height:1;letter-spacing:.035em;cursor:pointer;
  transition:color 150ms ease,opacity 180ms ease
}
.golden-meta-trigger:hover,.golden-meta-trigger:focus-visible,.golden-meta-trigger.is-active{color:var(--launch-accent);outline:none}
.golden-meta-detail{
  margin-top:clamp(9px,.82vw,14px);opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity 220ms ease,transform 260ms var(--edge-nav-ease);color:var(--golden-copy)
}
.golden-meta-detail.is-active{opacity:1;transform:translateY(0);pointer-events:auto}
.golden-meta-detail p{margin:0 0 .64rem;font-size:clamp(11px,.78vw,13.5px);line-height:1.38;max-width:46ch}
.golden-meta-statement{
  font-family:var(--launch-font);font-weight:700;color:var(--golden-copy-strong)!important;
  font-size:clamp(13px,.98vw,17px)!important;line-height:1.20!important;letter-spacing:-.026em;max-width:31ch!important
}
.golden-meta-detail--vision{padding-right:1.5%}
.golden-vision-headline{position:relative;margin-bottom:clamp(8px,.62vw,11px)}
.golden-vision-headline>p{
  margin:0;max-width:35ch;font-family:var(--launch-font);font-size:clamp(13.5px,1.02vw,18px);font-weight:700;
  line-height:1.20;letter-spacing:-.028em;color:var(--golden-copy-strong)
}
.golden-meta-zone--contribution .golden-meta-detail{max-width:none}
.golden-meta-zone--contribution .golden-meta-detail p{max-width:46ch}
.golden-meta-zone--contribution .golden-meta-detail p:last-child{max-width:46ch}

/* ---------------------------------------------------------
   v022 — SPATIAL LEGIBILITY REFINEMENT
   Admin browser review refinement only. Macro Fibonacci geometry,
   generated title scale, reveal sequence and approved copy remain
   unchanged. These rules use more of each editorial field while
   protecting the established figure boundaries.
   --------------------------------------------------------- */

/* 5 × 5 PRINCIPIOS — use more of the available field. */
.golden-principles-content{
  left:22.5%;right:3.5%;top:5.5%;bottom:4.5%;
}
.golden-principle-trigger{
  font-size:clamp(12px,.86vw,15px);
}
.golden-principles-content.has-active .golden-principle-trigger.is-active{
  height:17%;
}
.golden-principle-detail{
  top:19%;height:81%;
}
.golden-principle-detail p{
  font-size:clamp(11.25px,.80vw,14px);line-height:1.30;
}
.golden-principle-detail .golden-principle-statement{
  margin-bottom:.48rem;
  font-size:clamp(12.5px,.92vw,15.5px);line-height:1.18;
}

/* 8 × 8 EQUIPO + EJECUCIÓN — reduce unused vertical gaps and
   give the execution zone the remaining right-column depth. */
.golden-team-zone--origin{left:6%;top:6%;width:50.5%;height:68%}
.golden-team-zone--network{right:4.5%;top:6%;width:38%;height:34%}
.golden-team-zone--execution{right:4.5%;top:38.7%;bottom:4.5%;width:39%;height:auto}
.golden-team-trigger{
  font-size:clamp(11.25px,.76vw,14px);line-height:1.15;
}
.golden-team-detail{
  margin:.44rem 0 0;
  font-size:clamp(11px,.71vw,12.5px);line-height:1.32;
}
.golden-team-zone--execution .golden-team-detail{
  font-size:clamp(10.75px,.69vw,12px);line-height:1.30;
}
.golden-process-terms{
  margin:.52rem 0 0!important;
  font-size:clamp(8px,.54vw,10px)!important;
}

/* 13 × 13 META — the macro title remains locked. Section labels
   gain hierarchy. APORTE moves upward into the Admin-marked useful
   field so its copy ends before the large META title. */
.golden-meta-trigger{
  font-size:clamp(15.5px,.96vw,20px);
  letter-spacing:.025em;
}
.golden-meta-zone--contribution{
  left:0;top:45%;bottom:auto;width:61.53846154%;height:31%;
  padding:0 5.5% 0 0;
}
.golden-meta-zone--contribution .golden-meta-detail p{
  max-width:42ch;
}
.golden-meta-zone--contribution .golden-meta-detail p:last-child{
  max-width:42ch;
}

/* ---------------------------------------------------------
   Curve + audit note
   --------------------------------------------------------- */
.golden-spiral{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}
.golden-spiral-segment{fill:none;stroke:rgba(17,17,15,.090);stroke-width:.85;vector-effect:non-scaling-stroke;opacity:0;transition:opacity 440ms ease}
.golden-math-note{position:absolute;z-index:4;left:0;bottom:-20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:7px;letter-spacing:.075em;color:rgba(17,17,15,.18);opacity:0;pointer-events:none}

@media(max-width:1100px){
  .golden-meta-detail p{font-size:clamp(10.5px,.90vw,12px)}
  .golden-meta-statement{font-size:clamp(12.5px,1.05vw,15px)!important}
  .golden-vision-headline>p{font-size:clamp(13px,1.08vw,16px)}
}

/* Mobile/responsive architecture remains a later gate. Until then, suppress
   editorial depth below this width so the locked spatial geometry cannot
   overflow or create false responsive approval. */
@media(max-width:860px){
  .rugo-golden-core{width:min(82vw,calc(72svh * 21 / 13))}
  .golden-intention-content,.golden-principles-content,.golden-team-content,.golden-meta-content{display:none}
  .golden-math-note{display:none}
  .golden-index{font-size:6px;left:4px;top:4px}
  .golden-index--bottom{top:auto;bottom:4px}
}

@media(prefers-reduced-motion:reduce){
  .golden-key,.golden-center-phrase,.golden-geometry,.golden-spiral-segment,
  .golden-intention-content,.golden-principles-content,.golden-principle-detail,
  .golden-team-content,.golden-team-detail,.golden-meta-content,.golden-meta-detail{transition:none!important}
}

/* ---------------------------------------------------------
   v023 — NOSOTROS FINAL COMPOSITION CANDIDATE
   Admin final refinement request. Macro title sizes and Fibonacci
   geometry remain locked. Changes are limited to internal editorial
   fitting, META closure copy and visual social slots.
   --------------------------------------------------------- */

/* 8 × 8 — give ORIGIN a firmer right limit and turn EXECUTION into
   the requested horizontal lower band while protecting the macro title. */
.golden-team-zone--origin{
  left:6%;top:6%;width:47%;height:39%;
}
.golden-team-zone--origin .golden-team-detail{
  max-width:100%;
}
.golden-team-zone--network{
  right:4.5%;top:6%;width:38%;height:34%;
}
.golden-team-zone--execution{
  left:6%;right:6%;top:45.5%;bottom:auto;width:auto;height:28%;
}
.golden-team-zone--execution .golden-team-trigger{
  max-width:70ch;
}
.golden-team-zone--execution .golden-team-detail{
  max-width:92ch;
  font-size:clamp(11px,.72vw,12.5px);line-height:1.28;
}
.golden-team-zone--execution .golden-team-detail>p:first-child{
  max-width:92ch;
}
.golden-team-zone--execution .golden-process-terms{
  margin-top:.55rem!important;
  max-width:none;
  white-space:normal;
}

/* 13 × 13 — widen/reposition MISIÓN into the Admin-marked violet field. */
.golden-meta-zone--mission{
  right:0;top:0;width:43%;height:38%;padding:0;
}
.golden-meta-zone--mission .golden-meta-detail p{
  max-width:38ch;
}
.golden-meta-zone--mission .golden-meta-statement{
  max-width:30ch!important;
}

/* Final META closure occupies the lower-right field and remains visible
   whenever META is the current Fibonacci figure. It is deliberately not
   another disclosure layer. */
.golden-meta-closing{
  position:absolute;z-index:10;right:0;top:47.5%;width:43%;height:46.5%;
  display:flex;flex-direction:column;justify-content:flex-start;
  color:var(--golden-copy);pointer-events:auto;
}
.golden-meta-closing-primary,
.golden-meta-closing-secondary{
  margin:0;max-width:48ch;
  font-size:clamp(10.75px,.75vw,13px);line-height:1.40;
}
.golden-meta-closing-primary{
  padding-top:clamp(8px,.8vw,13px);
  border-top:1px solid rgba(17,17,15,.16);
}
.golden-meta-closing-secondary{
  margin-top:clamp(18px,1.55vw,28px);
}

@media(max-width:1100px){
  .golden-team-zone--execution{top:44.5%;height:29.5%}
  .golden-meta-closing-primary,.golden-meta-closing-secondary{font-size:clamp(9.5px,.86vw,11.5px)}
  .golden-meta-closing-secondary{margin-top:14px}
}

/* v023 source-QA tightening: preserve the approved 8/13 + 5/13 META split
   and reserve a clearer safety band above the 8×8 macro title. */
.golden-team-zone--execution{height:25%}
.golden-meta-zone--mission{
  right:0;top:0;width:38.46153846%;height:38%;padding:0;
}
.golden-meta-zone--mission .golden-meta-detail p{max-width:36ch}
.golden-meta-zone--mission .golden-meta-statement{max-width:28ch!important}
@media(max-width:1100px){.golden-team-zone--execution{top:44.5%;height:25.5%}}


/* v024 — final Admin alignment + social deferral */
.golden-meta-zone--mission{padding-left:0;}

/* ---------------------------------------------------------
   v026 — MISIÓN AXIS + APPROVED GRAMMAR CORRECTION
   Admin correction after v025 was explicitly discarded.
   The requested red guide is the existing left edge of the
   lower-right META closing field. MISIÓN now uses that exact
   editorial axis: right:0 + width:43%, matching .golden-meta-closing.
   No VISIÓN geometry is changed in this revision.
   --------------------------------------------------------- */
.golden-meta-zone--mission{
  right:0;
  width:43%;
  padding-left:0;
}