.app-demo[data-astro-cid-f4usptub]{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin:24px 0;padding:40px 32px;display:grid}.app-demo[data-astro-cid-f4usptub] h2[data-astro-cid-f4usptub]{font-size:var(--text-2xl);margin:12px 0;line-height:1.2}.app-demo-copy[data-astro-cid-f4usptub] p[data-astro-cid-f4usptub]{font-size:var(--text-base);color:var(--muted);margin:0 0 18px;line-height:1.6}.app-demo-accesos[data-astro-cid-f4usptub] div[data-astro-cid-f4usptub]{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:4px;padding:12px 14px;display:grid}.app-demo-accesos[data-astro-cid-f4usptub] dt[data-astro-cid-f4usptub]{font:500 var(--text-xs)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.app-demo-accesos[data-astro-cid-f4usptub] dd[data-astro-cid-f4usptub]{font-size:var(--text-sm);margin:0}.app-demo-accesos[data-astro-cid-f4usptub] code[data-astro-cid-f4usptub]{font:var(--text-sm)/1.4 var(--mono)}.app-demo-copy[data-astro-cid-f4usptub] .app-demo-nota[data-astro-cid-f4usptub]{font-size:var(--text-sm)}.app-demo-telefono[data-astro-cid-f4usptub]{justify-content:center;display:flex}.app-demo-pantalla[data-astro-cid-f4usptub]{height:100%;position:relative}.app-demo-portada[data-astro-cid-f4usptub],.app-demo-portada[data-astro-cid-f4usptub] .system-shot{height:100%}.app-demo-abrir[data-astro-cid-f4usptub]{background:var(--button);color:var(--button-fg);font:500 var(--text-sm)/1 var(--font);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:14px 20px;position:absolute;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #00000040}.app-demo-abrir[data-astro-cid-f4usptub]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app-demo-pantalla[data-astro-cid-f4usptub] iframe[data-astro-cid-f4usptub]{background:var(--surface);border:0;width:100%;height:100%;display:block}.app-demo-pantalla[data-astro-cid-f4usptub] iframe[data-astro-cid-f4usptub][hidden]{display:none}@media (width<=900px){.app-demo[data-astro-cid-f4usptub]{grid-template-columns:1fr;gap:24px;padding:24px 18px}}.app-demo-selector[data-astro-cid-f4usptub]{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.app-demo-selector[data-astro-cid-f4usptub] button[data-astro-cid-f4usptub][aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.app-demo-telefono[data-astro-cid-f4usptub] .device-iphone{--iphone-width:min(100%,300px)}@media (width<=900px){.app-demo[data-astro-cid-f4usptub]{gap:16px;margin:0;padding:32px 20px}.app-demo-accesos[data-astro-cid-f4usptub],.app-demo-copy[data-astro-cid-f4usptub] .app-demo-nota[data-astro-cid-f4usptub]{display:none}.app-demo-copy[data-astro-cid-f4usptub] p[data-astro-cid-f4usptub]{font-size:var(--text-sm);margin-bottom:10px}.app-demo-selector[data-astro-cid-f4usptub]{gap:8px;margin:12px 0}.app-demo-selector[data-astro-cid-f4usptub] button[data-astro-cid-f4usptub]{font-size:var(--text-xs);padding:10px}.app-demo-telefono[data-astro-cid-f4usptub] .device-iphone{--iphone-width:min(250px,29svh)}}@media (width>=901px){.app-demo[data-astro-cid-f4usptub]{box-sizing:border-box;min-height:100svh}.app-demo-telefono[data-astro-cid-f4usptub] .device-iphone{--iphone-width:min(300px,34svh)}}.public-site .experience .app-demo,.app-demo{background:var(--bg);border:0;border-radius:0;gap:48px;margin:0;padding:64px max(48px,50% - 660px);overflow:hidden}.app-demo-copy{max-width:540px}.app-demo-selector{gap:8px}.app-demo-escena{width:min(300px,34svh);margin-bottom:70px;position:relative}.app-demo-escena .device-iphone{z-index:2;--iphone-width:104%;width:104%;max-width:104%;margin-left:-2%;position:relative}.app-demo-mano{pointer-events:none;z-index:1;top:-3%;left:-62%;transform:scaleX(-1);width:238%!important;max-width:none!important;height:auto!important;position:absolute!important}.app-demo-telefono{min-width:0}.app-demo-copy .app-demo-nota{display:block}@media (width<=900px){.public-site .experience .app-demo,.app-demo{grid-template-columns:1fr;gap:20px;padding:40px 24px}.app-demo-copy{max-width:580px}.app-demo-escena{width:min(270px,29svh);margin-bottom:60px}.app-demo h2{font-size:var(--text-xl)}.app-demo-copy>p:first-of-type{display:none}}@media (width<=540px){.public-site .experience .app-demo,.app-demo{padding-inline:18px}}