/* Ajustes de desempenho percebido, navegação e movimento premium da homepage. */

body.homepage-v2-active .main-nav{
  gap:clamp(16px,1.45vw,27px);
}

body.homepage-v2-active .main-nav .nav-direct{
  font-size:13px;
  letter-spacing:.012em;
}

.hpv2-highlight-loading{
  position:relative;
  overflow:hidden;
  color:transparent;
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.035) 0%,
      rgba(255,255,255,.09) 46%,
      rgba(255,255,255,.035) 100%) 0 0 / 210% 100%,
    linear-gradient(135deg,rgba(14,19,26,.99),rgba(24,31,40,.99));
  animation:hpv2-loading-sheen 1.35s ease-in-out infinite;
}

.hpv2-highlight-loading::before{
  content:'A preparar os destaques';
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.hpv2-highlight-grid{
  will-change:opacity,transform,filter;
  transform-origin:center;
  transition:
    opacity .30s cubic-bezier(.22,.61,.36,1),
    transform .44s cubic-bezier(.16,1,.3,1),
    filter .30s ease;
}

.hpv2-highlight-grid--enter{
  opacity:0;
  filter:blur(5px);
  transform:translate3d(24px,0,0) scale(.985);
}

.hpv2-highlight-grid--enter.is-visible{
  opacity:1;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1);
}

.hpv2-highlight-grid.is-leaving-next{
  opacity:0;
  filter:blur(4px);
  transform:translate3d(-20px,0,0) scale(.988);
}

.hpv2-highlight-grid.is-leaving-prev{
  opacity:0;
  filter:blur(4px);
  transform:translate3d(20px,0,0) scale(.988);
}

.hpv2-highlight-grid--enter.is-visible .hpv2-highlight-card{
  animation:hpv2-card-arrive .52s cubic-bezier(.16,1,.3,1) both;
  animation-delay:calc(var(--hpv2-card-order,0) * 65ms);
}

.hpv2-highlight-card{
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transition:
    transform .34s cubic-bezier(.16,1,.3,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .34s ease;
}

.hpv2-highlight-card:hover{
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}

.hpv2-highlight-card-media img{
  transition:transform .72s cubic-bezier(.16,1,.3,1),filter .45s ease;
}

.hpv2-highlight-card:hover .hpv2-highlight-card-media img{
  filter:saturate(1.04) contrast(1.02);
}

.hpv2-highlights-count strong,
.hpv2-highlights-count span{
  transition:opacity .3s ease,transform .3s cubic-bezier(.16,1,.3,1);
}

@keyframes hpv2-card-arrive{
  from{opacity:0;transform:translate3d(16px,8px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@keyframes hpv2-loading-sheen{
  0%{background-position:100% 0,0 0}
  100%{background-position:-110% 0,0 0}
}

@media(max-width:1320px){
  body.homepage-v2-active .main-nav{gap:14px}
  body.homepage-v2-active .main-nav .nav-direct{font-size:12px}
}

@media(max-width:1100px){
  body.homepage-v2-active .main-nav{gap:0}
}

@media(prefers-reduced-motion:reduce){
  .hpv2-highlight-loading,
  .hpv2-highlight-grid,
  .hpv2-highlight-grid--enter.is-visible .hpv2-highlight-card{
    animation:none!important;
    transition:none!important;
    filter:none!important;
    transform:none!important;
  }
}

/* Carrossel de destaques: deslocação contínua, sem fade nem desfocagem. */
.hpv2-highlight-viewport{position:relative;min-width:0;overflow:hidden}
.hpv2-highlight-viewport .hpv2-highlight-grid{width:100%;will-change:transform;transition:transform .54s cubic-bezier(.22,.61,.36,1)}
.hpv2-highlight-viewport .hpv2-highlight-grid--incoming{position:absolute;inset:0}
.hpv2-highlight-viewport .hpv2-highlight-grid.from-next{transform:translate3d(100%,0,0)}
.hpv2-highlight-viewport .hpv2-highlight-grid.from-prev{transform:translate3d(-100%,0,0)}
.hpv2-highlight-viewport .hpv2-highlight-grid.is-sliding-next{transform:translate3d(-100%,0,0)}
.hpv2-highlight-viewport .hpv2-highlight-grid.is-sliding-prev{transform:translate3d(100%,0,0)}
.hpv2-highlight-viewport .hpv2-highlight-grid--incoming.is-sliding-in{transform:translate3d(0,0,0)}
.hpv2-highlight-grid,.hpv2-highlight-grid--enter,.hpv2-highlight-grid--enter.is-visible,.hpv2-highlight-grid.is-leaving-next,.hpv2-highlight-grid.is-leaving-prev{opacity:1!important;filter:none!important}
.hpv2-highlight-grid--enter.is-visible .hpv2-highlight-card{animation:none!important}
@media(prefers-reduced-motion:reduce){.hpv2-highlight-viewport .hpv2-highlight-grid{transition:none!important}}