@keyframes dot-pop{0%{transform:scale(1.8)}to{transform:scale(1)}}@keyframes demo-float{0%,to{translate:0 0}50%{translate:0-10px}}@keyframes card-in{0%{transform:scale(.72);opacity:.35}to{transform:scale(1);opacity:1}}:root{--xr-paper:#f2efe9;--xr-ink:#111111;--xr-red:#ff4b33;--xr-lime:#d9f24f}.xr-page{background:var(--xr-paper);color:var(--xr-ink);overflow:clip}.xr-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,44px)}.band-pad{padding-bottom:70px}.band-pad-lg{padding-bottom:90px}.lead-link{color:var(--xr-red);font-weight:800}.xr-kicker{font-weight:800;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.xr-kicker b{color:var(--xr-red)}.xr-kicker::after{content:"";display:block;width:56px;height:4px;background:var(--xr-ink);margin-top:10px}.xr-sub{font-weight:500;font-size:clamp(1rem,1.6vw,1.2rem);max-width:34em;margin-top:22px}.xr-sub strong{padding:0 .2em}.xr-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}#contacto .xr-actions{position:relative;z-index:9001}.xr-btn,.xr-card h3 .n{background:var(--xr-ink);color:#fff;font-size:.85rem}.xr-btn{display:inline-block;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:15px 26px;text-decoration:none}#contacto .xr-btn:hover,.xr-btn:hover{background:var(--xr-red)}.xr-btn.ghost{background:0 0;color:var(--xr-ink);border:3px solid var(--xr-ink)}.xr-btn.ghost:hover,.xr-sub strong{background:var(--xr-lime)}#contacto .xr-btn,.xr-shot img{border:3px solid var(--xr-ink);box-shadow:6px 6px 0 0 var(--xr-ink)}#contacto .xr-btn:hover{border-color:var(--xr-ink);color:#fff;box-shadow:6px 6px 0 0 var(--xr-ink)}#contacto .xr-btn.ghost{background:var(--xr-lime);color:var(--xr-ink)}#contacto .xr-btn.ghost:hover{background:#fff;color:var(--xr-ink)}.xr-shot{margin:26px 0 0}.xr-shot img{display:block;width:100%;height:auto;max-width:100%;box-shadow:10px 10px 0 0 var(--xr-ink);background:#0d0d0d}.xr-card h3,.xr-sec-title{font-family:"Archivo Black",sans-serif;text-transform:uppercase}.xr-sec-title{font-size:clamp(1.9rem,4.6vw,3.6rem);line-height:.96;letter-spacing:-.02em;margin:0 0 16px;max-width:20em}.xr-sec-title .hl{background:var(--xr-red);color:#fff;box-shadow:6px 6px 0 0 var(--xr-ink)}.xr-lead{font-weight:500;font-size:1.08rem;max-width:44em}.xr-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}@media (min-width:1021px){.xr-cards.cols-3{grid-template-columns:repeat(3,1fr)}}.xr-card{border:3px solid var(--xr-ink);background:#faf7f0;padding:20px;box-shadow:6px 6px 0 0 var(--xr-ink);transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms cubic-bezier(.23,1,.32,1)}#paginas a.xr-page:hover,.xr-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 0 var(--xr-ink)}.xr-card h3{font-size:1.02rem;margin-bottom:8px}.xr-card h3 .n{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px}.xr-card p{font-size:.92rem;font-weight:500}.xr-card.hot{background:var(--xr-lime)}#problema .xr-card:not(.hot){background:#fff;color:var(--xr-ink)}#problema .xr-card.hot{background:var(--xr-lime);color:var(--xr-ink)}#problema .xr-card h3,#problema .xr-card p{color:var(--xr-ink)}#problema .xr-card h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#problema .xr-card h3 .n{width:auto;min-width:62px;height:auto;min-height:36px;padding:6px 12px;font-size:1rem;margin-right:0;border:3px solid var(--xr-ink);box-shadow:4px 4px 0 0 var(--xr-ink)}#problema .xr-card:nth-child(1) h3 .n{background:var(--xr-red);color:#fff}#problema .xr-card:nth-child(2) h3 .n{background:var(--xr-ink);color:#fff}#problema .xr-card.hot h3 .n{background:var(--xr-ink);color:var(--xr-lime)}#problema .xr-card .slot{min-width:6ch}#problema .xr-card .slot.filled{padding:0 .25em;opacity:1;border-bottom:0}a.xr-page{display:block;border:3px solid var(--xr-ink);background:#faf7f0;color:var(--xr-ink);text-decoration:none;padding:18px;box-shadow:6px 6px 0 0 var(--xr-ink);transition:transform 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms cubic-bezier(.23,1,.32,1)}a.xr-page:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 0 var(--xr-red)}#paginas a.xr-page .go,#problema .xr-card .slot.filled,a.xr-page.dark{background:var(--xr-ink);color:#fff}a.xr-page.lime{background:var(--xr-lime)}a.xr-page h3{font-family:"Archivo Black",sans-serif;font-size:1rem;text-transform:uppercase;margin-bottom:6px}a.xr-page p{font-size:.85rem;font-weight:500}a.xr-page .go{display:block;margin-top:10px;font-weight:900;font-size:.78rem;letter-spacing:.06em}#paginas .xr-cards{gap:20px}#paginas a.xr-page{position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;text-transform:uppercase}#paginas a.xr-page>*{position:relative;z-index:1}#paginas a.xr-page h3{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:.92;letter-spacing:-.015em;margin-bottom:10px}#paginas a.xr-page p{font-size:.8rem;font-weight:600;text-transform:none;max-width:30ch}#paginas a.xr-page .go{align-self:flex-start;margin-top:14px;font-size:.72rem;padding:8px 14px}#paginas .xr-cards>a.xr-page::after,#paginas .xr-cards>a.xr-page::before{position:absolute;pointer-events:none}#paginas .xr-cards>a.xr-page:nth-child(1){background:#faf7f0}#paginas .xr-cards>a.xr-page:nth-child(1)::after,#paginas .xr-cards>a.xr-page:nth-child(1)::before{content:"";left:-25%;width:150%;height:26%;background:#b7f34c;border-radius:999px}#paginas .xr-cards>a.xr-page:nth-child(1)::before{top:5%;transform:rotate(-14deg)}#paginas .xr-cards>a.xr-page:nth-child(1)::after{bottom:24%;transform:rotate(-14deg)}#paginas .xr-cards>a.xr-page:nth-child(2){background-color:#fff;background-image:radial-gradient(circle,#2b5cff 62%,transparent 63%),radial-gradient(circle,#35e0ff 62%,transparent 63%),radial-gradient(circle,#ff9f1c 62%,transparent 63%),radial-gradient(circle,#ff5d8f 62%,transparent 63%),radial-gradient(circle,#c6f24b 62%,transparent 63%),radial-gradient(circle,#7b2ff7 62%,transparent 63%),radial-gradient(circle,#111 62%,transparent 63%);background-size:22px 22px,36px 16px,26px 26px,30px 14px,42px 18px,18px 18px,12px 12px;background-position:88% 6%,68% 10%,93% 28%,76% 20%,58% 6%,94% 46%,64% 30%;background-repeat:no-repeat}#paginas .xr-cards>a.xr-page:nth-child(3){background:#f3a3f2}#paginas .xr-cards>a.xr-page:nth-child(3)::before{content:"";width:300px;height:300px;right:-80px;top:-70px;background:#fff;border-radius:50%;box-shadow:-46px 34px 0 0#f3a3f2}#paginas .xr-cards>a.xr-page:nth-child(3)::after{content:"";width:22px;height:22px;left:24px;top:24px;background:#111;border-radius:50%}#paginas .xr-cards>a.xr-page:nth-child(4),.demo-feats>.demo-feat:nth-child(1) strong{background:#d9f24f}#paginas .xr-cards>a.xr-page:nth-child(4)::before{content:"";left:-20%;width:140%;height:54px;top:6%;background:#fff;transform:rotate(-24deg)}#paginas .xr-cards>a.xr-page:nth-child(5){background:#2b5cff;color:#fff}#paginas .xr-cards>a.xr-page:nth-child(5)::before{content:"";width:280px;height:280px;right:-70px;top:-70px;background:#ffd900;border-radius:50%}#paginas .xr-cards>a.xr-page:nth-child(5)::after{content:"";width:54px;height:54px;top:18px;left:18px;border:10px solid #fff;border-radius:50%}#paginas .xr-cards>a.xr-page:nth-child(5) .go{background:#fff;color:var(--xr-ink)}#paginas .xr-cards>a.xr-page:nth-child(6),.demo-feats>.demo-feat:nth-child(2) strong{background:#ffd900}#paginas .xr-cards>a.xr-page:nth-child(6)::before{content:"";top:0;left:0;right:0;height:32%;background-image:radial-gradient(#111 24%,transparent 25%);background-size:30px 30px}#paginas .xr-cards>a.xr-page:nth-child(7){background:#141414;color:#fff}#paginas .xr-cards>a.xr-page:nth-child(7)::before{content:"";width:260px;height:260px;right:-80px;top:-60px;border:24px solid #d9f24f;border-radius:50%}#paginas .xr-cards>a.xr-page:nth-child(7) .go{background:#d9f24f;color:var(--xr-ink)}#paginas .xr-cards>a.xr-page:nth-child(7):hover{box-shadow:9px 9px 0 0#d9f24f}#paginas .xr-cards>a.xr-page:nth-child(8){background:#ff9f1c}#paginas .xr-cards>a.xr-page:nth-child(8)::before{content:"";top:0;left:0;right:0;height:60%;background:repeating-radial-gradient(circle at 85% 12%,rgba(255,255,255,.95)0 10px,transparent 10px 26px)}#paginas .xr-cards>a.xr-page:nth-child(9){background:#35e0ff}#paginas .xr-cards>a.xr-page:nth-child(9)::before{content:"";top:0;left:0;right:0;height:30%;background:repeating-linear-gradient(-45deg,#111 0 14px,transparent 14px 32px)}#paginas .xr-cards>a.xr-page:nth-child(10){background:#ff4b33;color:#fff}#paginas .xr-cards>a.xr-page:nth-child(10)::before{content:"";width:220px;height:190px;right:-60px;top:-90px;background:#111;border-radius:58% 42% 55% 45%/55% 50% 50% 45%}#paginas .xr-cards>a.xr-page:nth-child(10) .go,#paginas .xr-cards>a.xr-page:nth-child(11) .go{background:#fff;color:var(--xr-ink)}#paginas .xr-cards>a.xr-page:nth-child(11){background:#7b2ff7;color:#fff}#paginas .xr-cards>a.xr-page:nth-child(11)::before{content:"";width:220px;height:220px;right:-30px;top:-30px;background:#ffd900;clip-path:polygon(50%0,100% 100%,0 100%);transform:rotate(12deg)}#paginas .xr-cards>a.xr-page:nth-child(11)::after{content:"";width:20px;height:20px;top:22px;left:26px;background:#fff;border-radius:50%;box-shadow:34px 8px 0#fff,17px 32px 0#fff}#paginas .xr-cards>a.xr-page:nth-child(12){background:#a7f3d0;padding:30px}#paginas .xr-cards>a.xr-page:nth-child(12)::before{content:"";inset:12px;border:10px solid #ff5d8f}#paginas .xr-cards>a.xr-page:nth-child(12)::after{content:"";width:44px;height:44px;top:26px;right:26px;background:#111;border-radius:50%}@media (max-width:640px){#paginas a.xr-page{min-height:260px}}.xr-footer,.xr-torn{background:var(--xr-ink)}.xr-torn{height:26px;clip-path:polygon(0 60%,3% 20%,6% 55%,9% 15%,12% 50%,15% 10%,18% 55%,21% 20%,24% 60%,27% 15%,30% 50%,33% 10%,36% 55%,39% 20%,42% 60%,45% 15%,48% 50%,51% 10%,54% 55%,57% 20%,60% 60%,63% 15%,66% 50%,69% 10%,72% 55%,75% 20%,78% 60%,81% 15%,84% 50%,87% 10%,90% 55%,93% 20%,96% 60%,100% 30%,100% 100%,0 100%)}.xr-footer{color:#fff;padding:46px 0 30px}.xr-footer-grid{max-width:1280px;margin:0 auto;padding:0 clamp(16px,4vw,44px);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:26px}.xr-footer h2{color:var(--xr-lime);text-transform:uppercase;font-size:.78rem;letter-spacing:.1em;margin-bottom:12px}.xr-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.xr-footer a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem}.xr-footer a:hover{color:var(--xr-lime);text-decoration:underline;text-underline-offset:3px}.xr-footer .blurb{font-size:.88rem;opacity:.85;margin:12px 0 16px}.xr-footer-bar{max-width:1280px;margin:26px auto 0;padding:16px clamp(16px,4vw,44px)0;border-top:2px solid #333;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;font-size:.8rem}.demo-premium a:hover,.xr-footer-bar a{color:#fff}.xr-footer .brand{display:inline-block;line-height:0}.xr-footer .footer-logo{background:0 0;filter:brightness(0) invert(1);height:52px;width:auto;max-width:220px;object-fit:contain;display:block}@media (max-width:1020px){.xr-cards,.xr-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.xr-cards{grid-template-columns:1fr}.xr-actions .xr-btn{width:100%;text-align:center}.xr-footer{padding:30px 0 22px}.xr-footer-grid{grid-template-columns:1fr 1fr;gap:20px 16px}.xr-footer-grid>div:first-child{grid-column:1/-1}.xr-footer .footer-logo{height:36px}.xr-footer .blurb{font-size:.82rem;margin:10px 0 12px}.xr-footer .xr-btn{padding:12px 20px;font-size:.78rem}.xr-footer h2{font-size:.7rem;margin-bottom:8px}.xr-footer ul{gap:6px}.xr-footer a{font-size:.82rem}.xr-footer-bar{margin-top:20px;padding-top:14px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.xr-card,a.xr-page{transition:none}}:focus-visible{outline:3px solid var(--xr-red);outline-offset:3px}body:not(.cookies-ready) .cookie-consent.show{transform:translateX(-50%) translateY(140%)}.band{padding-top:56px;margin-top:40px;border:3px solid var(--xr-ink);box-shadow:10px 10px 0 0 var(--xr-ink)}.band-mint{background:#a7f3d0}.band-pink{background:#f3a3f2}.band-cyan{background:#35e0ff}.band-lime{background:#d9f24f}.band-yellow{background:#ffd900}.band-orange{background:#ff9f1c}.band-white{background:#fff}.band-cream{background:#e9e1cb}#problema.band{margin-top:0}.dot-bars,.dot-col{position:relative;overflow:hidden}.dot-bars{display:grid;grid-template-columns:repeat(3,1fr);background:#0c0c0c;border:3px solid var(--xr-ink);box-shadow:10px 10px 0 0 var(--xr-ink);max-width:920px;margin:26px auto 0}.dot-col{--c:#2ee6a1;display:flex;flex-direction:column;padding:20px 14px 18px;min-height:420px;border-left:1px solid #262626}.dot-col:first-child{border-left:0}.dot-head{text-align:center;color:#fff;position:relative;z-index:3}.dot-num{display:block;font-family:"Archivo Black",sans-serif;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.dot-name{display:block;margin-top:8px;font-weight:800;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.dot-grid{--cols:11;position:relative;z-index:1;flex:1;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:7px 6px;align-content:end;justify-items:center;margin-top:18px;padding:10px 6px 14px;min-height:280px}.dot-grid i{width:9px;height:9px;border-radius:50%;background:#2b2b2b;opacity:.55;transform:scale(.9);transition:background .25s,opacity .25s,transform .25s,box-shadow .25s}.dot-grid i.on{background:var(--c);opacity:1;transform:scale(1);box-shadow:0 0 8px var(--c)}.dot-grid i.pop{animation:dot-pop .35s cubic-bezier(.23,1,.32,1)}.dot-fall-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.dot-fall{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--c, #fff);box-shadow:0 0 10px var(--c, #fff);will-change:transform,opacity}.dot-col::after{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:3px;background:#2e2e2e}@media (max-width:640px){.dot-bars{grid-template-columns:repeat(3,1fr)}.dot-col{padding:14px 6px 16px;min-height:340px}.dot-grid{--cols:7;gap:6px 4px;min-height:220px}.dot-fall,.dot-grid i{width:7px;height:7px}.dot-num{font-size:1.25rem}.dot-name{font-size:.6rem;letter-spacing:.1em}}@media (prefers-reduced-motion:reduce){.dot-grid i.pop{animation:none}}.xr-lead-short{font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.3;max-width:24em;font-weight:500}.xr-lead-short .kw,.xr-lead-short strong{font-weight:800}.xr-lead-short .kw-go{background:linear-gradient(transparent 62%,var(--xr-red) 62%);padding:0 .1em}.xr-lead-short .short-sub{display:block;margin-top:8px;font-size:1rem;font-weight:500}.xr-lead-close{margin-top:14px;max-width:44em}#diseno .slot{color:var(--xr-ink)}#diseno .slot[data-tag=CONVERSIÓN].filled,#diseno .slot[data-tag=FUNNEL].filled{background:0 0;border:0;padding:0;font-weight:800}#diseno .slot[data-tag=FUNNEL].filled{text-decoration:underline 3px var(--xr-red);text-underline-offset:3px}.funnel-steps{list-style:none;display:flex;align-items:stretch;flex-wrap:wrap;gap:22px;margin:16px 0 0;padding:0;max-width:720px}.funnel-steps li:not(.fs-arrow){display:inline-flex;align-items:center;gap:8px;font-family:"Archivo Black",sans-serif;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;background:#faf7f0;color:var(--xr-ink);border:3px solid var(--xr-ink);box-shadow:4px 4px 0 0 var(--xr-ink);padding:8px 12px 8px 8px;white-space:nowrap}.funnel-steps .fs-n{display:inline-grid;place-items:center;width:26px;height:26px;font-size:.78rem;flex:none;border:2px solid var(--xr-ink)}.funnel-steps .fs-go,.funnel-steps .fs-n{background:var(--xr-ink);color:#fff}.demo-grid>.demo-card:nth-child(10n+1) figcaption,.funnel-steps>li:nth-child(1) .fs-n{background:#d9f24f;color:var(--xr-ink)}.demo-grid>.demo-card:nth-child(10n+2) figcaption,.funnel-steps>li:nth-child(2) .fs-n{background:#ffd900;color:var(--xr-ink)}.demo-grid>.demo-card:nth-child(10n+3) figcaption,.funnel-steps>li:nth-child(3) .fs-n{background:#ff5d8f;color:var(--xr-ink)}.funnel-steps>li:nth-child(4) .fs-n{background:#35e0ff;color:var(--xr-ink)}.funnel-steps>li{position:relative}.funnel-steps li:not(:last-child)::after{content:"→";position:absolute;right:-19px;top:50%;transform:translateY(-50%);font-weight:900;font-size:1.1rem;line-height:1}@media (max-width:640px){.funnel-steps li:not(:last-child)::after{display:none}.funnel-steps li:not(.fs-arrow){font-size:.75rem;padding:7px 10px 7px 7px}}.demo-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.demo-feat{border:3px solid var(--xr-ink);background:#faf7f0;color:var(--xr-ink);padding:14px 16px;box-shadow:5px 5px 0 0 var(--xr-ink)}.demo-feat strong{display:inline-block;font-family:"Archivo Black",sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:-.01em;color:var(--xr-ink);border:2px solid var(--xr-ink);box-shadow:3px 3px 0 0 var(--xr-ink);padding:3px 10px;margin-bottom:10px}.demo-feats>.demo-feat:nth-child(3) strong{background:#ff5d8f}.demo-feats>.demo-feat:nth-child(4) strong{background:#35e0ff}.demo-feat span{display:block;font-size:.85rem;font-weight:500;color:var(--xr-ink)}.demo-hint{font-weight:700;font-size:1rem;margin:24px 0 0}.demo-grid{position:relative;margin-top:16px;min-height:624px}.demo-card{position:absolute;width:26%;margin:0;border:3px solid var(--xr-ink);background:#0d0d0d;box-shadow:7px 7px 0 0 var(--xr-ink);overflow:hidden;rotate:var(--r, -2deg);animation:demo-float 5.2s ease-in-out infinite;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform;transition:scale .55s cubic-bezier(.32,.72,0,1),opacity .55s ease}.demo-grid.filing .demo-card:not(.expanded){scale:.8;opacity:.9}.demo-grid.filing .demo-card:nth-child(2n+1):not(.expanded){transition-delay:.05s}.demo-grid.filing .demo-card:nth-child(3n+2):not(.expanded){transition-delay:.1s}.demo-card.grabbed{cursor:grabbing}.demo-card:hover{box-shadow:7px 7px 0 0 var(--xr-red)}.demo-grid>.demo-card:nth-child(1){left:0;top:6px;--r:-3deg;animation-duration:5s}.demo-grid>.demo-card:nth-child(2){left:18.5%;top:44px;--r:2deg;animation-delay:-.6s;animation-duration:5.6s}.demo-grid>.demo-card:nth-child(3){left:37%;top:0;--r:-2deg;animation-delay:-1.2s;animation-duration:4.8s}.demo-grid>.demo-card:nth-child(4){left:55.5%;top:40px;--r:2.5deg;animation-delay:-1.8s;animation-duration:5.4s}.demo-grid>.demo-card:nth-child(5){left:74%;top:8px;--r:-2.5deg;animation-delay:-2.4s;animation-duration:5.1s}.demo-grid>.demo-card:nth-child(6){left:4%;top:300px;--r:2deg;animation-delay:-3s;animation-duration:5.8s}.demo-grid>.demo-card:nth-child(7){left:22.5%;top:338px;--r:-2.5deg;animation-delay:-.9s;animation-duration:4.9s}.demo-grid>.demo-card:nth-child(8){left:41%;top:296px;--r:3deg;animation-delay:-1.5s;animation-duration:5.5s}.demo-grid>.demo-card:nth-child(9){left:59.5%;top:334px;--r:-3deg;animation-delay:-2.1s;animation-duration:5.2s}.demo-grid>.demo-card:nth-child(10){left:74%;top:292px;--r:2deg;animation-delay:-2.7s;animation-duration:5.7s}.demo-bar{display:flex;gap:6px;align-items:center;padding:8px 10px;background:#faf7f0;border-bottom:3px solid var(--xr-ink)}.demo-bar i{width:9px;height:9px;border-radius:50%;background:var(--xr-ink);opacity:.85}.demo-bar i:nth-child(1){background:var(--xr-red)}.demo-bar i:nth-child(2){background:#e0b400}.demo-bar i:nth-child(3){background:#2fbf71}.demo-screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000}.demo-screen video{width:100%;height:100%;object-fit:cover;display:block;background:#000;pointer-events:none}.demo-card figcaption{padding:9px 10px;font-family:"Archivo Black",sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--xr-ink);border-top:3px solid var(--xr-ink)}.demo-grid>.demo-card:nth-child(10n+4) figcaption{background:#ff9f1c;color:var(--xr-ink)}.demo-grid>.demo-card:nth-child(10n+5) figcaption{background:#35e0ff;color:var(--xr-ink)}.demo-grid>.demo-card:nth-child(10n+6) figcaption{background:#7b2ff7;color:#fff}.demo-grid>.demo-card:nth-child(10n+7) figcaption{background:#ff4b33;color:#fff}.demo-grid>.demo-card:nth-child(10n+8) figcaption{background:#a7f3d0;color:var(--xr-ink)}.demo-grid>.demo-card:nth-child(10n+9) figcaption{background:#2b5cff;color:#fff}.demo-grid>.demo-card:nth-child(10n+10) figcaption{background:#fff;color:var(--xr-ink)}.demo-premium{margin-top:26px;background:var(--xr-ink);color:#fff;border:3px solid var(--xr-ink);box-shadow:7px 7px 0 0 var(--xr-red);padding:20px 22px}.demo-premium-tag{display:inline-block;font-family:"Archivo Black",sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--xr-ink);background:var(--xr-lime);border:2px solid var(--xr-lime);padding:4px 12px;margin-bottom:12px;transform:rotate(-1deg)}.demo-premium p{font-size:.95rem;font-weight:500;max-width:70em}.demo-premium a{color:var(--xr-lime);font-weight:800}#diseno .xr-actions{margin-top:24px}@media (max-width:1020px){.demo-feats{grid-template-columns:1fr 1fr}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:0}.demo-card{position:static;width:auto;cursor:default;touch-action:auto}}@media (max-width:640px){.demo-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (prefers-reduced-motion:reduce){.demo-card{animation:none}}.demo-card .demo-min,.demo-card .demo-zoom{position:absolute;z-index:3;width:52px;height:52px;display:grid;place-items:center;font-size:1.3rem;line-height:1;color:#111;background:var(--xr-lime, #d9f24f);border:3px solid #111;border-radius:50%;box-shadow:4px 4px 0 0#111;cursor:pointer;padding:0}.demo-card .demo-zoom{left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}@media (hover:hover){.demo-card:focus-within .demo-zoom,.demo-card:hover .demo-zoom{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}}@media (hover:none){.demo-card .demo-zoom{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto;width:46px;height:46px}}.demo-card .demo-min{display:none;top:10px;right:10px;background:#ff5d8f}#diseno .demo-card.expanded{left:0;top:0;width:100%;rotate:0deg;animation:none;z-index:200;cursor:default;box-shadow:10px 10px 0 0 var(--xr-ink)}#diseno .demo-card.expanded .demo-screen{aspect-ratio:auto;height:min(60vh,600px)}#diseno .demo-card.expanded .demo-zoom{display:none}#diseno .demo-card.expanded .demo-min{display:grid}@media (max-width:1020px){#diseno .demo-card.expanded{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.demo-card,.demo-card .demo-zoom{transition:none}}@media (prefers-reduced-motion:no-preference){#diseno .demo-card.expanded{animation:card-in .7s cubic-bezier(.32,.72,0,1)}}