.demos-page{background:var(--hf-color-background-primary);color:var(--hf-color-text-primary);min-height:100dvh;font-family:Geist,Geist Fallback,system-ui,sans-serif}.demos-page .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demos-gate{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.demos-gate__card{background:var(--hf-color-glass-dark);border:1px solid var(--hf-color-transparent-light-05);border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;padding:40px 28px 32px;display:flex}.demos-gate__title{letter-spacing:-.01em;margin:4px 0 8px;font-size:20px;font-weight:700}.demos-gate__field{background:var(--hf-color-background-secondary);border:1px solid var(--hf-color-border-default);border-radius:12px;align-items:center;width:100%;display:flex}.demos-gate__field input{color:var(--hf-color-text-primary);letter-spacing:.3em;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:48px;padding:0 0 0 16px;font-size:15px}.demos-gate__field input::placeholder{color:var(--hf-color-text-secondary);letter-spacing:normal}.demos-gate__field:focus-within{border-color:var(--hf-color-border-focus)}.demos-gate__eye{color:var(--hf-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.demos-gate__eye:hover{color:var(--hf-color-text-primary)}.demos-gate__error{color:var(--hf-color-button-destructive);align-self:flex-start;margin:-6px 0 0;font-size:13px}.demos-gate__submit{background:var(--hf-color-blue-500);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;min-height:48px;font-size:15px;font-weight:600}.demos-gate__submit:disabled{cursor:not-allowed;opacity:.5}.demos-gate__submit:not(:disabled):hover{filter:brightness(1.08)}.demos-gate__submit:focus-visible,.demos-gate__eye:focus-visible,.demos-gate__field input:focus-visible{outline:2px solid var(--hf-color-border-focus);outline-offset:2px}.demos-gate__privado{color:var(--hf-color-text-tertiary,var(--hf-color-text-secondary));letter-spacing:.04em;margin-top:4px;font-size:12px}.demos-portal{max-width:720px;margin:0 auto;padding:24px 20px 64px}.demos-portal__header{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 24px;display:flex}.demos-portal__brand{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.demos-portal__new{background:var(--hf-color-blue-500);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.demos-portal__new:hover{filter:brightness(1.08)}.demos-empty{border:1px dashed var(--hf-color-border-default);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:48px 20px;display:flex}.demos-empty p{color:var(--hf-color-text-secondary);font-size:14px}.demos-empty button{background:var(--hf-color-background-secondary);border:1px solid var(--hf-color-border-default);color:var(--hf-color-text-primary);cursor:pointer;border-radius:10px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600}.demos-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.demo-card{background:var(--hf-color-background-secondary);border:1px solid var(--hf-color-border-default);border-radius:16px;padding:16px 18px}.demo-card__cliente{font-size:16px;font-weight:700}.demo-card__meta{color:var(--hf-color-text-secondary);margin-top:2px;font-size:13px}.demo-card__vence{color:var(--hf-color-text-secondary);margin-top:6px;font-size:12px}.demo-card__vence--off{color:var(--hf-color-button-destructive)}.demo-card__code{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:12px;display:flex}.demo-card__code span{letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:15px;font-weight:700}.demo-card__code a{color:var(--hf-color-blue-500);word-break:break-all;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;text-decoration:none}.demo-card__code a:hover{text-decoration:underline}.demo-card__actions{border-top:1px solid var(--hf-color-border-default);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;display:flex}.demo-card__actions a,.demo-card__actions button{background:var(--hf-color-background-tertiary);border:1px solid var(--hf-color-border-default);color:var(--hf-color-text-primary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.demo-card__actions a:hover,.demo-card__actions button:hover{border-color:var(--hf-color-transparent-light-15)}.demos-form-page{max-width:560px;min-height:100dvh;margin:0 auto;padding:20px 20px 40px}.demos-form-page__header{justify-content:space-between;align-items:center;padding:4px 0 24px;display:flex}.demos-form-page__header button{color:var(--hf-color-text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.demos-form-page__header h1{font-size:17px;font-weight:700}.demos-form-page__spacer{width:44px}.demos-form-page__fields{flex-direction:column;gap:18px;display:flex}.demos-form-page__fields label{color:var(--hf-color-text-secondary);flex-direction:column;gap:8px;font-size:13px;display:flex}.demos-form-page__fields input,.demos-form-page__fields textarea{background:var(--hf-color-background-secondary);border:1px solid var(--hf-color-border-default);color:var(--hf-color-text-primary);resize:vertical;border-radius:12px;outline:none;min-height:48px;padding:12px 14px;font-family:inherit;font-size:15px}.demos-form-page__fields textarea{min-height:92px}.demos-form-page__fields input:focus,.demos-form-page__fields textarea:focus{border-color:var(--hf-color-border-focus)}.demos-form-page__secciones{flex-direction:column;gap:10px;display:flex}.demos-form-page__secciones-label{color:var(--hf-color-text-secondary);font-size:13px}.demos-form-page__chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--hf-color-background-secondary);border:1px solid var(--hf-color-border-default);color:var(--hf-color-text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.chip--on{background:color-mix(in srgb, var(--hf-color-green-500) 16%, transparent);border-color:var(--hf-color-green-500);color:var(--hf-color-green-500)}.demos-form-page__submit{background:var(--hf-color-blue-500);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;min-height:52px;margin-top:28px;font-size:15px;font-weight:700}.demos-form-page__submit:disabled{cursor:not-allowed;opacity:.5}.demos-form-page__submit:not(:disabled):hover{filter:brightness(1.08)}.demos-generated{background:var(--hf-color-background-secondary);border:1px solid var(--hf-color-border-default);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:28px 22px;display:flex}.demos-generated__label{color:var(--hf-color-text-secondary);font-size:12px}.demos-generated__code{color:var(--hf-color-blue-500);letter-spacing:.14em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:32px;font-weight:700}.demos-generated__link{color:var(--hf-color-blue-500);word-break:break-all;align-items:center;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;text-decoration:none;display:flex}.demos-generated__link:hover{text-decoration:underline}.demos-generated__bar{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:16px;display:flex}.demos-generated__bar a,.demos-generated__bar button{background:var(--hf-color-background-tertiary);border:1px solid var(--hf-color-border-default);color:var(--hf-color-text-primary);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:100px;min-height:44px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.demos-generated__bar a:hover,.demos-generated__bar button:hover{border-color:var(--hf-color-transparent-light-15)}.demos-generated__done{color:var(--hf-color-text-secondary);cursor:pointer;background:0 0;border:0;min-height:44px;margin-top:20px;font-size:13px;font-weight:600}.demos-generated__done:hover{color:var(--hf-color-text-primary)}@media (width>=640px){.demos-gate__card{padding:48px 40px 36px}}.chip--fija{cursor:default}.d-page{color:#f8fafc;background:#0b1120;min-height:100dvh;font-family:Geist,Geist Fallback,system-ui,sans-serif}.d-notice,.d-gate{grid-template-columns:minmax(0,1fr);place-items:center;min-height:100dvh;padding:24px;display:grid}.d-notice__card,.d-gate__card{width:100%;max-width:30rem}.d-notice__kicker,.d-gate__kicker{color:#38bdf8;letter-spacing:.14em;font:700 11px JetBrains Mono,ui-monospace,monospace}.d-notice__card h1,.d-gate__card h1{letter-spacing:-.02em;margin:14px 0 10px;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;line-height:1.1}.d-notice__card p{color:#94a3b8;font-size:1rem;line-height:1.6}.d-gate__body{color:#94a3b8;margin:0 0 22px;font-size:.95rem;line-height:1.6}.d-gate__card form{gap:10px;display:flex}.d-gate__input{color:#f8fafc;letter-spacing:.12em;text-transform:uppercase;background:#0b1120;border:1px solid #38bdf833;border-radius:10px;flex:1;min-width:0;min-height:48px;padding:0 16px;font:600 1rem JetBrains Mono,ui-monospace,monospace}.d-gate__input:focus-visible{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf826}.d-gate__submit{color:#0b1120;cursor:pointer;background:#38bdf8;border:none;border-radius:10px;min-width:88px;min-height:48px;padding:0 18px;font-weight:700}.d-gate__submit:disabled{cursor:not-allowed;opacity:.5}.d-gate__submit:focus-visible{outline-offset:2px;outline:2px solid #f8fafc}.d-gate__error{color:#f87171;margin-top:12px;font-size:.9rem}.d-show{scroll-snap-type:y mandatory;height:100dvh;overflow:clip auto}.d-section{box-sizing:border-box;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always;align-content:center;height:100dvh;padding:96px 24px;display:grid;position:relative}.d-section--wide{padding-inline:6vw}.d-section:not(.d-section--wide):not(.d-hero){text-align:center;justify-items:center}.d-section:not(.d-section--wide):not(.d-hero) .d-section__title,.d-section:not(.d-section--wide):not(.d-hero) .d-section__body,.d-section:not(.d-section--wide):not(.d-hero) .d-story__quote{margin-inline:auto}.d-section__kicker{color:#38bdf8;letter-spacing:.14em;font:700 11px JetBrains Mono,ui-monospace,monospace}.d-section__title{letter-spacing:-.03em;max-width:22ch;margin:14px 0 16px;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.08}.d-section__body{color:#cbd5e1;max-width:46ch;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.d-section__body--pre{white-space:pre-line}.d-section--shots{align-content:start;padding-block:72px 40px;overflow-y:auto}.d-section--shots .d-section__texture{opacity:.24}.d-shots{flex-wrap:wrap;justify-content:center;gap:20px;max-width:100%;margin:28px 0 0;padding:4px 4px 12px;list-style:none;display:flex}.d-shots__item{flex:0 180px;width:180px;padding-top:14px}.d-shots__phone{background:#0b1120;border:1.5px solid #94a3b83d;border-radius:26px;transition:transform .25s;display:block;overflow:hidden;box-shadow:0 24px 48px -12px #000a,inset 0 0 0 1px #ffffff08}.d-shots__item:nth-child(odd) .d-shots__phone{transform:rotate(-3deg)}.d-shots__item:nth-child(2n) .d-shots__phone{transform:rotate(2.5deg)}.d-shots__item:hover .d-shots__phone{transform:rotate(0)scale(1.02)}.d-shots__phone img{aspect-ratio:9/19.5;object-fit:cover;width:100%;display:block}.d-shots__caption{color:#cbd5e1;text-align:center;margin:0;padding:12px 4px;font-size:.85rem;line-height:1.4}@media (width<=640px){.d-shots__item{flex-basis:min(42vw,150px);width:min(42vw,150px)}}.d-section__texture{opacity:.16;pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(#0b1120e0,#0b1120f5 60%,#0b1120),url(/assets/demos/grupo-crystal/fabric-texture.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.d-watermark{color:#f8fafc;opacity:.06;pointer-events:none;z-index:-1;position:absolute}.d-watermark--logo{width:auto;height:22px;top:28px;right:28px}.d-watermark--crew{letter-spacing:.14em;align-items:center;gap:5px;font:700 10px JetBrains Mono,ui-monospace,monospace;display:flex;bottom:24px;right:28px}.d-watermark--crew i{background:currentColor;border-radius:999px;width:4px;height:4px;display:inline-block}@media (width<=640px){.d-watermark--logo{height:18px;top:18px;right:18px}.d-watermark--crew{bottom:16px;right:18px}}.d-hero{overflow:hidden}.d-hero__logo{width:auto;height:32px;margin-bottom:18px;position:relative}.d-hero__lead{align-items:center;gap:10px;margin-top:18px;display:flex;position:relative}.d-hero__lead-avatar{object-fit:cover;border-radius:999px;width:28px;height:28px}.d-hero__lead-avatar--initials{color:#38bdf8;background:#38bdf833;justify-content:center;align-items:center;font:700 .8rem JetBrains Mono,ui-monospace,monospace;display:grid}.d-hero__lead-name{color:#cbd5e1;font-size:.88rem;font-weight:600}.d-story__quote{color:#f8fafc;border-left:2px solid #38bdf8;max-width:40ch;margin:20px 0 0;padding-left:16px;font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:700;line-height:1.4;position:relative}.d-hero__aurora{z-index:-1;background:radial-gradient(640px 420px at 18% 8%,#38bdf833,#0000 70%) 50%/cover,radial-gradient(560px 420px at 88% 82%,#22c55e22,#0000 70%) 50%/cover,linear-gradient(100deg,#0b1120f0 34%,#0b1120e0 55%,#0b1120cc) 50%/cover,url(/assets/demos/grupo-crystal/fabric-texture.jpg) 50%/cover;position:absolute;inset:0}.d-hero__highlight{color:#38bdf8}.d-hero__kicker{color:#38bdf8;letter-spacing:.16em;font:700 11px JetBrains Mono,ui-monospace,monospace;position:relative}.d-hero__client{letter-spacing:-.04em;margin:10px 0 18px;font-size:clamp(2.6rem,11vw,6rem);font-weight:800;line-height:.98;position:relative}.d-hero__meta{color:#94a3b8;letter-spacing:.02em;font:600 .9rem JetBrains Mono,ui-monospace,monospace;position:relative}.d-rail{z-index:20;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.d-rail__dot{background:#38bdf833;border-radius:999px;width:8px;height:8px;transition:background-color .2s,transform .2s;display:block;position:relative}.d-rail__dot.is-active{background:#38bdf8;transform:scale(1.35);box-shadow:0 0 10px #38bdf8aa}.d-rail__dot:focus-visible{outline-offset:3px;outline:2px solid #38bdf8}.d-rail__tip{color:#f8fafc;opacity:0;pointer-events:none;white-space:nowrap;background:#0b1120;border:1px solid #38bdf833;border-radius:6px;padding:4px 8px;font-size:.72rem;transition:opacity .15s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.d-rail__dot:hover .d-rail__tip,.d-rail__dot:focus-visible .d-rail__tip{opacity:1}@media (width<=640px){.d-rail{right:12px}.d-rail__tip{display:none}}.d-team{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;max-width:72rem;margin:0;padding:0;list-style:none;display:grid}.d-team__card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:16px}.d-team__card h3{margin:10px 0 4px;font-size:1rem;font-weight:700}.d-team__role{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.4}.d-team__node{border-radius:999px;width:10px;height:10px;display:inline-block}.d-team__node--blue{background:#38bdf8;box-shadow:0 0 10px #38bdf880}.d-team__node--green{background:#22c55e;box-shadow:0 0 10px #22c55e80}.d-team__node--violet{background:#c084fc;box-shadow:0 0 10px #c084fc80}.d-how{gap:12px;max-width:44rem;margin:0;padding:0;list-style:none;display:grid}.d-how__step h3{margin:0 0 4px;font-size:1.02rem;font-weight:700}.d-how__step p{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.5}.d-how--flow{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px 16px;max-width:68rem;display:grid;position:relative}.d-how--flow .d-how__step{position:relative}.d-how--flow .d-how__step:not(:last-child):after{content:"";background:repeating-linear-gradient(90deg,#38bdf866 0 6px,#0000 6px 12px);width:12px;height:1.5px;position:absolute;top:26px;left:calc(100% + 2px)}.d-how__step-num{color:#38bdf866;letter-spacing:.1em;margin-bottom:8px;font:700 11px JetBrains Mono,ui-monospace,monospace;display:block}.d-how__step-icon{color:#38bdf8;background:#38bdf81a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:grid}@media (width<=860px){.d-how--flow{grid-template-columns:1fr}.d-how--flow .d-how__step:not(:last-child):after{display:none}}.d-gate-card{background:linear-gradient(100deg,#38bdf814,#22c55e0f 55%,#0000);border:1.5px solid #22c55e88;border-radius:14px;padding:18px 20px;box-shadow:0 0 24px #22c55e22}.d-gate-card__dot{background:#22c55e;border-radius:999px;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #22c55eaa}.d-gate-card__label{color:#22c55e;letter-spacing:.12em;font:700 11px JetBrains Mono,ui-monospace,monospace}.d-gate-card__line{color:#f8fafc;margin:10px 0 0;font-size:1.05rem;font-weight:700}.d-next__cta{color:#0b1120;background:#38bdf8;border-radius:999px;width:fit-content;min-height:44px;margin-top:20px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-block}.d-next__cta:focus-visible{outline-offset:3px;outline:2px solid #f8fafc}@media (prefers-reduced-motion:reduce){.d-show{scroll-behavior:auto}}