/* STYLLUS V70 — Destaque configurável e comparador Antes/Depois */
.ad-item .st-before-after{
  position:relative;
  z-index:2;
  width:100%;
  margin:0 0 16px;
}
.ad-item.is-featured .st-before-after{padding-top:34px}
.st-before-after [hidden]{display:none!important}
.st-ba-panel,
.st-ba-compare-stage{
  position:relative;
  width:100%;
  min-height:250px;
  height:clamp(250px,28vw,390px);
  overflow:hidden;
  border:1px solid rgba(114,186,255,.22);
  border-radius:15px;
  background:#05080c;
}
.st-ba-panel>img,
.st-ba-panel>.st-media-video,
.st-ba-panel>.st-media-youtube{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  object-fit:contain!important;
  background:#05080c!important;
}
.st-ba-panel>.st-media-video>.st-video-preview,
.st-ba-panel>.st-media-youtube>.st-video-preview{
  object-fit:contain!important;
}
.st-ba-label{
  position:absolute;
  z-index:8;
  top:10px;
  left:10px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:9px;
  background:rgba(5,10,16,.82);
  box-shadow:0 7px 18px rgba(0,0,0,.25);
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  pointer-events:none;
}
.st-ba-lado-a-lado{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.st-ba-lado-a-lado .st-ba-panel{height:clamp(220px,25vw,340px)}
.st-ba-empilhado{display:grid;gap:12px}
.st-ba-switch{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:0 0 9px;
  padding:5px;
  border:1px solid #263546;
  border-radius:13px;
  background:#090e14;
}
.st-ba-switch button{
  min-height:40px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#a9b4c1;
  font:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.st-ba-switch button:hover{color:#fff;transform:translateY(-1px)}
.st-ba-switch button[aria-pressed="true"]{
  border-color:rgba(114,186,255,.48);
  background:linear-gradient(135deg,rgba(22,140,255,.28),rgba(22,140,255,.10));
  color:#d9edff;
  box-shadow:0 7px 18px rgba(22,140,255,.12);
}
.st-ba-comparador{--ba-position:50%}
.st-ba-compare-stage{isolation:isolate;cursor:ew-resize}
.st-ba-compare-image{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  user-select:none;
  pointer-events:none;
}
.st-ba-before-layer{
  position:absolute;
  z-index:2;
  inset:0;
  overflow:hidden;
  clip-path:inset(0 calc(100% - var(--ba-position)) 0 0);
}
.st-ba-label-before{z-index:5;left:10px;right:auto}
.st-ba-label-after{z-index:5;left:auto;right:10px}
.st-ba-divider{
  position:absolute;
  z-index:6;
  top:0;
  bottom:0;
  left:var(--ba-position);
  width:3px;
  transform:translateX(-50%);
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.22),0 0 14px rgba(255,255,255,.38);
  pointer-events:none;
}
.st-ba-divider i{
  position:absolute;
  top:50%;
  left:50%;
  width:42px;
  height:42px;
  transform:translate(-50%,-50%);
  border:2px solid #fff;
  border-radius:50%;
  background:rgba(5,10,16,.84);
  box-shadow:0 8px 24px rgba(0,0,0,.38);
}
.st-ba-divider i:before,
.st-ba-divider i:after{
  content:"";
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-left:2px solid #fff;
}
.st-ba-divider i:before{left:9px;transform:translateY(-50%) rotate(-45deg)}
.st-ba-divider i:after{right:9px;transform:translateY(-50%) rotate(135deg)}
.st-ba-range{
  position:absolute;
  z-index:7;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:ew-resize;
}
.st-ba-help{
  margin:8px 0 0!important;
  color:#8291a1!important;
  font-size:12px!important;
  text-align:center;
}
.ad-item.is-featured{
  border-color:rgba(114,186,255,.62)!important;
  box-shadow:0 18px 45px rgba(22,140,255,.12)!important;
}
@media(max-width:700px){
  .st-ba-panel,.st-ba-compare-stage{height:clamp(270px,88vw,430px)}
  .st-ba-lado-a-lado{grid-template-columns:1fr}
  .st-ba-lado-a-lado .st-ba-panel{height:clamp(250px,82vw,410px)}
}
@media(prefers-reduced-motion:reduce){.st-ba-switch button{transition:none}}