/* UNYX HERO SURFACE V1
   Superfície visual compartilhada da família de Heroes UF.

   Fronteira deste componente:
   - fornece apenas pele, iluminação e tratamento da marca;
   - não conhece pedidos, rotas, filtros, contadores, papéis ou navegação;
   - cada consumidor continua responsável por geometria, conteúdo e estado.
*/

.unyx-hero-surface.unyx-hero-surface--uf{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border:var(--unyx-hero-border, 1px solid rgba(110,50,255,.42)) !important;
  border-top:var(--unyx-hero-border-top, 2px solid rgba(140,80,255,.90)) !important;
  border-radius:var(--unyx-hero-radius, 18px) !important;
  background:
    linear-gradient(90deg, rgba(0,0,10,.48) 0%, rgba(0,0,14,.32) 31%, rgba(0,0,20,0) 56%),
    radial-gradient(ellipse at 82% 49%, rgba(126,43,255,.74) 0%, rgba(94,22,220,.46) 22%, rgba(48,8,130,.18) 44%, rgba(4,0,18,0) 67%),
    linear-gradient(112deg, #03000d 0%, #050014 22%, #080022 45%, #120044 64%, #230075 82%, #3c0ea8 100%) !important;
  box-shadow:
    0 20px 48px rgba(4,0,18,.72),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -30px 54px rgba(3,0,16,.44),
    inset 70px 0 78px rgba(0,0,12,.38),
    inset -34px 0 70px rgba(139,55,255,.20) !important;
}

/* Glow concentrado atrás da marca UF. */
.unyx-hero-surface.unyx-hero-surface--uf::before{
  content:"" !important;
  position:absolute !important;
  inset:-24% -7% -26% 34% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 57% 48%, rgba(245,220,255,.64) 0%, rgba(178,105,255,.42) 7%, rgba(120,45,255,.20) 18%, rgba(60,8,170,0) 35%),
    radial-gradient(ellipse at 73% 50%, rgba(176,83,255,.88) 0%, rgba(126,44,255,.56) 18%, rgba(82,18,210,.26) 38%, rgba(22,3,80,0) 63%),
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(170,110,255,.08) 36%, rgba(220,185,255,.22) 51%, rgba(130,55,255,.10) 66%, rgba(255,255,255,0) 100%) !important;
  filter:blur(12px) !important;
  opacity:.98 !important;
  mix-blend-mode:screen !important;
}

/* Reflexos horizontais usados pela identidade premium aprovada. */
.unyx-hero-surface.unyx-hero-surface--uf::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 42%, rgba(190,155,255,.00) 48%, rgba(235,225,255,.34) 57%, rgba(150,80,255,.18) 68%, rgba(255,255,255,0) 79%),
    linear-gradient(90deg, rgba(255,255,255,0) 37%, rgba(150,210,255,.00) 47%, rgba(190,220,255,.20) 55%, rgba(170,80,255,.14) 65%, rgba(255,255,255,0) 75%),
    linear-gradient(90deg, rgba(255,255,255,0) 44%, rgba(210,185,255,.00) 51%, rgba(255,255,255,.48) 60%, rgba(190,110,255,.26) 72%, rgba(255,255,255,0) 84%),
    linear-gradient(90deg, rgba(255,255,255,0) 35%, rgba(150,210,255,.00) 45%, rgba(185,220,255,.18) 52%, rgba(132,70,255,.12) 62%, rgba(255,255,255,0) 73%),
    linear-gradient(90deg, rgba(255,255,255,0) 46%, rgba(190,150,255,.00) 54%, rgba(238,230,255,.30) 63%, rgba(160,70,255,.16) 74%, rgba(255,255,255,0) 86%),
    linear-gradient(90deg, rgba(255,255,255,0) 39%, rgba(160,210,255,.00) 49%, rgba(175,210,255,.16) 57%, rgba(126,60,255,.10) 68%, rgba(255,255,255,0) 78%),
    linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(210,180,255,.00) 57%, rgba(245,235,255,.26) 66%, rgba(172,80,255,.14) 77%, rgba(255,255,255,0) 88%),
    linear-gradient(90deg, rgba(255,255,255,0) 43%, rgba(165,215,255,.00) 52%, rgba(185,220,255,.14) 61%, rgba(138,70,255,.08) 72%, rgba(255,255,255,0) 82%),
    linear-gradient(90deg, rgba(0,0,12,.36) 0%, rgba(0,0,16,.20) 28%, rgba(0,0,20,0) 52%) !important;
  background-size:
    58% 3px,
    44% 2px,
    64% 4px,
    36% 2px,
    54% 3px,
    42% 2px,
    48% 3px,
    32% 2px,
    100% 100% !important;
  background-position:
    50% 19%,
    45% 29%,
    48% 40%,
    43% 51%,
    51% 61%,
    47% 71%,
    54% 80%,
    49% 88%,
    0 0 !important;
  background-repeat:no-repeat !important;
  filter:blur(.2px) drop-shadow(0 0 8px rgba(170,80,255,.45)) !important;
  mix-blend-mode:screen !important;
  opacity:.96 !important;
}

.unyx-hero-surface.unyx-hero-surface--uf .unyx-hero-surface__brand{
  color:var(--unyx-hero-brand-color, #c084fc) !important;
  pointer-events:none !important;
  user-select:none !important;
  filter:
    drop-shadow(-32px 0 56px rgba(150,70,255,.70))
    drop-shadow(0 0 28px rgba(120,45,240,.55))
    drop-shadow(0 16px 24px rgba(4,0,22,.40)) !important;
}

.unyx-hero-surface.unyx-hero-surface--uf .unyx-hero-surface__brand::before{
  content:"" !important;
  position:absolute !important;
  inset:4% 2% 4% -18% !important;
  z-index:-1 !important;
  border-radius:999px !important;
  background:radial-gradient(ellipse at 52% 50%,
    rgba(150,70,255,.62), rgba(110,30,220,.28) 40%, rgba(20,4,60,0) 72%) !important;
  filter:blur(28px) !important;
}

.unyx-hero-surface.unyx-hero-surface--uf .unyx-hero-surface__brand-image{
  display:block !important;
  max-width:none !important;
  height:auto !important;
  opacity:.52 !important;
  mix-blend-mode:normal !important;
  object-fit:contain !important;
  filter:brightness(1.18) !important;
}