/* Home publica | camada responsive | componente metrics. */



@media (max-width: 767.98px) {
.pt-home-partner {
    width: 220px;
    min-height: 82px;
  }
}



@media (max-width: 575.98px) {
.pt-home-partners {
    padding-top: 1.25rem;
  }

.pt-home-partners-heading {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 0.8rem;
  }

.pt-home-partners-heading h2 {
    max-width: 34ch;
    font-size: clamp(1.05rem, 5vw, 1.3rem);
    line-height: 1.14;
  }

.pt-home-partners-viewport {
    mask-image: linear-gradient(
      90deg,
      transparent,
      #000 4%,
      #000 96%,
      transparent
    );
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent,
      #000 4%,
      #000 96%,
      transparent
    );
  }

.pt-home-partners-group {
    gap: 0.65rem;
    padding: 0 0.325rem;
  }

.pt-home-partner {
    width: 202px;
    min-height: 78px;
    gap: 0.7rem;
    padding: 0.72rem 0.82rem;
    border-radius: 16px;
    grid-template-columns: 44px minmax(0, 1fr);
  }

.pt-home-partner-icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }

.pt-home-partner strong {
    font-size: 0.73rem;
  }

.pt-home-partner small {
    font-size: 0.57rem;
  }
}



@media (max-width: 339.98px) {
.pt-home-partner {
    width: 194px;
  }
}



@media (prefers-reduced-motion: reduce) {
.pt-home-partners-viewport {
    padding-bottom: 0.35rem;
    overflow-x: auto;
    mask-image: none;
    -webkit-mask-image: none;
    overscroll-behavior-inline: contain;
    scrollbar-color: rgba(125, 165, 255, 0.6) transparent;
    scrollbar-width: thin;
  }

.pt-home-partners-track {
    animation: none;
    transform: none;
    will-change: auto;
  }

.pt-home-partners-group[aria-hidden="true"] {
    display: none;
  }
}



/*
 * Composição final da hero no celular.
 *
 * Este bloco reúne as decisões estruturais que antes estavam espalhadas por
 * vários breakpoints. A navegação ocupa a área que já era reservada no topo;
 * chamada, perfis e indicadores passam a formar três grupos de leitura claros.
 */
@media (max-width: 767.98px) {
.pt-public-home .pt-home-hero-metrics > .container {
    display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.55rem 0.4rem;
    overflow: visible;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

.pt-public-home .pt-home-hero-metric {
    min-width: 0;
    min-height: 64px;
    gap: 0.2rem;
    padding: 0.38rem 0.12rem;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(126, 164, 230, 0.13);
    border-radius: 10px;
    justify-content: center;
    text-align: center;
  }

.pt-public-home .pt-home-hero-metric:nth-child(n + 4) {
    grid-column: auto;
  }

.pt-public-home .pt-home-hero-metric > i {
    flex: 0 0 auto;
    font-size: 0.85rem;
  }

.pt-public-home .pt-home-hero-metric__value {
    min-width: 0;
    text-align: center;
  }

.pt-public-home .pt-home-hero-metric strong {
    font-size: 0.8125rem;
    line-height: 1;
    white-space: nowrap;
  }

.pt-public-home .pt-home-hero-metric small {
    font-size: 0.625rem;
    line-height: 1.1;
    white-space: nowrap;
  }

.pt-public-home .pt-home-hero-metric-label-desktop {
    display: none;
  }

.pt-public-home .pt-home-hero-metric-label-mobile {
    display: inline;
  }
}