@font-face{font-family:Demos Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(/ejemplos/assets/shared/fonts/sora.woff2) format("woff2")}@font-face{font-family:Demos Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/ejemplos/assets/shared/fonts/manrope.woff2) format("woff2")}.demos-index-page{padding-top:74px;background-color:#121518;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:56px 56px}.demos-index{--bg:#121518;--panel:#1b2026;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--text:#eef1f4;--dim:#a3acb6;--green:#3cb22c;--orange:#f7951d;--blue:#1ea1e8;--tri:linear-gradient(100deg,var(--green) 0%,var(--orange) 50%,var(--blue) 100%);color:var(--text);font:16px/1.6 Demos Manrope,system-ui,sans-serif;text-rendering:auto;-webkit-font-smoothing:antialiased}.demos-index.di-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.demos-index a{color:inherit}.demos-index .di-hero{padding:56px 0 28px}.demos-index .di-eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line-2);border-radius:999px;padding:4px 12px;margin-bottom:16px}.demos-index h1{font-family:Demos Sora,sans-serif;font-size:clamp(28px,4.6vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.03em;margin:0;max-width:880px}.demos-index h1 .di-tri{background:var(--tri);-webkit-background-clip:text;background-clip:text;color:transparent}.demos-index .di-lead{color:var(--dim);font-size:17px;max-width:720px;margin:16px 0 0}.demos-index .di-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:12px 0 40px}.demos-index .di-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.demos-index .di-card:hover{transform:translateY(-3px);border-color:var(--line-2);box-shadow:0 18px 40px #00000059}.demos-index .di-card:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.demos-index .di-card img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top left;border-bottom:1px solid var(--line);background:#161a1e}.demos-index .di-card .di-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.demos-index .di-card h2{font-family:Demos Sora,sans-serif;font-size:18px;line-height:1.25;letter-spacing:-.02em;margin:0}.demos-index .di-card p{margin:0;color:var(--dim);font-size:14.5px;line-height:1.5}.demos-index .di-card .di-go{margin-top:auto;padding-top:8px;font-weight:800;font-size:14px;color:var(--orange)}.demos-index .di-tag{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#14181d;background:var(--tri);border-radius:999px;padding:2px 10px}.demos-index .di-cta{margin:8px 0 56px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between}.demos-index .di-cta h2{font-family:Demos Sora,sans-serif;font-size:24px;line-height:1.6;letter-spacing:-.02em;margin:0 0 6px}.demos-index .di-cta p{margin:0;color:var(--dim)}.demos-index .di-cta .di-btns{display:flex;flex-wrap:wrap;gap:10px}.demos-index .di-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;font-weight:800;text-decoration:none;font-size:15px;border:1px solid var(--line-2)}.demos-index .di-btn.di-wa{background:#25d366;border-color:#25d366;color:#0d1f14}.demos-index .di-btn.di-wa:hover{background:#3be07a}.demos-index .di-btn.di-alt:hover{background:#ffffff0f}.demos-index .di-btn:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.demos-index .di-note{color:#8a949f;font-size:13px;margin:0 0 8px}@media(max-width:980px){.demos-index .di-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.demos-index.di-wrap{padding:0 16px}.demos-index .di-hero{padding:36px 0 18px}.demos-index .di-grid{grid-template-columns:minmax(0,1fr);gap:16px}.demos-index .di-cta{padding:20px}.demos-index .di-cta .di-btns,.demos-index .di-cta .di-btn{width:100%}.demos-index .di-btn{justify-content:center}}@media(prefers-reduced-motion:reduce){.demos-index .di-card{transition:none}.demos-index .di-card:hover{transform:none}}