/* PR&M 360 · ÓRBITA · estilos v1.0.0 (6-oct-2026). Solo diseño; colores del kit prm-marca.css. */
.orbita-banda,.orbita-kpi{
  --o-navy:var(--prm-navy,#1e1f21); --o-navy2:var(--prm-navy-2,#3f4043); --o-oro:var(--prm-gold,#85644e); --o-oro-suave:var(--prm-gold-soft,#bc9c85);
  --o-crema:var(--prm-cream,#f8f2ee); --o-noche:#1e1f21; --o-texto:#e6dcd4; --o-tenue:#a59e98; --o-linea:rgba(188,156,133,.22);
  --ok:#6cc59a; --aviso:#d2bcad; --riesgo:#d97a62;
  --linea:var(--o-linea); --oro:var(--o-oro); --oro-suave:var(--o-oro-suave); --crema:var(--o-crema); --tenue:var(--o-tenue); --texto:var(--o-texto); --noche:var(--o-noche);
  --f-display:"Helvetica Neue",Helvetica,Arial,"Helvetica Neue",Helvetica,Arial,"Helvetica Neue",Helvetica,Arial,Arial,serif; --f-texto:inherit; --f-mono:"Advent Pro","Advent Pro","Advent Pro",Consolas,monospace;
  --r-sm:10px; --r:14px; --r-lg:18px; --ease:cubic-bezier(.2,.8,.2,1);
  box-sizing:border-box;
}
.orbita-banda *,.orbita-kpi *{box-sizing:border-box}
/* Banda 3D de entrada */
.orbita-banda{position:relative;overflow:hidden;color:var(--o-texto);min-height:clamp(260px,38vw,420px);
  background:radial-gradient(110% 90% at 72% 40%, #3f4043 0%, #1e1f21 52%, var(--o-noche) 100%);
  display:flex;align-items:center;transition:min-height .6s var(--ease),max-height .6s var(--ease),opacity .45s;max-height:640px}
.orbita-banda .orbita-lienzo{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}
.orbita-copia{position:relative;z-index:1;pointer-events:none;width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,40px);display:grid;gap:12px;align-content:center}
.orbita-copia>*{max-width:560px}
.orbita-copia a,.orbita-copia button{pointer-events:auto}
.orbita-ceja{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--o-oro-suave)}
.orbita-titulo{font-family:var(--f-display);font-weight:500;font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;color:var(--o-crema);margin:0;text-wrap:balance}
.orbita-titulo em{color:var(--o-oro-suave);font-style:italic}
.orbita-texto{color:#e6dcd4;font-size:1rem;line-height:1.55;margin:0;max-width:52ch}
.orbita-banda.orbita-centro .orbita-copia{text-align:center;justify-items:center}
@media (max-width:860px){.orbita-banda{align-items:flex-start;min-height:clamp(380px,110vw,520px)}.orbita-copia{padding-bottom:200px}}
.orbita-banda.orbita-fija{background:radial-gradient(60% 70% at 78% 45%, rgba(188,156,133,.28) 0%, rgba(188,156,133,0) 60%),radial-gradient(110% 90% at 72% 40%, #3f4043 0%, #1e1f21 52%, var(--o-noche) 100%);min-height:clamp(200px,28vw,320px)}
@media (max-width:860px){.orbita-banda.orbita-fija{min-height:0}.orbita-banda.orbita-fija .orbita-copia{padding-bottom:clamp(28px,5vw,64px)}}
.orbita-banda.orbita-plegada{min-height:0;max-height:0;opacity:0;pointer-events:none}
/* Profundidad ligera */
[data-orbita-tilt]{transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
@media (prefers-reduced-motion:reduce){.orbita-banda,[data-orbita-tilt]{transition:none}}
/* Indicadores 3D */
.orbita-kpi{color:var(--o-texto);background:var(--o-noche);border-radius:var(--r-lg);padding:clamp(16px,3vw,32px);font-family:inherit}
.orbita-kpi h3{font-family:var(--f-display);font-weight:500;color:var(--o-crema);margin:0;font-size:1.9rem;line-height:1.1}
.orbita-kpi p{margin:0}
.orbita-kpi .eyebrow{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--o-oro-suave)}
.orbita-kpi .vitrina{position:relative;border-radius:var(--r-lg);overflow:hidden;max-width:100%;background:radial-gradient(90% 90% at 50% 35%, #3f4043 0%, #1e1f21 55%, #1e1f21 100%);border:1px solid var(--o-linea)}
.orbita-kpi .labels{position:absolute;inset:0;pointer-events:none}
.orbita-kpi .labels>*{pointer-events:auto}
.orbita-kpi .vlabel{pointer-events:none}
.orbita-kpi .tag2{position:absolute;right:16px;bottom:12px;font-family:var(--f-mono);font-size:.68rem;color:var(--o-tenue)}
.orbita-kpi .tbl-wrap{overflow-x:auto}
.orbita-kpi table{border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}
.orbita-kpi th,.orbita-kpi td{text-align:left;padding:9px 11px;border-bottom:1px solid var(--o-linea);vertical-align:top;color:var(--o-texto)}
.orbita-kpi th{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--o-oro-suave);font-weight:500}
.orbita-kpi td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--o-crema)}
.orbita-kpi [hidden]{display:none!important}
.orbita-kpi .orbita-aviso-ejemplo{font-family:var(--f-mono);font-size:.72rem;color:var(--aviso);letter-spacing:.06em;margin-bottom:12px}
.orbita-kpi .kpi-wrap{display:grid;gap:28px}
.orbita-kpi .panel{border-radius:var(--r-lg);border:1px solid var(--linea);background:rgba(30,31,33,.32);padding:clamp(16px,2.4vw,26px);display:grid;gap:18px;min-width:0}
.orbita-kpi .panel-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;justify-content:space-between}
.orbita-kpi .panel-head h3{font-size:1.9rem}
.orbita-kpi .panel-head p{color:var(--tenue);font-size:.92rem;max-width:62ch;margin-top:4px}
.orbita-kpi .pills{display:flex;flex-wrap:wrap;gap:8px}
.orbita-kpi .pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.06em;padding:4px 10px;border-radius:999px;border:1px solid var(--linea);color:var(--crema);background:rgba(30,31,33,.6);white-space:nowrap}
.orbita-kpi .pill i{width:8px;height:8px;border-radius:50%;display:inline-block}
.orbita-kpi .pill.ok i{background:var(--ok)}
.orbita-kpi .pill.aviso i{background:var(--aviso)}
.orbita-kpi .pill.riesgo i{background:var(--riesgo)}
.orbita-kpi .city{aspect-ratio:21/9}
.orbita-kpi .board{aspect-ratio:21/8}
@media (max-width:760px){.orbita-kpi .city{aspect-ratio:1/1}.orbita-kpi .board{aspect-ratio:3/5}}
.orbita-kpi #city3d,.orbita-kpi #kpi3d{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.orbita-kpi .blabel{position:absolute;transform:translate(-50%,-120%);font-family:var(--f-mono);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(30,31,33,.78);border:1px solid var(--linea);color:var(--crema);cursor:pointer;white-space:nowrap;backdrop-filter:blur(6px)}
.orbita-kpi .blabel:hover,.orbita-kpi .blabel.on{border-color:var(--oro-suave);background:rgba(133,100,78,.3)}
.orbita-kpi .blabel[data-back="1"]{opacity:.4}
.orbita-kpi .vlabel{position:absolute;transform:translate(-50%,-100%);pointer-events:none;text-align:center;font-family:var(--f-mono);color:var(--crema);font-size:clamp(.9rem,1.8vw,1.35rem);font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #000}
.orbita-kpi .vlabel small{display:block;font-size:.62rem;color:var(--oro-suave);letter-spacing:.08em}
.orbita-kpi .chips{display:flex;flex-wrap:wrap;gap:6px}
.orbita-kpi .chipb{all:unset;cursor:pointer;font-size:.8rem;padding:6px 12px;border-radius:999px;border:1px solid var(--linea);color:var(--texto);display:inline-flex;gap:7px;align-items:center}
.orbita-kpi .chipb:hover{background:rgba(63,64,67,.6)}
.orbita-kpi .chipb[aria-pressed="true"]{background:rgba(133,100,78,.2);border-color:var(--oro-suave);color:var(--crema)}
.orbita-kpi .chipb:focus-visible{outline:3px solid var(--oro-suave)}
.orbita-kpi .chipb i{width:7px;height:7px;border-radius:50%}
.orbita-kpi .kcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:760px){.orbita-kpi .kcards{grid-template-columns:1fr}}
.orbita-kpi .kcard{padding:16px 18px;border-radius:var(--r);border:1px solid var(--linea);background:rgba(30,31,33,.55);display:grid;gap:8px;min-width:0}
.orbita-kpi .kcard .kn{font-size:.9rem;color:var(--crema);font-weight:600;line-height:1.35}
.orbita-kpi .kcard .kv{font-family:var(--f-mono);font-size:1.7rem;color:var(--crema);font-variant-numeric:tabular-nums;line-height:1}
.orbita-kpi .kcard .km{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.78rem;color:var(--tenue)}
.orbita-kpi .kcard .kf{font-family:var(--f-mono);font-size:.64rem;color:var(--tenue);letter-spacing:.04em}
.orbita-kpi .kcard svg{width:100%;height:34px;display:block}
.orbita-kpi .kform{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--oro-suave)}
.orbita-kpi .btn2{all:unset;cursor:pointer;font-family:var(--f-mono);font-size:.74rem;letter-spacing:.06em;padding:9px 16px;border-radius:999px;border:1px solid var(--oro);color:var(--oro-suave)}
.orbita-kpi .btn2:hover{background:rgba(133,100,78,.15)}
.orbita-kpi .btn2:focus-visible{outline:3px solid var(--oro-suave)}
.orbita-kpi td .pill{font-size:.64rem}
.orbita-kpi .gram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.orbita-kpi .gram div{padding:14px;border-radius:var(--r);border:1px solid var(--linea);background:rgba(30,31,33,.5);display:grid;gap:6px;align-content:start}
.orbita-kpi .gram b{font-family:var(--f-display);font-size:1.3rem;font-weight:500;color:var(--crema)}
.orbita-kpi .gram span{font-size:.84rem;color:var(--tenue)}
.orbita-kpi .gram svg{width:46px;height:46px}
@media (max-width:860px){.orbita-kpi .gram{grid-template-columns:repeat(2,minmax(0,1fr))}}
.orbita-kpi .fkpi{display:grid;gap:6px;margin-top:2px}
.orbita-kpi .fkpi span{font-size:.9rem;color:var(--texto);display:flex;gap:8px;align-items:baseline}
.orbita-kpi .fkpi span::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--oro-suave);transform:translateY(-2px)}
.orbita-kpi .linkb{all:unset;cursor:pointer;color:var(--oro-suave);font-size:.85rem;text-decoration:underline;text-underline-offset:3px;margin-top:4px}
.orbita-kpi .linkb:focus-visible{outline:3px solid var(--oro-suave)}

/* PR&M tonos Conecta: modo noche automático */
@media (prefers-color-scheme: dark){.orbita-ceja{color:#bc9c85}.orbita-titulo em{color:#bc9c85}.orbita-kpi .eyebrow{color:#bc9c85}.orbita-kpi .tag2{color:#b9b4b0}.orbita-kpi th{color:#bc9c85}.orbita-kpi .orbita-aviso-ejemplo{color:#bc9c85}.orbita-kpi .pill.aviso i{background:#85644e}.orbita-kpi .pill.riesgo i{background:#85644e}}