:root{--bg:#f4efe3;--paper:#fffbf2;--ink:#1d1b18;--muted:#5b554b;--faint:#8c8477;--red:#e8553e;--red-strong:#d4432d;--yellow:#f2c94c;--mint:#cfe8dc;--sky:#cfe1f2;--pink:#f7d9dc;--ok:#2f7a4f;--ok-bg:#dff0e4;--err:#c23a26;--err-bg:#fbe1dc;--info-bg:#fff3cf;--line:2.5px solid var(--ink);--hairline:#1d1b1824;--radius:20px;--radius-sm:12px;--shadow:5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--font-display:"Bricolage Grotesque", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .45em;font-weight:800;line-height:1.02}h1 em,h2 em{color:var(--red);font-style:normal}h2{font-size:clamp(2.1rem,4.4vw,3.2rem)}button,input,select{font:inherit;color:inherit}a{color:inherit}[hidden]{display:none!important}main{max-width:1200px;margin:0 auto;padding:0 20px 96px}.card{background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.doodle-icon{stroke-width:3px;flex:none;width:1.2em;height:1.2em;display:block}[data-doodle]{vertical-align:middle;display:inline-flex}.eyebrow{font-family:var(--font-display);letter-spacing:.02em;background:var(--yellow);border:var(--line);border-radius:999px;margin:0 0 22px;padding:4px 14px;font-size:.85rem;font-weight:700;display:inline-block;transform:rotate(-2deg)}.section-head{text-align:center;max-width:680px;margin:0 auto 44px}.section-head p{color:var(--muted);margin:0;font-size:1.08rem}.site-header{align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:8px;margin-right:auto;font-size:1.55rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{fill:none;width:36px;height:36px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-8deg)}.brand-mark .heart{fill:var(--red)}.brand-mark circle{fill:var(--ink);stroke:none}.site-nav{gap:24px;font-size:.95rem;font-weight:500;display:flex}.site-nav a{text-underline-offset:5px;text-decoration:none;text-decoration-thickness:2px}.site-nav a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.header-cta{white-space:nowrap;padding:8px 18px;font-size:.92rem}.lang-switch{border:var(--line);background:var(--paper);border-radius:999px;flex:none;display:flex;overflow:hidden}.lang-switch button{cursor:pointer;background:0 0;border:0;padding:4px 11px;font-size:.78rem;font-weight:700}.lang-switch button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.lang-switch button:focus-visible{outline:3px solid var(--red);outline-offset:-3px}@media (width<=860px){.site-nav{display:none}}.i18n-pending body{visibility:hidden}.button{border:var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-display);letter-spacing:-.005em;cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.button:hover:not(:disabled){box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible,.swatch:focus-visible,.suggestion:focus-visible,.mine-item:focus-visible{outline:3px solid var(--red);outline-offset:3px}.button.primary{background:var(--red);color:#fff}.button.primary:hover:not(:disabled){background:var(--red-strong)}.button.big{width:100%;padding:14px 20px;font-size:1.05rem}.button.big-inline{padding:14px 28px;font-size:1.05rem}.button.small{box-shadow:2px 2px 0 var(--ink);padding:6px 14px;font-size:.86rem}.button .doodle-icon{width:1.25em;height:1.25em}.hero{align-items:center;gap:56px;padding:36px 0 80px;display:grid}@media (width>=980px){.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:64px 0 104px}}.hero h1{font-size:clamp(2.8rem,6.2vw,5rem)}.lead{color:var(--muted);max-width:520px;margin:0 0 32px;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.trust{flex-wrap:wrap;gap:10px 24px;margin:34px 0 0;padding:0;font-size:.9rem;font-weight:500;list-style:none;display:flex}.trust li{align-items:center;gap:8px;display:flex}.trust .doodle-icon{width:20px;height:20px;color:var(--red)}.hero-art{aspect-ratio:1.12;width:100%;max-width:640px;margin:0 auto;position:relative}.device{margin:0;position:absolute}.device canvas{background:var(--paper);width:100%;height:100%;display:block}.device figcaption{font-family:var(--font-display);background:var(--paper);border:var(--line);white-space:nowrap;box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:700;position:absolute}.device.monitor{width:84%;top:4%;left:0;transform:rotate(-1.5deg)}.device.monitor .screen{aspect-ratio:16/10;border:10px solid var(--ink);box-shadow:var(--shadow-lg);border-radius:14px;overflow:hidden}.device.monitor .stand{background:var(--ink);clip-path:polygon(38% 0,62% 0,68% 75%,100% 75%,100% 100%,0 100%,0 75%,32% 75%);width:18%;height:36px;margin:6px auto 0}.device.monitor figcaption{background:var(--yellow);top:-12px;left:6%;transform:rotate(-3deg)}.device.phone{width:33%;bottom:0;right:0;transform:rotate(4deg)}.device.phone .screen{aspect-ratio:9/19.5;border:7px solid var(--ink);box-shadow:var(--shadow-lg);border-radius:34px;overflow:hidden}.device.phone figcaption{background:var(--pink);bottom:-14px;right:-4px;transform:rotate(-4deg)}.marquee-band{width:100vw;margin:0 0 104px calc(50% - 50vw);padding:18px 0;overflow:hidden}.marquee{background:var(--ink);color:var(--bg);width:104%;margin-left:-2%;padding:14px 0;transform:rotate(-1.5deg)}.marquee-track{width:max-content;font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;will-change:transform;align-items:center;gap:26px;font-size:1.45rem;font-weight:800;animation:70s linear infinite marquee;display:flex}.marquee-star{width:22px;height:22px;color:var(--ink);fill:var(--red);stroke-width:2px;flex:none}@keyframes marquee{to{transform:translate(calc(-50% - 13px))}}.offscreen .marquee-track,.marquee.offscreen .marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.marquee-track,.pencil,.consent.attention{animation:none!important}}.banner{border:var(--line);border-radius:var(--radius-sm);background:var(--info-bg);text-align:center;max-width:900px;box-shadow:3px 3px 0 var(--ink);margin:0 auto 24px;padding:12px 16px;font-weight:600}.banner.ok{background:var(--ok-bg)}.banner.error{background:var(--err-bg)}.studio{grid-template-columns:minmax(0,1fr);align-items:start;gap:36px;display:grid}@media (width>=980px){.studio{grid-template-columns:460px minmax(0,1fr)}.preview-panel{position:sticky;top:20px}}.controls{padding:28px}.controls.flash{animation:1.4s ease-out flash}@keyframes flash{0%{box-shadow:var(--shadow), 0 0 0 0 #e8553e8c}to{box-shadow:var(--shadow), 0 0 0 24px #e8553e00}}.step{border:0;border-bottom:2px dashed var(--hairline);min-width:0;margin:0 0 24px;padding:0 0 24px}.step legend{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:12px;margin-bottom:14px;padding:0;font-size:1.4rem;font-weight:800;display:flex}.step-num{border:var(--line);background:var(--red);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:800;display:inline-grid}.optional{font-family:var(--font-body);color:var(--faint);letter-spacing:0;font-size:.82rem;font-weight:500}.help{color:var(--muted);margin:8px 0 0;font-size:.86rem}.mini-label{font-family:var(--font-display);margin:18px 0 8px;font-size:.95rem;font-weight:700}.center{text-align:center}.error{color:var(--err);margin:10px 0 0;font-size:.9rem;font-weight:600}.warning{background:var(--info-bg);border:2px solid var(--ink);border-radius:10px;margin:10px 0 0;padding:8px 12px;font-size:.86rem}.chip-input,select,input[type=number]{border:var(--line);border-radius:var(--radius-sm);background:#fff}.chip-input{cursor:text;flex-wrap:wrap;align-items:center;gap:6px;min-height:54px;padding:8px;display:flex}.chip-input:focus-within,select:focus,input[type=number]:focus{outline:3px solid var(--red);outline-offset:1px}.chips{list-style:none;display:contents}.chip{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:2px;padding:2px 3px 2px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.chip button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:22px;height:22px;font-size:1.1rem;line-height:1}.chip button:hover{background:#1d1b181f}.chip-input input{background:0 0;border:0;outline:0;flex:1;min-width:140px;padding:6px}.chip-input input::placeholder{color:var(--faint)}.suggestions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.suggestion{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:999px;padding:3px 12px;font-size:.84rem;font-weight:500;transition:background .12s,transform .12s}.suggestion:hover{background:var(--mint);transform:rotate(-2deg)}select,input[type=number]{width:100%;padding:11px 12px}.dropzone{border:2.5px dashed var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:16px;transition:background .15s;display:block}.dropzone:hover,.dropzone.dragging{background:var(--sky)}.dropzone-empty,.dropzone-filled{align-items:center;gap:14px;display:flex}.dropzone-icon .doodle-icon{border:var(--line);background:var(--pink);border-radius:50%;width:50px;height:50px;padding:9px}.dropzone-empty small{color:var(--muted)}.dropzone-filled img{object-fit:cover;border:var(--line);border-radius:10px;width:60px;height:60px}.dropzone.logo .dropzone-filled img{object-fit:contain;background:#fff;padding:4px}.photo-actions{flex-direction:column;font-weight:600;display:flex}.link-button{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);cursor:pointer;background:0 0;border:0;padding:0;font-size:.86rem;font-weight:600}.check{align-items:flex-start;gap:10px;margin-top:12px;font-size:.9rem;display:flex}.check input{width:18px;height:18px;accent-color:var(--red);flex:none;margin-top:2px}.consent{border:var(--line);border-radius:var(--radius-sm);background:var(--info-bg);cursor:pointer;padding:12px 14px}.consent input{width:22px;height:22px;margin-top:0}.consent:has(input:checked){background:var(--ok-bg)}.consent.attention:not(:has(input:checked)){border-color:var(--err);background:var(--err-bg);animation:.45s ease-in-out 2 nudge}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.segmented{border:var(--line);border-radius:var(--radius-sm);background:#fff;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid;overflow:hidden}.segmented.two{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 6px;font-size:.88rem;font-weight:600}.segmented button[aria-checked=true]{background:var(--ink);color:var(--bg)}.custom-res{align-items:flex-end;gap:10px;margin-top:10px;display:flex}.custom-res label{flex:1;font-size:.82rem;font-weight:600}.custom-res>span{padding-bottom:12px}.palettes{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.swatch{aspect-ratio:1;border:var(--line);background:var(--sw-bg);cursor:pointer;border-radius:12px;place-items:center;padding:0;transition:transform .12s;display:grid}.swatch svg{stroke-linecap:round;stroke-linejoin:round;width:80%;height:80%}.swatch .sw-line{fill:none;stroke:var(--sw-ink);stroke-width:3.2px}.swatch .sw-heart{fill:var(--sw-accent);stroke:var(--sw-ink);stroke-width:2px}.swatch:hover{transform:rotate(-4deg)scale(1.04)}.swatch[aria-checked=true]{box-shadow:3px 3px 0 var(--ink);outline:3px solid var(--red);outline-offset:2px}.custom-colors{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:16px;display:flex}.color-field{align-items:center;gap:7px;font-size:.86rem;font-weight:600;display:flex}.color-field input{border:var(--line);cursor:pointer;background:#fff;border-radius:10px;width:38px;height:38px;padding:2px}.icon-button{border:var(--line);background:var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-button svg{fill:none;width:18px;height:18px;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.generate-row{gap:10px;display:grid}#turnstile:empty{display:none}.frame-wrap{flex-direction:column;align-items:center;display:flex}.frame{border:12px solid var(--ink);width:100%;max-height:70vh;box-shadow:var(--shadow-lg);background:var(--paper);border-radius:18px;place-items:center;transition:background .2s;display:grid;position:relative;overflow:hidden}.frame.portrait{border-width:9px;border-radius:40px;width:auto;max-width:100%;height:min(70vh,720px)}.frame.portrait:before{content:"";background:var(--ink);z-index:2;border-radius:999px;width:28%;height:20px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.frame canvas{width:100%;height:100%;position:absolute;inset:0}.frame-stand{display:none}.frame-wrap.landscape .frame-stand{background:var(--ink);clip-path:polygon(38% 0,62% 0,68% 75%,100% 75%,100% 100%,0 100%,0 75%,32% 75%);width:20%;height:36px;display:block}.frame-empty,.frame-loading{z-index:1;text-align:center;background:var(--paper);border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);justify-items:center;margin:16px;padding:20px 26px;display:grid;position:relative}.frame-empty-art .doodle-icon{width:54px;height:54px;color:var(--red)}.frame-empty p,.frame-loading p{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 2px;font-size:1.35rem;font-weight:800}.frame-empty small,.frame-loading small{color:var(--muted)}.pencil .doodle-icon{width:52px;height:52px;color:var(--red);animation:.9s ease-in-out infinite alternate scribble}@keyframes scribble{0%{transform:translate(-10px,4px)rotate(-6deg)}to{transform:translate(10px,-4px)rotate(6deg)}}.frame-label{color:var(--muted);margin:16px 0 0;font-size:.8rem;font-weight:600}.result{gap:14px;margin-top:26px;padding:22px;display:grid}.slider{gap:6px;font-size:.88rem;font-weight:600;display:grid}.slider input{width:100%;accent-color:var(--red)}#buy-box{gap:12px;display:grid}#pending-box{justify-items:center;gap:8px;display:grid}.mine,.ideas,.business,.how,.price-faq{margin-top:128px}.mine-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.mine-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink);gap:6px;padding:8px;transition:transform .12s;display:grid}.mine-item:hover{transform:rotate(-1.5deg)}.mine-item img{aspect-ratio:3/4;object-fit:cover;border:2px solid var(--ink);background:#fff;border-radius:10px;width:100%}.mine-caption{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.badge{border:2px solid var(--ink);background:var(--paper);border-radius:999px;justify-self:start;padding:0 8px;font-size:.72rem;font-weight:700}.badge.paid{background:var(--mint)}.ideas-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;margin:0;padding:0;list-style:none;display:grid}.idea{flex-direction:column;transition:transform .15s;display:flex;overflow:hidden}.idea:nth-child(odd):hover{transform:rotate(-1.5deg)translateY(-4px)}.idea:nth-child(2n):hover{transform:rotate(1.5deg)translateY(-4px)}.idea-phone{border-bottom:var(--line);background:var(--sky);justify-content:center;height:290px;padding:26px 0 0;display:flex;overflow:hidden}.idea:nth-child(4n+2) .idea-phone{background:var(--yellow)}.idea:nth-child(4n+3) .idea-phone{background:var(--pink)}.idea:nth-child(4n+4) .idea-phone{background:var(--mint)}.idea-screen{aspect-ratio:9/19.5;border:6px solid var(--ink);background:var(--paper);border-bottom:0;border-radius:28px 28px 0 0;flex:none;width:150px;overflow:hidden}.idea-screen canvas{width:100%;height:100%;display:block}.idea-body{flex:1;align-content:start;gap:10px;padding:18px 20px 20px;display:grid}.idea-body h3{margin:0;font-size:1.35rem}.idea-palette{color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.idea-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.idea-tags li{border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-size:.8rem;font-weight:600}.idea-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.idea-swatch{border:2px solid var(--ink);background:linear-gradient(90deg, var(--sw-bg) 34%, var(--sw-ink) 34% 67%, var(--sw-accent) 67%);border-radius:999px;width:54px;height:22px}.ideas-note{margin-top:28px}.business{background:var(--mint);border:var(--line);box-shadow:var(--shadow-lg);border-radius:28px;align-items:center;gap:40px;padding:28px;display:grid}@media (width>=980px){.business{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;padding:48px}}.business-art{border:9px solid var(--ink);aspect-ratio:16/10;box-shadow:var(--shadow);background:var(--paper);border-radius:14px;overflow:hidden;transform:rotate(-1.5deg)}.business-art canvas{width:100%;height:100%;display:block}.business-text p{color:var(--muted)}.business-text .eyebrow{background:var(--paper)}.business-text .checks{margin:24px 0 30px}.steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin:0;padding:0;list-style:none;display:grid}.steps li{padding:28px;position:relative}.steps li:first-child{background:var(--yellow)}.steps li:nth-child(2){background:var(--sky)}.steps li:nth-child(3){background:var(--pink)}.step-art .doodle-icon{width:46px;height:46px}.steps .step-num{position:absolute;top:24px;right:24px}.steps h3{margin:18px 0 8px;font-size:1.4rem}.steps p{color:var(--muted);margin:0;font-size:.97rem}.price-faq{align-items:start;gap:48px;display:grid}@media (width>=980px){.price-faq{grid-template-columns:410px minmax(0,1fr);gap:72px}}.price-card{background:var(--yellow);box-shadow:var(--shadow-lg);gap:22px;padding:30px;display:grid;transform:rotate(-1deg)}.price-head{align-items:center;gap:16px;display:flex}.price-big{font-family:var(--font-display);letter-spacing:-.04em;font-size:4.4rem;font-weight:800;line-height:1}.price-unit{font-size:.92rem;font-weight:600;line-height:1.35}.checks{gap:12px;margin:0;padding:0;font-size:.97rem;list-style:none;display:grid}.checks li{align-items:flex-start;gap:12px;display:flex}.checks .doodle-icon{width:20px;height:20px;color:var(--red);stroke-width:5px;margin-top:3px}.price-card .checks .doodle-icon{color:var(--ink)}.secure{justify-content:center;align-items:center;gap:8px;margin:0;font-size:.84rem;font-weight:600;display:flex}.secure .doodle-icon{width:16px;height:16px}.faq details{box-shadow:3px 3px 0 var(--ink);margin-bottom:14px;padding:18px 22px}.faq summary{font-family:var(--font-display);cursor:pointer;justify-content:space-between;gap:12px;font-size:1.08rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--red);font-size:1.5rem;font-weight:800;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--muted);margin:12px 0 0;font-size:.97rem}.site-footer{background:var(--ink);color:var(--bg);padding:0 20px 32px}.site-footer .brand-mark{stroke:var(--bg)}.site-footer .brand-mark circle{fill:var(--ink)}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1200px;margin:0 auto;padding:44px 0 28px;display:flex}.footer-inner p{color:#f4efe3b3;margin:8px 0 0;font-size:.92rem}.footer-inner nav{flex-wrap:wrap;gap:24px;font-size:.92rem;font-weight:600;display:flex}.footer-inner nav a{text-decoration:none}.footer-inner nav a:hover{color:var(--red)}.copyright{color:#f4efe38c;border-top:1px solid #f4efe333;max-width:1200px;margin:0 auto;padding-top:20px;font-size:.82rem}@media (width<=480px){.palettes{grid-template-columns:repeat(4,1fr)}.site-header{gap:12px}.header-cta{padding:6px 14px;font-size:.84rem}.controls{padding:20px}}@media (width<=420px){.header-cta{display:none}.hero-ctas .button{white-space:nowrap;flex:auto;padding:13px 18px}}body.fake-payments:after{content:"Modo prueba: pagos simulados";z-index:10;background:var(--red);color:#fff;border:2px solid var(--ink);pointer-events:none;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700;position:fixed;bottom:12px;left:12px}body.fake-payments:lang(en):after{content:"Test mode: simulated payments"}