:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18213a;--muted:#687089;--line:#e4e7ef;--surface:#fff;--background:#f5f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0}main{min-height:100vh}.topbar,.hero,.projects,footer{max-width:1180px;margin-inline:auto}.topbar{justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:11px;font-weight:750;text-decoration:none;display:flex}.brandMark{color:#fff;background:#6757d9;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 18px #6757d933}.environment{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:650}.hero{justify-content:space-between;align-items:flex-end;gap:36px;padding:70px 24px 54px;display:flex}.eyebrow{color:#6757d9;text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:12px;font-weight:800}h1{letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(40px,6vw,70px);line-height:.98}.intro{max-width:570px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.55}.summary{flex:none;gap:10px;display:flex}.summary div{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:128px;padding:20px}.summary strong,.summary span{display:block}.summary strong{letter-spacing:-.04em;font-size:30px}.summary span{color:var(--muted);margin-top:3px;font-size:12px}.demoNotice{color:#50469c;background:#f0eefc;border:1px solid #dfdcf8;border-radius:12px;align-items:center;gap:11px;max-width:1132px;margin:0 auto 40px;padding:13px 16px;font-size:13px;display:flex}.demoNotice p{margin:0}.demoNotice>span{color:#7b6de3;font-size:9px}.projects{padding:0 24px 80px}.sectionHeading{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}h2{letter-spacing:-.035em;margin:0;font-size:28px}.projectCount{color:var(--muted);font-size:13px}.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.projectCard{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 10px 35px #1f26420d}.projectCard:before{content:"";background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.projectHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:24px;display:grid}.stationIcon{background:color-mix(in srgb, var(--accent) 12%, white);border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.stationIcon span{border:5px solid var(--accent);width:17px;height:17px;box-shadow:0 0 0 3px white, 0 0 0 5px color-mix(in srgb, var(--accent) 35%, white);border-radius:50%}.projectHeader h3{margin:0 0 4px;font-size:16px}.projectHeader p{color:var(--muted);margin:0;font-size:11px}.status{white-space:nowrap;border-radius:999px;align-self:start;padding:5px 8px;font-size:10px;font-weight:750}.status-operativo{color:#16735b;background:#e8f7f2}.status-en-revisión{color:#9a5b12;background:#fff4df}.status-borrador{color:#697086;background:#eff1f5}.builds{gap:9px;display:grid}.buildCard{background:#fafbfc;border:1px solid #eaecf2;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;display:grid}.platformIcon{border-radius:9px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:850;display:grid}.platform-android{color:#217a58;background:#e4f5ed}.platform-iphone{color:#303747;background:#e9ecf2}.buildInfo strong,.buildInfo span{display:block}.buildInfo strong{font-size:12px}.buildInfo span{color:var(--muted);margin-top:2px;font-size:10px}.buildStatus{font-size:10px;font-weight:700}.build-lista{color:#16735b}.build-procesando{color:#a86317}.build-pendiente{color:#7b8191}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px;font-size:12px;display:flex}@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start}.projectGrid{grid-template-columns:1fr}.projectCard{max-width:none}}@media (max-width:560px){.topbar{height:64px;padding-inline:16px}.environment{font-size:10px}.hero{padding:52px 16px 38px}.summary{width:100%}.summary div{flex:1;min-width:0;padding:16px}.demoNotice{margin:0 16px 32px}.projects{padding:0 16px 60px}.projectCard{padding:18px}.projectHeader{grid-template-columns:auto 1fr}.status{grid-column:2;justify-self:start}footer{flex-direction:column;gap:7px;margin-inline:16px;padding-inline:0}}
