/* Ojito · Ojo Con Este */
.oj{--oj-g:#2E5E4E;--oj-l:#FAF7F2;--oj-d:#1E2A2B;--oj-p:#59625F;--oj-m:#DCEAE2;--oj-a:#EFE7DA;--oj-k:#B0442C;--oj-s:72px;--oj-spring:cubic-bezier(.34,1.56,.64,1);--oj-ease:cubic-bezier(.22,1,.36,1);position:fixed;left:16px;left:max(16px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--oj-lift,0px));z-index:60;width:var(--oj-s);height:calc(var(--oj-s)*1.1);font-family:var(--font-body--family,'DM Sans'),system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--oj-d);opacity:0;transform:translateY(24px);transition:bottom .35s var(--oj-ease),opacity .4s ease,transform .6s var(--oj-spring);pointer-events:none}.oj *,.oj *::before,.oj *::after{box-sizing:border-box}.oj--in{opacity:1;transform:none}.oj--hidden,.oj--away{opacity:0;transform:translate(-30px,20px) scale(.6);visibility:hidden;transition:opacity .25s ease,transform .3s var(--oj-ease),visibility 0s .3s}.oj-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.oj-btn{all:unset;position:absolute;inset:0;display:block;cursor:pointer;pointer-events:auto;border-radius:40%;-webkit-tap-highlight-color:transparent;transition:transform .45s var(--oj-spring),opacity .3s ease}.oj-btn:focus-visible{outline:3px solid var(--oj-d);outline-offset:4px}.oj-btn:hover .oj-fig{transform:translateY(-3px) rotate(-3deg)}.oj-btn:active .oj-fig{transform:scale(.94)}.oj--duck .oj-btn,.oj--duck .oj-min{transform:translateY(85%) scale(.7);opacity:0;pointer-events:none}.oj-fig{position:absolute;inset:0;display:block;transform-origin:50% 100%;transition:transform .35s var(--oj-spring)}.oj-bob{position:absolute;inset:0;display:block;transform-origin:50% 100%;animation:oj-breathe 3.4s ease-in-out infinite;filter:drop-shadow(0 6px 8px rgba(30,42,43,.18))}.oj-svg{display:block;width:100%;height:100%;overflow:visible}@keyframes oj-breathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-3px) scale(1.012,.988)}}.oj-arm{transform-box:view-box;transform-origin:0 0;transition:transform .5s var(--oj-spring)}.oj-leg{transform-box:fill-box;transform-origin:50% 0;transition:transform .3s ease}.oj-pupil,.oj-hlg,.oj-ring,.oj-browp{transition:none}.oj-eye{transform-box:view-box;transform-origin:100px 96px;transition:opacity .2s ease,transform .45s var(--oj-spring)}.oj-face{transform-box:view-box;transform-origin:100px 110px;transition:transform .5s var(--oj-ease)}.oj-blush{opacity:.35;transform-box:fill-box;transform-origin:50% 50%;transition:opacity .25s ease,transform .35s var(--oj-spring)}.oj-iris{transform-box:fill-box;transform-origin:50% 50%;transition:opacity .15s ease,transform .4s var(--oj-spring)}.oj-hl{transition:opacity .15s ease}.oj-heart,.oj-star,.oj-plh,.oj-tear,.oj-water,.oj-kyu,.oj-sweat,.oj-kira,.oj-speed,.oj-puff,.oj-cross,.oj-pout,.oj-wob{opacity:0;transition:opacity .18s ease}.oj-heart,.oj-star,.oj-plh,.oj-kira path,.oj-puff ellipse{transform-box:fill-box;transform-origin:50% 50%}.oj-lid{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);transition:transform .08s ease-in}.oj--blink .oj-lid{transform:scaleY(1)}.oj-winkp,.oj-sparks,.oj-grin,.oj-o{opacity:0;transition:opacity .2s ease}.oj-smile{transition:opacity .2s ease}.oj-brow{transform-box:fill-box;transform-origin:50% 50%;transition:transform .35s var(--oj-spring)}.oj-dot{position:absolute;left:50%;top:-6px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--oj-k);opacity:0;transition:opacity .2s;box-shadow:0 2px 4px rgba(30,42,43,.25)}.oj-limb,.oj-hand{transform-box:view-box;transform-origin:0 0;transition:transform .5s var(--oj-spring)}.oj-limb{transform:scaleX(var(--l))}.oj-hand{transform:translateX(calc(var(--l)*1px))}.oj-armL{transform:rotate(140deg);--l:31}.oj-armR{transform:rotate(38deg);--l:33}[data-pose=wave] .oj-armL{transform:rotate(-128deg);animation:oj-wave .42s ease-in-out infinite alternate;--l:44}@keyframes oj-wave{from{transform:rotate(-112deg)}to{transform:rotate(-142deg)}}[data-pose=point] .oj-armR{transform:rotate(var(--oj-aim,-41deg));--l:42}:is([data-pose=pointup],.oj-note) .oj-armR{transform:rotate(-62deg);--l:50}[data-pose=celebrate] .oj-armL{transform:rotate(-113deg);--l:60}[data-pose=celebrate] .oj-armR{transform:rotate(-67deg);--l:60}[data-pose=wink] .oj-armR{transform:rotate(-47deg);--l:41}[data-pose=stretch] .oj-armL{transform:rotate(-112deg);transition-duration:1.1s;--l:58}[data-pose=stretch] .oj-armR{transform:rotate(-68deg);transition-duration:1.1s;--l:58}[data-pose=juggle] .oj-armL{transform:rotate(-130deg);animation:oj-jugL .55s ease-in-out infinite alternate;--l:46}[data-pose=juggle] .oj-armR{transform:rotate(-50deg);animation:oj-jugR .55s ease-in-out infinite alternate;--l:46}@keyframes oj-jugL{from{transform:rotate(-120deg)}to{transform:rotate(-165deg)}}@keyframes oj-jugR{from{transform:rotate(-15deg)}to{transform:rotate(-60deg)}}@keyframes oj-swingL{from{transform:rotate(128deg)}to{transform:rotate(152deg)}}@keyframes oj-swingR{from{transform:rotate(50deg)}to{transform:rotate(26deg)}}[data-pose=wave] .oj-brow{transform:translateY(-3px) rotate(-3deg)}:is([data-pose=point],[data-pose=pointup],[data-pose=grin],[data-pose=celebrate],[data-pose=wink],[data-pose=juggle]) .oj-grin{opacity:1}:is([data-pose=point],[data-pose=pointup],[data-pose=grin],[data-pose=celebrate],[data-pose=wink],[data-pose=juggle],[data-pose=stretch]) .oj-smile{opacity:0}[data-pose=point] .oj-brow{transform:translateY(-4px)}[data-pose=celebrate] .oj-sparks{opacity:1}[data-pose=celebrate] .oj-sparks{animation:oj-spark .5s ease-in-out infinite alternate}@keyframes oj-spark{to{opacity:.35}}[data-pose=wink] .oj-eye{opacity:0}[data-pose=wink] .oj-winkp{opacity:1}[data-pose=wink] .oj-brow{transform:translateY(16px)}[data-pose=stretch] .oj-o{opacity:1}.oj--sleepy .oj-lid,[data-face=sleepy] .oj-lid{transform:scaleY(.58);transition:transform .5s ease}[data-pose=sulk] .oj-arm{opacity:0}[data-pose=sulk] .oj-cross{opacity:1}[data-pose=walk] .oj-legL{animation:oj-step .32s ease-in-out infinite alternate}[data-pose=walk] .oj-legR{animation:oj-step .32s ease-in-out infinite alternate-reverse}[data-pose=walk] .oj-armL{animation:oj-swingL .32s ease-in-out infinite alternate}[data-pose=walk] .oj-armR{animation:oj-swingR .32s ease-in-out infinite alternate}[data-pose=walk] .oj-bob{animation:oj-walkbob .32s ease-in-out infinite alternate}@keyframes oj-step{from{transform:rotate(16deg)}to{transform:rotate(-16deg)}}@keyframes oj-walkbob{to{transform:translateY(-3px)}}[data-face=kira] .oj-hl,[data-face=heart] .oj-hl,[data-face=heart] .oj-iris,[data-face=plead] .oj-hl{opacity:0}[data-face=kira] .oj-star,[data-face=kira] .oj-kira{opacity:1}[data-face=kira] .oj-star{animation:oj-tw .6s ease-in-out infinite alternate}[data-face=kira] .oj-kira path{animation:oj-tw .5s ease-in-out infinite alternate}[data-face=kira] .oj-kira path:nth-child(2n){animation-delay:-.25s}@keyframes oj-tw{from{transform:scale(.7) rotate(-8deg)}to{transform:scale(1.15) rotate(8deg)}}[data-face=kira] .oj-blush,[data-face=heart] .oj-blush{opacity:.55;transform:scale(1.2)}[data-face=heart] .oj-heart{opacity:1;animation:oj-beat .45s ease-in-out infinite alternate}@keyframes oj-beat{from{transform:scale(.92)}to{transform:scale(1.1)}}[data-face=kyu] .oj-eye{opacity:0}[data-face=kyu] .oj-kyu{opacity:1}[data-face=kyu] .oj-brow{transform:translateY(12px)}[data-face=kyu] .oj-blush{opacity:.75;transform:scale(1.45)}[data-face=sweat] .oj-sweat{opacity:1;animation:oj-sweat 1.3s ease-in infinite}[data-face=sweat] .oj-brow{transform:translateY(-4px) rotate(-9deg)}@keyframes oj-sweat{0%{transform:translateY(-3px)}60%,100%{transform:translateY(4px)}}[data-face=sleepy] .oj-brow{transform:translateY(7px)}[data-face=sleepy] :is(.oj-iris,.oj-hlg){transform:translateY(10px)}[data-face=angry] .oj-brow{transform:translate(4px,12px) rotate(16deg)}[data-face=angry] .oj-puff{opacity:1}[data-face=angry] .oj-puff ellipse{animation:oj-puff 1.2s ease-in-out infinite alternate}@keyframes oj-puff{from{transform:scale(.92)}to{transform:scale(1.06)}}[data-face=angry] .oj-blush{opacity:.7;transform:scale(1.5,1.3)}[data-face=angry] .oj-pout,[data-face=plead] .oj-wob{opacity:1}[data-face=angry] .oj-iris{transform:scale(.86)}[data-face=plead] .oj-eye{transform:scale(1.1)}[data-face=plead] .oj-iris{transform:scale(1.14)}[data-face=plead] .oj-plh,[data-face=plead] .oj-tear{opacity:1}[data-face=plead] .oj-water{opacity:.8;animation:oj-water 1.4s ease-in-out infinite alternate}[data-face=plead] .oj-plh{animation:oj-wob .22s ease-in-out infinite alternate}[data-face=plead] .oj-plh2{animation-duration:.3s}[data-face=plead] .oj-wob{animation:oj-trem .12s linear infinite alternate}@keyframes oj-wob{from{transform:translate(-.6px,.4px) scale(.95)}to{transform:translate(.6px,-.4px) scale(1.06)}}@keyframes oj-water{from{opacity:.65}to{opacity:.95}}@keyframes oj-trem{from{transform:translateX(-.8px)}to{transform:translateX(.8px)}}[data-face=plead] .oj-brow{transform:translateY(-7px) rotate(-14deg)}[data-face=plead] .oj-blush{opacity:.6;transform:scale(1.2)}:is([data-face=angry],[data-face=plead],[data-face=kyu]) :is(.oj-smile,.oj-grin,.oj-o){opacity:0}[data-face=kyu] .oj-smile{opacity:1}[data-face=heart] .oj-grin{opacity:1}.oj--hop .oj-speed{animation:oj-speed .76s ease-in-out 2}@keyframes oj-speed{0%,28%{opacity:0;transform:translateY(-8px)}42%{opacity:.75}62%,100%{opacity:0;transform:translateY(12px)}}.oj.oj--sit .oj-fig{transform:translate(-10px,4px)}.oj--sit .oj-bob{animation:oj-sulk 1.1s ease-in-out infinite}.oj--sit .oj-face{transform:translateX(-17px) scaleX(.84)}.oj--sit .oj-leg{transform:scaleY(.35)}@keyframes oj-sulk{0%,100%{transform:rotate(-3deg)}50%{transform:translateY(-2px) rotate(-5deg) scale(1.01,.99)}}.oj-emote{position:absolute;right:-31px;top:18px;width:28px;height:28px;display:grid;place-items:center;pointer-events:none;opacity:0;font:800 22px/1 var(--font-body--family,'DM Sans'),system-ui,sans-serif;color:var(--oj-k);text-shadow:0 1px 0 #fff,0 0 3px #fff}.oj-emote i{display:block;font-style:normal}.oj-emote small{font-size:.7em}.oj-emote svg{width:24px;height:24px;display:block;filter:drop-shadow(0 1px 1px rgba(255,255,255,.9))}.oj-emote[data-k="?"],.oj-emote[data-k=note]{color:var(--oj-g)}.oj-emote[data-k=z]{color:var(--oj-p);font-size:18px}.oj--back .oj-emote i{transform:scaleX(-1)}.oj-emote--on{animation:oj-emote 1.6s var(--oj-ease) both}@keyframes oj-emote{0%{opacity:0;transform:translateY(8px) scale(.4)}15%{opacity:1;transform:translateY(-3px) scale(1.18)}28%{transform:none}80%{opacity:1;transform:translateY(-6px)}100%{opacity:0;transform:translateY(-12px)}}@keyframes oj-emote-rm{0%,100%{opacity:0}10%,85%{opacity:1}}.oj-min{all:unset;position:absolute;top:-6px;right:-10px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--oj-l);color:var(--oj-d);box-shadow:0 1px 2px rgba(30,42,43,.18),0 0 0 1px #D9D0C1;cursor:pointer;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .25s var(--oj-spring)}.oj-min svg{width:12px;height:12px}.oj-min::after{content:"";position:absolute;inset:-6px}.oj:hover .oj-min,.oj:focus-within .oj-min,.oj--menu .oj-min{opacity:1;transform:none;pointer-events:auto}.oj-min:focus-visible{outline:3px solid var(--oj-d);outline-offset:2px}.oj-bubble{position:absolute;left:0;bottom:calc(100% + 14px);width:max-content;max-width:min(300px,calc(100vw - 32px));padding:14px 16px;border-radius:18px 18px 18px 6px;background:#fff;color:var(--oj-d);font-size:15px;line-height:1.45;box-shadow:0 1px 2px rgba(30,42,43,.08),0 10px 30px -6px rgba(30,42,43,.22);border:1px solid #E7E0D3;pointer-events:none;visibility:hidden;opacity:0;transform-origin:18px 100%;transform:translateY(8px) scale(.85);transition:opacity .18s ease,transform .3s var(--oj-ease),visibility 0s .3s}.oj-bubble::after{content:"";position:absolute;left:22px;bottom:-7px;width:14px;height:14px;background:#fff;border-right:1px solid #E7E0D3;border-bottom:1px solid #E7E0D3;transform:rotate(45deg);border-bottom-right-radius:3px}.oj--talk .oj-bubble{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .45s var(--oj-spring),visibility 0s}.oj-x{all:unset;position:absolute;top:4px;right:6px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:20px;line-height:1;color:var(--oj-p);cursor:pointer}.oj-x:hover{background:var(--oj-a);color:var(--oj-d)}.oj-x:focus-visible{outline:2px solid var(--oj-d)}.oj-msg{margin:0;padding-right:18px}.oj-msg b{font-weight:700;color:var(--oj-g)}.oj-title{margin:0 24px 10px 0;font-weight:700;font-size:16px}.oj--menu .oj-bubble{width:min(300px,calc(100vw - 32px))}.oj-list{display:grid;gap:6px}.oj-opt,.oj-back,.oj-cta{all:unset;box-sizing:border-box;display:block;width:100%;min-height:42px;padding:10px 14px;border-radius:12px;background:var(--oj-l);border:1px solid #E7E0D3;font:inherit;font-size:14.5px;font-weight:600;color:var(--oj-d);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.oj-opt:hover,.oj-back:hover{background:var(--oj-m);border-color:var(--oj-m)}.oj-opt:active,.oj-back:active,.oj-cta:active{transform:scale(.98)}.oj-opt:focus-visible,.oj-back:focus-visible,.oj-cta:focus-visible{outline:3px solid var(--oj-d);outline-offset:2px}.oj-list--row{grid-template-columns:1fr;margin-top:10px}.oj-opt--yes{background:var(--oj-g);border-color:var(--oj-g);color:#fff;text-align:center}.oj-opt--yes:hover{background:#234A3D;border-color:#234A3D}.oj-opt--mini{background:none;border-color:transparent;font-weight:500;color:var(--oj-p);min-height:36px;padding-block:6px}.oj-back{margin-top:10px;background:none;border-color:transparent;color:var(--oj-p);font-weight:500;width:auto;min-height:36px;padding:6px 8px;margin-left:-8px}.oj-cta{margin-top:12px;background:var(--oj-g);border-color:var(--oj-g);color:#fff;text-align:center;text-decoration:none}.oj-cta:hover{background:#234A3D;color:#fff}.oj-code{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--oj-g);color:var(--oj-l);font-weight:700;letter-spacing:.08em;text-align:center}.oj-peek{all:unset;position:fixed;left:0;bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--oj-lift,0px));z-index:60;width:44px;height:52px;cursor:pointer;transform:translateX(-110%);transition:transform .45s var(--oj-spring);filter:drop-shadow(0 4px 6px rgba(30,42,43,.2));-webkit-tap-highlight-color:transparent}.oj-peek svg{width:52px;height:52px;margin-left:-8px;display:block}.oj-peek--on{transform:none}.oj-peek--on:hover{transform:translateX(4px)}.oj-peek:focus-visible{outline:3px solid #1E2A2B;outline-offset:2px;border-radius:0 26px 26px 0}.oj-confetti{position:fixed;width:0;height:0;z-index:61;pointer-events:none}.oj-confetti i{position:absolute;left:-4px;top:-5px;width:8px;height:11px;border-radius:2px}.oj-note{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;border-radius:12px;background:#DCEAE2;color:#1E2A2B;font-size:13px;line-height:1.35;animation:oj-pop .45s cubic-bezier(.34,1.56,.64,1) both}.oj-note__fig{flex:0 0 30px;width:30px;height:33px}.oj-note .oj-svg{width:30px;height:33px}.oj-note .oj-smile{opacity:0}.oj-note .oj-grin{opacity:1}@keyframes oj-pop{from{opacity:0;transform:translateY(6px) scale(.96)}}@media (max-width:749px){.oj{--oj-s:56px;left:12px;left:max(12px,env(safe-area-inset-left))}.oj-bubble{font-size:14.5px;bottom:calc(100% + 12px)}}@media (hover:none){.oj-min{width:28px;height:28px;top:-12px;right:-16px}}@media (prefers-reduced-motion:reduce){.oj,.oj-btn,.oj-fig,.oj-bubble,.oj-arm,.oj-leg,.oj-brow,.oj-peek,.oj-min{transition-property:opacity,visibility!important;transition-duration:.15s!important}.oj{transform:none!important}.oj-bubble,.oj--talk .oj-bubble{transform:none}.oj-bob,.oj-arm,.oj-leg,.oj-sparks,.oj-note,.oj-speed,.oj-sweat,.oj-puff ellipse,.oj-plh,.oj-wob,.oj-water,.oj-kira path,.oj-star,.oj-heart{animation:none!important}.oj-emote--on{animation-name:oj-emote-rm}.oj.oj--sit .oj-fig{transform:none}.oj-limb,.oj-hand{transition:none!important}.oj-btn:hover .oj-fig,.oj-btn:active .oj-fig{transform:none}.oj-lid{transition:none}}