/* SISTEMA DE GESTÃO HOTELEIRA · CONTAINER 07 · RESULTADOS (v0.60.0)
   Mosaico compartilhado (_shared/30-results.css) + fundo aurora animado em CSS (_shared/05-aurora.css, variante bl), que substitui o antigo bg3.webp.
   Ajuste: --sgh-results-veil (véu sobre o fundo, p.ex. rgba(255,255,255,.55)). */

.uos-sgh-results {
  --sgh-results-veil: rgba(255, 255, 255, 0);
  isolation: isolate;
  overflow: hidden;
  background:
    var(--uos-aurora-grain),
    var(--uos-aurora-bl),
    var(--uos-sec-bg);
  background-blend-mode: soft-light, normal, normal;
  animation: var(--uos-aurora-motion);
}

/* SGH colada antes da v0.62.0 ainda tem <img class="uos-results__bg">: o aurora substitui a imagem. */
.uos-sgh-results > img.uos-results__bg { display: none !important; }

.uos-sgh-results::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--sgh-results-veil);
  content: "";
  pointer-events: none;
}

.uos-main .uos-sgh-results .uos-sec__lead,
.uos-main .uos-sgh-results .uos-sgh-results__note {
  color: var(--uos-gray-800);
}

/* valor em reais é longo: reduz a fonte para não invadir a coluna do texto.
   A regra precisa ter MAIS especificidade que a dos cartões da direita (senão a fonte grande vence e o valor invade o texto). */
.uos-sgh-results .uos-results__card:not(.uos-results__card--lead) .uos-results__metric strong {
  font-size: clamp(2.2rem, 3.2vw, 3.4rem);
}

.uos-sgh-results .uos-results__card.uos-sgh-results__money:not(.uos-results__card--lead) .uos-results__metric strong {
  font-size: clamp(1.6rem, 2.1vw, 2.3rem);
  letter-spacing: -0.02em;
  white-space: nowrap;
}

/* abaixo de 1100px a coluna da métrica fica estreita: o texto passa para baixo do valor */
@media (max-width: 1100px) {
  .uos-sgh-results .uos-results__card.uos-sgh-results__money:not(.uos-results__card--lead) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "module" "metric" "copy";
  }
}