/* extra.css */
@media (max-width:768px){
  .btn-continuar-sticky{position:fixed;left:50%;transform:translateX(-50%) translateY(120%);bottom:16px;width:calc(100% - 2rem);max-width:420px;z-index:50;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}
  .btn-continuar-sticky.visivel{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
  .tem-sticky #app{padding-bottom:96px}
  .tem-sticky main{z-index:20}
}
@media (prefers-reduced-motion:reduce){
  .df-step-enter,.animate-pulse{animation:none}
  .btn-continuar-sticky,.df-progress-fill{transition:none}
}
.df-regua{width:100%;max-width:400px;margin:1.5rem auto 0;display:flex;flex-direction:column;align-items:center}
.df-regua-unidade{background:var(--df-theme);color:#fff;font-weight:600;font-size:.875rem;padding:.4rem 1.5rem;border-radius:999px;margin-bottom:1.5rem;box-shadow:0 0 0 4px #fff}
.df-regua-valor{font-size:3.5rem;font-weight:800;color:var(--df-title);line-height:1;display:flex;align-items:baseline;justify-content:center;margin-bottom:1rem}
.df-regua-sufixo{font-size:1rem;font-weight:600;color:#999;margin-left:.25rem}
.df-regua-janela{position:relative;width:100%;height:80px;margin:0 auto 1rem;overflow:hidden}
.df-regua-ponteiro{position:absolute;top:0;left:50%;width:3px;height:45px;background:var(--df-theme-strong);transform:translateX(-50%);z-index:10;pointer-events:none;border-radius:2px}
.df-regua-ponteiro::after{content:'';position:absolute;bottom:-6px;left:-4px;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:7px solid var(--df-theme-strong)}
.df-regua-area{width:100%;height:100px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-overflow-scrolling:touch}
.df-regua-area::-webkit-scrollbar{display:none}
.df-regua-trilho{display:flex;height:80px;align-items:flex-start;padding:0 calc(50% - 1px);border-top:1px solid #d4c4c4}
.df-regua-tick{position:relative;flex-shrink:0;width:10px;height:15px;border-left:1px solid #c9b8b8}
.df-regua-tick.medio{height:20px}
.df-regua-tick.maior{height:30px;border-left-color:#9a8a8a}
.df-regua-tick.maior::after{content:attr(data-val);position:absolute;top:52px;left:-15px;width:30px;text-align:center;font-size:11px;font-weight:700;color:#a89898}
.df-regua-dica{color:#666;font-size:.85rem;margin-bottom:1rem;text-align:center}
.df-regua-info{background:#fff;border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;width:100%;text-align:left;font-size:.95rem;line-height:1.45;color:#444;box-shadow:0 1px 2px #0000000d}
.df-regua-i{width:20px;height:20px;background:#fdecec;color:var(--df-theme-strong);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:2px}
.df-regua-sub{display:block;margin-top:.5rem;color:#999;font-size:.85rem}