/* ================================================================
   UMA — CENTRAL ESTRATÉGICA PREMIUM P32
   Escopo estrito: só é ativado quando o JS detecta o heading da Central.
   Não altera o background da página.
   ================================================================ */

html.uma-central-premium-active {
  --uc-cyan: #35ddff;
  --uc-blue: #4d8dff;
  --uc-violet: #8d6cff;
  --uc-magenta: #e05cff;
  --uc-emerald: #48e7bc;
  --uc-ink: rgba(7, 13, 31, .78);
  --uc-border: rgba(111, 174, 255, .26);
  --uc-border-soft: rgba(123, 104, 255, .19);
  --uc-text: rgba(247, 250, 255, .96);
  --uc-muted: rgba(194, 207, 232, .72);
}

/* O fundo original permanece intocado. */
html.uma-central-premium-active .uma-central-premium-page {
  position: relative;
  isolation: isolate;
}

html.uma-central-premium-active .uma-central-premium-page > h1,
html.uma-central-premium-active .uma-central-premium-page h1 {
  letter-spacing: -.035em;
  text-shadow: 0 0 34px rgba(82, 141, 255, .10);
}

/* Base comum dos cards principais identificados pelo JS */
html.uma-central-premium-active .uma-central-card {
  position: relative !important;
  overflow: hidden;
  border-color: var(--uc-border-soft) !important;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.026), transparent 38%),
    linear-gradient(118deg, rgba(45,103,255,.032), rgba(129,77,255,.022) 52%, rgba(0,219,255,.025)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(38,203,255,.02),
    0 18px 46px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

html.uma-central-premium-active .uma-central-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(520px 170px at 8% 0%, rgba(113,80,255,.08), transparent 70%),
    radial-gradient(470px 180px at 94% 18%, rgba(42,211,255,.055), transparent 72%);
  opacity: .9;
}

html.uma-central-premium-active .uma-central-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 3.5%; right: 3.5%; top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(93,127,255,.72), rgba(50,223,255,.72), transparent);
  filter: drop-shadow(0 0 7px rgba(51,204,255,.32));
  opacity: .65;
}

html.uma-central-premium-active .uma-central-card > * {
  position: relative;
  z-index: 1;
}

@media (hover:hover) and (pointer:fine) {
  html.uma-central-premium-active .uma-central-card:hover {
    border-color: rgba(89, 169, 255, .36) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 22px 55px rgba(0,0,0,.22),
      0 0 34px rgba(51,133,255,.055) !important;
  }
}

/* ---------------------------------------------------------------
   CARD PRINCIPAL DO PROJETO
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-project-card {
  border-color: rgba(77, 164, 255, .34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 54px rgba(0,0,0,.22),
    0 0 42px rgba(37,138,255,.055) !important;
}

html.uma-central-premium-active .uma-central-project-card::before {
  background:
    radial-gradient(380px 220px at 8% 22%, rgba(125,82,255,.13), transparent 74%),
    radial-gradient(520px 230px at 89% 20%, rgba(29,184,255,.10), transparent 74%),
    linear-gradient(120deg, rgba(255,255,255,.018), transparent 40%);
}

/* Ícone circular / emblema do projeto */
html.uma-central-premium-active .uma-central-project-card .uma-central-icon-shell {
  border-color: rgba(99, 142, 255, .36) !important;
  background:
    radial-gradient(circle at 40% 34%, rgba(103,164,255,.17), rgba(37,32,96,.11) 55%, rgba(3,8,24,.16)) !important;
  box-shadow:
    inset 0 0 18px rgba(101,90,255,.13),
    0 0 0 1px rgba(103,160,255,.045),
    0 0 26px rgba(66,124,255,.10) !important;
}

html.uma-central-premium-active .uma-central-project-card .uma-central-icon-shell svg {
  color: #9eeaff !important;
  stroke-width: 1.65 !important;
  filter: drop-shadow(0 0 7px rgba(65,215,255,.30));
}

/* Área de próximo passo ganha acabamento de console futurista */
html.uma-central-premium-active .uma-central-project-card [class*="border"]:has(svg) {
  border-color: rgba(124, 141, 255, .25);
}

