:root{--bg: #050510;--blue: #4f7cff;--violet: #8b5cf6;--cyan: #6ee7ff;--starlight: #dfe9ff;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--starlight);font-family:var(--font-body);overflow-x:hidden}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0}#scroll-space{height:600vh;pointer-events:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:grid;place-items:center;transition:opacity .9s ease,visibility .9s}#loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-glyph{font-size:2rem;color:var(--blue);animation:pulse 1.6s ease-in-out infinite;margin-bottom:1.2rem}.loader-bar{width:220px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:0 auto 1rem}#loader-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--violet));transition:width .3s ease}.loader-inner p{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#dfe9ff80}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.brand{position:absolute;top:2rem;left:2.4rem;display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-display)}.brand-mark{color:var(--blue);font-size:1.1rem}.brand-name{font-weight:700;letter-spacing:.35em;font-size:1rem}.brand-tag{font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:#dfe9ff73}.ui-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6vw;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.ui-panel.is-visible{opacity:1;visibility:visible}.hero-title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.75rem,7vw,5.5rem);line-height:1.05;letter-spacing:-.02em;text-shadow:0 0 60px rgba(79,124,255,.35)}.hero-title .grad{background:linear-gradient(100deg,var(--cyan) 0%,var(--blue) 45%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:1.6rem;max-width:46ch;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.45;color:#dfe9ffe0;font-weight:400}.hero-credibility{margin-top:1.2rem;max-width:46ch;font-size:1.0625rem;line-height:1.65;font-weight:400;color:#dfe9ffcc}.pista{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.8rem;padding:0;border:none;background:none;font-family:inherit;font-size:.9375rem;font-weight:400;color:var(--starlight);opacity:.75;cursor:pointer;pointer-events:auto;text-align:left;transition:opacity .3s ease}.pista:after{content:"→";display:inline-block;opacity:0;transform:translate(-4px);transition:opacity .3s ease,transform .3s ease}.pista:hover,.pista:focus-visible{opacity:1}.pista:hover:after,.pista:focus-visible:after{opacity:1;transform:translate(4px)}.pista:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:4px}.scroll-hint{position:absolute;bottom:3rem;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#dfe9ff73;display:flex;flex-direction:column;align-items:center;gap:.8rem}.scroll-hint-line{width:1px;height:42px;background:linear-gradient(to bottom,transparent,var(--blue));animation:drop 2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}60%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(1);opacity:0}}#ui-construyo,#ui-historia,#ui-metodologia{justify-content:flex-start;padding-top:10vh}#ui-journey{justify-content:flex-start;padding-top:12vh}.kicker{font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:var(--cyan);margin-bottom:.8rem}#ui-construyo h2,#ui-journey h2,#ui-cta h2,#ui-historia h2,#ui-metodologia h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.15;text-shadow:0 0 40px rgba(139,92,246,.4)}.journey-hint{margin-top:.9rem;font-size:.78rem;letter-spacing:.15em;color:#dfe9ff66}.glass-card{position:absolute;left:0;top:0;width:min(330px,82vw);max-height:78vh;overflow-y:auto;padding:1.5rem 1.6rem;border-radius:20px;background:#94a3ff12;border:1px solid rgba(223,233,255,.16);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 24px 60px #0505108c,inset 0 1px #ffffff14;transform:translate(-50%,-105%) scale(.92);opacity:0;visibility:hidden;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.3,1),visibility .5s;pointer-events:none;text-align:left}.glass-card.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-105%) scale(1)}.card-tag{font-size:.62rem;letter-spacing:.35em;text-transform:uppercase;color:var(--cyan);margin-bottom:.7rem}.glass-card h3{font-family:var(--font-display);font-size:1.25rem;line-height:1.25;margin-bottom:.7rem}.glass-card p:not(.card-tag){font-size:.82rem;line-height:1.55;color:#dfe9ffcc;font-weight:400}.glass-card p.card-tagline{font-size:.75rem;font-style:italic;font-weight:400;color:#dfe9ff8c;margin-bottom:.5rem}.case-toggle{display:inline-block;margin-top:1rem;padding:0;border:none;background:none;font-family:inherit;font-size:.78rem;font-weight:500;color:var(--cyan);cursor:pointer;pointer-events:auto}.case-toggle:hover,.case-toggle:focus-visible{text-decoration:underline}.case-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.case-detail{margin-top:.6rem;pointer-events:auto}.glass-card p.case-detail-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--cyan);margin-top:.9rem;margin-bottom:.3rem}.case-detail>.case-detail-label:first-child{margin-top:0}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.chips span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(110,231,255,.35);color:#6ee7ffe6}.card-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.6rem;max-width:1040px;width:100%;max-height:46vh;overflow-y:auto;pointer-events:auto}.card-grid li{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem 1.3rem;border-radius:18px;text-align:left;background:#94a3ff12;border:1px solid rgba(223,233,255,.16);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 18px 44px #05051073,inset 0 1px #ffffff12}.card-grid strong{font-family:var(--font-display);font-size:.98rem;color:var(--starlight)}.card-grid span{font-size:.76rem;line-height:1.5;font-weight:400;color:#dfe9ffcc}.steps-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.6rem;max-width:1040px;width:100%}.steps-list li{display:flex;gap:.9rem;align-items:flex-start;padding:1.2rem 1.3rem;border-radius:18px;text-align:left;background:#94a3ff12;border:1px solid rgba(223,233,255,.16);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 18px 44px #05051073,inset 0 1px #ffffff12}.step-number{flex-shrink:0;font-family:var(--font-display);font-size:1.1rem;font-weight:600;line-height:1;color:var(--cyan)}.steps-list li>div{display:flex;flex-direction:column;gap:.4rem}.steps-list strong{font-family:var(--font-display);font-size:.98rem;color:var(--starlight)}.steps-list span{font-size:.76rem;line-height:1.5;font-weight:400;color:#dfe9ffcc}.section-intro,.section-outro{max-width:60ch;margin-top:.8rem;font-size:1.0625rem;line-height:1.65;font-weight:400;color:#dfe9ffcc}#ui-cta{justify-content:flex-end;padding-bottom:9vh}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.6rem;pointer-events:auto}.cta-btn{display:flex;flex-direction:column;gap:.25rem;min-width:230px;padding:1.05rem 1.5rem;border-radius:16px;text-decoration:none;color:var(--starlight);background:#94a3ff12;border:1px solid rgba(223,233,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .35s cubic-bezier(.2,.9,.3,1),border-color .35s,box-shadow .35s}.cta-btn strong{font-family:var(--font-display);font-size:1rem}.cta-btn small{font-size:.78rem;line-height:1.5;font-weight:400;color:#dfe9ff99}.cta-btn:hover,.cta-btn.is-hot,.cta-btn:focus-visible{transform:translateY(-4px);border-color:#6ee7ffa6;box-shadow:0 0 42px #4f7cff59}.cta-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.drag-hint{margin-top:1.6rem;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:#dfe9ff66;transition:opacity .6s ease}.drag-hint-icon{font-size:.9rem;color:var(--cyan)}body.has-dragged .drag-hint{opacity:0}.site-footer{margin-top:2.2rem;font-size:.7rem;line-height:1.6;color:#dfe9ff66}.site-footer-links{margin-top:.2rem}.persistent-contact{position:fixed;right:1.6rem;bottom:1.6rem;z-index:15;padding:.7rem 1.3rem;border-radius:999px;border:1px solid rgba(223,233,255,.25);background:#0a0a188c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--starlight);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;pointer-events:auto;opacity:.85;transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.persistent-contact:hover,.persistent-contact:focus-visible{opacity:1;transform:translateY(-2px)}.persistent-contact:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.persistent-contact.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media (max-width: 640px){.brand{left:1.4rem;top:1.4rem}#ui-journey{padding-top:9vh}.cta-btn{min-width:78vw;padding:.9rem 1.2rem}#ui-cta{padding-bottom:5vh}.persistent-contact{right:1rem;bottom:1rem;padding:.6rem 1.1rem;font-size:.78rem}}@media (prefers-reduced-motion: reduce){.scroll-hint-line,.loader-glyph{animation:none}}