.he-camino{--g:20px}.he-cadena{max-width:1100px;margin:0 auto;position:relative}.he-via{top:22px;bottom:calc((100% - 4 * var(--g)) / 5 - 22px);background:var(--a2-borde);width:2px;position:absolute;left:21px}.he-relleno{background:var(--a2-violeta);transform-origin:top;position:absolute;inset:0}.he-viaja{z-index:2;position:absolute;inset:0}.he-punto{background:var(--a2-violeta);width:12px;height:12px;box-shadow:0 0 0 5px var(--a2-violeta-suave);border-radius:50%;position:absolute;bottom:0;left:50%;translate:-50% 50%}.he-pasos{gap:var(--g);grid-auto-rows:1fr;margin:0;padding:0 0 0 64px;list-style:none;display:grid}.he-paso{flex-direction:column;gap:4px;display:flex;position:relative}.he-paso-num{border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;left:-64px}.he-paso-titulo{letter-spacing:-.02em;padding-top:2px;font-size:1.125rem;font-weight:600}.he-paso-herramienta{color:var(--a2-violeta);font-size:.875rem;font-weight:600}.he-paso-dice{color:var(--a2-gris);font-size:.9375rem;line-height:1.45}.he-camino .he-tienda{border:1px solid var(--a2-borde);background:var(--a2-suave);border-radius:16px;justify-content:center;align-items:center;gap:12px;max-width:560px;margin:40px auto 0;padding:14px 18px;font-size:.9375rem;line-height:1.4;display:flex}.he-tienda-icono{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}@keyframes he-baja{0%{transform:translateY(-100%)}}@keyframes he-avanza{0%{transform:translate(-100%)}}@keyframes he-llena-v{0%{transform:scaleY(0)}}@keyframes he-llena-h{0%{transform:scaleX(0)}}@keyframes he-enciende{0%{opacity:.35;transform:scale(.8)}60%{transform:scale(1.12)}}.a2-entra .he-viaja{animation:2.6s linear .3s backwards he-baja}.a2-entra .he-relleno{animation:2.6s linear .3s backwards he-llena-v}.a2-entra .he-paso-num{animation:he-enciende .5s var(--a2-ease) calc(.2s + (var(--n) - 1) * .65s) backwards}@media (min-width:900px){.he-camino{--g:24px}.he-via{top:22px;right:calc((100% - 4 * var(--g)) / 10);bottom:auto;left:calc((100% - 4 * var(--g)) / 10);width:auto;height:2px}.he-relleno{transform-origin:0}.he-punto{inset:50% 0 auto auto;translate:50% -50%}.a2-entra .he-viaja{animation-name:he-avanza}.a2-entra .he-relleno{animation-name:he-llena-h}.he-pasos{grid-auto-rows:auto;grid-auto-columns:1fr;grid-auto-flow:column;padding:0}.he-paso{text-align:center;align-items:center;padding:0 6px}.he-paso-num{margin-bottom:12px;position:relative;left:auto}.he-paso-titulo{padding-top:0}}
.si .he-heroe.a2-marco{background:var(--si-lila);border-color:#0000}.he-heroe-dentro{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:1040px;display:flex}.he-heroe-iconos{gap:10px;margin:0 0 4px;padding:0;list-style:none;display:flex}.he-heroe-icono{border:3px solid #fff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 22px -10px #3c1e4659}.he-heroe-icono:nth-child(odd){rotate:-4deg}.he-heroe-icono:nth-child(2n){translate:0 6px;rotate:3deg}@media (min-width:900px){.he-heroe-dentro{gap:24px}.he-heroe-iconos{gap:16px}.he-heroe-icono{border-radius:20px;width:68px;height:68px}}.he-bento{gap:14px;display:grid}.he-tarjeta{border:1px solid var(--a2-borde);background:#fff;border-radius:24px;flex-direction:column;gap:6px;padding:10px;display:flex;position:relative}.he-panel{aspect-ratio:16/10;border-radius:16px;position:relative;overflow:hidden}.he-ventana{background:#fff;border:1px solid #00000014;border-radius:10px;width:96%;position:absolute;top:12%;left:7%;overflow:hidden;box-shadow:0 18px 30px -12px #28143259}.he-ventana img{width:100%;height:auto;transition:transform .5s var(--a2-ease);display:block}.he-dicho{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:14px 12px 12px;display:flex}.he-icono{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.he-nombre{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.he-frase{color:var(--a2-gris);line-height:1.45}.he-dicho .he-puntos{flex-direction:column;gap:8px;margin:4px 0 6px;padding:0;list-style:none;display:flex}.he-puntos li{color:#333;align-items:flex-start;gap:9px;font-size:.9375rem;line-height:1.4;display:flex}.he-puntos svg{box-sizing:content-box;background:var(--a2-violeta-suave);width:14px;height:14px;color:var(--a2-violeta);border-radius:50%;flex-shrink:0;margin-top:1px;padding:3px}.he-dicho .he-enlace{align-self:stretch;margin-top:auto;position:static;overflow:visible}.he-enlace:after{content:"";border-radius:24px;position:absolute;inset:0}.he-enlace:focus-visible{outline:none}.he-enlace:focus-visible:after{outline-offset:2px;outline:3px solid #6b427859}.he-tarjeta:hover .he-enlace{border-color:var(--a2-violeta);background:var(--a2-violeta);color:#fff}.he-bento>:nth-child(2){--retraso:90ms}.he-bento>:nth-child(3){--retraso:.18s}.he-bento>:nth-child(4){--retraso:.27s}.he-bento>:nth-child(5){--retraso:.36s}@media (min-width:900px){.he-bento{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.he-tarjeta{flex:0 calc(33.3333% - 13.3333px);padding:12px}.he-dicho{padding:18px 14px 14px}@media (hover:hover){.he-tarjeta:hover .he-ventana img{transform:scale(1.02)}}}