/* UNISOL 360° — ajuste visual isolado do card VGV no mobile
   Escopo: somente o hero/card VGV da Home 360° em telas móveis.
   Não altera dados, dimensões, layout estrutural, desktop ou regras funcionais. */

@media (max-width: 720px) {
  .u-px-prem .u-prem-hero {
    background:
      linear-gradient(135deg,
        rgba(77, 82, 89, .94) 0%,
        rgba(61, 66, 72, .94) 42%,
        rgba(48, 53, 59, .95) 100%) !important;
    border-color: rgba(255, 255, 255, .075) !important;
    box-shadow:
      0 10px 28px rgba(18, 21, 25, .105),
      inset 0 1px 0 rgba(255, 255, 255, .028) !important;
    -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
    backdrop-filter: blur(12px) saturate(110%) !important;
  }

  .u-px-prem .u-prem-hero::before {
    background:
      linear-gradient(118deg,
        rgba(255, 255, 255, .045),
        transparent 38%,
        rgba(255, 255, 255, .012) 70%) !important;
  }

  /* O VGV controla a própria opacidade para o preenchimento laranja da meta.
     Demais heros mantêm o acabamento fumê anterior. */
  .u-px-prem .u-prem-hero:not(.u-prem-hero-vgv)::after {
    opacity: .105 !important;
  }

  .u-px-prem .u-prem-hero-foot {
    background: rgba(30, 34, 39, .16) !important;
    border-top-color: rgba(255, 255, 255, .08) !important;
  }
}

/* Mantém o dark mode existente sem forçar o novo acabamento claro/fumê. */
@media (max-width: 720px) {
  [data-theme="dark"] .u-px-prem .u-prem-hero {
    background: linear-gradient(135deg,#3b4047 0%,#292e34 42%,#171b20 100%) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}