.cambia{--rail: var(--borde);--joint: var(--grafito);--app-shell: #F1F1EE;--app-bg: #F7F7F5;--app-fill: rgba(31, 30, 27, .055);--app-line: #EFEEEA;--app-border: #E2E1DC;--app-bubble: #F1F0EC;--w-r: 12px;--app-card: 0 1px 2px rgba(31, 30, 27, .045), 0 4px 14px -4px rgba(31, 30, 27, .09);--app-lift: 0 1px 2px rgba(31, 30, 27, .05), 0 18px 44px -16px rgba(31, 30, 27, .24);--field: var(--borde);--field-on: var(--mango);--col-gap: clamp(32px, 4.4vw, 72px);position:relative;z-index:4;padding:clamp(48px,4.5vw,68px) var(--gutter) clamp(88px,8vw,128px);background:var(--papel)}.cambia__head{max-width:var(--container);margin:0 auto;padding-inline:var(--inset);font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,1.2rem + 2.2vw,2.875rem);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.cambia__title,.cambia__more{margin:0;font:inherit;letter-spacing:inherit}.cambia__title{color:var(--grafito)}.cambia__more{color:var(--mango)}@media(max-width:560px){.cambia__more{margin-top:14px;font-family:var(--font-text);font-weight:500;font-size:1.125rem;line-height:1.5;letter-spacing:-.01em}}.cambia__track{max-width:var(--container);margin:clamp(8px,1vw,16px) auto 0;padding-inline:var(--inset)}.cambia__tag{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:17px;font-weight:500;line-height:22px;color:var(--texto-2)}.cambia__tag .sym{width:21px;height:21px}.cambia__tag--hoy .sym{color:var(--texto-3)}.cambia__tag--hoy .sym__block{transform:translate(30px) rotate(-14deg);transform-origin:64px 50px}.cambia__tag--con{font-weight:600;color:var(--grafito)}.cambia__problem{margin:0;max-width:36ch;font-size:17px;line-height:1.5;color:var(--texto-2)}.cambia__problem strong{display:block;margin-bottom:6px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.375rem,1.05rem + .55vw,1.625rem);line-height:1.18;letter-spacing:-.03em;color:var(--texto-2);text-wrap:balance}.cambia__fix{margin:0;max-width:19em;font-family:var(--font-display);font-weight:600;font-size:clamp(1.75rem,1.05rem + 1.3vw,2.375rem);line-height:1.1;letter-spacing:-.035em;color:var(--grafito);text-wrap:balance}.cambia__fix-more{margin:10px 0 0;max-width:42ch;font-size:17px;line-height:1.5;color:var(--texto-2)}.cambia__mess{position:relative;min-height:300px}.cb-piece{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);z-index:1;width:min(80%,300px);transform:translate(-50%,-50%) rotate(calc(var(--r) * 1deg))}.cb-piece+.cb-piece{z-index:2}.cb-piece .frag__card{will-change:auto}.cambia__lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cambia__lines path{fill:none;stroke:#cfcdc6;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.cambia__lines rect{fill:var(--borde-hover)}.js .cambia__step .cambia__lines path{stroke-dashoffset:1;transition:stroke-dashoffset .15s ease}.js .cambia__step .cambia__lines rect{opacity:0;transition:opacity .15s ease}.js .cambia__step.is-on .cambia__lines path{stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--ease-out) .85s}.js .cambia__step.is-on .cambia__lines rect{opacity:1;transition:opacity .25s ease 1.45s}@media(max-width:860px){.cambia__lines{display:none}}.cambia__panel{position:relative;display:grid;place-items:center;min-height:380px;padding:32px;overflow:hidden;border-radius:var(--r-container);background:var(--papel-step)}.cambia__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cambia__field{display:none}.cambia__app{position:relative;z-index:1;width:100%;max-width:440px;color:var(--grafito);font-size:13px;line-height:18px;transform-origin:center}.cambia.is-live .cambia__app{width:440px;max-width:none;transform:translate(0) scale(var(--fit, 1))}.cambia__app .ui-widget{box-shadow:var(--app-lift)}.js .cambia__step [data-in]{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.js .cambia__step.is-on [data-in]{opacity:1;transform:none;transition:opacity .45s var(--ease-ui),transform .55s var(--ease-ui);transition-delay:calc(.32s + var(--i, 0) * 90ms)}.cb-case{padding:16px 18px 14px}.cb-case__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cb-case__code{font-weight:500;color:var(--texto-2);font-variant-numeric:tabular-nums}.cb-case__title{margin:6px 0 12px;font-size:15px;font-weight:600;line-height:20px}.cb-case__fields{display:grid;margin:0}.cb-case__fields>div{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;min-height:36px;border-top:1px solid var(--app-line)}.cb-case__fields dt{color:var(--texto-2)}.cb-case__fields dd{display:flex;align-items:center;gap:8px;margin:0;min-width:0;font-weight:500}.cb-case__fields .ui-av{width:20px;height:20px;font-size:9px}.cb-case__fields .ui-ic{width:14px;height:14px;color:#1fa855}.cb-case__log{margin-top:6px;padding-top:10px;border-top:1px solid var(--app-line)}.cb-case__logh{margin:0 0 6px;font-size:12px;font-weight:500;color:var(--texto-2)}.cb-log{display:flex;align-items:center;gap:8px;margin:0;padding:4px 0}.cb-log span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cb-log time{color:var(--texto-3);font-size:12px;font-variant-numeric:tabular-nums}.cb-ping{display:grid;gap:10px}.cb-ask{padding:14px 16px 16px}.cb-ask__who{display:flex;align-items:center;gap:8px;margin:0;color:var(--texto-2)}.cb-ask__who b{font-weight:600;color:var(--grafito)}.cb-ask__txt{margin:8px 0 12px;font-size:14px;font-weight:500;line-height:20px}.cb-ask__case{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 12px;border-radius:10px;background:var(--app-bg)}.cb-ask__case span:first-child{color:var(--texto-2)}.cb-ask__case b{grid-column:1;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cb-ask__case em{grid-row:1 / 3;grid-column:2;align-self:center;font-style:normal;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}.cb-ask__acts{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.cambia__step.is-on .cb-press{animation:cb-press .5s var(--ease-ui) 1.45s both}@keyframes cb-press{0%,to{transform:none}40%{transform:scale(.94);background:var(--mango-pressed)}}.cb-done{display:flex;align-items:center;gap:8px;justify-self:start;padding:10px 14px;border-radius:10px;background:var(--grafito);color:var(--papel);font-size:13.5px;box-shadow:0 18px 36px -16px #1f1e1b8c}.cb-done b{font-weight:600}.cb-done .ui-sym{color:#7fcb9c}.js .cambia__step.is-on .cb-done{transition-delay:1.85s}.cb-late{display:flex;align-items:center;gap:10px;padding:10px 14px}.cb-late .ui-ic{width:15px;height:15px;color:var(--atasc)}.cb-late p{margin:0}.cb-late b{font-weight:600}.js .cambia__step.is-on .cb-late{transition-delay:2.25s}.cb-flow{padding:14px 16px 12px}.cb-flow__top{display:flex;align-items:center;gap:8px;margin:0 0 10px}.cb-flow__top b{font-weight:600;font-size:14px}.cb-flow__top .ui-tag{margin-left:auto;color:var(--texto-2)}.cb-flow__list{position:relative;display:grid;gap:6px;margin:0;padding:0;list-style:none}.cb-flow__list:before{content:"";position:absolute;left:19px;top:18px;bottom:18px;width:2px;border-radius:1px;background:var(--app-border);transform-origin:50% 0}.js .cambia__step .cb-flow__list:before{transform:scaleY(0)}.js .cambia__step.is-on .cb-flow__list:before{transform:scaleY(1);transition:transform 1.1s var(--ease-out) .45s}.cb-stage{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:46px;padding:6px 10px;border-radius:10px;background:var(--app-bg)}.cb-stage .ui-sym{width:16px;height:16px;justify-self:center;background:var(--app-bg);box-shadow:0 0 0 3px var(--app-bg);border-radius:3px}.cb-stage b{font-weight:500}.cb-stage small{display:block;font-size:12px;line-height:16px;color:var(--texto-2)}.cb-stage .ui-tag{color:var(--texto-2)}.cb-stage.is-now{background:var(--curso-bg)}.cb-stage.is-now .ui-sym{background:var(--curso-bg);box-shadow:0 0 0 3px var(--curso-bg)}.cb-stage.is-now b{color:var(--azul)}.cb-stage.is-now small{color:var(--azul);opacity:.8}.cb-stage.is-now .ui-tag{background:#1e5bc61a;color:var(--azul)}.cb-flow__foot{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:var(--texto-2)}.cb-flow__foot .ui-ic{width:14px;height:14px;color:var(--azul)}.cb-chat{display:grid;gap:12px;padding:14px 16px 16px}.cb-chat__top{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.cb-chat__top .ui-ic{width:15px;height:15px;color:var(--azul)}.cb-chat__q{justify-self:end;max-width:86%;margin:0}.cb-chat__a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}.cb-chat__av{display:grid;place-items:center;width:24px;height:24px}.cb-chat__av .cuadri{width:24px}.cb-chat__txt{position:relative;margin:0;padding-top:2px;font-size:13.5px;line-height:20px}.cb-chat__txt b{font-weight:600}.cb-chat__think{position:absolute;left:0;top:2px;color:var(--texto-2);opacity:0}.js .cambia__step.is-on .cb-chat__think{animation:cb-think .9s ease .75s both}@keyframes cb-think{0%{opacity:0}20%,75%{opacity:1}to{opacity:0}}.js .cb-w{opacity:0;transition:opacity .15s ease}.js .cambia__step.is-on .cb-w{opacity:1;transition:opacity .3s ease;transition-delay:calc(1.6s + var(--w) * 45ms)}.cb-chat__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-left:34px;padding:8px 10px;border-radius:10px;background:var(--app-bg)}.cb-chat__row b{font-weight:600}.cb-chat__case{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--texto-2)}.cb-chat__case b{color:var(--grafito)}.cb-chat__row time{color:var(--atasc);font-size:12px;font-weight:500}.js .cambia__step.is-on .cb-chat__row{transition-delay:2.55s}.cambia__labels,.cambia__nav{display:none}.cambia__steps{display:grid;gap:clamp(64px,7vw,96px)}.cambia__step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--col-gap);align-items:start}.cambia__hoy,.cambia__con{display:grid;align-content:start;gap:24px;min-width:0}@media(max-width:860px){.cambia__step{grid-template-columns:minmax(0,1fr);row-gap:32px}.cambia__mess{min-height:240px}.cambia__mess .cb-piece+.cb-piece{display:none}.cambia__mess .cb-piece{--x: 50 !important;--y: 50 !important;width:min(88%,320px)}}@media(max-width:560px){.cambia{padding-bottom:72px}.cambia__track{margin-top:24px}.cambia__stage{display:flex;flex-direction:column}.cambia__steps{display:flex;gap:12px;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 28px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cambia__steps::-webkit-scrollbar{display:none}.cambia__step{display:flex;flex-direction:column;flex:0 0 88%;gap:0;padding:18px 14px 14px;border-radius:var(--r-container);background:var(--surface);box-shadow:0 1px 2px #1f1e1b0d,0 10px 28px -12px #1f1e1b2e;scroll-snap-align:start;scroll-snap-stop:always}.cambia__hoy{gap:0;padding-bottom:14px;border-bottom:1px solid var(--app-line)}.cambia__con{display:flex;flex-direction:column;flex:1;gap:0;padding-top:14px}.cambia__mess{display:none}.cambia__tag{gap:6px;margin-bottom:6px;font-size:13px;line-height:18px}.cambia__tag .sym{width:15px;height:15px}.cambia__problem{font-size:14px;line-height:1.45}.cambia__problem strong{margin-bottom:2px;font-family:var(--font-text);font-weight:500;font-size:14px;letter-spacing:-.005em;color:var(--grafito)}.cambia__fix{font-size:20px;line-height:1.15;letter-spacing:-.03em}.cambia__fix-more{margin-top:6px;font-size:14px;line-height:1.45}.cambia__panel{flex:1;min-height:0;margin-top:14px;padding:14px 8px;border-radius:14px}.cambia__app{min-width:0;font-size:12px;line-height:17px}.cambia__labels{display:flex;justify-content:center;order:2}.cambia__labels>.cambia__tag,.cambia__labels-con>.cambia__tag{display:none}.cambia__nav{display:flex;align-items:center;gap:2px}.cambia__dot{width:32px;height:32px}}.cambia.is-live{--stage-h: calc(100vh - var(--header-h));--step-h: 92vh;--vis-h: clamp(300px, calc(100vh - var(--header-h) - 280px), 500px)}.cambia.is-live .cambia__track{height:calc(var(--stage-h) + var(--steps) * var(--step-h))}.cambia.is-live .cambia__stage{position:sticky;top:var(--header-h);display:flex;flex-direction:column;justify-content:center;gap:18px;height:var(--stage-h)}.cambia.is-live .cambia__labels{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--col-gap);align-items:center}.cambia.is-live .cambia__labels .cambia__tag{margin:0}.cambia.is-live .cambia__labels-con{display:flex;align-items:center;gap:12px}.cambia.is-live .cambia__steps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto var(--vis-h);column-gap:var(--col-gap);row-gap:28px}.cambia.is-live .cambia__step,.cambia.is-live .cambia__hoy,.cambia.is-live .cambia__con{display:contents}.cambia.is-live .cambia__hoy>.cambia__say{grid-area:1 / 1}.cambia.is-live .cambia__hoy>.cambia__mess{grid-area:2 / 1;min-height:0}.cambia.is-live .cambia__con>.cambia__say{grid-area:1 / 2}.cambia.is-live .cambia__hoy>.cambia__say,.cambia.is-live .cambia__con>.cambia__say{align-self:baseline}.cambia.is-live .cambia__con>.cambia__panel{grid-area:2 / 2;min-height:0;padding:24px;background:none}.cambia.is-live .cambia__step .cambia__tag{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cambia.is-live .cambia__panel>.cambia__canvas{display:none}.cambia.is-live .cambia__field{position:relative;display:block;grid-area:2 / 2;overflow:hidden;border-radius:var(--r-container);background:var(--papel-step)}.cambia.is-live .cambia__say,.cambia.is-live .cambia__app,.cambia.is-live .cb-piece{transition:transform .42s cubic-bezier(.4,0,.6,1) var(--late, 0s),opacity .26s ease-in calc(var(--late, 0s) + .06s),visibility 0s linear calc(var(--late, 0s) + .42s)}.cambia.is-live .cambia__steps{clip-path:inset(-16px -100vw -100vh -100vw)}.cambia.is-live .cambia__step.is-on .cambia__say,.cambia.is-live .cambia__step.is-on .cambia__app{transition:transform .85s var(--ease-ui) var(--at),opacity .45s var(--ease-out) var(--at),visibility 0s}.cambia.is-live .cambia__step.is-on .cb-piece{transition:transform .95s var(--ease-out) var(--at),opacity .45s var(--ease-out) var(--at),visibility 0s}.cambia.is-live .cambia__hoy>.cambia__say{--late: 0s;--at: .32s;--sy: 52px}.cambia.is-live .cambia__con>.cambia__say{--late: .05s;--at: .38s;--sy: 64px}.cambia.is-live .cb-piece{--late: .03s;--at: .34s}.cambia.is-live .cb-piece+.cb-piece{--late: .07s;--at: .42s;--iy: 116}.cambia.is-live .cambia__app{--late: .08s;--at: .44s}.cambia.is-live .cambia__step:not(.is-on) .cambia__say,.cambia.is-live .cambia__step:not(.is-on) .cambia__app,.cambia.is-live .cambia__step:not(.is-on) .cb-piece{visibility:hidden;opacity:0;pointer-events:none}.cambia.is-live .cambia__step:not(.is-on) .cambia__say{transform:translateY(var(--sy))}.cambia.is-live .cambia__step.is-past .cambia__say{transform:translateY(calc(var(--sy) * -1))}.cambia.is-live .cambia__step.is-pre .cambia__say{visibility:visible;opacity:1;transform:none}.cambia.is-live .cb-piece{transform:translate(-50%,-50%) translate(0) rotate(calc(var(--r) * 1deg))}.cambia.is-live .cambia__step:not(.is-on) .cb-piece{transform:translate(-50%,-50%) translate(calc(var(--dx, -14) * 1px),calc(var(--iy, 84) * 1px)) rotate(calc((var(--r) + var(--dr, -5)) * 1deg))}.cambia.is-live .cambia__step.is-past .cb-piece{transform:translate(-50%,-50%) translate(calc(var(--ox, 0) * 1px),calc(var(--oy, -96) * 1px)) rotate(calc((var(--r) + var(--or, 0)) * 1deg))}.cambia.is-live .cambia__app{--ix: 0;--iy: 60;--ox: 0;--oy: -76}.cambia.is-live .cambia__app[data-from=right]{--ix: 132;--iy: 0}.cambia.is-live .cambia__app[data-out=right]{--ox: 132;--oy: 0}.cambia.is-live .cambia__app[data-out=left]{--ox: -132;--oy: 0}.cambia.is-live .cambia__step:not(.is-on) .cambia__app{transform:translate(calc(var(--ix) * 1px),calc(var(--iy) * 1px)) scale(calc(var(--fit, 1) * .96))}.cambia.is-live .cambia__step.is-past .cambia__app{transform:translate(calc(var(--ox) * 1px),calc(var(--oy) * 1px)) scale(calc(var(--fit, 1) * .96))}.cambia.is-live .cambia__step:not(.is-on) [data-in],.cambia.is-live .cambia__step:not(.is-on) .cb-w{transition:opacity 0s linear .7s,transform 0s linear .7s}.cambia.is-live .cambia__step:not(.is-on) .cb-flow__list:before{transition:transform 0s linear .7s}.cambia.is-live .cambia__say{translate:0 calc(var(--drift, 0) * 14px)}.cambia.is-live .cambia__mess{translate:0 calc(var(--drift, 0) * 30px)}.cambia.is-live .cambia__app{translate:0 calc(var(--drift, 0) * 20px)}.cambia.is-instant .cambia__say,.cambia.is-instant .cambia__app,.cambia.is-instant .cb-piece,.cambia.is-instant .cambia__lines *,.cambia.is-instant [data-in]{transition:none!important}.cambia.is-live .cambia__nav{display:flex;align-items:center;gap:2px;margin-left:auto}.cambia__count{margin:0 6px 0 0;font-size:13px;color:var(--texto-3);font-variant-numeric:tabular-nums}.cambia__dot{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}.cambia__dot:before{content:"";width:14px;height:7px;border-radius:1.6px;background:var(--borde);transition:background-color .35s ease,transform .35s var(--ease-ui)}.cambia__dot.is-done:before{background:var(--grafito)}.cambia__dot[aria-current=step]:before{background:var(--mango);transform:scale(1.15)}@media(hover:hover){.cambia__dot:hover:before{transform:scale(1.15)}}.cambia__dot:active:before{transform:scale(.9)}@media(prefers-reduced-motion:reduce){.js .cambia__step [data-in],.js .cb-w{opacity:1;transform:none;transition:none}.js .cambia__step.is-on .cb-press,.js .cambia__step.is-on .cb-chat__think{animation:none}.js .cambia__step .cb-flow__list:before,.js .cambia__step.is-on .cb-flow__list:before{transform:none;transition:none}.js .cambia__step .cambia__lines path{stroke-dashoffset:0;transition:none}.js .cambia__step .cambia__lines rect{opacity:1;transition:none}}
