/* v15 — transição mais orgânica e profundidade no carrossel */
.brand,.brand-logo{width:170px}

.hero .photo-layer{
  mask-image:linear-gradient(90deg,transparent 0%,transparent 55%,rgba(0,0,0,.018) 63%,rgba(0,0,0,.13) 71%,rgba(0,0,0,.48) 81%,rgba(0,0,0,.86) 90%,#000 97%);
}
.hero .photo-soft{
  filter:blur(36px) saturate(.5);
  opacity:.44;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(0,0,0,.04) 57%,rgba(0,0,0,.22) 69%,rgba(0,0,0,.64) 82%,#000 95%);
}
.hero .overlay{
  background:
    radial-gradient(ellipse 72% 118% at 59% 50%,rgba(27,32,33,.36),transparent 74%),
    linear-gradient(90deg,#1b2021 0%,rgba(27,32,33,.998) 28%,rgba(27,32,33,.96) 43%,rgba(27,32,33,.79) 57%,rgba(27,32,33,.43) 72%,rgba(27,32,33,.12) 88%,rgba(20,21,21,.03) 100%);
}

.treatment-track .num{display:none}
.treatment-track .treatment h3{margin-top:2px}
.treatment-track .treatment{z-index:0;filter:none}
.treatment-track .treatment.is-primary{z-index:2;filter:none;opacity:1;transform:scale(1)}
.treatment-track .treatment.is-preview{
  z-index:1;
  opacity:.3;
  filter:blur(2.2px) saturate(.58);
  transform:translateX(-28px) scale(.9);
  transform-origin:left center;
  box-shadow:none;
}
.treatment-track .treatment.is-preview:hover{transform:translateX(-28px) scale(.9);box-shadow:none}

@media(max-width:1100px){
  .brand,.brand-logo{width:155px}
}

@media(max-width:800px){
  .brand,.brand-logo{width:134px}
  .hero .photo-layer{
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.9) 58%,rgba(0,0,0,.32) 82%,transparent 100%);
  }
  .hero .photo-soft{
    filter:blur(28px) saturate(.5);
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.62) 54%,transparent 100%);
  }
  .treatment-track .treatment.is-preview{transform:translateX(-18px) scale(.91);filter:blur(1.8px) saturate(.62)}
}

@media(max-width:430px){
  .brand,.brand-logo{width:123px}
}