:root{--cielo: #7aa0e0;--cielo-claro: #f3f2ee;--mango: #f0627a;--guayaba: #4a3fa3;--hoja: #4f9a5a;--tinta: #262338;--crema: #f3f2ee;--pantalla: #d6ecc4;--display: "Jersey 20", "Trebuchet MS", system-ui, sans-serif;--body: "Atkinson Hyperlegible", Verdana, system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--crema);color:var(--tinta);font:400 18px/1.5 var(--body);overflow-x:hidden}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.05;margin:0;text-wrap:balance}h1{font-size:clamp(2.8rem,11vw,5rem)}h2{font-size:clamp(1.8rem,6vw,2.6rem)}h3{font-size:1.3rem}p,ul{margin:0}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.hero{background:var(--cielo-claro);border-bottom:4px solid var(--tinta);padding:max(28px,env(safe-area-inset-top)) 20px 0;display:grid;gap:20px;justify-items:center}.hero>*{min-width:0;max-width:100%}.hero-text{max-width:620px;display:flex;flex-direction:column;gap:14px}.eyebrow{align-self:flex-start;padding:2px 12px;background:var(--crema);border:2px solid var(--tinta);border-radius:99px;font-weight:700;font-size:16px}.lead{font-size:1.2rem;max-width:34ch}.hero-cats{display:flex;align-items:flex-end;gap:6px;margin-bottom:-4px}.cta{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px 24px;text-align:center;font:800 22px/1.15 var(--display);color:var(--tinta);text-decoration:none;background:var(--mango);border:2px solid var(--tinta);border-radius:16px;box-shadow:0 5px 0 var(--tinta);cursor:pointer}.cta.alt{background:var(--pantalla)}.cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--tinta)}:focus-visible{outline:3px solid var(--guayaba);outline-offset:3px}#pix-msg{padding:10px 14px;background:var(--crema);border:2px solid var(--tinta);border-radius:12px;font-weight:700}#pix-result{max-width:980px;margin:0 auto;padding:28px 20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}#pix-card{width:100%;border:4px solid var(--tinta);border-radius:16px;box-shadow:0 8px 0 var(--tinta)}.actions{display:flex;flex-direction:column;gap:12px}label{font-weight:700}input{width:100%;min-height:52px;padding:0 14px;font:400 20px/1 var(--body);color:var(--tinta);background:var(--pantalla);border:2px solid var(--tinta);border-radius:12px}main{max-width:980px;margin:0 auto;padding:8px 20px 40px}main section{padding:36px 0 8px;display:flex;flex-direction:column;gap:16px}main section>p{max-width:62ch}.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.trio article{padding:18px;background:var(--pantalla);border:2px solid var(--tinta);border-radius:16px;display:flex;flex-direction:column;gap:8px}main section>.cta{align-self:flex-start}.rules{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px}.rules li{padding-left:18px;border-left:6px solid var(--hoja)}.rules b{display:block;font-family:var(--display);font-size:1.15rem}.small{font-size:16px;opacity:.85}.mail{user-select:all}footer{padding:24px 20px max(28px,env(safe-area-inset-bottom));background:var(--tinta);color:var(--crema);text-align:center;font-size:16px;display:flex;flex-direction:column;gap:4px}.jump{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;background:var(--tinta);scrollbar-width:none}.jump a{flex:none;display:flex;align-items:center;min-height:48px;padding:0 14px;color:var(--tinta);background:var(--crema);border-radius:99px;font-weight:700;font-size:16px;text-decoration:none}main section{scroll-margin-top:12px}main a:not(.cta){color:inherit;font-weight:700}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}.features article{padding:14px;background:var(--pantalla);border:2px solid var(--tinta);border-radius:16px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}.features h3{margin-bottom:4px}.steps{margin:0;padding:0;list-style:none;counter-reset:step;display:grid;gap:12px;max-width:62ch}.steps li{counter-increment:step;position:relative;padding:2px 0 2px 58px;min-height:44px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:44px;height:44px;display:grid;place-items:center;font:800 22px/1 var(--display);background:var(--mango);border:2px solid var(--tinta);border-radius:50%}.status,.news{list-style:none;padding:0;display:grid;gap:10px;max-width:62ch}.status li{padding:10px 14px;background:var(--pantalla);border:2px solid var(--tinta);border-left-width:12px;border-radius:12px}.status .done{border-left-color:var(--hoja)}.status .demo{border-left-color:var(--mango)}.status .next{border-left-color:var(--cielo)}.news li{padding-left:18px;border-left:6px solid var(--cielo)}.news b{display:block;font-family:var(--display);font-size:1.15rem}.news span{display:block;font-size:16px;opacity:.85}.faq{display:grid;gap:10px;max-width:62ch}.faq details{background:var(--pantalla);border:2px solid var(--tinta);border-radius:12px}.faq summary{min-height:52px;padding:12px 14px;font-family:var(--display);font-size:1.2rem;cursor:pointer}.faq details p{padding:0 14px 14px}@media (min-width: 760px){.hero{grid-template-columns:minmax(0,620px) auto;align-items:end;justify-content:center;gap:40px}}@media (prefers-reduced-motion: reduce){.cta:active{transform:none}}*,*:before,*:after{border-radius:6px!important}h1,h2,h3{font-weight:400;letter-spacing:.02em}.logo{display:block;margin-bottom:14px;image-rendering:pixelated}
