.case-evidence-guide{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:26px;
}
.case-evidence-guide span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(101,228,196,.24);
  border-radius:999px;
  background:rgba(101,228,196,.05);
  color:rgba(246,239,227,.78);
  font:650 .68rem/1.2 var(--f-d);
}
.case-evidence-guide i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 4px rgba(101,228,196,.08),0 0 12px rgba(101,228,196,.38);
}
#casos [data-case-evidence]{
  position:relative;
  isolation:isolate;
  transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease,filter .35s ease;
}
#casos [data-case-evidence]::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--green),#00d4e8,var(--amber));
  box-shadow:0 0 18px rgba(0,212,232,.28);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .45s cubic-bezier(.22,1,.36,1);
}
#casos [data-case-evidence]::after{
  content:attr(data-case-status);
  position:absolute;
  z-index:4;
  top:28px;
  left:28px;
  padding:7px 9px 7px 22px;
  border:1px solid rgba(101,228,196,.32);
  border-radius:999px;
  background:rgba(0,22,39,.9);
  color:#d9fff4;
  font:700 .56rem/1.1 var(--f-m);
  letter-spacing:.07em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}
#casos [data-case-evidence] .caso-img-wrap::after{
  content:"";
  position:absolute;
  z-index:5;
  top:36px;
  left:39px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 10px rgba(101,228,196,.7);
}
#casos [data-case-evidence] .caso-img-wrap{position:relative}
#casos [data-case-evidence].is-case-pending{
  opacity:.58;
  transform:translateY(10px);
  filter:saturate(.65);
}
#casos [data-case-evidence].is-case-active{
  opacity:1;
  transform:translateY(-6px);
  filter:none;
  border-color:rgba(245,158,59,.6);
  box-shadow:0 20px 46px rgba(0,0,0,.23),0 0 28px rgba(245,158,59,.09);
}
#casos [data-case-evidence].is-case-complete{
  opacity:1;
  filter:none;
  border-color:rgba(101,228,196,.26);
}
#casos [data-case-evidence].is-case-active::before,
#casos [data-case-evidence].is-case-complete::before{transform:scaleX(1)}
#casos [data-case-evidence] .fl,
#casos [data-case-evidence] .case-link{transition:color .3s ease,text-shadow .3s ease,transform .3s ease}
#casos [data-case-evidence].is-case-active .fl{
  color:#ffd39d;
  text-shadow:0 0 14px rgba(245,158,59,.2);
}
#casos [data-case-evidence].is-case-active .case-link{transform:translateX(4px)}
@media(max-width:650px){
  .case-evidence-guide{display:grid;grid-template-columns:1fr}
  #casos [data-case-evidence].is-case-pending,
  #casos [data-case-evidence].is-case-active{transform:none}
}
@media(prefers-reduced-motion:reduce){
  #casos [data-case-evidence],
  #casos [data-case-evidence]::before,
  #casos [data-case-evidence] .fl,
  #casos [data-case-evidence] .case-link{transition:none!important}
  #casos [data-case-evidence]{opacity:1!important;transform:none!important;filter:none!important}
  #casos [data-case-evidence] .case-link{transform:none!important}
}