/* Monalisa Móveis | Cinematic horizontal hero slideshow.
   Images move on the X axis; individual banner texts are synchronized.
   No opacity fading of images, no layout shift, same genuine Monalisa assets.
*/
.mona-hero{
  isolation:isolate;
  background:#272522;
}
.mona-hero .slide,
.mona-hero .slide.is-active{
  opacity:1;
  visibility:hidden;
  pointer-events:none;
  z-index:1;
  transform:none;
  transition:none !important;
  will-change:transform;
  backface-visibility:hidden;
}
.mona-hero .slide.is-active{
  visibility:visible;
  transform:none;
}
.mona-hero .slide img,
.mona-hero .slide.is-active img{
  width:100%;
  height:100%;
  transform:scale(1.025);
  transition:none !important;
  filter:brightness(.76);
  object-fit:cover;
  object-position:center;
}
.mona-hero:after{z-index:3}
.mona-hero-copy-stage{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
}
.mona-hero-content{
  position:absolute;
  inset:0;
  z-index:1;
  visibility:hidden;
  opacity:0;
  transition:none;
  pointer-events:none;
  /* Centraliza verticalmente a mensagem sem tocar nas timelines GSAP. */
  justify-content:center;
  padding-top:clamp(95px,11vh,135px);
  padding-bottom:clamp(45px,6vh,85px);
}
.mona-hero-content.is-active{
  visibility:visible;
  opacity:1;
}
.mona-hero-content > *{pointer-events:none}
.mona-hero-content.is-active a{pointer-events:auto}
.mona-hero-content h2{
  font-size:clamp(52px,6.5vw,101px);
  font-weight:300;
  letter-spacing:-.064em;
  line-height:1.04;
  max-width:900px;
  margin:0 0 24px;
}
.mona-hero-controls,.hero-index,.mona-scroll-cue{z-index:6}
.mona-hero-controls button{touch-action:manipulation}
.mona-hero-controls button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.mona-hero-content h1,.mona-hero-content h2,.mona-hero-content p{
  text-wrap:balance;
}
@media(max-width:800px){
  .mona-hero-content h2{font-size:clamp(44px,9.8vw,76px)}
  .mona-hero .slide img{object-position:center}
}
@media(max-width:520px){
  .mona-hero-content h1,.mona-hero-content h2{
    font-size:clamp(40px,11.7vw,56px);
    line-height:1.07;
  }
  .mona-hero-content p{max-width:88%;font-size:16px}
  .mona-hero-content .btn-arrow{max-width:calc(100vw - 40px)}
  .mona-hero-controls{z-index:7}
}