/* Calculadora · @axeljuca. Se apoya en /diagnostico/assets/base.css */
.hoja.sube{position:relative}
.marca-fija{position:absolute;top:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);font:800 .8rem/1 "Figtree",sans-serif;color:var(--ciruela);opacity:.7}
input[type=number]{width:100%;font:600 1.05rem/1.45 "Figtree",sans-serif;color:var(--tinta);background:var(--papel);border:1.5px solid #CFC9BD;border-radius:10px;padding:12px 14px}
input[type=number]:focus{border-color:var(--ciruela);outline:3px solid var(--menta);outline-offset:0}
.calc-grid{display:grid;gap:26px}
@media(min-width:900px){.calc-grid{grid-template-columns:1.1fr 1fr;align-items:start}}
.deslizador{display:flex;align-items:center;gap:14px}
.deslizador input{flex:1;accent-color:var(--mandarina);height:28px}
.deslizador output{min-width:4.6rem;text-align:right;font:800 1.15rem "Figtree",sans-serif;color:var(--tinta)}
.resultado{background:var(--tinta);color:#fff;border-radius:18px;padding:24px 24px 20px}
.r-etq{margin:0;font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mandarina)}
.r-grande{margin:4px 0 0;font:800 clamp(3.4rem,9vw,5rem)/1 "Bricolage","Figtree",sans-serif;letter-spacing:-.03em}
.r-grande small{font-size:.35em;letter-spacing:0;font-family:"Figtree",sans-serif}
.r-frase{margin:12px 0 18px;font-weight:600;color:rgba(255,255,255,.85)}
.r-datos{margin:0;display:grid;gap:0}
.r-datos div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14)}
.r-datos dt{color:rgba(255,255,255,.75);font-weight:600}
.r-datos dd{margin:0;font-weight:800;color:var(--menta);white-space:nowrap}
.r-nota{margin:14px 0 0;font-size:.85rem;color:rgba(255,255,255,.6)}
.btn{transition:transform .12s ease,filter .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(1px) scale(.98)}
.tp-ok{min-height:1.4em;margin:12px 0 0;font-weight:700;color:var(--ciruela)}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}