.demo-root{min-height:100vh;color:var(--color-tierra);background:var(--color-papel)}.demo-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.demo-hero-bg,.empezar-art{position:absolute;inset:0;z-index:0;overflow:hidden;isolation:isolate;background-color:var(--color-papel)}.demo-hero-bg:before,.empezar-art:before{content:"";position:absolute;inset:0;background:url(/piloto/hero-corridor.png) 82% 44%/cover no-repeat;transform:scale(1.28);transform-origin:82% 44%}.demo-hero-bg:before{animation:demo-bg-drift 18s ease-in-out infinite alternate}@keyframes demo-bg-drift{0%{transform:scale(1.28) translateZ(0)}to{transform:scale(1.34) translate3d(-1.2%,.8%,0)}}.demo-hero-bg:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,transparent 58%,hsla(37,39%,94%,.5) 84%,var(--color-papel) 100%)}.demo-hero-inner{position:relative;z-index:1;width:min(40rem,100%);padding:clamp(2rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem) clamp(2.5rem,7vw,4.5rem);animation:demo-rise .9s cubic-bezier(.22,1,.36,1) both}.demo-hero-inner--qr{width:min(28rem,100%);background:hsla(37,39%,94%,.96);color:var(--color-tierra);border:2px solid var(--color-dorado-tia);padding:1.35rem 1.25rem 1.5rem;box-shadow:0 20px 48px rgba(44,36,22,.28)}.demo-hero-inner--qr .demo-brand{color:var(--color-verde-nopal);text-shadow:none;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}.demo-hero-inner--qr .demo-headline{color:var(--color-tierra);text-shadow:none;max-width:none}.demo-hero-inner--qr .demo-lede{color:var(--muted);max-width:none}.demo-hero-inner--qr .demo-cta-hint{color:var(--muted)}.demo-hero-inner--qr .demo-cta-secondary{color:var(--color-tierra);border-color:var(--color-tierra);cursor:pointer}.demo-cta-row--secondary{margin-top:1.25rem}@keyframes demo-rise{0%{opacity:0;transform:translate3d(0,1.25rem,0)}to{opacity:1;transform:translateZ(0)}}.demo-brand{font-family:var(--font-display),Palatino,Georgia,serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:.01em;color:#f5f0e8;text-shadow:0 2px 24px rgba(44,36,22,.45);margin-bottom:.75rem;line-height:1.15}.demo-brand-tia{color:var(--color-dorado-tia)}.demo-headline{font-family:var(--font-display),Palatino,Georgia,serif;font-size:clamp(1.35rem,3.8vw,1.85rem);font-weight:600;line-height:1.25;color:#fffdf8;max-width:18ch;margin-bottom:.85rem;text-shadow:0 2px 18px rgba(44,36,22,.4)}.demo-lede{font-size:1.125rem;line-height:1.45;color:hsla(37,39%,94%,.92);max-width:32ch;margin-bottom:1.5rem}.demo-lede strong{color:var(--color-dorado-tia);font-weight:600}.demo-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.65rem}.demo-cta-primary,.demo-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.35rem;font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.05rem;font-weight:600;border-radius:2px;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.demo-cta-primary{background:var(--color-dorado-tia);color:var(--color-tierra);border:2px solid var(--color-dorado-tia)}.demo-cta-primary:hover{background:#d4b03a;color:var(--color-tierra);text-decoration:none;transform:translateY(-2px)}.demo-cta-secondary{background:transparent;color:#f5f0e8;border:2px solid hsla(37,39%,94%,.65)}.demo-cta-secondary:hover{border-color:#f5f0e8;color:#fff;text-decoration:none;transform:translateY(-2px)}.demo-cta-hint{font-family:var(--font-mono),"IBM Plex Mono",monospace;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:hsla(37,39%,94%,.7)}.demo-stage{padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem) 4rem;max-width:40rem;margin:0 auto;animation:demo-rise 1s cubic-bezier(.22,1,.36,1) .15s both}.demo-stage-title{font-family:var(--font-display),Palatino,Georgia,serif;font-size:1.65rem;color:var(--color-verde-nopal);margin-bottom:.5rem}.demo-stage-copy{color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem}.demo-meta{list-style:none;display:grid;grid-gap:.65rem;gap:.65rem;margin-bottom:1.25rem;padding:0}.demo-meta li{display:grid;grid-template-columns:6.5rem 1fr;grid-gap:.5rem;gap:.5rem;align-items:baseline;padding-bottom:.55rem;border-bottom:1px solid var(--border)}.demo-meta-k{font-family:var(--font-mono),monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.demo-meta-v{font-size:.95rem;color:var(--color-tierra)}.demo-meta-v.mono,.mono{font-family:var(--font-mono),monospace;font-size:.85rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-links{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.75rem}.demo-links a{font-weight:600;color:var(--color-verde-cenote);min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.demo-planb{border-left:3px solid var(--color-terracotta);padding:.85rem 0 .85rem 1rem;margin-bottom:2rem;background:transparent}.demo-planb strong{display:block;font-family:var(--font-display),Palatino,Georgia,serif;color:var(--color-terracotta);margin-bottom:.35rem}.demo-planb p{color:var(--muted);font-size:1rem;margin:0}.demo-footer-cta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}.demo-piloto-link{display:inline-flex;align-items:center;min-height:48px;padding:.65rem 1.25rem;background:var(--color-verde-nopal);color:#f5f0e8!important;font-family:var(--font-display),Palatino,Georgia,serif;font-weight:600;text-decoration:none!important;border-radius:2px;cursor:pointer}.demo-piloto-link:hover{background:var(--color-verde-cenote);color:#fff!important}.demo-backup-link{font-weight:600;color:var(--color-tierra);cursor:pointer}@media (prefers-reduced-motion:reduce){.demo-hero-bg:before,.demo-hero-inner,.demo-stage{animation:none}.demo-hero-bg:before{transform:scale(1.28)}.wa-qr--hero .wa-qr-frame:hover{transform:none}}.wa-qr{margin:0 0 .5rem;max-width:17.5rem}.wa-qr--hero .wa-qr-frame{display:block;padding:.65rem;background:hsla(37,39%,94%,.94);border:2px solid var(--color-dorado-tia);border-radius:2px;box-shadow:0 12px 40px rgba(44,36,22,.35);transition:transform .2s ease,box-shadow .2s ease}.wa-qr--hero .wa-qr-frame:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(44,36,22,.4);text-decoration:none}.wa-qr--hero img{display:block;width:100%;height:auto;border-radius:1px}.wa-qr-caption{margin-top:.75rem;font-size:.95rem;color:hsla(37,39%,94%,.9);line-height:1.35}.wa-qr-fallback{font-size:.95rem;font-weight:600;color:#f5f0e8!important;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.wa-qr-fallback:hover{color:var(--color-dorado-tia)!important}.wa-qr--stage .wa-qr-frame{display:inline-block;padding:.5rem;background:var(--color-papel);border:1px solid var(--border)}.wa-qr--stage .wa-qr-caption,.wa-qr--stage .wa-qr-fallback,.wa-qr--stage .wa-qr-steps{color:var(--muted)}.wa-qr--stage .wa-qr-fallback{color:var(--color-verde-cenote)!important}.empezar-root{min-height:100svh;position:relative;isolation:isolate;background:var(--color-papel)}.empezar-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 92% 88% at 50% 50%,transparent 42%,rgba(44,36,22,.18) 100%)}.empezar-main{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,2.5rem)}.empezar-card{width:min(26.5rem,100%);background:var(--card);color:var(--color-tierra);border:2px solid var(--color-dorado-tia);border-radius:2px;padding:clamp(1.25rem,4vw,1.75rem) clamp(1.15rem,3.5vw,1.6rem) 1.5rem;box-shadow:0 20px 48px rgba(44,36,22,.28);text-align:center}.empezar-kicker{font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-verde-nopal);margin-bottom:.4rem}.empezar-kicker,.empezar-title{font-family:var(--font-display),Palatino,Georgia,serif;font-weight:700}.empezar-title{font-size:clamp(1.55rem,4.2vw,2rem);line-height:1.2;color:var(--color-tierra);margin-bottom:.45rem}.empezar-lede{font-size:1.05rem;line-height:1.45;color:var(--muted);margin-bottom:1rem}.empezar-lede strong{color:var(--color-verde-nopal)}.empezar-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.25rem;margin-top:.75rem;background:var(--color-verde-nopal);color:var(--color-papel)!important;font-family:var(--font-ui),"IBM Plex Sans",sans-serif;font-weight:600;text-decoration:none!important;cursor:pointer}.empezar-cta:hover{background:var(--color-verde-cenote)}.empezar-cta:focus-visible,.empezar-nav a:focus-visible,.wa-qr-cta:focus-visible,.wa-qr-frame:focus-visible{outline:3px solid var(--color-dorado-tia);outline-offset:3px}.empezar-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid var(--border)}.empezar-nav a{font-family:var(--font-ui),"IBM Plex Sans",sans-serif;font-size:.95rem;font-weight:600;color:var(--color-verde-cenote);min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.empezar-nav a:hover{color:var(--color-verde-nopal)}.wa-qr--card{margin:0 auto;max-width:17.5rem}.wa-qr--card .wa-qr-frame{display:block;padding:.55rem;background:#fff;border:1px solid var(--border);cursor:pointer}.wa-qr--card .wa-qr-frame:hover{text-decoration:none;border-color:var(--color-dorado-tia)}.wa-qr--card img{display:block;width:100%;height:auto}.wa-qr--card .wa-qr-caption{margin-top:.7rem;font-size:.95rem;color:var(--muted)}.wa-qr-steps{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin:.7rem 0 .85rem;padding:0;text-align:left;font-family:var(--font-ui),"IBM Plex Sans",sans-serif;font-size:.95rem;color:var(--color-tierra)}.wa-qr--hero .wa-qr-steps{color:hsla(37,39%,94%,.92)}.wa-qr-steps li{display:flex;align-items:center;gap:.5rem}.wa-qr-step-n{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;flex-shrink:0;font-family:var(--font-mono),monospace;font-size:.7rem;font-weight:600;background:var(--color-verde-nopal);color:var(--color-papel)}.wa-qr-steps em{font-style:normal;font-weight:700;color:var(--color-verde-nopal)}.wa-qr--hero .wa-qr-steps em{color:var(--color-dorado-tia)}.wa-qr-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.7rem 1rem;background:var(--color-verde-nopal);color:var(--color-papel)!important;font-family:var(--font-ui),"IBM Plex Sans",sans-serif;font-size:1rem;font-weight:600;text-decoration:none!important;cursor:pointer}.wa-qr-cta:hover{background:var(--color-verde-cenote)}@media (max-width:767px){.demo-hero-bg:before,.empezar-art:before{background-position:70% 40%;transform-origin:70% 40%}.empezar-art:before{transform:scale(1.16)}}@media (min-width:1440px){.empezar-art:before{transform:scale(1.36)}.demo-hero-bg:before,.empezar-art:before{transform-origin:86% 44%}}@media (max-width:480px){.empezar-card{padding:1.15rem 1rem 1.25rem}}