.frames-link{letter-spacing:.28em;text-transform:uppercase;color:#ece5d5a6;border-bottom:1px solid #d4ae5f59;margin-left:1.25rem;padding-bottom:2px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;transition:color .3s,border-color .3s}.frames-link:hover{color:#ecd08f;border-color:#d4ae5f}.lab-cta{background:#ece5d508;border:1px solid #d4ae5f33;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;transition:border-color .4s,background .4s;display:flex}.lab-cta:hover{background:#d4ae5f0f;border-color:#d4ae5f8c}.lab-cta-stack{flex:none;width:74px;height:34px;position:relative}.lab-cta-stack img{top:0;left:calc(var(--i) * 14px);object-fit:cover;width:46px;height:34px;transform:rotate(calc((var(--i) - 1) * 5deg));border:1px solid #060606e6;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;box-shadow:0 4px 12px #00000080}.lab-cta:hover .lab-cta-stack img{transform:rotate(calc((var(--i) - 1) * 9deg)) translateY(-2px)}.framelab{animation:.6s cubic-bezier(.2,.7,.2,1) both lab-in}@keyframes lab-in{0%{opacity:0}to{opacity:1}}.lab-bg{object-fit:cover;filter:blur(46px)saturate(1.35)brightness(.55);width:116%;height:116%;animation:1.1s both lab-fade;position:absolute;inset:-8%;transform:scale(1.1)}.lab-vignette{pointer-events:none;background:radial-gradient(#0000 30%,#060606bf 100%),linear-gradient(#0606068c,#0000 22% 70%,#060606d9);position:absolute;inset:0}@keyframes lab-fade{0%{opacity:0}to{opacity:1}}.lab-float{width:min(100%,1180px,190svh - 627px);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.lab-screen{-webkit-backdrop-filter:blur(22px)saturate(1.4);background:linear-gradient(140deg,#ece5d529,#ece5d50a 40%,#d4ae5f14);border:1px solid #ece5d52e;border-radius:14px;padding:8px;animation:7s ease-in-out infinite lab-bob;position:relative;overflow:hidden;box-shadow:0 40px 90px -20px #000c,0 0 0 1px #00000040,inset 0 1px #ffffff1f}@keyframes lab-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lab-img{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:calc(100svh - 330px);animation:.9s cubic-bezier(.2,.7,.2,1) both lab-swap;display:block}@keyframes lab-swap{0%{opacity:0;filter:blur(14px);transform:scale(1.025)}to{opacity:1;filter:blur();transform:scale(1)}}.lab-glare{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff17 0%,#0000 28% 72%,#d4ae5f12);border-radius:14px;position:absolute;inset:0}.lab-panel{-webkit-backdrop-filter:blur(18px);background:#0a0a0a6b;border:1px solid #ece5d51a;border-radius:14px;padding:1rem 1.1rem}.lab-swatch{border:1px solid #ece5d526;border-radius:6px;width:30px;height:30px;position:relative}.lab-swatch>span{color:#ece5d5;opacity:0;pointer-events:none;background:#000c;border-radius:3px;padding:3px 5px;font:9px/1 IBM Plex Mono,monospace;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.lab-swatch:hover>span{opacity:1}.lab-chips{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.lab-chips::-webkit-scrollbar{display:none}.lab-chip{letter-spacing:.18em;text-transform:uppercase;color:#ece5d5b3;-webkit-backdrop-filter:blur(10px);background:#ece5d50f;border:1px solid #ece5d51f;border-radius:999px;flex:none;padding:.45rem .8rem;font:10px/1 IBM Plex Mono,monospace;transition:all .3s}.lab-chip:hover{color:#ece5d5;border-color:#ece5d54d}.lab-chip.is-on{color:#060606;background:#d4ae5f;border-color:#d4ae5f}.lab-btn{letter-spacing:.12em;text-transform:uppercase;color:#ece5d5;-webkit-backdrop-filter:blur(10px);background:#ece5d514;border:1px solid #ece5d529;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 .9rem;font:12px/1 IBM Plex Mono,monospace;transition:all .3s;display:inline-flex}.lab-btn:hover{background:#ece5d529}.lab-btn.is-on{color:#ecd08f;border-color:#d4ae5f}.lab-btn-gold{color:#060606;background:linear-gradient(135deg,#ecd08f,#d4ae5f 55%,#9c7a35);border-color:#0000;padding:0 1.2rem}.lab-btn-gold:hover{filter:brightness(1.08);background:linear-gradient(135deg,#ecd08f,#d4ae5f 55%,#9c7a35)}@media (width<=767px){.lab-float{width:100%}.lab-img{max-height:calc(100svh - 420px)}.lab-screen{border-radius:10px;padding:5px}.lab-panel{padding:.9rem}}@media (prefers-reduced-motion:reduce){.lab-screen,.lab-img,.lab-bg,.framelab{animation:none}}.collab-side{flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative}.collab-orb{pointer-events:none;filter:blur(8px);border-radius:999px;width:360px;height:360px;animation:9s ease-in-out infinite collab-breathe;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.collab-sun .collab-orb{background:radial-gradient(circle,#ecd08f47 0%,#d4ae5f1f 38%,#0000 68%)}.collab-moon .collab-orb{background:radial-gradient(circle,#c9ced62e 0%,#a0acbe14 40%,#0000 68%);animation-delay:-4.5s}.collab-moon svg{filter:drop-shadow(0 0 22px #c9ced62e)}@keyframes collab-breathe{0%,to{opacity:.75;transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.collab-x{justify-content:center;align-items:center;gap:1.25rem;display:flex}.collab-line{background:linear-gradient(90deg,#0000,#d4ae5f8c,#0000);width:56px;height:1px;display:block}@media (width>=768px){.collab-x{flex-direction:column}.collab-line{background:linear-gradient(#0000,#d4ae5f8c,#0000);width:1px;height:90px}}.collab-moon-text{color:#0000;background:linear-gradient(100deg,#8d96a3 0%,#eef1f5 45%,#aab3bf 70%,#eef1f5 100%);-webkit-background-clip:text;background-clip:text}.collab-dot{background:#d4ae5f;border-radius:999px;width:7px;height:7px;animation:2.4s ease-out infinite collab-ping;box-shadow:0 0 #d4ae5f99}@keyframes collab-ping{0%{box-shadow:0 0 #d4ae5f8c}to{box-shadow:0 0 0 10px #d4ae5f00}}.nav-x{color:#ece5d573;font-weight:300}@media (prefers-reduced-motion:reduce){.collab-orb,.collab-dot{animation:none}}.avatar{background:#000;position:relative;overflow:hidden}.avatar-sun{border:1px solid #d4ae5f40}.avatar-moon{border:1px solid #c9ced638}.avatar-media{aspect-ratio:1;position:relative}.avatar-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar-media>.avatar-img:first-child{transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .6s;position:relative}.avatar:hover .avatar-media>.avatar-img:first-child{transform:scale(1.03)}.avatar-close{opacity:0;transition:opacity .35s steps(3,end)}.avatar:hover .avatar-close{opacity:1}@media (hover:none){.avatar-close{animation:7s step-end infinite av-swap}.avatar-moon .avatar-close{animation-delay:-3.5s}}@keyframes av-swap{0%,62%{opacity:0}64%,96%{opacity:1}98%{opacity:0}}.avatar-g1,.avatar-g2{opacity:0;mix-blend-mode:screen;pointer-events:none}.avatar-g1{filter:sepia()saturate(6)hue-rotate(-50deg)}.avatar-g2{filter:sepia()saturate(6)hue-rotate(150deg)}.avatar:hover .avatar-g1{animation:1.1s step-end infinite av-glitch-a}.avatar:hover .avatar-g2{animation:1.3s step-end infinite av-glitch-b}@keyframes av-glitch-a{0%{opacity:.55;clip-path:inset(12% 0 70%);transform:translate(-6px)}20%{opacity:.5;clip-path:inset(48% 0 38%);transform:translate(8px)}40%{opacity:0}60%{opacity:.55;clip-path:inset(72% 0 14%);transform:translate(-10px)}80%{opacity:.4;clip-path:inset(30% 0 60%);transform:translate(5px)}to{opacity:0}}@keyframes av-glitch-b{0%{opacity:0}25%{opacity:.5;clip-path:inset(62% 0 22%);transform:translate(9px)}45%{opacity:.45;clip-path:inset(8% 0 80%);transform:translate(-7px)}70%{opacity:0}85%{opacity:.5;clip-path:inset(40% 0 45%);transform:translate(6px)}to{opacity:0}}.avatar-scan{pointer-events:none;opacity:.18;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 3px);position:absolute;inset:0}.avatar:after{content:"";pointer-events:none;background:linear-gradient(#0000,#060606e6);height:40%;position:absolute;inset:auto 0 0}.avatar-label{z-index:2;position:absolute;bottom:.75rem}@media (width>=768px){.avatar-label{bottom:1.5rem}}.avatar-sun .avatar-name{color:#ecd08f}.avatar-moon .avatar-name{color:#0000;background:linear-gradient(100deg,#9aa3b0,#f1f4f8 50%,#aab3bf);-webkit-background-clip:text;background-clip:text}.duo-x{z-index:3;color:#ece5d5d9;text-shadow:0 0 24px #000000e6;font:300 clamp(1.4rem,4vw,3rem)/1 Archivo Variable,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.avatar:hover .avatar-g1,.avatar:hover .avatar-g2{animation:none}}