/* ---------------------------------------------------------------
   FAIXA DA ANÁLISE MUSICAL
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-track-card {
  border-color: rgba(44, 203, 242, .28) !important;
  background-image:
    linear-gradient(105deg, rgba(7,50,68,.34), rgba(15,24,54,.38) 38%, rgba(36,26,78,.30) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(121,238,255,.06),
    0 14px 42px rgba(0,0,0,.18),
    0 0 38px rgba(39,205,255,.045) !important;
}

html.uma-central-premium-active .uma-central-track-card::before {
  background:
    radial-gradient(360px 150px at 0% 50%, rgba(35,220,255,.12), transparent 75%),
    radial-gradient(420px 170px at 100% 50%, rgba(135,73,255,.09), transparent 78%);
}

/* ---------------------------------------------------------------
   CARDS FUNCIONAIS: ações, evolução, insights e sessão
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-actions-card {
  border-color: rgba(206, 71, 200, .25) !important;
  background-image: linear-gradient(135deg, rgba(91,24,70,.15), rgba(16,20,45,.38) 54%, rgba(27,22,65,.22)) !important;
}

html.uma-central-premium-active .uma-central-actions-card::before {
  background: radial-gradient(380px 170px at 0% 0%, rgba(230,72,192,.105), transparent 70%);
}

html.uma-central-premium-active .uma-central-evolution-card {
  border-color: rgba(41, 202, 234, .28) !important;
  background-image: linear-gradient(135deg, rgba(4,61,77,.15), rgba(13,23,48,.42) 60%, rgba(20,33,77,.22)) !important;
}

html.uma-central-premium-active .uma-central-evolution-card::before {
  background: radial-gradient(420px 190px at 100% 0%, rgba(50,188,255,.105), transparent 72%);
}

html.uma-central-premium-active .uma-central-insights-card {
  border-color: rgba(75, 131, 224, .24) !important;
  background-image: linear-gradient(135deg, rgba(17,40,72,.16), rgba(10,18,42,.42) 60%, rgba(24,22,64,.22)) !important;
}

html.uma-central-premium-active .uma-central-session-card {
  border-color: rgba(153, 88, 255, .31) !important;
  background-image: linear-gradient(135deg, rgba(69,26,104,.20), rgba(19,19,50,.46) 58%, rgba(30,38,91,.27)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 16px 44px rgba(0,0,0,.20),
    0 0 38px rgba(139,76,255,.06) !important;
}

/* ---------------------------------------------------------------
   ÍCONES — refinamento homogêneo
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-card .uma-central-icon-shell {
  position: relative;
  border: 1px solid rgba(105,158,255,.25) !important;
  background: linear-gradient(145deg, rgba(62,83,180,.14), rgba(15,22,53,.30)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 18px rgba(62,133,255,.07) !important;
}

html.uma-central-premium-active .uma-central-card .uma-central-icon-shell svg {
  stroke-width: 1.65 !important;
  color: #71dcff !important;
  filter: drop-shadow(0 0 5px rgba(61,211,255,.24));
}

html.uma-central-premium-active .uma-central-actions-card .uma-central-icon-shell svg,
html.uma-central-premium-active .uma-central-session-card .uma-central-icon-shell svg {
  color: #c994ff !important;
  filter: drop-shadow(0 0 6px rgba(183,100,255,.25));
}

html.uma-central-premium-active .uma-central-evolution-card .uma-central-icon-shell svg,
html.uma-central-premium-active .uma-central-track-card .uma-central-icon-shell svg {
  color: #58e8ff !important;
}

/* ---------------------------------------------------------------
   PILLS / BADGES
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-premium-pill {
  border-color: rgba(113, 146, 255, .25) !important;
  background: linear-gradient(135deg, rgba(81,94,197,.12), rgba(18,27,58,.22)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 0 16px rgba(57,142,255,.045);
  color: rgba(225,235,255,.86) !important;
}

html.uma-central-premium-active .uma-central-premium-pill:where([class*="green"],[class*="emerald"]),
html.uma-central-premium-active .uma-central-premium-pill:has(*) {
  backdrop-filter: blur(4px);
}

/* ---------------------------------------------------------------
   BOTÕES / CTAs
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-premium-cta {
  position: relative;
  overflow: hidden;
  border-color: rgba(83,164,255,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(63,143,255,.035),
    0 0 24px rgba(45,126,255,.085) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
}

html.uma-central-premium-active .uma-central-premium-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.10) 45%, transparent 72%);
  transform: translateX(-130%);
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}

@media (hover:hover) and (pointer:fine) {
  html.uma-central-premium-active .uma-central-premium-cta:hover {
    transform: translateY(-1px);
    border-color: rgba(76,202,255,.62) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      0 0 30px rgba(49,159,255,.15) !important;
    filter: brightness(1.06);
  }
  html.uma-central-premium-active .uma-central-premium-cta:hover::after {
    transform: translateX(130%);
  }
}

/* CTA da Sessão: roxo/azul premium */
html.uma-central-premium-active .uma-central-session-card .uma-central-premium-cta {
  border-color: rgba(133,100,255,.44) !important;
  background-image: linear-gradient(90deg, rgba(105,57,213,.65), rgba(53,113,233,.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 28px rgba(100,71,255,.13) !important;
}

/* ---------------------------------------------------------------
   TIPOGRAFIA / DIVISORES
   --------------------------------------------------------------- */
html.uma-central-premium-active .uma-central-card h2,
html.uma-central-premium-active .uma-central-card h3,
html.uma-central-premium-active .uma-central-card h4,
html.uma-central-premium-active .uma-central-card strong {
  color: var(--uc-text) !important;
  letter-spacing: -.012em;
}

html.uma-central-premium-active .uma-central-card p,
html.uma-central-premium-active .uma-central-card [class*="text-muted"],
html.uma-central-premium-active .uma-central-card [class*="text-slate"],
html.uma-central-premium-active .uma-central-card [class*="text-gray"] {
  text-rendering: geometricPrecision;
}

html.uma-central-premium-active .uma-central-card hr,
html.uma-central-premium-active .uma-central-card [class*="border-b"],
html.uma-central-premium-active .uma-central-card [class*="border-t"] {
  border-color: rgba(112,145,210,.12) !important;
}

/* Progress bars com acabamento mais luminoso */
html.uma-central-premium-active .uma-central-evolution-card [class*="rounded-full"] [class*="bg-gradient"],
html.uma-central-premium-active .uma-central-evolution-card [style*="width"] {
  filter: drop-shadow(0 0 7px rgba(64,205,255,.24));
}

/* ---------------------------------------------------------------
   RESPONSIVO — não muda a composição, só reduz efeitos pesados.
   --------------------------------------------------------------- */
@media (max-width: 1024px) {
  html.uma-central-premium-active .uma-central-card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 30px rgba(0,0,0,.14) !important;
  }
  html.uma-central-premium-active .uma-central-card::before { opacity: .65; }
}

@media (max-width: 640px) {
  html.uma-central-premium-active .uma-central-card::after {
    left: 8%; right: 8%; opacity: .5;
  }
  html.uma-central-premium-active .uma-central-premium-cta {
    min-height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.uma-central-premium-active .uma-central-card,
  html.uma-central-premium-active .uma-central-premium-cta,
  html.uma-central-premium-active .uma-central-premium-cta::after {
    transition: none !important;
  }
}