.huellas-funnel-page{--flow-bg:var(--color-papel);--flow-surface:var(--color-hundido);--flow-ink:var(--color-tinta);--flow-muted:var(--color-suave-texto);--flow-accent:var(--color-naranja);min-width:0;color:inherit}.huellas-funnel-page[data-funnel-page=landing] h1{text-wrap:balance}.huellas-funnel-page a[data-evento=inicio-compra]{min-height:3.5rem}.huellas-funnel-page button[role=radio],.huellas-funnel-page button[aria-pressed]{transition:border-color .2s,box-shadow .2s,transform .2s}.huellas-funnel-page button[role=radio][aria-checked=true],.huellas-funnel-page button[aria-pressed=true]{box-shadow:0 0 0 1px var(--flow-accent), 0 .5rem 1.5rem -.75rem color-mix(in srgb, var(--flow-accent) 24%, transparent)}.huellas-funnel-page input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible,.huellas-funnel-page textarea:focus-visible{box-shadow:0 0 0 .25rem color-mix(in srgb, var(--flow-accent) 14%, transparent)}.huellas-funnel-journey{color:var(--flow-ink);max-width:71.25rem;margin:0 auto;padding:3.5rem 1.5rem}.huellas-funnel-heading{max-width:35rem}.huellas-funnel-kicker{letter-spacing:.1em;color:var(--flow-muted);margin:0 0 .65rem;font-size:1rem;font-weight:700;line-height:1.4}.huellas-funnel-heading h2{font-family:var(--font-display,inherit);font-size:var(--text-display,clamp(1.65rem, 4.5vw, 2.5rem));letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1.16}.huellas-funnel-steps{gap:0;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.huellas-funnel-step{grid-template-columns:2.75rem minmax(0,1fr);gap:1rem;padding:1.25rem 0;display:grid;position:relative}.huellas-funnel-step+.huellas-funnel-step{border-top:1px solid color-mix(in srgb, var(--flow-ink) 13%, transparent)}.huellas-funnel-ordinal{aspect-ratio:1;background:color-mix(in srgb, var(--flow-accent) 11%, var(--flow-bg));width:2.75rem;color:var(--flow-ink);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--flow-ink) 10%, transparent);border-radius:50%;align-self:start;place-items:center;font-size:1rem;font-weight:700;display:grid}.huellas-funnel-step h3{font-size:var(--text-title,1.1875rem);margin:.1rem 0 .35rem;font-weight:700;line-height:1.3}.huellas-funnel-step p{color:var(--flow-muted);margin:0;font-size:1rem;line-height:1.6}.huellas-funnel-intro{border-block:1px solid color-mix(in srgb, var(--flow-ink) 12%, transparent);color:var(--flow-ink);align-items:center;gap:.65rem;margin:1rem 0 1.25rem;padding:.9rem 0;display:flex}.huellas-funnel-intro p{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.huellas-funnel-intro-mark{background:color-mix(in srgb, var(--flow-accent) 13%, var(--flow-bg));border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;display:grid}.huellas-funnel-value{border-radius:var(--radius-card,1.25rem);background:var(--flow-surface);color:var(--flow-ink);box-shadow:0 .75rem 2rem -1.5rem color-mix(in srgb, var(--flow-ink) 25%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--flow-ink) 12%, transparent);grid-template-columns:minmax(0,6rem) minmax(0,1fr);align-items:center;gap:1.15rem;margin:1.5rem 0;padding:1rem;display:grid}.huellas-funnel-preview{background:color-mix(in srgb, var(--flow-accent) 10%, var(--flow-bg));width:100%;height:8.5rem;box-shadow:0 .5rem 1rem -.75rem var(--flow-ink);border-radius:.65rem;margin:0;position:relative;overflow:hidden;transform:rotate(-3deg)}.huellas-funnel-preview img{object-fit:cover;object-position:top;width:100%;height:100%}.huellas-funnel-value-body{min-width:0}.huellas-funnel-value-body .huellas-funnel-kicker{letter-spacing:.04em;margin-bottom:.4rem;font-size:1rem}.huellas-funnel-value-body h2{font-family:var(--font-display,inherit);font-size:var(--text-title,1.1875rem);letter-spacing:-.02em;text-wrap:balance;margin:0 0 .8rem;font-weight:700;line-height:1.25}.huellas-funnel-value-body ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.huellas-funnel-value-body li{color:var(--flow-muted);align-items:start;gap:.4rem;font-size:1rem;line-height:1.4;display:flex}.huellas-funnel-value-body svg{color:var(--flow-ink);flex:none;margin-top:.1rem}@media (min-width:48rem){.huellas-funnel-journey{padding:4.5rem 2rem}.huellas-funnel-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.25rem}.huellas-funnel-step{border-top:1px solid color-mix(in srgb, var(--flow-ink) 16%, transparent);grid-template-columns:1fr;gap:1rem}.huellas-funnel-step+.huellas-funnel-step{border-top:1px solid color-mix(in srgb, var(--flow-ink) 16%, transparent)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.huellas-funnel-page button[role=radio]:not(:disabled):hover,.huellas-funnel-page button[aria-pressed]:not(:disabled):hover{transform:translateY(-2px)}.huellas-funnel-step:hover .huellas-funnel-ordinal{box-shadow:0 .5rem 1.1rem -.65rem color-mix(in srgb, var(--flow-accent) 35%, transparent);transform:translateY(-3px)}.huellas-funnel-ordinal{transition:transform .2s,box-shadow .2s}}@media (max-width:22rem){.huellas-funnel-value{grid-template-columns:minmax(0,4.5rem) minmax(0,1fr);gap:.75rem;padding:.85rem}}@media (prefers-reduced-motion:reduce){.huellas-funnel-page button,.huellas-funnel-ordinal{transition:none!important}.huellas-funnel-preview{transform:none}}