:root{--paper: #FFFFFF;--ink: #000000;--ink-2: #5A5A60;--ink-3: #86868B;--hair: #E6E6E9;--c-nombre: #007AFF;--c-apellido: #5856D6;--c-empresa: #AF52DE;--c-cargo: #FF2D55;--c-telefono: #FF9500;--c-email: #34C759;--c-photos: #30D9C8;--c-shot-front: #007AFF;--c-shot-left: #AF52DE;--c-shot-right: #FF9500;--bad: #FF3B30;--ai: linear-gradient(90deg, #007AFF 0%, #5856D6 20%, #AF52DE 40%, #FF2D55 60%, #FF9500 80%, #34C759 100%);--ai-loop: linear-gradient(90deg, #007AFF, #5856D6, #AF52DE, #FF2D55, #FF9500, #34C759, #30D9C8, #007AFF);--track-w: min(460px, 62vw);--ease: cubic-bezier(.22, 1, .36, 1);--step-top: clamp(72px, 1.5vh, 18px);--step-head-gap: clamp(16px, 2.6vh, 32px);--step-eyebrow-gap: clamp(10px, 1.4vh, 16px);--step-gap: clamp(40px, 7vh, 84px);--field-gap-y: clamp(24px, 3vh, 36px);--field-gap-x: clamp(32px, 5vw, 80px);--shots-gap: clamp(14px, 2vh, 26px);--font: "Neue Haas Grotesk Display Pro", "NeueHaasDisplay", "Neue Haas Grotesk Text Pro", "Helvetica Neue", "Inter", Helvetica, Arial, sans-serif}@font-face{font-family:NeueHaasDisplay;src:url(/fonts/NeueHaasDisplay-Roman.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:NeueHaasDisplay;src:url(/fonts/NeueHaasDisplay-Medium.otf) format("opentype");font-weight:500;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:default;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,input{font-family:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px}.bg{position:fixed;inset:-20%;z-index:0;filter:blur(90px) saturate(135%);opacity:.34;transition:opacity 1.2s var(--ease);pointer-events:none}body[data-scene=welcome] .bg,body[data-scene=done] .bg{opacity:.9}.bg s{position:absolute;display:block;border-radius:50%;will-change:transform}.bg .b1{width:44vw;height:44vw;background:#007aff;opacity:.16;left:4vw;top:-4vw;animation:drift1 38s ease-in-out infinite alternate}.bg .b2{width:38vw;height:38vw;background:#af52de;opacity:.14;right:6vw;top:2vw;animation:drift2 46s ease-in-out infinite alternate}.bg .b3{width:42vw;height:42vw;background:#ff9500;opacity:.11;right:16vw;bottom:-8vw;animation:drift3 52s ease-in-out infinite alternate}.bg .b4{width:34vw;height:34vw;background:#34c759;opacity:.1;left:-4vw;bottom:2vw;animation:drift4 44s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate3d(16vw,10vh,0) scale(1.25)}}@keyframes drift2{to{transform:translate3d(-14vw,14vh,0) scale(.82)}}@keyframes drift3{to{transform:translate3d(-10vw,-12vh,0) scale(1.18)}}@keyframes drift4{to{transform:translate3d(12vw,-9vh,0) scale(1.1)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}}.listen{display:flex;align-items:center;gap:18px;height:60px;flex:0 0 auto;opacity:0;transition:opacity .5s var(--ease)}.listen.show{opacity:1}.listen p{font-size:19px;color:var(--ink-2);letter-spacing:-.01em}.orb{position:relative;width:52px;height:52px;flex:0 0 auto}.orb i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#007aff,#5856d6,#af52de,#ff2d55,#ff9500,#fc0,#34c759,#007aff);filter:blur(7px) saturate(150%);animation:spin 5.5s linear infinite}.orb b{position:absolute;inset:14px;border-radius:50%;background:var(--paper)}.listen.live .orb{animation:breathe 2.4s var(--ease) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes rise{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}.typing:after{content:"";display:inline-block;width:.06em;height:.82em;background:currentColor;margin-left:.07em;vertical-align:baseline;animation:blink 1.05s steps(1) infinite}.caret{display:inline-block;width:2px;height:1em;background:var(--ink-3);vertical-align:-.13em;margin-left:2px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.btn{border:0;border-radius:999px;padding:20px 42px;font-size:19px;font-weight:500;letter-spacing:-.02em;background:var(--ink);color:#fff;cursor:pointer;transition:transform .3s var(--ease),opacity .3s}.btn:active{transform:scale(.975)}.btn.ghost{background:transparent;color:var(--ink-2);padding:20px 10px}.btn.ghost:hover{color:var(--ink)}.btn.line{background:transparent;color:var(--ink);padding:17px 32px;box-shadow:inset 0 0 0 1.5px var(--hair);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.btn.line:hover{box-shadow:inset 0 0 0 1.5px var(--ink-3)}.btn.line[hidden]{display:none}.btn[disabled]{opacity:.28;pointer-events:none}.ring{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-3)}.ring s{display:block;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--hair);position:relative}.ring s:after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:1.5px solid var(--ink-3);clip-path:inset(0 0 0 50%);animation:sweep var(--idle-reset, 14s) linear forwards}@keyframes sweep{to{transform:rotate(360deg)}}.steps{display:flex;gap:clamp(10px,1.6vw,22px);align-items:flex-start}.steps s{flex:1 1 0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n label" "bar bar";align-items:center;gap:9px;text-decoration:none}.steps .n{grid-area:n;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:500;color:var(--ink-3);background:var(--hair);transition:background .45s var(--ease),color .45s var(--ease)}.steps .n svg{width:13px;height:13px;display:none}.steps em{grid-area:label;font-style:normal;font-size:15px;letter-spacing:-.015em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .45s var(--ease)}.steps i{grid-area:bar;margin-top:10px;height:4px;border-radius:99px;background:var(--hair);position:relative;overflow:hidden}.steps i:after{content:"";position:absolute;inset:0;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.steps s.done .n{background:var(--c);color:#fff}.steps s.done .n span{display:none}.steps s.done .n svg{display:block}.steps s.done em{color:var(--ink-2)}.steps s.done i:after{transform:scaleX(1)}.steps s.now .n{background:var(--c);color:#fff}.steps s.now em{color:var(--ink);font-weight:500}.steps s.now i:after{transform:scaleX(1);opacity:.3;animation:pulse 1.9s var(--ease) infinite}@keyframes pulse{0%,to{opacity:.22}50%{opacity:.6}}@media (max-width: 720px){.steps em{display:none}}.link{position:fixed;top:clamp(18px,3vh,34px);right:clamp(20px,3vw,44px);z-index:20;display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-2);letter-spacing:-.01em}.link[hidden]{display:none}.link s{width:8px;height:8px;border-radius:50%;background:var(--c-telefono);animation:pulse 1.4s var(--ease) infinite}.slider{position:relative;width:var(--track-w);height:58px;border-radius:999px;background:#f2f2f4;touch-action:none;cursor:grab;isolation:isolate}.slider.grabbing{cursor:grabbing}.slider .glow{position:absolute;top:8px;bottom:8px;left:6px;width:0;border-radius:999px;background:var(--ai-loop);background-size:200% 100%;animation:flow 5.5s linear infinite;filter:blur(14px);opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}.slider.hot .glow{opacity:.85}.slider .fill{position:absolute;inset:0;width:0;overflow:hidden;pointer-events:none;border-radius:999px;z-index:1}.slider .fill i{display:block;width:var(--track-w);height:100%;background:var(--ai-loop);background-size:200% 100%;animation:flow 5.5s linear infinite}.slider .fill .sheen{position:absolute;inset:0;opacity:0;transition:opacity .3s;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:220% 100%}.slider.hot .fill .sheen{opacity:1;animation:sheen 1.6s linear infinite}@keyframes flow{to{background-position:200% 0}}@keyframes sheen{0%{background-position:120% 0}to{background-position:-60% 0}}.slider .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;letter-spacing:-.01em;color:var(--ink-2);pointer-events:none;z-index:2;transition:opacity .25s}.slider .knob{position:absolute;top:5px;left:5px;width:48px;height:48px;border-radius:50%;z-index:3;background:var(--paper);box-shadow:0 1px 3px #00000029,0 10px 24px #0000001a;display:flex;align-items:center;justify-content:center}.slider.hot .knob{box-shadow:0 1px 3px #0003,0 12px 34px #00000029}.slider .knob svg{width:20px;height:20px}.slider.snap .knob,.slider.snap .fill,.slider.snap .glow{transition:transform .5s var(--ease),width .5s var(--ease),opacity .4s}.slider.done .fill i{animation-duration:1.1s}.slider.done{animation:pop .55s var(--ease)}@keyframes pop{40%{transform:scale(1.022)}to{transform:scale(1)}}.stage{position:fixed;inset:0;z-index:1}.scene{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(32px,5vh,64px) clamp(32px,6vw,96px);opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s var(--ease),transform .6s var(--ease),visibility .5s}.scene.on{opacity:1;visibility:visible;transform:none}.scene.out{transform:translateY(-14px)}.body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.fade{opacity:0;transform:translateY(10px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.fade.in{opacity:1;transform:none}.hero{font-weight:500;font-size:clamp(52px,10.5vw,168px);line-height:.94;letter-spacing:-.045em}.hero em{font-style:normal;display:block;width:fit-content;min-height:.94em}.title{font-weight:500;font-size:clamp(34px,4.6vw,66px);line-height:1.02;letter-spacing:-.035em}.lede{margin-top:clamp(18px,2.4vh,28px);font-size:clamp(17px,1.5vw,23px);line-height:1.45;letter-spacing:-.012em;color:var(--ink-2);max-width:34ch;min-height:1.45em}.eyebrow{font-size:17px;color:var(--ink-2);letter-spacing:-.015em;margin-bottom:var(--step-eyebrow-gap)}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--field-gap-y) var(--field-gap-x);margin-top:var(--step-gap);max-width:1100px}.row{position:relative;padding-bottom:7px}.row:before,.row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;border-radius:2px}.row:before{background:var(--hair)}.row:after{background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.row:focus-within:after{transform:scaleX(1)}.row input{width:100%;border:0;background:transparent;font-size:clamp(20px,1.9vw,28px);font-weight:400;letter-spacing:-.03em;line-height:1.25;padding:0;-webkit-user-select:text;user-select:text}.row input:focus{outline:none}.row input::placeholder{color:var(--ink-3);opacity:1}.badge{margin-top:clamp(26px,4vh,44px);display:inline-flex;flex-direction:column;gap:6px;padding:26px 34px;border-radius:22px;border:1px solid var(--hair);background:#ffffffa8;backdrop-filter:blur(12px);max-width:520px}.badge b{font-size:clamp(19px,1.8vw,26px);font-weight:500;letter-spacing:-.03em}.badge span{font-size:15px;color:var(--ink-2);letter-spacing:-.012em}.badge .strip{height:3px;border-radius:99px;background:var(--ai-loop);background-size:200% 100%;animation:flow 6s linear infinite;margin-top:14px}@media (max-width: 900px){.grid{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}}@media (max-width: 620px){.grid{grid-template-columns:1fr;gap:18px}.segs{width:56vw}}.scene[data-scene=step] .body,.scene[data-scene=photos] .body{justify-content:flex-start;padding-top:var(--step-top)}.head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(20px,4vw,56px);margin-bottom:var(--step-head-gap)}.head .steps{flex:1 1 auto;max-width:min(620px,56%)}.head .listen{flex:0 1 auto;min-width:0;height:auto;padding-top:2px}.head .listen p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head .orb{width:42px;height:42px}.scene[data-scene=welcome] .head{position:absolute;top:clamp(32px,5vh,64px);right:clamp(32px,6vw,96px);margin:0;justify-content:flex-end}.scene.center .body{align-items:flex-start}.fallback{margin-top:clamp(26px,4vh,46px);opacity:0;transform:translateY(8px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.fallback.in{opacity:1;transform:none}.fallback .slider{width:var(--track-w);min-width:300px;max-width:100%}.body>.btn.line{align-self:flex-start;margin-top:var(--field-gap-y)}.note{margin-top:clamp(18px,2.6vh,28px);font-size:16px;color:var(--ink-2);letter-spacing:-.012em}.listen.wait p{color:var(--ink-3)}.scene.swap .form,.scene.swap .title{animation:swap-in .5s var(--ease) both}@keyframes swap-in{0%{opacity:0;transform:translateY(10px)}}.row .err{position:absolute;top:100%;left:0;margin-top:6px;font-size:14px;color:var(--bad);opacity:0;transition:opacity .25s;pointer-events:none}.row.bad .err{opacity:1}.row.bad:before{background:color-mix(in srgb,var(--bad) 45%,var(--hair))}.row.got:after{transform:scaleX(1);opacity:.55}.row:focus-within:after{transform:scaleX(1);opacity:1}.row.land:after{animation:land .7s var(--ease)}@keyframes land{0%{transform:scaleX(0)}}.row.land input{animation:land-txt .5s var(--ease)}@keyframes land-txt{0%{opacity:.2;transform:translateY(4px)}}.shots{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,34px);margin-top:var(--shots-gap)}.shot{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px;--c: var(--ink-3)}.lens{position:relative;flex:1 1 auto;min-height:120px;border-radius:20px;background:#f7f7f9;overflow:hidden;transition:box-shadow .5s var(--ease),background .5s var(--ease)}.shot.now .lens{background:color-mix(in srgb,var(--c) 7%,#F7F7F9);box-shadow:0 0 0 2px var(--c)}.shot.wait .lens{opacity:.5}.shot.ready .lens{background:var(--paper);box-shadow:0 0 0 1.5px var(--hair)}.guide{position:absolute;inset:9%;color:var(--c);opacity:.55;transition:opacity .5s var(--ease)}.guide svg{width:100%;height:100%}.shot.now .guide{opacity:1;animation:guide-breathe 2.6s var(--ease) infinite}.shot.ready .guide{opacity:0}@keyframes guide-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.guide .turn{animation:turn-hint 2.6s var(--ease) infinite}@keyframes turn-hint{0%,to{opacity:.25}50%{opacity:1}}.thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumb[hidden]{display:none}.tick{position:absolute;right:10px;bottom:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;opacity:0;transform:scale(.7);transition:opacity .35s var(--ease),transform .35s var(--ease)}.shot.ready .tick{opacity:1;transform:none}.tick svg{width:15px;height:15px}.shot figcaption{display:flex;flex-direction:column;gap:2px}.shot figcaption b{font-size:16px;font-weight:500;letter-spacing:-.02em}.shot figcaption span{font-size:14px;color:var(--ink-2);letter-spacing:-.01em}.shot.now figcaption span{color:var(--c)}.scene[data-scene=photos] .title{font-size:clamp(30px,3.4vw,48px)}.scene[data-scene=photos] .foot{margin-top:clamp(18px,3vh,36px)}@media (max-width: 700px){.shots{gap:12px}.shot figcaption span{display:none}}:root{--kb-h: min(42vh, 340px);--kb-key-h: clamp(42px, 6.4vh, 58px);--kb-gap: clamp(5px, .8vh, 8px);--kb-face: #FFFFFF;--kb-ctl: #ACB3BD;--kb-bg: #D1D4DB}.kb{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--kb-bg);border-top:1px solid rgba(0,0,0,.12);padding:0 var(--kb-gap) calc(var(--kb-gap) * 2);transform:translateY(101%);transition:transform .34s var(--ease);will-change:transform;user-select:none;-webkit-user-select:none;touch-action:manipulation}.kb.open{transform:translateY(0)}.kb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:clamp(38px,5vh,46px);padding:0 calc(var(--kb-gap) + 2px)}.kb-label{font-size:clamp(13px,1.5vh,15px);font-weight:500;color:var(--ink-2);letter-spacing:-.01em}.kb-done{border:0;background:none;padding:6px 10px;font:inherit;font-size:clamp(15px,1.8vh,17px);font-weight:600;color:#007aff;cursor:pointer;border-radius:8px}.kb-done:active{background:#0000000f}.kb .hg-row{display:flex;gap:var(--kb-gap);margin-bottom:var(--kb-gap)}.kb .hg-row:last-child{margin-bottom:0}.kb .hg-button{flex:1;display:flex;align-items:center;justify-content:center;height:var(--kb-key-h);background:var(--kb-face);border-radius:8px;box-shadow:0 1px #0000004d;font-family:var(--font);font-size:clamp(17px,2.4vh,22px);font-weight:400;color:var(--ink);cursor:pointer;transition:background .08s linear,transform .08s linear}.kb .hg-button.hg-activeButton,.kb .hg-button:active{background:#e4e6ea;transform:translateY(1px);box-shadow:0 0 #0000}.kb .hg-button.kb-ctl{background:var(--kb-ctl);font-size:clamp(15px,2vh,18px);font-weight:500}.kb .hg-button.kb-ctl.hg-activeButton,.kb .hg-button.kb-ctl:active{background:#c3c8d0}.kb .hg-button[data-skbtn="{space}"]{flex:5}.kb .hg-button[data-skbtn="{shift}"],.kb .hg-button[data-skbtn="{bksp}"]{flex:1.6}.kb .hg-button[data-skbtn="{numbers}"],.kb .hg-button[data-skbtn="{abc}"],.kb .hg-button[data-skbtn="{more}"]{flex:1.4}.kb .hg-button[data-skbtn="{enter}"]{flex:2.2;background:#007aff;color:#fff}.kb .hg-button[data-skbtn="{enter}"].hg-activeButton,.kb .hg-button[data-skbtn="{enter}"]:active{background:#0062cc}.kb .hg-button[data-skbtn=".com"]{flex:1.6;font-size:clamp(14px,1.8vh,17px)}.kb .hg-row:nth-child(2){padding:0 calc(var(--kb-key-h) * .28)}.kb.numeric .hg-rows{width:min(360px,60vw);margin:0 auto}.kb.numeric .hg-button{height:clamp(48px,7.4vh,66px);font-size:clamp(21px,3vh,27px);font-weight:500}.kb.numeric .hg-row:nth-child(2){padding:0}body.kb-open .stage{transform:translateY(calc(var(--kb-h) * -.34));transition:transform .34s var(--ease)}.stage{transition:transform .34s var(--ease)}body.kb-open .scene[data-scene=step] .foot{opacity:0;pointer-events:none}.scene[data-scene=step] .foot{transition:opacity .2s linear}