/* Home Espacial V14.6 — cases sem preenchimento cromático, badges de vidro.
   Camada localizada: não modifica o Hero, os projetos complementares ou o scroll. */

/* O palco compartilha o fundo cinematográfico da seção; não recebe cor por case.
   A barra de controles é mantida para contraste e acessibilidade. */
.aa-showcase .aa-carousel {
  background: transparent;
}
.aa-showcase .aa-carousel__stage {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  transition: none !important;
}
.aa-showcase .aa-slide,
.aa-showcase .aa-slide.is-active,
.aa-showcase .aa-slide::before {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}
.aa-showcase .aa-slide__grid,
.aa-showcase .aa-slide__ambient,
.aa-showcase .aa-slide__glow {
  display: none !important;
}

/* Superfícies foscas sobre os mockups. O texto e os elementos internos
   permanecem opacos: sem opacity aplicada ao contêiner. */
.aa-showcase .aa-slide--case .aa-case-floating__score,
.aa-showcase .aa-slide--case .aa-case-floating__growth,
.aa-showcase .aa-slide--case .aa-case-floating__mini,
.aa-showcase .aa-slide--case .aa-slide__category,
.aa-showcase .aa-slide--case .aa-slide__chip {
  background: rgba(18, 18, 22, .45) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.20), 0 8px 32px rgba(0,0,0,.40) !important;
  color: #fff !important;
}

.aa-showcase .aa-slide--case .aa-slide__category,
.aa-showcase .aa-slide--case .aa-slide__chip {
  border-radius: 999px;
  font-weight: 700;
}

.aa-showcase .aa-slide--case .aa-case-floating__score-label,
.aa-showcase .aa-slide--case .aa-case-floating__score-device,
.aa-showcase .aa-slide--case .aa-case-floating__growth-copy strong,
.aa-showcase .aa-slide--case .aa-case-floating__growth-copy small,
.aa-showcase .aa-slide--case .aa-case-floating__mini b,
.aa-showcase .aa-slide--case .aa-case-floating__mini span {
  color: #fff !important;
  opacity: 1;
}
.aa-showcase .aa-slide--case .aa-case-floating__growth-icon {
  color: #4ae5a7;
}
/* O anel e seu número ficam opacos, sem filtro de desfoque. */
.aa-showcase .aa-slide--case .aa-case-floating__ring {
  opacity: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.aa-showcase .aa-slide--case .aa-case-floating__ring-inner {
  background: rgba(8, 16, 20, .98);
}
.aa-showcase .aa-slide--case .aa-case-floating__ring-inner strong {
  color: #53e5a6;
  opacity: 1;
}

/* Legibilidade preservada em navegadores sem suporte a backdrop-filter. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .aa-showcase .aa-slide--case .aa-case-floating__score,
  .aa-showcase .aa-slide--case .aa-case-floating__growth,
  .aa-showcase .aa-slide--case .aa-case-floating__mini,
  .aa-showcase .aa-slide--case .aa-slide__category,
  .aa-showcase .aa-slide--case .aa-slide__chip {
    background: rgba(18,18,22,.86) !important;
  }
}

@media (max-width: 900px) {
  /* Preserva os badges compactos abaixo dos mockups da V14.5:
     não interceptar a imagem nem criar sobreposição no mobile. */
  .aa-showcase .aa-slide--case .aa-case-floating {
    position: relative;
    inset: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .aa-showcase .aa-slide--case .aa-case-floating__ring,
  .aa-showcase .aa-slide--case .aa-case-floating__growth-icon {
    animation: none !important;
  }
}