/* DOM Slider - estilos */
.domslider{position:relative; width:100%; overflow:hidden;}
.domslider__track{display:flex; transition:transform .45s ease; will-change:transform;}
.domslider__slide{display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:center; min-width:100%; padding:24px 8px;}
.domslider__slide.is-image-left{grid-template-columns:.8fr 1.2fr;}
.domslider__slide.is-image-left .domslider__content{order:2;}
.domslider__slide.is-image-left .domslider__image{order:1;}

.domslider__content{max-width:720px; margin:0 auto; padding:16px 24px;}
.domslider__step{display:inline-block; background:#f3c34e; color:#000; font-weight:600; padding:6px 12px; border-radius:12px; margin-bottom:12px;}
.domslider__title{font-size:28px; line-height:1.2; margin:6px 0 12px; font-weight:700;}
.domslider__desc{color:#333; font-size:16px;}
.domslider__image img{width:100%; height:auto; border-radius:16px; display:block;}

.domslider__nav{margin-top:16px;}
.domslider__prev,.domslider__next{background:#111; color:#fff; border:0; padding:8px 12px; border-radius:8px; cursor:pointer; margin-right:8px;}
.domslider__prev:hover,.domslider__next:hover{opacity:.9;}

.domslider__dots{display:flex; gap:8px; justify-content:flex-start; padding:0 24px 12px;}
.domslider__dots button{width:10px; height:10px; border-radius:50%; border:0; background:#d0d0d0; cursor:pointer;}
.domslider__dots button.is-active{background:#111;}

@media (max-width: 992px){
  .domslider__slide{grid-template-columns:1fr; gap:16px;}
  .domslider__image{order:2}
  .domslider__content{order:1}
}