/* ---------------------------------------------------------------
   Slider "novo" — equilibrio / exclusivida
   Bloco isolado e reversível: nomes de classe exclusivos
   (slider-novo-*) para não colidir com o .swiper-container /
   .swiper-slide já usados no resto do site.
   Para reverter: remover o <link> a este ficheiro + a marcação
   slider-novo-* nas secções equilibrio/exclusivida.
   --------------------------------------------------------------- */

.slider-novo{
  position:relative;
  margin:0 auto;
  padding:0;
  overflow:visible;
  list-style:none;
  z-index:1;
  display:block;
  width:100%;
  height:clamp(230px,36vw,560px);
}
.slider-novo-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  box-sizing:content-box;
  transition-property:transform;
}
.slider-novo.swiper-horizontal{touch-action:pan-y}
.slider-novo-slide{
  flex-shrink:0;
  width:min(62vw,1080px);
  height:100%;
  position:relative;
  display:flex;
  align-items:center;
  transition-property:transform;
}
.slider-novo-slide.swiper-slide-invisible-blank{visibility:hidden}

.slider-novo-media{
  position:relative;
  margin:0;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:3px;
  transform:scale(.82);
  transform-origin:center;
  transition:transform .8s cubic-bezier(.22,.61,.36,1), filter .8s cubic-bezier(.22,.61,.36,1);
  filter:saturate(.82) brightness(.94);
  cursor:grab;
}
.slider-novo-slide.swiper-slide-active .slider-novo-media{
  transform:scale(1);
  filter:none;
}
/* Durante o salto invisível do loop próprio (ver wireInfiniteRecenter no JS),
   desliga a transição para o handoff de classe entre cópias não animar sozinho. */
.slider-novo.slider-novo-recentering .slider-novo-media{
  transition:none !important;
}
.slider-novo-media:active{cursor:grabbing}
.slider-novo-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.slider-novo-controls{
  width:min(62vw,1080px);
  margin:24px auto 0;
}
.slider-novo-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.slider-novo-dot{
  appearance:none;
  padding:0;
  border:0;
  background:rgba(35,35,24,.22);
  height:1px;
  width:26px;
  cursor:pointer;
  transition:background .3s cubic-bezier(.22,.61,.36,1), width .4s cubic-bezier(.22,.61,.36,1);
}
.slider-novo-dot.is-active{
  background:#B5043C;
  width:54px;
}

/* Setas: réplica exata do estilo/posição do slider antigo (.equilibrio/.exclusivida .swiper-button-prev/next) */
.slider-novo .swiper-button-next::after,
.slider-novo .swiper-button-prev::after {
  content: url(../midia/sliderArrow.svg);
}

.slider-novo .swiper-button-prev {
  left: 70px;
}

.slider-novo .swiper-button-next {
  transform: rotate(200grad);
  right: 70px;
}

@media (max-width:760px){
  .slider-novo{height:clamp(220px,52vw,340px)}
  .slider-novo-slide{width:84vw}
  .slider-novo-controls{width:84vw}
  .slider-novo-media{transform:scale(.86)}
  .slider-novo .swiper-button-next,
  .slider-novo .swiper-button-prev{display:none}
}
@media (prefers-reduced-motion:reduce){
  .slider-novo *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}
