:root{color:#f1f0ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f1f0ec;--muted:#929792;--line:#ffffff24;--accent:#819687;background:#000;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.experience{background:#000;width:100%;height:100%}.experience[data-stage=RENACER]{--accent:#8ba9b2}.experience[data-stage=EVOLUCION]{--accent:#778674}.experience[data-stage=QUIEBRE]{--accent:#8a8a86}.scene{isolation:isolate;width:100%;height:100dvh;min-height:100dvh;padding:max(30px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:radial-gradient(circle at 50% 42%,#101311 0,#050606 37%,#000 72%);place-items:center;animation:.65s both scene-in;display:grid;position:relative;overflow:hidden}.scene__grain{z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.scene__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3.2vh,30px);width:min(100%,680px);max-height:100%;display:flex}.scene h1{letter-spacing:-.025em;text-wrap:balance;max-width:650px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,7.2vw,48px);font-weight:400;line-height:1.2}.scene p{color:#c8c9c5;text-wrap:balance;max-width:590px;margin:0;font-size:clamp(15px,4vw,19px);line-height:1.65}.scene strong{color:var(--ink);font-weight:500}.eyebrow{color:var(--accent);letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:650;line-height:1.5}.narrative{gap:12px;display:grid}.narrative .accent-copy,.accent-copy{color:var(--ink);margin-top:10px}.action{color:#080a09;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#f0f0ec;border:1px solid #ffffffb8;border-radius:0;min-width:min(100%,288px);min-height:52px;padding:14px 22px;font-size:11px;font-weight:700;transition:background .22s,color .22s,border-color .22s,transform .22s}.action:hover{background:#fff;transform:translateY(-2px)}.action:focus-visible,.text-action:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.action:disabled{opacity:.45;cursor:wait}.action--secondary{color:var(--ink);border-color:var(--line);background:0 0}.text-action{color:#9fa39e;letter-spacing:.18em;text-underline-offset:6px;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:600;-webkit-text-decoration:underline #454845;text-decoration:underline #454845}.action-group{gap:10px;width:min(100%,320px);display:grid}.feedback{min-height:24px;color:var(--accent)!important;font-size:12px!important}.sound-control{top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:20;color:#ffffffb8;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000002e;border:1px solid #fff3;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;font:18px/1 Georgia,serif;transition:color .25s,border-color .25s,opacity .25s;display:grid;position:fixed}.sound-control:after{content:"";opacity:0;background:currentColor;width:19px;height:1px;transition:opacity .25s;position:absolute;transform:rotate(-45deg)}.sound-control.is-muted{color:#ffffff6b;border-color:#ffffff1f}.sound-control.is-muted:after{opacity:1}.sound-control:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.brand-placeholder{aspect-ratio:1;border:1px solid #ffffffa6;place-items:center;width:126px;animation:1.8s cubic-bezier(.2,.7,.2,1) both logo-in;display:grid}.brand-placeholder span{letter-spacing:.18em;margin-left:.18em;font-family:Georgia,serif;font-size:32px}.brand-placeholder--compact{width:80px}.brand-logo{object-fit:contain;width:min(340px,88vw);max-width:none;height:auto;margin-block:-72px;display:block}.intro-copy{color:#aaa!important;margin:7vh 0 2vh!important}.expectation{opacity:0;letter-spacing:.14em;font-weight:600;transition:opacity .5s;position:absolute;color:var(--ink)!important;font-size:clamp(17px,5vw,24px)!important;line-height:1.6!important}.expectation.is-visible{opacity:1}.expectation.is-hidden{opacity:0}.expectation--second.is-visible{opacity:1}.pulse-mark{background:var(--accent);width:4px;height:4px;box-shadow:0 0 24px 8px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;margin-top:180px;animation:1.5s infinite breathe}.message-quote{max-width:620px;color:var(--ink);letter-spacing:-.025em;text-wrap:balance;margin:2vh 0;font-family:Georgia,serif;font-size:clamp(30px,8vw,54px);line-height:1.24}.signature{color:#777d78;letter-spacing:.19em;font-size:11px}.rule{background:linear-gradient(transparent, var(--accent), transparent);width:1px;height:70px}.story-preview{aspect-ratio:9/16;background:linear-gradient(155deg,#111411,#030403);border:1px solid #343735;flex-direction:column;justify-content:space-between;width:min(178px,45vw);padding:20px 15px;display:flex;box-shadow:0 24px 80px #000000b3}.story-preview--rendered{object-fit:cover;border:0;padding:0;display:block}.story-preview__logo{aspect-ratio:2;object-fit:cover;align-self:center;width:75%;transform:scale(.5)}.story-preview small{color:#848984;letter-spacing:.14em;font-size:7px}.story-preview p{color:#f2f1ed;font-family:Georgia,serif;font-size:clamp(12px,3.4vw,17px);line-height:1.4}.message-progress{border-block:1px solid var(--line);width:min(100%,380px)}.message-progress div{border-bottom:1px solid var(--line);color:#666b67;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:52px;padding:0 7px;font-size:12px;display:flex}.message-progress div:last-child{border:0}.message-progress .is-unlocked{color:#dfe1dc}.message-progress b{color:var(--accent)}.countdown{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:clamp(32px,10vw,54px);font-weight:300}.quiet-copy{color:#7f847f!important;font-size:13px!important}.scene--whatsapp form{text-align:left;gap:12px;width:min(100%,390px);display:grid}.scene--whatsapp label{color:#9ca09b;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.scene--whatsapp input{width:100%;min-height:54px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #535753;border-radius:0;padding:14px 2px;font-size:18px}.scene--whatsapp form .action{width:100%;margin-top:12px}.social-links{background:var(--line);border-block:1px solid var(--line);gap:1px;width:min(100%,400px);display:grid}.social-links a,.social-link--pending{min-height:54px;color:var(--ink);letter-spacing:.13em;text-transform:uppercase;background:#050606;justify-content:space-between;align-items:center;padding:0 16px;font-size:13px;text-decoration:none;display:flex}.social-link--pending{color:#686c68}.social-link--pending small{letter-spacing:.12em;font-size:7px}.impact-bar{background:#242725;width:min(100%,360px);height:5px;overflow:hidden}.impact-bar i{background:var(--accent);height:100%;transition:width .5s;display:block}.impact-count{letter-spacing:.12em;font-size:24px;font-weight:400}.reward{letter-spacing:.16em;color:#868b87!important;font-size:11px!important}.scene--closing{cursor:pointer}.closing-phase{animation:1s both closing-in}.closing-letter{gap:16px;display:grid}.closing-letter p{font-size:clamp(13px,3.5vw,17px);line-height:1.5}.closing-mark{place-items:center;gap:24px;display:grid}.closing-mark p{color:var(--ink);letter-spacing:.22em;font-size:12px}.closing-mark span{color:#626762;letter-spacing:.3em;font-size:10px}.tap-hint{bottom:max(25px, env(safe-area-inset-bottom));color:#5d625e;letter-spacing:.19em;font-size:8px;position:absolute}.reveal{animation:.7s both reveal-up}.reveal--delay-1{animation-delay:.45s}.reveal--delay-2{animation-delay:.9s}.reveal--delay-3{animation-delay:1.35s}@keyframes scene-in{0%{opacity:0}to{opacity:1}}@keyframes logo-in{0%{opacity:0;filter:blur(8px);transform:scale(.94)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.35;transform:scale(.82)}}@keyframes closing-in{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur()}}@media (height<=720px){.scene__content{gap:12px}.scene h1{font-size:clamp(24px,6vh,36px)}.scene p{line-height:1.45}.story-preview{width:128px}.message-quote{font-size:clamp(26px,6vh,42px)}.brand-placeholder{width:92px}.brand-logo{width:min(300px,82vw);margin-block:-64px}.closing-letter{gap:8px}}@media (width>=760px){.scene{padding-inline:8vw}.story-preview{width:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scene .narrative-typed{white-space:pre-line;display:grid}.narrative-typed:before{content:attr(data-text);visibility:hidden;grid-area:1/1}.narrative-typed>span{grid-area:1/1}.narrative-hidden{visibility:hidden;pointer-events:none}.narrative-block-enter{animation:.7s both reveal-up}.narrative-button-enter{animation:1.6s cubic-bezier(.42,0,.2,1) both narrative-button-in}.scene--whatsapp .whatsapp-fields{gap:12px;display:grid}@keyframes narrative-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.narrative-block-enter,.narrative-button-enter{animation:none}}.closing-typed{white-space:pre-line;display:grid}.closing-typed:before{content:attr(data-text);visibility:hidden;grid-area:1/1}.closing-typed>span{grid-area:1/1}.closing-tap-hint{cursor:pointer;background:0 0;border:0;padding:10px}.closing-tap-hint:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.community-social-icon{flex:0 0 22px;width:22px;height:22px}.scene--decision .decision-copy{white-space:pre-line;display:grid}.decision-copy__space,.decision-copy__visible{grid-area:1/1}.decision-copy__space,.decision-action{visibility:hidden}.decision-action--ready{visibility:visible;animation:1.6s cubic-bezier(.42,0,.2,1) both decision-button-in}@keyframes decision-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.decision-action--ready{animation:none}}.scene-typed-text{white-space:pre-line}.scene-typing-caret{vertical-align:-.08em;background:currentColor;width:1px;height:.85em;margin-left:3px;animation:.7s step-end infinite scene-typing-blink;display:inline-block}@keyframes scene-typing-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.scene-typing-caret{animation:none}}.scene--generation .generation-copy{white-space:pre-line;display:grid}.generation-copy__space,.generation-copy__visible{grid-area:1/1}.generation-copy__space,.generation-action{visibility:hidden}.generation-action--ready{visibility:visible;animation:1.6s cubic-bezier(.42,0,.2,1) both generation-button-in}@keyframes generation-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.generation-action--ready{animation:none}}.scene.scene--intro{background:#000}.scene--intro .scene__content{grid-template-rows:auto minmax(88px,auto) 58px;align-content:center;justify-items:center;gap:clamp(20px,4vh,38px);width:min(100%,520px);max-height:none;display:grid}.intro-logo-block{aspect-ratio:512/190;width:min(420px,90vw);overflow:hidden}.intro-logo-image{object-fit:contain;width:100%;height:auto;display:block;transform:translateY(-34%)}.scene--intro .intro-text-block{color:#aaa;text-align:center;width:100%;min-height:88px;margin:0!important}.intro-typewriter__line{min-height:1.7em;display:block}.intro-typewriter__line--strong{margin-top:8px}.intro-typewriter__line--strong strong{color:#f0f1ee;font-weight:650}.intro-caret{vertical-align:-.12em;background:#ffffffb3;width:1px;height:1em;margin-left:3px;animation:.7s step-end infinite intro-caret-blink;display:inline-block}.intro-button-block{place-items:center;width:100%;min-height:58px;display:grid}.intro-button-enter{animation:1.6s cubic-bezier(.42,0,.2,1) both intro-button-in}@keyframes intro-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes intro-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (height<=620px){.scene--intro{height:auto;min-height:100dvh;overflow-y:auto}.scene--intro .scene__content{gap:16px;padding-block:12px}}@media (prefers-reduced-motion:reduce){.intro-button-enter,.intro-caret{animation:none}}.scene--message .message-copy{display:grid}.scene--message .scene__content>*{flex-shrink:0}.scene--message .message-quote{overflow-wrap:anywhere;width:100%;min-width:0}.message-copy__space,.message-copy__visible{grid-area:1/1}.message-copy__space{visibility:hidden}.scene--message .message-signature{color:#afb5af}.message-signature--shine .message-copy__visible{color:#0000;background-image:linear-gradient(110deg,#afb5af 35%,#fff 49%,#afb5af 63%);background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s ease-in-out both message-signature-light}.message-action{visibility:hidden;margin-top:2vh}.message-action--ready{visibility:visible;animation:1.6s cubic-bezier(.42,0,.2,1) both message-button-in}@keyframes message-signature-light{0%{text-shadow:0 0 #0000;background-position:100% 0}50%{text-shadow:0 0 8px #ffffff59}to{text-shadow:0 0 #0000;background-position:0 0}}@keyframes message-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.message-signature--shine .message-copy__visible{color:inherit;background:0 0;animation:none}.message-action--ready{animation:none}}.scene--philosophy .philosophy-copy{display:grid}.philosophy-copy__space,.philosophy-copy__visible{grid-area:1/1}.philosophy-copy__space{visibility:hidden}.philosophy-stages{letter-spacing:.06em;place-items:center;min-height:84px;font-family:Georgia,serif;font-size:clamp(28px,8vw,46px);display:grid}.philosophy-stages span{opacity:0;grid-area:1/1}.philosophy-stages span:first-child{color:#000;-webkit-text-stroke:1px #efefec;text-shadow:0 0 8px #ffffff1f}.philosophy-stages span:nth-child(2){color:#5f86b5}.philosophy-stages span:nth-child(3){color:#3d4221}.philosophy-stages--playing span{animation:9s infinite philosophy-stage-word}.philosophy-stages--playing span:nth-child(2){animation-delay:3s}.philosophy-stages--playing span:nth-child(3){animation-delay:6s}.philosophy-action{visibility:hidden}.philosophy-action--ready{visibility:visible;animation:1.6s cubic-bezier(.42,0,.2,1) both philosophy-button-in}@keyframes philosophy-stage-word{0%{opacity:0;transform:translateY(8px)}10%,25%{opacity:1;transform:translateY(0)}33.333%,to{opacity:0;transform:translateY(-8px)}}@keyframes philosophy-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.philosophy-stages--playing{flex-wrap:wrap;justify-content:center;gap:12px;font-size:clamp(18px,5vw,28px);display:flex}.philosophy-stages--playing span{opacity:1;animation:none}.philosophy-action--ready{animation:none}}.reflection-button-enter{animation:1.6s cubic-bezier(.42,0,.2,1) both reflection-button-in}@keyframes reflection-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reflection-button-enter{animation:none}}.scene--referral .referral-copy{white-space:pre-line;display:grid}.referral-copy__space,.referral-copy__visible{grid-area:1/1}.referral-copy__space,.referral-enter,.referral-metrics{visibility:hidden}.referral-enter--visible{visibility:visible;animation:1.6s cubic-bezier(.42,0,.2,1) both referral-button-in}.referral-metrics--visible{visibility:visible;animation:.7s both reveal-up}.referral-manual-link{border:1px solid var(--line);width:min(100%,360px);min-height:44px;color:var(--ink);background:#050606;padding:8px;font-size:12px}@keyframes referral-button-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}50%{opacity:.35}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.referral-enter--visible,.referral-metrics--visible{animation:none}}.scene--guest .scene__content{gap:clamp(24px,4vh,38px);width:min(100%,600px)}.scene--guest .guest-copy{width:100%}.scene--guest p.guest-copy{font-size:clamp(20px,5.4vw,30px);line-height:1.5}.scene--guest-2 h1.guest-copy{font-size:clamp(25px,6.5vw,40px)}.scene--guest-2 strong{font-weight:600}.scene--guest-2 p:first-of-type strong{color:#8ba9b2}.scene--guest-2 p:nth-of-type(2) strong{color:#778674}.guest-logo{width:min(420px,90vw)}.guest-actions .action{width:100%}.guest-link{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:flex}.scene--guest .guest-sales-pending{color:var(--muted);margin-top:12px;font-size:12px}.guest-actions button:disabled{cursor:default}@media (height<=720px){.scene--guest .scene__content{gap:18px}.scene--guest p.guest-copy{font-size:clamp(18px,4vh,25px)}}
