/* Firma Vapor · capa de movimiento v2 (se carga después de vapor-web.css y vapor-home.css) */

/* 1) Emblema con profundidad: el bloque se inclina hacia el mouse; las aspas se adelantan y la rueda central queda al fondo */
.emblema{perspective:900px}
.emblema .box{will-change:transform}
.emblema .em-spin{translate:calc(var(--px,0)*22px) calc(var(--py,0)*22px)}
.emblema .em>path{translate:calc(var(--px,0)*-14px) calc(var(--py,0)*-14px)}

/* 2) Titulares palabra por palabra (sin desenfoque: solo opacidad y desplazamiento) */
.js .rv.rv-s{opacity:1;transform:none;transition:none}
.js .w{display:inline-block;opacity:0;transform:translateY(.42em);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*60ms + .1s)}
.js .in .w{opacity:1;transform:none}

/* 3) Semáforo: los cinco niveles aparecen en orden */
.js .nvs .nv{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--k,0)*110ms + .25s)}
.js .in .nvs .nv{opacity:1;transform:none}

/* 4) Calculadora de ejemplo */
.calc{margin-top:30px;padding-top:26px;border-top:1px solid rgba(0,0,0,.14)}
.calc-g{display:grid;gap:22px;margin-top:18px}
@media(min-width:800px){.calc-g{grid-template-columns:1fr 1fr;gap:34px}}
.calc label{display:block;font-weight:600;font-size:14.5px}
.calc label output{float:right;font-family:'Oswald';font-weight:600;font-size:18px}
.calc input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;margin:16px 0 4px;border-radius:6px;background:linear-gradient(90deg,var(--laton) var(--p,50%),rgba(0,0,0,.14) var(--p,50%));outline:0}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--tinta);border:3px solid var(--laton);cursor:grab}
.calc input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--tinta);border:3px solid var(--laton);cursor:grab}
.calc input[type=range]:focus-visible{outline:2px solid var(--tinta);outline-offset:6px}
.calc-r{display:grid;gap:14px;margin-top:26px}
@media(min-width:800px){.calc-r{grid-template-columns:1fr 1fr 1.2fr;align-items:end}}
.calc-r span{display:block;font-size:13px;color:var(--muted)}
.calc-r b{display:block;font-family:'Oswald';font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.1;font-variant-numeric:tabular-nums}
.calc-r .nvl{border:2px solid;border-radius:8px;padding:10px 14px;transition:background .3s,border-color .3s,color .3s}
.calc-r .nvl b{font-size:18px;letter-spacing:.1em}
.calc-r .nvl span{color:inherit;opacity:.9}

@media(prefers-reduced-motion:reduce){
  .js .w,.js .nvs .nv{opacity:1;transform:none;transition:none}
  .emblema .box{transform:none!important}
  .emblema .em-spin,.emblema .em>path{translate:none}
}