.rec{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.rec__hilo{position:absolute;left:12.5%;right:12.5%;top:39px;height:2px;overflow:hidden;border-radius:2px;background:var(--hair-2)}.rec__hilo i{position:absolute;inset:0;background:var(--c-verde);transform-origin:left}.rec__paso{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.rec__nodo{position:relative;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;border:1.5px solid var(--c-verde);background:var(--c-verde-claro);color:var(--c-verde)}.rec__nodo svg{width:38px;height:38px}.rec__n{position:absolute;top:-4px;right:-6px;padding:4px 6px;border-radius:999px;font-size:11px;font-weight:600;line-height:1;background:var(--c-pino-tinta);color:var(--c-crema-alta)}.rec__t{margin:0;font-size:1.12rem;font-weight:620;letter-spacing:-.02em;line-height:1.2;color:var(--c-pino-tinta)}.rec__d{margin:0;max-width:26ch;font-size:.8rem;line-height:1.5;color:var(--c-ink-3)}.rec__gratis{padding:4px 6px;border-radius:3px;font-size:.68rem;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--c-pino);background:var(--c-lima)}@media(min-width:761px){:where(html.mov) .rec[data-en-cuadro="0"] .rec__hilo i{transform:scaleX(0)}:where(html.mov) .rec[data-en-cuadro="0"] .rec__nodo{transform:scale(.82)}:where(html.mov) .rec .rec__hilo i{transition:transform 1.5s var(--ease-in-out, ease-in-out) .15s}:where(html.mov) .rec .rec__nodo{transition:transform .5s var(--ease-out) calc(var(--k) * .42s + .15s)}}@media(max-width:760px){.rec{grid-template-columns:minmax(0,1fr);gap:28px;padding-left:4px}.rec__hilo{inset:20px auto 20px 43px;width:2px;height:auto}.rec__hilo i{display:none}.rec__paso:before{content:"";position:absolute;left:39px;top:-14px;bottom:-14px;width:2px;background:var(--c-verde);transform-origin:top}.rec__hilo+.rec__paso:before{top:20px}.rec__paso:last-of-type:before{bottom:20px}:where(html.mov) .rec__paso:before{transition:transform calc(.6s * var(--x-entrada)) var(--ease-in-out, ease-in-out)}:where(html.mov) .rec__nodo{transition:transform calc(.5s * var(--x-entrada)) var(--ease-entrada) calc(.25s * var(--x-entrada))}:where(html.mov) .rec__paso[data-en-cuadro="0"]:before{transform:scaleY(0)}:where(html.mov) .rec__paso[data-en-cuadro="0"] .rec__nodo{transform:scale(.82)}.rec__paso{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:4px 18px;text-align:left}.rec__nodo{grid-row:1 / span 4}.rec__d{max-width:none}.rec__gratis{justify-self:start}}.rec[data-tono=pino] .rec__hilo{background:#f5eedb2e}.rec[data-tono=pino] .rec__hilo i,.rec[data-tono=pino] .rec__paso:before{background:var(--c-lima)}.rec[data-tono=pino] .rec__nodo{border-color:var(--c-lima);background:#f5eedb0f;color:var(--c-lima)}.rec[data-tono=pino] .rec__n{background:var(--c-lima);color:var(--c-pino)}.rec[data-tono=pino] .rec__t{color:var(--c-crema)}.rec[data-tono=pino] .rec__d{color:#f5eedbb8}