#realidad{--cream:#f4f3ee;--ink:#0b0b0b;--red:#e8472b;--gray:#9a9a94;--panel:#111;--line-dark:#262626;--display:"Anton",Impact,"Arial Narrow",sans-serif;--body:"Archivo","Helvetica Neue",Arial,sans-serif}#realidad,#realidad *{box-sizing:border-box}#realidad{background:var(--ink);color:var(--cream);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}#realidad .wrap{max-width:1240px;margin:0 auto;padding:0 32px}#realidad .sec{padding:120px 0}#realidad .kicker{font:600 12px/1 var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin:0 0 28px}#realidad .h{font:400 clamp(42px,6vw,92px)/1.02 var(--display);text-transform:uppercase;letter-spacing:.005em;margin:0}#realidad .dot{background:var(--red);vertical-align:baseline;width:.16em;height:.16em;margin-left:.07em;display:inline-block}#realidad .acc{padding-top:.34em;display:inline-block}#realidad .head{grid-template-columns:1fr 1fr;align-items:end;gap:72px;margin-bottom:56px;display:grid}#realidad .lead{color:#c9c9c3;margin:0;font-size:clamp(19px,1.9vw,24px);font-weight:500;line-height:1.4}#realidad .acts{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}#realidad .act{background:var(--panel);border:1px solid var(--line-dark);opacity:.12;border-radius:6px;transition:opacity .7s,transform .7s cubic-bezier(.2,.9,.3,1);overflow:hidden;transform:translateY(18px)}#realidad .act.on{opacity:1;transform:none}#realidad .stage{border-bottom:1px solid var(--line-dark);background:#161616}#realidad .stage svg{width:100%;height:auto;display:block}#realidad .act .body{padding:22px 22px 26px}#realidad .pill{font:700 11px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;background:var(--cream);color:var(--ink);border-radius:999px;margin-bottom:16px;padding:8px 12px;display:inline-block}#realidad .act.on .pill{background:var(--red)}#realidad .act h3{font:400 30px/1.05 var(--display);text-transform:uppercase;min-height:2.1em;margin:0 0 10px}#realidad .act p{color:#b4b4ad;margin:0;font-size:15px;line-height:1.5}#realidad .timeline{height:64px;margin-top:44px;position:relative}#realidad .track{background:#2a2a28;height:2px;position:absolute;top:9px;left:0;right:0}#realidad .fill{background:var(--red);width:0;height:2px;transition:width 2s linear;position:absolute;top:9px;left:0}#realidad .node{flex-direction:column;align-items:center;gap:12px;width:200px;display:flex;position:absolute;top:0;transform:translate(-50%)}#realidad .node i{background:var(--ink);border:2px solid #3a3a37;border-radius:50%;width:20px;height:20px;transition:background .3s,border-color .3s,transform .3s}#realidad .node span{font:600 11px/1.3 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#5c5c57;text-align:center;transition:color .3s}#realidad .node.on i{background:var(--red);border-color:var(--red);transform:scale(1.15)}#realidad .node.on span{color:var(--cream)}#realidad .st{stroke:var(--cream);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}#realidad .st.dim{stroke:#8c8c86}#realidad .ground{stroke:#333;stroke-width:2px}#realidad .bub rect{fill:var(--cream)}#realidad .bub text{font:600 11.5px var(--body);fill:var(--ink)}#realidad .bub.de text{font-style:italic}#realidad .coin circle{fill:var(--red)}#realidad .coin text{font:700 6px var(--body);fill:var(--ink)}#realidad .book rect{stroke:var(--ink);stroke-width:1px}#realidad svg *{transform-box:view-box}#realidad .a1 .poof circle,#realidad .a4 .ripple,#realidad .a4 .kneel{transform-box:fill-box}#realidad .act:not(.on) *{animation-play-state:paused!important}#realidad .a1 .bag{opacity:0;animation:7s ease-in-out infinite rs-bag}#realidad .a1 .eur{font:700 15px var(--body);fill:var(--ink)}@keyframes rs-bag{0%{opacity:0;transform:translate(0)}4%{opacity:1;transform:translate(0)}15%{transform:translate(62px,-30px)}26%{transform:translate(126px,-2px)}62%{opacity:1;transform:translate(126px,-2px)}70%{opacity:0;transform:translate(172px,-2px)}to{opacity:0;transform:translate(172px,-2px)}}#realidad .a1 .book text{font:700 7.5px var(--body);fill:var(--ink)}#realidad .a1 .book{opacity:0}#realidad .a1 .book.b1{animation:7s cubic-bezier(.3,.6,.4,1) infinite rs-bk1}#realidad .a1 .book.b2{animation:7s cubic-bezier(.3,.6,.4,1) infinite rs-bk2}#realidad .a1 .book.b3{animation:7s cubic-bezier(.3,.6,.4,1) infinite rs-bk3}@keyframes rs-bk1{0%,34%{opacity:0;transform:translate(0)}36%{opacity:1;transform:translate(0)}42%{transform:translate(-56px,-36px)}48%{transform:translate(-112px,69px)}90%{opacity:1;transform:translate(-112px,69px)}95%,to{opacity:0;transform:translate(-112px,69px)}}@keyframes rs-bk2{0%,40%{opacity:0;transform:translate(0)}42%{opacity:1;transform:translate(0)}48%{transform:translate(-54px,-40px)}54%{transform:translate(-108px,56px)}90%{opacity:1;transform:translate(-108px,56px)}95%,to{opacity:0;transform:translate(-108px,56px)}}@keyframes rs-bk3{0%,46%{opacity:0;transform:translate(0)}48%{opacity:1;transform:translate(0)}54%{transform:translate(-57px,-44px)}60%{transform:translate(-114px,43px)}90%{opacity:1;transform:translate(-114px,43px)}95%,to{opacity:0;transform:translate(-114px,43px)}}#realidad .a1 .book .spin{transform-box:fill-box;transform-origin:50%}#realidad .a1 .b1 .spin{animation:7s cubic-bezier(.3,.6,.4,1) infinite rs-sp1}#realidad .a1 .b2 .spin{animation:7s cubic-bezier(.3,.6,.4,1) infinite rs-sp2}#realidad .a1 .b3 .spin{animation:7s cubic-bezier(.3,.6,.4,1) infinite rs-sp3}@keyframes rs-sp1{0%,36%{transform:rotate(0)}48%,to{transform:rotate(-360deg)}}@keyframes rs-sp2{0%,42%{transform:rotate(0)}54%,to{transform:rotate(-360deg)}}@keyframes rs-sp3{0%,48%{transform:rotate(0)}60%,to{transform:rotate(-360deg)}}#realidad .a1 .seller{animation:7s ease-in-out infinite rs-vanish}@keyframes rs-vanish{0%,62%{opacity:1;transform:translate(0)}70%{opacity:0;transform:translate(46px)}92%{opacity:0;transform:translate(46px)}to{opacity:1;transform:translate(0)}}#realidad .a1 .poof circle{fill:#5c5c57;opacity:0;animation:7s ease-out infinite rs-poof}#realidad .a1 .poof circle:nth-child(2){animation-delay:80ms}#realidad .a1 .poof circle:nth-child(3){animation-delay:.16s}@keyframes rs-poof{0%,64%{opacity:0;transform:scale(.3)}68%{opacity:.8}78%,to{opacity:0;transform:scale(1.8)}}#realidad .a1 .payarm{transform-origin:0 0;animation:7s ease-in-out infinite rs-payarm}@keyframes rs-payarm{0%,30%{transform:rotate(0)}34%,to{transform:rotate(55deg)}}#realidad .a2 .bub{opacity:0}#realidad .a2 .b1{animation:11s infinite rs-w1}#realidad .a2 .b2{animation:11s infinite rs-w2}#realidad .a2 .b3{animation:11s infinite rs-w3}#realidad .a2 .b4{animation:11s infinite rs-w4}#realidad .a2 .b5{animation:11s infinite rs-w5}@keyframes rs-w1{0%,3%{opacity:0;transform:scale(.7)}6%,17%{opacity:1;transform:scale(1)}19%,to{opacity:0}}@keyframes rs-w2{0%,19%{opacity:0;transform:scale(.7)}22%,33%{opacity:1;transform:scale(1)}35%,to{opacity:0}}@keyframes rs-w3{0%,35%{opacity:0;transform:scale(.7)}38%,50%{opacity:1;transform:scale(1)}52%,to{opacity:0}}@keyframes rs-w4{0%,52%{opacity:0;transform:scale(.7)}55%,67%{opacity:1;transform:scale(1)}69%,to{opacity:0}}@keyframes rs-w5{0%,69%{opacity:0;transform:scale(.7)}72%,92%{opacity:1;transform:scale(1)}95%,to{opacity:0}}#realidad .a2 .hand{transform-origin:0 100%;animation:11s ease-in-out infinite rs-hand}@keyframes rs-hand{0%,68%{transform:rotate(0)}74%,94%{transform:rotate(150deg)}to{transform:rotate(0)}}#realidad .a2 .shead{animation:11s ease-in-out infinite rs-sad}@keyframes rs-sad{0%,70%{transform:translate(0)}75%,94%{transform:translate(3px,5px)}to{transform:translate(0)}}#realidad .a2 .chalk{transform-origin:100% 100%;animation:1.4s ease-in-out infinite alternate rs-chalk}@keyframes rs-chalk{to{transform:rotate(-10deg)}}#realidad .a3 .bub{opacity:0}#realidad .a3 .q1{animation:10s infinite rs-q1}#realidad .a3 .q2{animation:10s infinite rs-q2}#realidad .a3 .q3{animation:10s infinite rs-q3}@keyframes rs-q1{0%,4%{opacity:0;transform:scale(.6)}8%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes rs-q2{0%,22%{opacity:0;transform:scale(.6)}26%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}@keyframes rs-q3{0%,40%{opacity:0;transform:scale(.6)}44%,88%{opacity:1;transform:scale(1)}94%,to{opacity:0}}#realidad .a3 .face{animation:10s ease-in-out infinite rs-face}@keyframes rs-face{0%,56%{transform:translate(0)}60%,92%{transform:translateY(6px)}to{transform:translate(0)}}#realidad .a3 .armL{transform-origin:100% 0;animation:10s ease-in-out infinite rs-armL}#realidad .a3 .armR{transform-origin:0 0;animation:10s ease-in-out infinite rs-armR}@keyframes rs-armL{0%,56%{transform:rotate(0)}62%,92%{transform:rotate(148deg)}to{transform:rotate(0)}}@keyframes rs-armR{0%,56%{transform:rotate(0)}62%,92%{transform:rotate(-148deg)}to{transform:rotate(0)}}#realidad .a3 .sob{animation:10s linear infinite rs-sob}@keyframes rs-sob{0%,62%{transform:translate(0)}64%{transform:translate(-1.5px,1px)}66%{transform:translate(1.5px)}68%{transform:translate(-1.5px,1px)}70%{transform:translate(1.5px)}72%{transform:translate(-1.5px,1px)}74%{transform:translate(1.5px)}76%{transform:translate(-1.5px,1px)}78%{transform:translate(1.5px)}80%{transform:translate(-1.5px,1px)}82%{transform:translate(1.5px)}84%,to{transform:translate(0)}}#realidad .a3 .tear{fill:#2f80ed;stroke:#9cc6ff;stroke-width:.6px;opacity:0;transform-box:fill-box;transform-origin:50%}#realidad .a3 .tear.tl{animation:10s ease-in infinite rs-tearL}#realidad .a3 .tear.tr{animation:10s ease-in infinite rs-tearR}#realidad .a3 .tear.t2{animation-delay:.45s}#realidad .a3 .tear.t3{animation-delay:.9s}@keyframes rs-tearL{0%,62%{opacity:0;transform:translate(0)scale(.6)}63%{opacity:1;transform:translate(0)scale(1.4)}68%{opacity:1;transform:translate(-14px,10px)scale(1.4)}73%{opacity:0;transform:translate(-22px,40px)scale(1.2)}74%{opacity:0;transform:translate(0)}75%{opacity:1;transform:translate(0)scale(1.4)}80%{opacity:1;transform:translate(-14px,10px)scale(1.4)}85%{opacity:0;transform:translate(-22px,40px)scale(1.2)}to{opacity:0;transform:translate(-22px,40px)}}@keyframes rs-tearR{0%,62%{opacity:0;transform:translate(0)scale(.6)}63%{opacity:1;transform:translate(0)scale(1.4)}68%{opacity:1;transform:translate(14px,10px)scale(1.4)}73%{opacity:0;transform:translate(22px,40px)scale(1.2)}74%{opacity:0;transform:translate(0)}75%{opacity:1;transform:translate(0)scale(1.4)}80%{opacity:1;transform:translate(14px,10px)scale(1.4)}85%{opacity:0;transform:translate(22px,40px)scale(1.2)}to{opacity:0;transform:translate(22px,40px)}}#realidad .a4 .rain line{stroke:#6f8da8;stroke-width:1.5px;stroke-linecap:round;animation:.8s linear infinite rs-rain}@keyframes rs-rain{0%{opacity:0;transform:translateY(-40px)}15%{opacity:.9}to{opacity:.6;transform:translate(-14px,200px)}}#realidad .a4 .cloud ellipse{fill:#2c2c2a}#realidad .a4 .cloud{animation:6s ease-in-out infinite alternate rs-drift}@keyframes rs-drift{to{transform:translate(10px)}}#realidad .a4 .ripple{fill:none;stroke:#6f8da8;stroke-width:1.2px;opacity:0;transform-origin:50%;animation:1.6s ease-out infinite rs-ripple}#realidad .a4 .ripple.r2{animation-delay:.8s}@keyframes rs-ripple{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}#realidad .a4 .kneel{transform-origin:50% 100%;animation:3.2s ease-in-out infinite rs-breathe}@keyframes rs-breathe{50%{transform:translateY(2px)}}@media (width<=1000px){#realidad .head{grid-template-columns:1fr;gap:24px}#realidad .acts{grid-template-columns:1fr 1fr}#realidad .timeline{display:none}#realidad .sec{padding:80px 0}}@media (width<=600px){#realidad .wrap{padding:0 20px}#realidad .acts{grid-template-columns:1fr}#realidad .act h3{min-height:0}}@media (prefereduced-motion:reduce){#realidad,#realidad *{transition:none!important;animation:none!important}#realidad .act{opacity:1;transform:none}}
