.como-gano{background:var(--fondo);border-block:1px solid var(--line-soft)}.como-gano__intro{max-width:720px}.como-gano__cejilla{color:var(--oro-ink)}.como-gano .routepick{margin-top:var(--s-5)}.como-gano__cierre{margin-top:var(--s-6);justify-content:flex-start;gap:12px}.pasos-lienzo{margin-top:var(--s-6);position:relative}.ruta-oro{pointer-events:none;position:absolute;overflow:visible}.ruta-oro path{fill:none;stroke:var(--oro);stroke-width:2.5px;stroke-linecap:round}.como-gano.por-dibujar .ruta-oro path{stroke-dasharray:1;stroke-dashoffset:1px;transition:none}.como-gano.por-dibujar.is-dibujada .ruta-oro path{stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease-out)}.ruta-oro--ancha{display:none}.ruta-oro--alta{width:40px;height:calc(var(--ruta-fin,100%) - 20px);top:20px;left:0}.pasos{gap:var(--s-5);margin:0;padding:0 0 0 52px;list-style:none;display:grid}.paso{position:relative}.paso__n{border-radius:var(--r-pill);background:var(--oro-wash);border:2px solid var(--oro-hondo);width:40px;height:40px;color:var(--oro-ink);font-variant-numeric:tabular-nums;place-items:center;font-size:.95rem;font-weight:680;display:grid;position:absolute;top:0;left:-52px}.paso__k{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-faint);font-size:.74rem;font-weight:650}.paso__t{letter-spacing:-.015em;margin-top:6px;font-size:1.06rem;font-weight:620;line-height:1.3}.paso__l{max-width:46ch;color:var(--ink-soft);margin-top:8px;font-size:1rem;line-height:1.6}.paso__bot{margin-top:var(--s-3);background:var(--pearl);border:1px solid var(--line-soft);border-radius:var(--r-md);color:var(--ink-soft);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.88rem;line-height:1.5;display:flex}.paso__bot>svg{flex:none;width:24px;height:24px;margin-top:1px}.tenido{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid var(--line-soft);color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;display:flex}.tenido__puntos{flex:none;gap:6px;display:inline-flex}.tenido__puntos>i{border-radius:var(--r-pill);background:var(--eco);width:12px;height:12px}.planes-franja{background:var(--fondo);color:var(--texto);border-top:0;position:relative;overflow:hidden}.planes-franja:before{content:"";background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--oro) 20%, transparent) 0%, color-mix(in srgb, var(--oro) 6%, transparent) 40%, transparent 70%);pointer-events:none;position:absolute;inset:0}.planes-franja>.wrap{position:relative}.planes-franja__cejilla{color:var(--oro)}.planes-franja .h2{color:var(--tinta-sobre-negro)}@media (min-width:701px){.ruta-oro--ancha{width:100%;height:120px;display:block;top:0;left:0}.ruta-oro--alta{display:none}.pasos{grid-template-columns:repeat(var(--pasos,5), minmax(0, 1fr));gap:0;padding:112px 0 0}.paso{padding-inline:var(--s-3)}.paso__n{top:-72px;left:50%;transform:translate(-50%)}.paso__l{max-width:none}.como-gano__cierre,.tenido{justify-content:center}}