@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap";.footer{padding:1rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.footnote{display:block;flex:0 0 100%;text-align:center;margin-top:.5rem;align-self:auto}.social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.social-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 18px #00000026;color:#2589b8}.game-simple{max-width:620px;margin:24px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:14px;box-shadow:0 8px 22px #0000000d}.game-simple__header{margin-bottom:8px}.game-simple__header h3{margin:10px;font-weight:500}.game-simple__text{margin:0 0 10px;color:#333;line-height:1.6}.game-simple__choices{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:22px}.game-simple__footer{margin-top:12px;color:#666;font-size:.9rem}.btn{padding:.55rem .9rem;border-radius:10px;cursor:pointer;margin-bottom:2%;border:1px solid #d8dcff;background:#f7f8ff;color:#1a1a1a;transition:transform .18s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease}.btn-cv{padding:.55rem .9rem;border-radius:10px;cursor:pointer;margin-bottom:2%;margin-left:.6rem;border:1px solid #d8dcff;background:#f7f8ff;color:#1a1a1a;transition:transform .18s ease,box-shadow .25s ease,background-color .55s ease,border-color .25s ease,color .25s ease}.btn-cv:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001f;border-color:#8d63ee9d}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000001f;border-color:#eaebff}.btn:active{transform:translateY(1px) scale(.98)}.game-simple__topbar{display:flex;justify-content:flex-start;margin-bottom:8px}.btn.ghost{background:transparent;border:1px solid #e5e5e5}.scene-card{will-change:transform,opacity,filter}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px) scale(.98);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(7px) scale(.98);filter:blur(1.1px)}}.scene-card.anim-in{animation:fadeInUp .8s ease both}.scene-card.anim-out{animation:fadeOutDown .2s ease both}@media (prefers-reduced-motion: reduce){.scene-card.anim-in,.scene-card.anim-out{animation:none}}@media (prefers-reduced-motion: reduce){.btn{transition:none}}:root{--bg: #0f1115;--card-bg: #151922;--text: #e6e6e6;--muted: #a9b0be;--primary: #7aa2f7;--ring: rgba(122, 162, 247, .35);--radius: 16px;--shadow: 0 8px 24px rgba(0, 0, 0, .35);--shadow-hover: 0 16px 36px rgba(0, 0, 0, .45);--transition: .18s ease}body{color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,Noto Sans,Helvetica Neue,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.hero{background:linear-gradient(180deg,#fffafaec,#fff7f7de),var(--card-bg);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:1.25rem;max-width:560px;margin:1rem auto;transition:transform .5s ease,box-shadow .5s ease,border-color 1.5s ease,background 16s ease;will-change:transform,box-shadow}.hero:hover{transform:translateY(-6px) rotate3d(1,1,0,8deg) scale(.96);box-shadow:0 16px 28px #00000025;border-color:#7aa2f773;background:linear-gradient(270deg,#eef2fc,#c0cce9,#ecf2ff);background-size:400% 400%;animation:gradientFlow 8s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero:focus-within{outline:none;box-shadow:var(--shadow-hover),0 0 0 6px var(--ring);border-color:#7aa2f759}.hero h3{margin:0 0 .75rem;font-weight:400;font-size:clamp(1.15rem,1.5vw + .8rem,1.5rem);letter-spacing:.2px;color:var(--text)}.hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;transition:filter .5s ease,transform .5s ease;filter:blur(.5px) grayscale(15%)}img{transition:all .3s ease;box-shadow:0 8px 15px #0000004d}.escriba img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.07) rotate(-1deg) skew(2deg);box-shadow:0 15px 25px #0006}.codfish img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.07) rotate(1.1deg) skew(-1.9deg);box-shadow:0 12px 20px #00000059}.iguaria img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.08) rotate(-.3deg) skewY(-.77deg);box-shadow:0 18px 28px #00000059}.mapl img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.11) rotate(1deg) skew(.2deg);box-shadow:0 10px 20px #00000040}.doompc img{transition:transform .6s ease,filter .3s ease,box-shadow .3s ease;transform-origin:bottom center}.doompc img:hover{filter:blur(0px) brightness(1.1);transform:perspective(1300px) rotateX(25deg) scale(1.05) translateZ(10px);box-shadow:0 20px 40px #0009}.pokeget img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.11) rotate(.1deg) skew(-.1deg);box-shadow:0 12px 22px #00000040}.csvix img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.07) rotate(2deg) skewY(-1deg);box-shadow:0 15px 25px #0000004d}.agent img:hover{filter:blur(0px) brightness(1.1);transform:scale(1.09) rotate(-1.2deg) skew(-.2deg);box-shadow:0 18px 28px #00000059}.hero p{margin:4% 0 0;line-height:1.55;color:var(--muted);font-size:clamp(.95rem,.5vw + .8rem,1.05rem)}.links{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;margin:3%;gap:1rem}@media (min-width: 720px){.hero{padding:1.5rem}}@media (prefers-reduced-motion: reduce){.hero,.hero img{transition:none}}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--card-bg: whitesmoke;--text: #213547;--muted: #5b6473;--ring: rgba(66, 133, 244, .25)}.hero{border-color:#0000000f}.hero:hover{border-color:#4285f440}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;background-color:azure;background-image:url(https://www.transparenttextures.com/patterns/gplay.png);font-family:Inter;font-weight:200}h1{font-weight:100}.cursor{display:inline-block;width:.6ch;height:1em;vertical-align:-.1em;position:relative}.cursor:before{content:"_";position:absolute;left:0;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em}.intro{opacity:0;transform-origin:top;transform:translateY(8px) scaleY(.9);clip-path:inset(0 0 100% 0 round 12px);pointer-events:none;position:relative}.intro.reveal{animation:introExpand .65s cubic-bezier(.2,.7,.2,1) forwards,introEnable 1ms linear forwards .65s}@keyframes introExpand{0%{opacity:0;transform:translateY(8px) scaleY(.9);clip-path:inset(0 0 100% 0 round 12px)}60%{opacity:1;transform:translateY(0) scaleY(1.02);clip-path:inset(0 0 0% 0 round 12px)}to{opacity:1;transform:translateY(0) scaleY(1);clip-path:inset(0 0 0% 0 round 12px)}}@keyframes introEnable{to{pointer-events:auto}}.intro.reveal .card,.intro.reveal p{opacity:0;animation:fadeIn 10ms;animation:floatIn .5s cubic-bezier(.2,.7,.2,1) forwards}.intro.reveal .card{animation-delay:.12s}.intro.reveal p{animation-delay:.22s}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{font-weight:200;padding:.6rem 1rem;margin-inline:.6rem;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#ffffffe2;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000024}.btn.primary{font-weight:400}.pulsar{position:absolute;left:0;right:0;bottom:-22px;margin:0 auto;width:120px;height:8px;border-radius:999px;opacity:0;pointer-events:none}.pulsar.on{opacity:1;background:radial-gradient(closest-side,currentColor 40%,transparent);filter:blur(6px);animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scaleX(.8);opacity:.35}50%{transform:scaleX(1.1);opacity:.6}to{transform:scaleX(.9);opacity:.35}}.portfolio-page{height:75vh;width:75vh;margin-top:3rem;padding:2rem;border-radius:12px;background:#fff;box-shadow:0 6px 18px #0000001a;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#4d4dffde;background-image:url(https://www.transparenttextures.com/patterns/gplay.png);position:relative;z-index:0}:root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://www.transparenttextures.com/patterns/gplay.png);z-index:-1;animation:pulseBrightness 12s ease-in-out infinite}@keyframes pulseBrightness{0%,to{filter:brightness(.9);opacity:.44}50%{filter:brightness(3.3);opacity:.2}}@keyframes moveBg{0%{background-position:0 0}to{background-position:1000px 500px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.05}h2{font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#eaebff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-color-scheme: dark){:root{color:#4d4dffde;background-color:#121212;background-image:url(https://www.transparenttextures.com/patterns/gplay.png);position:relative;z-index:0}a:hover{color:#a5aaff}button{background-color:#1e1e1e;color:#fff}}
