.case-study-root.svelte-1byqncn{--principal:#1d1d1f;--secundario:#86868b;--enfasis:#0071e3;--fondo:#fff;--fondo-suave:#f5f5f7;--borde:#e8e8ed;font-family:var(--font-sans);background:var(--fondo);color:var(--principal);-webkit-font-smoothing:antialiased;width:100%}.hero.svelte-1byqncn{background:var(--fondo-suave);padding:100px 48px 80px}.hero-inner.svelte-1byqncn{max-width:800px;margin:0 auto}.hero-tag.svelte-1byqncn{letter-spacing:1.5px;text-transform:uppercase;color:var(--enfasis);margin-bottom:20px;font-size:12px;font-weight:600;display:inline-block}.hero.svelte-1byqncn h1:where(.svelte-1byqncn){letter-spacing:-2px;border:none;margin-bottom:20px;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.05}.hero-sub.svelte-1byqncn{color:var(--secundario);margin-bottom:40px;font-size:20px;font-weight:400;line-height:1.5}.tags.svelte-1byqncn{flex-wrap:wrap;gap:8px;display:flex}.tag.svelte-1byqncn{border:1px solid var(--borde);background:#fff;border-radius:100px;padding:6px 14px;font-size:13px}.mockup-container.svelte-1byqncn{background:var(--fondo-suave);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);justify-content:center;padding:80px 48px;display:flex}.window-mockup.svelte-1byqncn{--mock-inner-height:calc(550px - 34px);background:#fff;border:1px solid #00000014;border-radius:16px;width:100%;max-width:1000px;height:550px;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 30px 100px #00000026,0 10px 20px #0000000d}.window-mockup.svelte-1byqncn:hover{transform:translateY(-8px);box-shadow:0 50px 120px #0003,0 20px 40px #0000001a}.window-header.svelte-1byqncn{border-bottom:1px solid var(--borde);background:#f8f8f9;align-items:center;gap:7px;height:34px;padding:0 18px;display:flex}.dot.svelte-1byqncn{border-radius:50%;width:9px;height:9px}.dot.red.svelte-1byqncn{background:#ff5f57;border:1px solid #e0443e}.dot.yellow.svelte-1byqncn{background:#ffbd2e;border:1px solid #dea123}.dot.green.svelte-1byqncn{background:#28c840;border:1px solid #1aab29}.window-content.svelte-1byqncn{cursor:n-resize;width:100%;height:calc(100% - 34px);overflow:hidden}.window-content.svelte-1byqncn img:where(.svelte-1byqncn){width:100%;height:auto;transition:transform 6s ease-in-out;display:block}.window-mockup.svelte-1byqncn:hover .window-content:where(.svelte-1byqncn) img:where(.svelte-1byqncn){transform:translateY(min(0px, calc(-100% + var(--mock-inner-height))))}.stats-section.svelte-1byqncn{color:#fff;background:#1d1d1f;padding:48px}.stats-grid.svelte-1byqncn{grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.stat.svelte-1byqncn{text-align:center;border-right:1px solid #ffffff1a;padding:24px}.stat.svelte-1byqncn:last-child{border-right:none}.stat-num.svelte-1byqncn{color:#fff;letter-spacing:-1.5px;font-size:42px;font-weight:700;display:block}.stat-label.svelte-1byqncn{color:#ffffff80;margin-top:6px;font-size:13px;display:block}.content.svelte-1byqncn{max-width:760px;margin:0 auto;padding:80px 24px}.section.svelte-1byqncn{margin-bottom:64px}.section-label.svelte-1byqncn{letter-spacing:2px;text-transform:uppercase;color:var(--secundario);border-bottom:1px solid var(--borde);margin-bottom:16px;padding-bottom:12px;font-size:11px;font-weight:600;display:block}.stack-label.svelte-1byqncn{border-bottom:none;padding-bottom:0}.section.svelte-1byqncn h2:where(.svelte-1byqncn){color:var(--principal);border:none;margin-bottom:16px;font-size:28px;font-weight:700}.section-body.svelte-1byqncn p{color:#3a3a3c;margin-bottom:16px;font-size:17px;line-height:1.8}.section-body.svelte-1byqncn p:last-child{margin-bottom:0}.mockup-grid-container.svelte-1byqncn{background:var(--fondo-suave);justify-content:center;gap:40px;padding:80px 48px;display:flex}.window-mockup-small.svelte-1byqncn{background:#fff;border:1px solid #0000000f;border-radius:14px;flex:1;max-width:500px;height:380px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 8px 15px #0000000a}.window-mockup-small.svelte-1byqncn:hover{transform:translateY(-5px)}.window-content-static.svelte-1byqncn{width:100%;height:calc(100% - 34px)}.window-content-static.svelte-1byqncn img:where(.svelte-1byqncn){object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.stack-section.svelte-1byqncn{background:var(--fondo-suave);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);padding:64px 48px}.stack-inner.svelte-1byqncn{max-width:760px;margin:0 auto}.stack-grid.svelte-1byqncn{flex-wrap:wrap;gap:10px;display:flex}.stack-item.svelte-1byqncn{background:var(--principal);color:#fff;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500}.cta-section.svelte-1byqncn{text-align:center;padding:100px 48px}.btn.svelte-1byqncn{background:var(--enfasis);color:#fff;border-radius:100px;align-items:center;gap:8px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn.svelte-1byqncn:hover{opacity:.85;transform:translateY(-2px)}.btn-outline.svelte-1byqncn{color:var(--principal);border:1.5px solid var(--borde);background:0 0}.btn-github.svelte-1byqncn{background:#1d1d1f}.cta-actions.svelte-1byqncn{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}html.dark .case-study-root.svelte-1byqncn{--principal:#f5f5f7;--secundario:#a1a1aa;--enfasis:#8fd4ff;--fondo:#0a0a0a;--fondo-suave:#111113;--borde:#ffffff1f;background:radial-gradient(circle at 50% 0%, #0071e324, transparent 36rem), var(--fondo)}html.dark .hero.svelte-1byqncn,html.dark .mockup-container.svelte-1byqncn,html.dark .mockup-grid-container.svelte-1byqncn,html.dark .stack-section.svelte-1byqncn{background:var(--fondo-suave)}html.dark .tag.svelte-1byqncn,html.dark .window-mockup.svelte-1byqncn,html.dark .window-mockup-small.svelte-1byqncn{border-color:var(--borde);background:#18181b}html.dark .window-header.svelte-1byqncn{border-color:var(--borde);background:#202024}html.dark .section-body.svelte-1byqncn p{color:#d4d4d8}html.dark .stats-section.svelte-1byqncn{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);background:#050505}html.dark .stack-item.svelte-1byqncn{color:#f5f5f7;background:#ffffff14;border:1px solid #ffffff14}html.dark .btn-outline.svelte-1byqncn{color:#f5f5f7;border-color:#ffffff38}html.dark .btn-github.svelte-1byqncn{color:#0a0a0a;background:#f5f5f7}@media (width<=768px){.stats-grid.svelte-1byqncn{grid-template-columns:repeat(2,1fr)}.mockup-grid-container.svelte-1byqncn{flex-direction:column;gap:30px;padding:40px 24px}.window-mockup.svelte-1byqncn{--mock-inner-height:calc(350px - 34px);height:350px}.window-mockup-small.svelte-1byqncn{height:280px}.cta-section.svelte-1byqncn .btn:where(.svelte-1byqncn){justify-content:center;width:100%;max-width:320px;margin-left:auto;margin-right:auto;display:flex}.cta-section.svelte-1byqncn .btn-outline:where(.svelte-1byqncn){display:flex}}
