*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#111;font-family:system-ui,sans-serif}#viewport{position:fixed;inset:0;overflow:hidden}#stage{position:absolute}#wall{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}#hotspots,#draft{position:absolute;inset:0}#hotspots{pointer-events:none}.hotspot{position:absolute;pointer-events:auto;cursor:pointer;border-radius:4px;transition:background .15s,outline-color .15s,box-shadow .2s;outline:2px solid transparent}.hotspot .tag{position:absolute;left:0;top:0;transform:translateY(-100%);padding:2px 6px;font-size:12px;white-space:nowrap;color:#fff;background:var(--c);border-radius:3px 3px 0 0;display:none}.hotspot[data-type=trabajo]{--c: #e8553c}.hotspot[data-type=blog]{--c: #2f8fdd}.hotspot[data-type=ia]{--c: #9b51e0}.hotspot[data-type=sobre-mi]{--c: #27ae60}body.editing #stage{cursor:crosshair}body.editing #hotspots{pointer-events:auto}body.editing .hotspot{outline-color:var(--c);background:color-mix(in srgb,var(--c) 20%,transparent)}body.editing .hotspot .tag{display:block}body.editing .hotspot.selected{outline-width:3px;outline-style:dashed;background:color-mix(in srgb,var(--c) 40%,transparent)}#draft{inset:auto;border:2px dashed #fff;background:#ffffff26;pointer-events:none}#editor-panel{position:fixed;right:16px;bottom:16px;max-width:320px;padding:12px 14px;color:#eee;background:#141414e0;border-radius:8px;font-size:13px;line-height:1.4;z-index:10}#editor-panel p{margin:6px 0}#editor-panel .buttons{display:flex;gap:6px;flex-wrap:wrap}#editor-panel button{font:inherit;padding:5px 10px;border:0;border-radius:4px;background:#eee;color:#111;cursor:pointer}#editor-panel button:hover{background:#fff}#status{color:#9fe29f;min-height:1.4em}kbd{padding:0 4px;border:1px solid #666;border-radius:3px;font-size:11px}#stage{transition:transform .4s cubic-bezier(.22,.61,.36,1)}body:not(.editing) .hotspot:hover{background:none;-webkit-backdrop-filter:brightness(1.12) saturate(1.08);backdrop-filter:brightness(1.12) saturate(1.08);box-shadow:0 0 0 1px #ffffff8c,0 0 22px #ffffff59}#modal{padding:0;border:0;background:transparent;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);overflow:visible;animation:modal-in .22s ease-out}#modal::backdrop{background:#0a0a0a8c;animation:fade-in .22s ease-out}#modal.closing{animation:modal-out .2s ease-in forwards}#modal.closing::backdrop{animation:fade-out .2s ease-in forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.card{position:relative;max-height:calc(100dvh - 48px);overflow-y:auto;padding:28px 28px 24px;background:#f6f2ea;color:#1b1b1b;border-radius:4px;box-shadow:0 24px 60px #00000073;font-size:15px;line-height:1.55}.card h2{margin:4px 0 10px;font-size:26px;line-height:1.15;letter-spacing:-.01em}.card p{margin:0 0 12px}.card .kicker{display:inline-block;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--c, #1b1b1b)}.card .date{display:block;margin:-4px 0 14px;font-size:13px;color:#6b665d}.card .cover{display:block;width:100%;margin:14px 0 6px;border-radius:2px}.card .avatar{display:block;width:96px;height:96px;margin:14px 0 4px;object-fit:cover;border-radius:50%}.card .cta{display:inline-block;margin-top:4px;padding:8px 14px;color:#fff;background:#1b1b1b;text-decoration:none;font-weight:600}.card .cta:hover{background:var(--c, #333)}.card .muted{color:#6b665d}.card .close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#1b1b1b;font-size:24px;line-height:1;cursor:pointer}.card .close:hover{background:#00000014}#modal[data-type=trabajo]{--c: #e8553c}#modal[data-type=blog]{--c: #2f8fdd}#modal[data-type=ia]{--c: #9b51e0}#modal[data-type=sobre-mi]{--c: #27ae60}@media(prefers-reduced-motion:reduce){#stage,#modal,#modal::backdrop{transition:none;animation:none}}.card:focus{outline:none}#modal[data-type=ia]{width:min(680px,calc(100vw - 32px))}#modal[data-type=ia] .card{background:#fff}.ia-panel{--orb: 180px;display:flex;flex-direction:column;gap:14px;margin-top:6px}.ia-top{display:flex;flex-direction:column;align-items:center;gap:8px}.ia-orb{position:relative;width:var(--orb);height:var(--orb)}.ia-orb:has(.ia-video.active.missing){border-radius:50%;background:radial-gradient(circle at 35% 30%,#c9a6f2,#6b2fb3 60%,#2a0f4d)}.ia-panel[data-state=pensando] .ia-orb:has(.ia-video.active.missing){animation:orb-pulse 1.2s ease-in-out infinite}.ia-panel[data-state=listo] .ia-orb:has(.ia-video.active.missing){background:radial-gradient(circle at 35% 30%,#b8f0c9,#27ae60 60%,#0f4d2a)}@keyframes orb-pulse{50%{transform:scale(.94);filter:brightness(1.2)}}.ia-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.015);opacity:0;transition:opacity .2s ease}.ia-video.active{opacity:1}.ia-video.missing{display:none}.ia-status{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b665d}.ia-log{display:flex;flex-direction:column;gap:10px;max-height:min(34vh,320px);overflow-y:auto}.ia-log:empty{display:none}.ia-msg{align-self:flex-end;max-width:85%;margin:0;padding:8px 12px;background:#1b1b1b;color:#fff;border-radius:14px 14px 2px}.ia-reply{align-self:flex-start;max-width:90%;padding:12px 14px;background:#f3f2f0;border-radius:14px 14px 14px 2px}.ia-ref{display:block;font-size:16px;margin-bottom:2px}.ia-reply p{margin:0 0 10px}.ia-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:600;color:#fff;background:var(--c);border-radius:999px;text-decoration:none}.ia-chip:hover{filter:brightness(1.1)}.ia-error{margin:0;color:#b3261e}.ia-form{display:flex;gap:8px}.ia-input{flex:1;min-width:0;padding:10px 12px;font:inherit;font-size:14px;border:1px solid #d6cfc2;border-radius:8px;background:#fff;color:#1b1b1b}.ia-input:focus{outline:2px solid var(--c);outline-offset:-1px;border-color:transparent}.ia-send{padding:0 16px;font:inherit;font-weight:600;border:0;border-radius:8px;background:#1b1b1b;color:#fff;cursor:pointer}.ia-send:hover:not(:disabled){background:var(--c)}.ia-input:disabled,.ia-send:disabled{opacity:.55;cursor:progress}@media(max-width:600px){.ia-panel{--orb: 120px}.card{padding:22px 18px 18px}}#modal[data-type=texto] .card{background:#fff}#modal[data-type=texto] .card p:last-child{margin-bottom:0}#modal[data-type=texto] .card p{white-space:pre-line}#modal[data-variant=fuego]{width:min(460px,calc(100vw - 32px))}#modal[data-variant=fuego] .card{aspect-ratio:1;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#fff}#modal[data-variant=fuego] #modal-body{flex:1;display:flex;flex-direction:column}.fuego-text{flex:1;display:flex;align-items:center;justify-content:center;margin:0!important;padding:48px 36px 12px;text-align:center;color:#e3170a;font-size:clamp(20px,5.2vw,28px);font-weight:300;line-height:1.2;text-transform:uppercase;letter-spacing:.03em}.flames{height:50%;flex-shrink:0}.flames svg{display:block;width:100%;height:100%}.flames path{transform-box:fill-box;transform-origin:50% 100%;animation:flicker .9s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scale(1) skew(0)}50%{transform:scale(.94,1.1) skew(-3deg)}to{transform:scale(1.04,.9) skew(3deg)}}@media(prefers-reduced-motion:reduce){.flames path{animation:none}}.fire-canvas{display:block;width:100%;height:100%}#modal .card{z-index:1}.popups{position:fixed;inset:0;z-index:0;pointer-events:none}.popup{position:absolute;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:2px solid #dfdfdf;border-right-color:#404040;border-bottom-color:#404040;box-shadow:4px 6px 22px #00000073;transform:rotate(var(--tilt, 0deg));animation:popup-in .26s cubic-bezier(.2,1.5,.4,1) both}.popup-bar{height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 5px;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font:700 11px/1 Tahoma,Verdana,system-ui,sans-serif}.popup-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.popup-btns{flex-shrink:0;letter-spacing:2px}.popup-body{flex:1;min-height:0;background:#fff}.popup .flames{height:100%}.popup-media{display:block;width:100%;height:100%;object-fit:cover}@keyframes popup-in{0%{opacity:0;transform:rotate(var(--tilt, 0deg)) scale(.5)}60%{opacity:1;transform:rotate(var(--tilt, 0deg)) scale(1.05) translate(-4px)}80%{transform:rotate(var(--tilt, 0deg)) translate(3px)}}#modal.closing .popups{opacity:0;transition:opacity .15s}@media(prefers-reduced-motion:reduce){.popup{animation:none}}.popup-body{container-type:size}.spam-ad{position:relative}.spam-ad-text{position:absolute;inset:6% 6% auto;text-align:center;font:900 11cqw/.95 Impact,Arial Black,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(90deg,#ff004c,#ff8a00,#ffe600,#2bff00,#00e1ff,#3d5bff,#d400ff,#ff004c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 6px rgb(255 255 255 / .6));animation:rainbow 1.6s linear infinite,ad-pulse .8s ease-in-out infinite alternate}@keyframes rainbow{to{background-position:200% 0}}@keyframes ad-pulse{to{transform:scale(1.06) rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.spam-ad-text{animation:none}}.spam-ad-text.azul{inset:auto 6% 7%;font:italic 700 9.5cqw/1.05 Georgia,Times New Roman,serif;text-transform:none;letter-spacing:0;background:linear-gradient(180deg,#e3f4ff,#8fd0ff 45%,#4f86ff 80%,#3d74ff);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgb(60 140 255 / .9)) drop-shadow(0 2px 0 #000814);animation:blue-sigh 3.2s ease-in-out infinite}.spam-ad-text small{display:block;margin-top:.45em;font-size:.55em;font-style:italic;letter-spacing:.03em}@keyframes blue-sigh{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.72;transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.spam-ad-text.azul{animation:none}}#modal[data-variant=zoom]{width:min(520px,calc(100vw - 32px),calc((100dvh - 48px)*.75))}#modal[data-variant=zoom] .card{padding:0;overflow:hidden;background:#111}#modal[data-variant=zoom] .card .close{z-index:2;color:#fff;background:#00000059}#modal[data-variant=zoom] .card .close:hover{background:#0000008c}.zoom-view{position:relative;aspect-ratio:3 / 4;background-repeat:no-repeat;animation:zoom-drift 9s ease-in-out infinite alternate}@keyframes zoom-drift{to{transform:scale(1.05)}}.zoom-text{position:absolute;max-width:60%;margin:0!important;color:#ff5ce0;font-size:clamp(19px,4.8vw,27px);font-weight:300;line-height:1.2;letter-spacing:.01em;text-shadow:0 0 1px rgb(0 0 0 / .9),0 0 3px rgb(0 0 0 / .8),0 1px 6px rgb(0 0 0 / .6),0 0 10px rgb(255 79 216 / .9),0 0 22px rgb(255 79 216 / .55);transform:rotate(var(--tilt, 0deg));animation:zoom-float 3.5s ease-in-out infinite alternate}@keyframes zoom-float{0%{translate:0 -5px}to{translate:0 5px}}@media(prefers-reduced-motion:reduce){.zoom-view,.zoom-text{animation:none}}#modal[data-variant=zoom]:has(.photo){width:fit-content}#modal[data-variant=zoom] .card:has(.photo){overflow:visible;background:transparent;box-shadow:none}.zoom-view.photo{aspect-ratio:auto;animation:none}.zoom-view.photo img{display:block;height:min(86dvh,900px);width:auto;max-width:calc(100vw - 32px);border-radius:4px;box-shadow:0 24px 60px #00000080}.zoom-view.photo .zoom-text{left:50%;width:max-content;max-width:min(260px,80vw);transform:translate(calc(-50% + var(--dx, 0px))) rotate(var(--tilt, 0deg))}#modal[data-variant=random]{width:fit-content;max-width:calc(100vw - 32px)}#modal[data-variant=random] .card{padding:0;overflow:hidden;background:#111}#modal[data-variant=random] .card .close{z-index:2;color:#fff;background:#00000059}.random-view{position:relative;display:grid;place-items:center;min-width:min(360px,calc(100vw - 32px));min-height:240px}.random-view img{display:block;max-width:min(720px,calc(100vw - 32px));max-height:min(80dvh,720px);width:auto;height:auto}.random-text{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:max-content;max-width:82%;max-height:86%;overflow-y:auto;color:var(--text-color, #ff2bd6);text-align:center;font-size:clamp(20px,5vw,34px);font-weight:800;line-height:1.15;white-space:pre-line;text-shadow:0 0 1px rgb(0 0 0 / .55);transition:color .15s;scrollbar-width:none}.random-text::-webkit-scrollbar{display:none}.random-text p{margin:0 0 .7em}.random-text p:last-child{margin-bottom:0}.random-view.text-mid .random-text{font-size:clamp(15px,3.2vw,21px);font-weight:700;line-height:1.3}.random-view.text-long .random-text{font-size:clamp(13px,2.5vw,16px);font-weight:600;line-height:1.4}.random-text{z-index:1}.random-view.dim img{filter:brightness(.35);height:min(70dvh,620px);width:auto}.random-view.plain .random-text{color:#fff;font-weight:400;letter-spacing:.02em;text-shadow:none}body:not(.editing) .hotspot.locked{cursor:not-allowed}body:not(.editing) .hotspot.has-hover-label:hover,body:not(.editing) .hotspot.has-hover-label.tapped{-webkit-backdrop-filter:brightness(.4);backdrop-filter:brightness(.4);box-shadow:none}.hover-label{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:clamp(14px,1.6vw,22px);font-weight:400;letter-spacing:.02em;text-align:center;opacity:0;transition:opacity .18s;pointer-events:none}body:not(.editing) .hotspot:hover .hover-label,body:not(.editing) .hotspot.tapped .hover-label{opacity:1}#modal[data-variant=nota]{width:min(440px,calc(100vw - 32px))}#modal[data-variant=nota] .card{padding:56px 40px;background:#fff;text-align:center}#modal[data-variant=nota] #modal-body p{margin:0;font-size:clamp(20px,4.4vw,26px);font-weight:400;text-transform:lowercase}#modal[data-variant=nota] .cta{margin-top:24px;padding:10px 26px;border-radius:999px;font-size:15px;letter-spacing:.03em}#modal[data-variant=nota] .cta:hover{background:#e3170a}#modal[data-variant=sticky]{width:fit-content;max-width:calc(100vw - 32px);overflow:visible}#modal[data-variant=sticky] .card{padding:0;overflow:visible;background:transparent;box-shadow:none}#modal[data-variant=sticky] .card .close{z-index:3;color:#fff;background:#00000073}.sticky-view{position:relative}.sticky-view>img{display:block;width:min(820px,calc(100vw - 120px));max-height:78dvh;object-fit:contain;border:6px solid #fff;box-shadow:0 20px 50px #00000080}.sticky-note{position:absolute;z-index:2;width:clamp(150px,22vw,210px);min-height:clamp(130px,18vw,180px);padding:20px 16px 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.3 0 0 0 0 0 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 60% at 100% 100%,rgb(255 255 255 / .35),transparent 55%),linear-gradient(180deg,#ffe24a,#ffeb6b 13%,#fff38f 14%,#fff59c 70%,#ffef86);color:#1d2c8f;font-family:Reenie Beanie,Bradley Hand,Comic Sans MS,cursive;font-size:clamp(25px,3vw,32px);line-height:.95;letter-spacing:.01em;text-shadow:0 0 .6px rgb(29 44 143 / .55);rotate:var(--tilt, 0deg);transform-origin:50% 0;box-shadow:0 1px 1px #0000001f,3px 10px 14px -4px #00000059;animation:sticky-in .26s cubic-bezier(.2,1.4,.4,1) .15s both,sticky-sway 5s ease-in-out .45s infinite}.sticky-note p{margin:0 0 8px}.sticky-note a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;word-break:break-all}@keyframes sticky-in{0%{opacity:0;scale:.7}}@keyframes sticky-sway{0%,to{transform:perspective(700px) rotateX(0) rotateY(0);box-shadow:0 1px 1px #0000001f,3px 10px 14px -4px #00000059}35%{transform:perspective(700px) rotateX(11deg) rotateY(-4deg);box-shadow:0 1px 1px #0000001a,6px 18px 22px -4px #0000004d}65%{transform:perspective(700px) rotateX(4deg) rotateY(3deg);box-shadow:0 1px 1px #0000001f,4px 13px 17px -4px #00000054}}@media(prefers-reduced-motion:reduce){.sticky-note{animation:none}}.sticky-note[data-spot=right]{right:-90px;top:18%}.sticky-note[data-spot=left]{left:-90px;top:38%}.sticky-note[data-spot=top-right]{right:-30px;top:-40px}.sticky-note[data-spot=bottom-left]{left:-30px;bottom:-40px}.sticky-note[data-spot=bottom-right]{right:-36px;bottom:-36px}.sticky-note[data-spot=on-photo]{left:52%;top:44%}@media(max-width:700px){.sticky-note[data-spot=right]{right:-12px}.sticky-note[data-spot=left]{left:-12px}.sticky-note[data-spot=on-photo]{left:30%}}#modal[data-variant=yt-chaos]{width:min(760px,calc(100vw - 32px))}#modal[data-variant=yt-chaos] .card{padding:0;overflow:hidden;background:#0f0f0f}#modal[data-variant=yt-chaos] .card .close{z-index:3;color:#fff;background:#00000080}.yt-main{aspect-ratio:16 / 9}.yt-main iframe{display:block;width:100%;height:100%;border:0}.popup.yt-pop{pointer-events:auto;background:#0f0f0f}.yt-bar{background:linear-gradient(90deg,#c4302b,red)}.yt-pop iframe{display:block;width:100%;height:100%;border:0}.yt-pop .popup-body{background:#000}.popups.front{z-index:2}#modal[data-variant=lista]{width:min(380px,calc(100vw - 32px))}#modal[data-variant=lista] .card{padding:40px 36px 34px;background:#fff;color:#111}#modal[data-variant=lista] #modal-body p{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6}#modal[data-variant=nota][data-size=small] #modal-body p{font-size:17px}#viewport{touch-action:none;cursor:grab}body.panning,body.panning *{cursor:grabbing!important}body.panning .hotspot:hover{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}body.editing #viewport{cursor:default}.ia-intro{margin:0 0 10px;font-style:italic;color:#555}.ia-rec+.ia-rec{margin-top:12px;padding-top:12px;border-top:1px solid #e3e1dc}.ia-name{margin:0 0 4px;font-size:30px;font-weight:200;letter-spacing:.01em;color:#111}.ia-status{font-size:14px;font-weight:300;letter-spacing:.01em;text-transform:none;color:#777}.ia-input,.ia-input:focus{border:0;outline:none;background:transparent;padding:10px 0;font-size:16px;font-weight:300;caret-color:#111}.ia-input::placeholder{color:#aaa;font-weight:300}.ia-send,.ia-send:hover:not(:disabled){padding:0 2px;background:none;color:#111;font-size:16px;font-weight:300}.ia-send:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.ia-msg{padding:0;background:none;color:#888;font-weight:300;border-radius:0}.ia-reply{max-width:100%;padding:0;background:none;border:0;border-radius:0}.ia-intro{color:#888;font-style:normal;font-weight:300}.ia-ref{font-size:16px;font-weight:500;color:#111}.ia-rec p{font-weight:300;color:#333}.ia-rec+.ia-rec{border-top-color:#eee}.ia-chip,.ia-chip:hover{padding:0;background:none;color:#111;border-radius:0;font-size:13px;font-weight:300;text-decoration:underline;text-underline-offset:3px;filter:none}.ia-error{color:#111;font-weight:300}