/* DOM Steps v1.0.4 – linha abaixo de cada step, tipografia leve */
.domsteps{width:100%; --domsteps-bg:#fff;}
.domsteps__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}
.domsteps__list{list-style:none; margin:0; padding:0 0 0 64px; position:relative;}
.domsteps__item{
  position:relative;
  display:block;
  padding:20px 0 32px 0;
  cursor:pointer;
}
/* bullet */
.domsteps__bullet{
  position:absolute;
  left:-64px; /* desloca bullet para fora */
  top:0;
  width:32px; height:32px; border-radius:50%;
  background:var(--domsteps-accent,#fec52e);
  color:#000; font-weight:400; font-size:14px;
  display:flex; align-items:center; justify-content:center;
  z-index:1;
  box-shadow:0 2px 0 rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06);
}
/* linha abaixo de cada step */
.domsteps__item::after{
  content:"";
  position:absolute;
  left:-48px; /* centraliza com bullet */
  top:32px;   /* base do bullet */
  width:2px;
  height:calc(100% - 32px);
  background:var(--domsteps-accent,#fec52e);
  opacity:.45;
}
.domsteps__item:last-child::after{display:none;}
/* texto */
.domsteps__title{
  margin:0 0 6px 0;
  font-size:15px;
  line-height:1.35;
  font-weight:300;
  color:#111;
}
.domsteps__desc{
  margin:0;
  font-size:15px;
  line-height:1.5;
  font-weight:300;
  color:#111;
}
.domsteps__image{width:100%;}
.domsteps__image img{
  width:100%;
  height:460px;
  object-fit:cover;
  border-radius:16px;
  display:block;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.domsteps__item.is-active .domsteps__bullet{box-shadow:0 0 0 3px rgba(254,197,46,.18),0 8px 20px rgba(0,0,0,.08);}
@media (max-width:992px){
  .domsteps__grid{grid-template-columns:1fr; gap:24px;}
  .domsteps__image img{height:auto;}
}