/* PR&M 360 · Órbita en los «puentes» de Conecta (pantallas Consola, Cotización, Expediente Firme y
   Compliance: rutas con-*). Solo profundidad visual: sombras en capas, filo oro y relieve de los
   indicadores. No cambia ligas, textos ni el JS (js/9-conexiones-01.js conserva su SRI).
   Se apaga quitando este <link>. Respeta «reducir movimiento» y el tema oscuro de la app. */
#app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main{
  --pu-oro:var(--prm-gold,#A8843C);--pu-sombra:0 1px 2px rgba(11,26,34,.06),0 6px 16px -6px rgba(11,26,34,.16),0 18px 36px -18px rgba(20,48,61,.22)}
#app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .card{
  position:relative;box-shadow:var(--pu-sombra);border-color:color-mix(in srgb,var(--line) 70%,var(--pu-oro) 30%)}
#app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .card::before{
  content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:0 0 2px 2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--pu-oro) 22%,var(--pu-oro) 78%,transparent);opacity:.55}
#app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .kpi .v{
  text-shadow:0 1px 0 rgba(255,255,255,.35),0 2px 10px rgba(168,132,60,.18)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  #app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .card{transition:translate .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1)}
  #app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .grid>.card:hover{translate:0 -2px;
    box-shadow:0 2px 4px rgba(11,26,34,.07),0 12px 24px -8px rgba(11,26,34,.2),0 28px 48px -22px rgba(20,48,61,.28)}
}
/* tema oscuro: el del sistema (salvo que la app fije claro) o el fijado por la app */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) #app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main{--pu-sombra:0 1px 2px rgba(0,0,0,.4),0 10px 24px -10px rgba(0,0,0,.6)}
  :root:not([data-theme="light"]) #app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .kpi .v{text-shadow:0 2px 12px rgba(201,168,98,.22)}
}
:root[data-theme="dark"] #app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main{--pu-sombra:0 1px 2px rgba(0,0,0,.4),0 10px 24px -10px rgba(0,0,0,.6)}
:root[data-theme="dark"] #app:has(.shell [data-act="go"][aria-current="page"][data-a^="con-"]) #main .kpi .v{text-shadow:0 2px 12px rgba(201,168,98,.22)}
@media print{#app #main .card::before{display:none}}