.experiencia{height:920vh;position:relative}.experiencia.movil{height:780vh}.experiencia-fijo{height:100vh;background:var(--noche);height:100dvh;position:sticky;top:0;overflow:hidden}.experiencia-fijo canvas{outline:none}.experiencia-velo{pointer-events:none;background:linear-gradient(#0000 45%,#0d0a1640 68%,#0d0a16c7 100%),linear-gradient(#0d0a168c 0%,#0000 22%);position:absolute;inset:0}.momentos{pointer-events:none;position:absolute;inset:0}.momento{left:var(--margen);right:var(--margen);pointer-events:none;opacity:0;visibility:hidden;max-width:560px;position:absolute;bottom:clamp(28px,7vh,72px)}.momento>*{pointer-events:auto}.momento h1,.momento h2{text-shadow:0 2px 24px #0d0a1699;margin-bottom:14px}.senal-texto{background:var(--senal);color:#0000;text-shadow:none;filter:drop-shadow(0 2px 14px #0d0a1673);-webkit-background-clip:text;background-clip:text}.momento h2{font-size:var(--t-xl)}.momento p{color:var(--crema-70);font-size:var(--t-m);text-shadow:0 1px 12px #0d0a16b3;max-width:44ch}.momento-inicio,.momento-final{max-width:520px;top:50%;bottom:auto;transform:translateY(-46%)}.momento-final{top:48%;transform:translateY(-50%)}.momento-inicio h1{font-size:var(--t-xxl);margin-bottom:16px}.momento-inicio p{font-size:var(--t-m)}.momento-acciones{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.momento-etiqueta{border-radius:var(--pildora);border:1px solid var(--crema-20);-webkit-backdrop-filter:blur(10px);font-size:var(--t-s);transition:border-color var(--rapido), background var(--rapido);background:#0d0a1680;align-items:center;gap:10px;margin-top:18px;padding:8px 14px 8px 10px;font-weight:600;display:inline-flex}.momento-etiqueta:hover{border-color:var(--crema-50);background:#0d0a16b3}.momento-etiqueta svg{width:1em;height:1em;transition:transform var(--medio) var(--suave)}.momento-etiqueta:hover svg{transform:translate(3px)}.momento-etiqueta .momento-icono{width:1.2em;height:1.2em;color:var(--rosa);transition:none}.momento-etiqueta:hover .momento-icono{transform:none}.momento .nota-demo{margin-top:12px;display:flex}.experiencia.movil .momento{max-width:none;bottom:clamp(120px,18vh,170px)}.experiencia.movil [data-momento=telefono] :is(p,.nota-demo),.experiencia.movil [data-momento=transformacion]>p,.experiencia.movil :is([data-momento=chat],[data-momento=automatizacion])>p{display:none}.experiencia.movil .momento h2{font-size:var(--t-l)}.experiencia.movil .momento p{font-size:var(--t-base)}.experiencia.movil .momento-inicio{top:auto;bottom:16vh;transform:none}.experiencia.movil .momento-final{top:auto;bottom:12vh;transform:none}@media (max-width:760px) and (max-height:760px){.experiencia.movil .momento-final{bottom:7vh}.experiencia.movil .otros-sectores span{display:none}}.experiencia-pista{color:var(--crema-50);transition:opacity var(--medio);flex-direction:column;align-items:center;gap:6px;font-size:.8125rem;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.experiencia-pista svg{width:18px;height:18px;animation:pista 1.8s var(--suave) infinite}.experiencia-pista.oculta{opacity:0;pointer-events:none}.experiencia-pista.seguir:hover{background:#0d0a16d9;border-color:#fffae966}@keyframes pista{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.experiencia.movil .experiencia-pista{bottom:calc(4vh + 26px)}.escenas{position:absolute;top:50%;right:clamp(14px,2.5vw,36px);transform:translateY(-50%)}.escenas ol{flex-direction:column;gap:6px;display:flex}.escenas button{border-radius:var(--pildora);color:var(--crema-50);transition:color var(--rapido);justify-content:flex-end;align-items:center;gap:12px;padding:6px 4px 6px 12px;font-size:.8125rem;font-weight:500;display:flex;position:relative}.escenas-nombre{pointer-events:none;opacity:0;transition:opacity var(--rapido), transform var(--medio) var(--suave);white-space:nowrap;position:absolute;top:50%;right:calc(100% - 2px);transform:translate(6px)}.escenas button:hover .escenas-nombre,.escenas button:focus-visible .escenas-nombre,.escenas:hover .escenas-nombre{opacity:1;transform:none}.escenas-punto{width:8px;height:8px;transition:transform var(--medio) var(--suave), background var(--rapido);background:#fffae973;border-radius:50%;flex:none;box-shadow:0 0 0 1px #0d0a1640,0 1px 4px #0d0a1666}.escenas button:hover .escenas-punto{background:var(--crema-50)}.escenas button.activa{color:var(--crema)}.escenas button.activa .escenas-punto{background:var(--crema);transform:scale(1.5)}.experiencia.movil .escenas{display:none}.escenas,.experiencia-saltar{transition:opacity var(--medio)}.en-calle .escenas,.en-calle.movil .experiencia-saltar{opacity:0;pointer-events:none}.experiencia.movil .escenas-nombre{display:none}.hotspot{pointer-events:none;position:relative}.hotspot-punto{pointer-events:auto;background:var(--senal);width:22px;height:22px;box-shadow:0 0 0 6px var(--senal-suave), 0 6px 18px -6px #ff7068cc;transition:transform var(--medio) var(--suave), box-shadow var(--medio);border-radius:50%;animation:2.4s ease-in-out infinite hotspot-respira;position:relative;transform:translate(-50%,-50%)}.hotspot-punto:after{content:"";background:var(--crema);transition:transform var(--medio) var(--suave);border-radius:50%;position:absolute;inset:7px}.hotspot-punto:hover,.hotspot.abierto .hotspot-punto{box-shadow:0 0 0 9px var(--senal-suave), 0 8px 22px -6px #ff7068e6;animation:none;transform:translate(-50%,-50%)scale(1.15)}.hotspot.abierto .hotspot-punto:after{transform:scale(.55)}@keyframes hotspot-respira{0%,to{box-shadow:0 0 0 6px var(--senal-suave)}50%{box-shadow:0 0 0 11px #ff706814}}.hotspot-panel{pointer-events:auto;border-radius:var(--radio-l);-webkit-backdrop-filter:blur(20px)saturate(150%);width:280px;animation:panel-entra var(--medio) var(--suave);background:#15111fe6;border:1px solid #fffae924;padding:16px 18px;position:absolute;top:-14px;left:22px;box-shadow:0 24px 50px -20px #000000b3}.hotspot-panel[hidden]{display:none}.hotspot-panel strong{font-family:var(--f-display);letter-spacing:-.01em;margin-bottom:6px;font-size:1.2rem;font-weight:400;display:block}.hotspot-panel p{font-size:var(--t-s);color:var(--crema-70);margin-bottom:12px}.hotspot-panel .enlace{font-size:var(--t-s)}@keyframes panel-entra{0%{opacity:0;transform:translateY(6px)}}.experiencia.movil .hotspot-panel{width:min(260px,70vw);left:auto;right:22px}.soluciones-cab{grid-template-columns:1.2fr 1fr;align-items:end;gap:32px;margin-bottom:clamp(32px,5vw,64px);display:grid}.soluciones-cab h2{max-width:14ch}.soluciones-lista{border-top:1px solid #1d1d1d24}.soluciones-lista>li{border-bottom:1px solid #1d1d1d24}.sol{transition:padding-left var(--medio) var(--suave);grid-template-columns:minmax(0,1fr) 150px 48px;align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(26px,3.6vw,44px) 0;display:grid;position:relative}.sol:before{content:"";left:calc(-1 * var(--margen));right:calc(-1 * var(--margen));opacity:0;transition:opacity var(--medio);background:#ff706812;position:absolute;top:0;bottom:0}.sol:hover:before,.sol:focus-visible:before{opacity:1}.sol:focus-visible{outline-offset:-2px}.sol-texto{position:relative}.sol h3{font-size:var(--t-xl);flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:8px;display:flex}.sol-estado{font-family:var(--f-cuerpo);letter-spacing:0;border-radius:var(--pildora);color:var(--tinta-70);background:#1d1d1d12;padding:4px 10px;font-size:.8125rem;font-weight:600;line-height:1.2}.sol p{color:var(--tinta-70);font-size:var(--t-m);max-width:40ch}.sol-flecha{width:48px;height:48px;color:var(--tinta);transition:background var(--medio) var(--suave), color var(--medio), border-color var(--medio), transform var(--medio) var(--suave);border:1px solid #1d1d1d2e;border-radius:50%;place-items:center;display:grid;position:relative}.sol-flecha svg{width:20px;height:20px}.sol:hover .sol-flecha{background:var(--tinta);color:var(--crema);border-color:var(--tinta);transform:translate(4px)}.vineta{width:150px;height:80px;color:var(--tinta);position:relative}@media (max-width:760px){.soluciones-cab{grid-template-columns:1fr;gap:12px}.sol{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"texto flecha""vineta flecha";row-gap:10px}.sol-texto{grid-area:texto}.vineta{grid-area:vineta;width:110px;height:60px}.sol-flecha{grid-area:flecha;width:40px;height:40px}.sol h3{font-size:var(--t-l)}.sol p{font-size:var(--t-base)}}.vineta-onda rect{fill:var(--rosa);transform-origin:50%;animation:1.4s ease-in-out infinite onda;animation-delay:calc(var(--i) * -.11s);animation-play-state:paused}.sol:hover .vineta-onda rect,.sol:focus-visible .vineta-onda rect{animation-play-state:running}.vineta-onda rect:nth-child(odd){fill:var(--naranja)}@keyframes onda{0%,to{transform:scaleY(1)}50%{transform:scaleY(3.2)}}.vineta-chat .b1{fill:#1d1d1d24}.vineta-chat .b2{fill:var(--rosa);transform-origin:108px 54px;opacity:.5;transition:transform var(--medio) var(--suave), opacity var(--medio);transform:scale(.7)}.sol:hover .vineta-chat .b2,.sol:focus-visible .vineta-chat .b2{opacity:1;transform:scale(1)}.vineta-flujo .hilo{stroke:#1d1d1d38;stroke-width:2px;stroke-dasharray:5 4}.vineta-flujo .n{fill:#1d1d1d2e}.vineta-flujo .n3{fill:var(--naranja)}.vineta-flujo .chispa{fill:var(--rosa);offset-path:path("M14 44 C 40 44, 44 20, 60 20 S 80 44, 106 44");animation:2.2s linear infinite paused chispa}.sol:hover .vineta-flujo .chispa,.sol:focus-visible .vineta-flujo .chispa{animation-play-state:running}.sol:hover .vineta-flujo .hilo{stroke:var(--rosa);animation:1s linear infinite guiones}@keyframes chispa{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes guiones{to{stroke-dashoffset:-9px}}.vineta-bloques .k{fill:#1d1d1d29;transition:transform var(--medio) var(--suave), fill var(--medio)}.vineta-bloques .k1{transform:translate(-6px,6px)}.vineta-bloques .k2{transform:translate(6px,6px)}.vineta-bloques .k3{transform:translate(-6px,-6px)}.vineta-bloques .k4{fill:var(--naranja);transform:translate(6px,-6px)}.sol:hover .vineta-bloques .k,.sol:focus-visible .vineta-bloques .k{transform:none}.sol:hover .vineta-bloques .k1{fill:var(--rosa)}@media (prefers-reduced-motion:reduce){.vineta-onda rect,.vineta-flujo .chispa{animation:none}}.como-interior h2{max-width:16ch;margin-bottom:clamp(32px,5vw,56px)}.como-pasos{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,48px);margin-bottom:40px;display:grid;position:relative}.como-pasos li{padding-top:22px;position:relative}.como-pasos li:before{content:"";background:var(--crema-20);width:100%;height:1px;position:absolute;top:0;left:0}.como-pasos li:after{content:"";background:var(--senal);border-radius:4px;width:28px;height:7px;position:absolute;top:-3px;left:0}.como-pasos h3{font-size:var(--t-l);margin-bottom:10px}.como-pasos p{color:var(--crema-70)}@media (max-width:760px){.como-pasos{grid-template-columns:1fr}}@media (max-height:720px){.momento h2{font-size:var(--t-l);margin-bottom:10px}.momento p{font-size:var(--t-base)}.momento-etiqueta{margin-top:12px}.experiencia:not(.movil) .momento-final{max-width:420px}.experiencia:not(.movil) .momento-final p{font-size:var(--t-s);max-width:40ch}.experiencia:not(.movil) .momento-final .momento-acciones{margin-top:18px}.experiencia:not(.movil) .momento-final .otros-sectores{margin-top:14px}}.experiencia-pista.seguir{border-radius:var(--pildora);color:var(--crema);-webkit-backdrop-filter:blur(10px);z-index:3;background:#0d0a16b8;border:1px solid #fffae92e;padding:10px 18px;font-size:.9rem;font-weight:600;bottom:30px}.experiencia-pista.insiste{border-color:#ff8cbebf;animation:1.4s ease-in-out infinite insiste;box-shadow:0 0 24px #ff408e73}@keyframes insiste{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.experiencia-pista.insiste{animation:none}}@media (orientation:landscape) and (max-height:500px){.momento{bottom:14px}.momento h2{margin-bottom:6px;font-size:1.3rem}.momento p,.momento .nota-demo{display:none}.momento-etiqueta{margin-top:6px;padding:6px 12px 6px 10px}.llamada{font-size:10px;top:72px}.llamada .capa-cab,.llamada .conversacion .mensaje:nth-child(-n+3),.llamada .agenda-fila:nth-child(n+4){display:none}.experiencia:not(.movil) .momento-final{max-width:420px;top:76px;transform:none}.momento-final h2{font-size:1.3rem}.momento-final .momento-acciones{gap:8px;margin-top:10px}.momento-final .btn{padding:9px 16px;font-size:.875rem}.momento-final .otros-sectores{margin-top:8px}.experiencia-pista.seguir{bottom:12px}}