@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap";
.advent{background:url(/images/proyectos/adventjs-bg.webp),#00381f;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0;overflow:hidden}.advent__grid{pointer-events:none;z-index:1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;animation:20s linear infinite advent-grid-scroll;position:absolute;inset:-60px}@keyframes advent-grid-scroll{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.advent__snow{pointer-events:none;z-index:2;background-image:radial-gradient(1.5px 1.5px at 15% 10%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 40% 30%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 65% 15%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 85% 45%,rgba(255,255,255,.2),transparent),radial-gradient(1.5px 1.5px at 10% 65%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 50% 80%,rgba(255,255,255,.18),transparent),radial-gradient(1.5px 1.5px at 90% 70%,rgba(255,255,255,.2),transparent);animation:6s ease-in-out infinite alternate advent-snow-fall;position:absolute;inset:0}@keyframes advent-snow-fall{0%{opacity:.6;transform:translateY(-10px)}to{opacity:1;transform:translateY(10px)}}.advent__logo{z-index:5;position:relative}.advent__logo-img{object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.4));width:clamp(80px,18vw,150px);height:auto}.advent__days{z-index:5;gap:6px;display:flex;position:relative}.advent__day{aspect-ratio:1;border-radius:8px;width:clamp(38px,10vw,65px);position:relative;overflow:hidden}.advent__inner{background:#1c3328;border:2px solid #1e352b;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 7px 4px rgba(0,0,0,.25)}.advent__sticker-img{aspect-ratio:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25));background:url(/images/proyectos/adventjs-stickers.webp) 0 0/2500% 100% no-repeat;width:65%;transform:rotate(-10deg)}.advent__sticker-img--tree{background-position:25%}.advent__sticker-img--gift{background-position:33.33%}.advent__door{transform-origin:top;background:url(/images/proyectos/adventjs-bg.webp),#00381f;border:1px solid rgba(255,255,255,.1);border-radius:8px;justify-content:center;align-items:center;animation:5s ease-in-out infinite advent-door-loop;display:flex;position:absolute;inset:0}@keyframes advent-door-loop{0%,20%{opacity:1;transform:perspective(300px)rotateX(0)}50%,70%{opacity:0;transform:perspective(300px)rotateX(95deg)}to{opacity:1;transform:perspective(300px)rotateX(0)}}.advent__door-number{color:rgba(255,255,255,.2);font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,4vw,28px);font-style:italic;font-weight:700}@media (prefers-reduced-motion:reduce){.advent__grid,.advent__snow{animation:none}.advent__door{opacity:0;animation:none}}
.codevator{background:#ece8dd;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.codevator__noise{opacity:.2;mix-blend-mode:overlay;pointer-events:none;z-index:1;position:absolute;inset:0}.codevator__logo{z-index:3;margin-bottom:14px;position:relative}.codevator__logo-text{color:#1a1a0f;letter-spacing:-.02em;font-family:Instrument Serif,serif;font-size:clamp(24px,4vw,42px);font-style:normal;font-weight:400;line-height:1.1}.codevator__waveform{z-index:3;justify-content:center;align-items:center;gap:3px;width:60%;max-width:280px;height:14%;display:flex;position:relative}.codevator__bar{min-width:2px;max-width:6px;height:var(--bar-max-h,50%);transform-origin:50%;transform:scaleY(var(--bar-scale-min,.15));animation:codevator-eq var(--bar-duration,1s)ease-in-out var(--bar-delay,0s)infinite alternate;background:#1a6b4a;border-radius:3px;flex:1}@keyframes codevator-eq{0%{transform:scaleY(var(--bar-scale-min,.15))}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.codevator__bar{animation:none}}
@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.smooth-orb{background:#fce7f3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.smooth-orb__bg{z-index:1;position:absolute;inset:0}.smooth-orb__gradient{background:conic-gradient(from calc(var(--angle)*2)at 25% 70%,#db2777,transparent 20% 80%,#db2777),conic-gradient(from calc(var(--angle)*2)at 45% 75%,#a855f7,transparent 30% 60%,#a855f7),conic-gradient(from calc(var(--angle)*-3)at 80% 20%,#ec4899,transparent 40% 60%,#ec4899),conic-gradient(from calc(var(--angle)*-1)at 60% 30%,#f9a8d4,transparent 30% 70%,#f9a8d4),conic-gradient(from calc(var(--angle)*3)at 30% 40%,#f472b6,transparent 35% 65%,#f472b6),conic-gradient(from calc(var(--angle)*-2)at 70% 60%,#fbcfe8,transparent 25% 75%,#fbcfe8);filter:blur(20px)contrast(1.4);animation:15s linear infinite smooth-orb-rotate;position:absolute;inset:-20%}@keyframes smooth-orb-rotate{to{--angle:360deg}}.smooth-orb__isotype{z-index:3;filter:drop-shadow(0 4px 24px rgba(0,0,0,.1));width:clamp(60px,18vw,130px);animation:4s ease-in-out infinite smooth-float;position:relative}.smooth-orb__isotype svg{width:100%;height:auto}@keyframes smooth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.smooth-orb__gradient,.smooth-orb__isotype{animation:none}}
.spark{background:#fafafa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.spark__shimmer{pointer-events:none;opacity:.25;z-index:1;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 50%,transparent 50%,#000 100%);mask-image:radial-gradient(80% 50%,transparent 50%,#000 100%)}.spark__canvas{width:100%;height:100%}.spark__logo{z-index:3;position:relative}.spark__logo-img{object-fit:contain;color:#171717;width:clamp(100px,24vw,200px);height:auto}
.tron-grid{background:#000103;background:lab(.184322% .00216067 -.903434);position:absolute;inset:0;overflow:hidden}.tron-grid__grid-map{pointer-events:none;z-index:0;position:absolute;inset:0}.tron-grid__grid-coarse{opacity:.05;background-image:linear-gradient(#00c8c8 1px,transparent 1px),linear-gradient(90deg,#00c8c8 1px,transparent 1px);background-image:linear-gradient(lab(72.8887% -58.9787 -17.4808) 1px,transparent 1px),linear-gradient(90deg,lab(72.8887% -58.9787 -17.4808) 1px,transparent 1px);background-size:50px 50px;position:absolute;inset:0}.tron-grid__grid-fine{opacity:.02;background-image:linear-gradient(#00c8c8 1px,transparent 1px),linear-gradient(90deg,#00c8c8 1px,transparent 1px);background-image:linear-gradient(lab(72.8887% -58.9787 -17.4808) 1px,transparent 1px),linear-gradient(90deg,lab(72.8887% -58.9787 -17.4808) 1px,transparent 1px);background-size:10px 10px;position:absolute;inset:0}.tron-grid__plane{perspective:500px;height:50%;position:absolute;bottom:0;left:-50%;right:-50%;overflow:hidden}.tron-grid__floor{transform-origin:bottom;opacity:.2;background-image:linear-gradient(#007373 1px,transparent 1px),linear-gradient(90deg,#007373 1px,transparent 1px);background-image:linear-gradient(lab(43.2591% -39.3192 -11.6539) 1px,transparent 1px),linear-gradient(90deg,lab(43.2591% -39.3192 -11.6539) 1px,transparent 1px);background-size:50px 50px;animation:2s linear infinite tron-grid-scroll;position:absolute;inset:0;transform:rotateX(60deg)}@keyframes tron-grid-scroll{0%{background-position:0 0}to{background-position:0 50px}}.tron-grid__circuit{color:#00c8c8;color:lab(72.8887% -58.9787 -17.4808);opacity:.1;pointer-events:none;z-index:1;position:absolute;inset:0}.tron-grid__circuit path{stroke-dasharray:10 5;animation:10s linear infinite tron-circuit-flow}@keyframes tron-circuit-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:200px}}.tron-grid__scanlines{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px 4px);position:absolute;inset:0}.tron-grid__scan-line{z-index:3;background:rgba(0,200,200,.3);background:lab(72.8887% -58.9787 -17.4808/.3);height:1px;animation:8s linear infinite tron-scan;position:absolute;left:0;right:0;box-shadow:0 0 8px rgba(0,200,200,.2);box-shadow:0 0 8px lab(72.8887% -58.9787 -17.4808/.2)}@keyframes tron-scan{0%{top:-1px}to{top:100%}}.tron-grid__hud-corner{z-index:5;border:0 solid #00c8c8;border:0 solid lab(72.8887% -58.9787 -17.4808);width:16px;height:16px;position:absolute}.tron-grid__hud-corner--tl{border-top-width:2px;border-left-width:2px;top:8%;left:8%}.tron-grid__hud-corner--tr{border-top-width:2px;border-right-width:2px;top:8%;right:8%}.tron-grid__hud-corner--bl{border-bottom-width:2px;border-left-width:2px;bottom:8%;left:8%}.tron-grid__hud-corner--br{border-bottom-width:2px;border-right-width:2px;bottom:8%;right:8%}.tron-grid__logo{z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.tron-grid__logo-label{letter-spacing:.4em;text-transform:uppercase;color:rgba(225,242,248,.6);color:lab(94.3214% -5.07608 -4.90533/.6);font-family:Orbitron,sans-serif;font-size:clamp(6px,1vw,9px);font-weight:500}.tron-grid__grid-icon{color:#00c8c8;color:lab(72.8887% -58.9787 -17.4808);filter:drop-shadow(0 0 4px #00c8c8);filter:drop-shadow(0 0 4px lab(72.8887% -58.9787 -17.4808));width:clamp(32px,7vw,48px);height:auto;animation:2.5s ease-in-out infinite tron-icon-pulse}@keyframes tron-icon-pulse{0%,to{filter:drop-shadow(0 0 4px #00c8c8);filter:drop-shadow(0 0 4px lab(72.8887% -58.9787 -17.4808))}50%{filter:drop-shadow(0 0 8px #00c8c8)drop-shadow(0 0 16px #007373);filter:drop-shadow(0 0 8px lab(72.8887% -58.9787 -17.4808))drop-shadow(0 0 16px lab(43.2591% -39.3192 -11.6539))}}.tron-grid__logo-text{color:#00c8c8;color:lab(72.8887% -58.9787 -17.4808);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 10px #00c8c8,0 0 40px rgba(0,200,200,.5),0 0 80px rgba(0,115,115,.3);text-shadow:0 0 10px lab(72.8887% -58.9787 -17.4808),0 0 40px lab(72.8887% -58.9787 -17.4808/.5),0 0 80px lab(43.2591% -39.3192 -11.6539/.3);font-family:Orbitron,sans-serif;font-size:clamp(18px,4vw,36px);font-weight:900;animation:2.5s ease-in-out infinite tron-text-pulse}@keyframes tron-text-pulse{0%,to{text-shadow:0 0 10px #00c8c8,0 0 40px rgba(0,200,200,.5),0 0 80px rgba(0,115,115,.3);text-shadow:0 0 10px lab(72.8887% -58.9787 -17.4808),0 0 40px lab(72.8887% -58.9787 -17.4808/.5),0 0 80px lab(43.2591% -39.3192 -11.6539/.3)}50%{text-shadow:0 0 15px #00c8c8,0 0 60px rgba(0,200,200,.6),0 0 120px rgba(0,115,115,.4);text-shadow:0 0 15px lab(72.8887% -58.9787 -17.4808),0 0 60px lab(72.8887% -58.9787 -17.4808/.6),0 0 120px lab(43.2591% -39.3192 -11.6539/.4)}}.tron-grid__logo-sub{letter-spacing:.3em;text-transform:uppercase;color:rgba(0,200,200,.4);color:lab(72.8887% -58.9787 -17.4808/.4);font-family:Orbitron,sans-serif;font-size:clamp(5px,1vw,8px);font-weight:500}.tron-grid__glow-halo{filter:blur(40px);pointer-events:none;z-index:0;background:rgba(0,200,200,.08);background:lab(72.8887% -58.9787 -17.4808/.08);border-radius:50%;width:60%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.tron-grid__floor,.tron-grid__grid-icon,.tron-grid__logo-text,.tron-grid__circuit path{animation:none}.tron-grid__scan-line{animation:none;display:none}}