/* ===== Encuesta Step-by-Step ===== */
.progress{
  width:100%; height:10px;
  background: rgba(255,255,255,0.08);
  border-radius:999px; overflow:hidden; margin:12px 0 22px;
}
.bar{ height:100%; width:0%;
  background: linear-gradient(90deg, var(--dav-red), #ff6b73);
  transition: width .35s ease;
}

.step{ display:none }
.step.active{ display:block; animation:fade .25s ease }
@keyframes fade{ from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:translateY(0)} }

.q-title{ font-size:1.05rem; margin-bottom:12px; font-weight:700 }
.options{ display:grid; gap:10px }
.opt{
  display:flex; align-items:center; gap:10px; padding:12px;
  border:1px solid var(--dav-line);
  border-radius:12px; cursor:pointer; background:#0B1020;
}
.opt input{ accent-color: var(--dav-red) }

.nav{ display:flex; justify-content:space-between; gap:12px; margin-top:8px }
.btn:disabled{ opacity:.5; cursor:not-allowed }

.error{ color:#EF4444; font-size:.9rem; margin-top:6px; display:none }
.foot-note{ font-size:.85rem; color:var(--dav-muted); margin-top:6px }