.contractor-map-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-top:28px;
  padding:13px 16px;
  border-left:3px solid var(--ember);
  background:rgba(255,255,255,.4);
}
.contractor-map-label span{
  color:var(--ember);
  font:700 .6rem/1.2 var(--f-m);
  letter-spacing:.11em;
  text-transform:uppercase;
}
.contractor-map-label strong{
  max-width:60ch;
  color:var(--ink);
  font-size:.8rem;
  line-height:1.4;
}
#contratistas [data-contractor-axis]{
  --contractor-accent:var(--amber);
  position:relative;
  overflow:hidden;
  transition:opacity .38s ease,transform .38s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease,filter .35s ease;
}
#contratistas [data-contractor-axis="0"]{--contractor-accent:#2da8b4}
#contratistas [data-contractor-axis="1"]{--contractor-accent:var(--verde)}
#contratistas [data-contractor-axis="2"]{--contractor-accent:var(--ember)}
#contratistas [data-contractor-axis="3"]{--contractor-accent:var(--amber)}
#contratistas [data-contractor-axis]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:var(--contractor-accent);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
#contratistas [data-contractor-axis].is-contractor-pending{
  opacity:.52;
  transform:translateY(8px);
  filter:saturate(.62);
}
#contratistas [data-contractor-axis].is-contractor-active{
  opacity:1;
  transform:translateY(-5px);
  filter:none;
  border-color:var(--contractor-accent)!important;
  box-shadow:0 12px 30px rgba(0,40,85,.1);
}
#contratistas [data-contractor-axis].is-contractor-complete{
  opacity:1;
  filter:none;
  border-color:color-mix(in srgb,var(--contractor-accent) 38%,var(--sand3));
}
#contratistas [data-contractor-axis].is-contractor-active::after,
#contratistas [data-contractor-axis].is-contractor-complete::after{transform:scaleX(1)}
.contractor-outcome{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:center;
  margin-top:18px;
  padding:21px 23px;
  border:1px solid rgba(0,40,85,.18);
  border-left:3px solid var(--navy);
  border-radius:14px;
  background:rgba(0,40,85,.055);
  opacity:.62;
  transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1),border-color .4s ease,background .4s ease;
}
.contractor-outcome>span{
  color:var(--ember);
  font:700 .6rem/1.2 var(--f-m);
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}
.contractor-outcome h3{margin-bottom:5px;color:var(--ink);font-size:1rem}
.contractor-outcome p{color:var(--tl);font-size:.8rem;line-height:1.55}
.contractor-outcome.is-contractor-result{
  opacity:1;
  transform:translateY(-2px);
  border-color:rgba(0,40,85,.42);
  background:rgba(0,40,85,.08);
}
@media(max-width:700px){
  .contractor-outcome{grid-template-columns:1fr}
  .contractor-outcome>span{white-space:normal}
  #contratistas [data-contractor-axis].is-contractor-pending,
  #contratistas [data-contractor-axis].is-contractor-active,
  .contractor-outcome.is-contractor-result{transform:none}
}
@media(prefers-reduced-motion:reduce){
  #contratistas [data-contractor-axis],
  #contratistas [data-contractor-axis]::after,
  .contractor-outcome{transition:none!important;opacity:1!important;transform:none!important;filter:none!important}
}