@charset "UTF-8";:root{--c-papel: #f4ede1;--c-indigo: #2e3a66;--c-tiza: #c8553d;--c-tiza-deep: #b04a33;--c-tiza-hover: #9e412c;--c-tiza-clara: #e07a5f;--c-salvia: #a8b19e;--c-lino: #e3d6c3;--c-noche: #1f2747;--c-card: #fbf7f0;--c-desk: #e9e0d0;--c-white: #fff;--c-mostaza: #c9a13b;--bg: var(--c-papel);--surface: var(--c-card);--surface-2: var(--c-lino);--surface-soft: rgba(251, 247, 240, .7);--surface-selected: #f7f1e6;--ink: var(--c-indigo);--ink2: rgba(46, 58, 102, .78);--ink3: rgba(46, 58, 102, .62);--ink-hover: rgba(46, 58, 102, .07);--line: rgba(46, 58, 102, .16);--line-2: rgba(46, 58, 102, .3);--why: var(--c-tiza);--why-soft: rgba(200, 85, 61, .06);--cta: var(--c-tiza-deep);--calm: var(--c-salvia);--calm-soft: rgba(168, 177, 158, .4);--on-dark: var(--c-papel);--scrim: rgba(20, 24, 44, .48);--danger: var(--c-tiza-deep);--f-display: "Fraunces", Georgia, serif;--f-note: "Caveat", cursive;--f-body: "Karla", system-ui, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-base: 16px;--fs-lg: 17px;--fs-h3: 21px;--fs-h2: 24px;--fs-h1: 30px;--fs-hero: 34px;--fs-note: 23px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--gutter: 22px;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--tap: 44px;--btn-h: 54px;--app-max: 480px;--app-max-lg: 1000px;--sidebar-w: 232px;--tabbar-h: 84px;--offline-banner-h: 32px;--offline-h: 0px;--ease: cubic-bezier(.22, .8, .3, 1);--shadow-app: 0 30px 60px rgba(31, 39, 71, .18);--shadow-garment: drop-shadow(0 6px 6px rgba(46, 58, 102, .14));--paper-tex: radial-gradient(rgba(46, 58, 102, .05) 1px, transparent 1.2px) 0 0 / 6px 6px;--linen-tex: repeating-linear-gradient(45deg, rgba(46, 58, 102, .045) 0 2px, transparent 2px 7px), repeating-linear-gradient(-45deg, rgba(46, 58, 102, .035) 0 2px, transparent 2px 7px)}@media(min-width:1100px){:root{--gutter: 28px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%}body{font-family:var(--f-body);color:var(--ink);background:var(--bg);font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased}@media(min-width:768px){body{background:var(--c-desk)}}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:inherit}img{display:block;max-width:100%}ul{list-style:none}:focus-visible{outline:3px solid var(--c-tiza-clara);outline-offset:2px;border-radius:var(--r-xs)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:var(--sp-3);top:-60px;z-index:300;background:var(--c-indigo);color:var(--on-dark);padding:0 var(--sp-4);min-height:var(--tap);display:inline-flex;align-items:center;border-radius:var(--r-sm);font-weight:800}.skip-link:focus{top:var(--sp-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}[tabindex="-1"]:focus:not(:focus-visible){outline:none}.disp{font-family:var(--f-display);font-variation-settings:"SOFT" 100;font-weight:400;letter-spacing:-.01em;line-height:1.12}.disp em{font-style:italic}h1.disp{font-size:var(--fs-h1)}.note{font-family:var(--f-note);color:var(--why);font-weight:700;font-size:var(--fs-note);line-height:1.05;display:inline-block}.tilt{transform:rotate(-2deg)}.lbl{font-size:var(--fs-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}.lbl-why{color:var(--c-tiza-deep)}.muted{color:var(--ink2)}.help{font-size:var(--fs-sm);color:var(--ink3)}.center{text-align:center}.screen{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--app-max);min-height:calc(100dvh - var(--offline-h));margin:0 auto;background:var(--bg);background-image:var(--paper-tex);isolation:isolate;animation:scrIn .42s var(--ease) backwards}:root:has(app-offline-banner .banner){--offline-h: var(--offline-banner-h)}@media(min-width:768px){.screen{box-shadow:var(--shadow-app)}}@media(min-width:1100px){.screen{animation:none;box-shadow:none}body{background:var(--bg)}.screen.wide{max-width:var(--app-max-lg)}body:has(.tabbar){padding-left:var(--sidebar-w)}}@keyframes scrIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.body{flex:1;padding:var(--sp-6) var(--gutter) var(--sp-8)}.body.has-tab{padding-bottom:calc(var(--tabbar-h) + var(--sp-6))}@media(min-width:1100px){.body.has-tab{padding-bottom:var(--sp-8)}}.body.centered{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.foot{position:sticky;bottom:0;z-index:20;padding:var(--sp-3) var(--gutter) var(--sp-6);display:grid;gap:var(--sp-2);background:linear-gradient(rgba(244,237,225,0),var(--bg) 26%)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--tap);margin-bottom:var(--sp-3)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;display:grid;place-items:center;flex:none;position:relative}.icon-btn:hover{background:var(--ink-hover)}.spacer-tap{width:var(--tap);flex:none}.badge-dot{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--why);color:var(--on-dark);font-size:var(--fs-xs);font-weight:800;line-height:18px}.steps{display:flex;gap:6px;flex:1}.steps i{flex:1;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 6px,transparent 6px 10px)}.steps i.done{background:var(--c-indigo)}.steps i.cur{background:repeating-linear-gradient(90deg,var(--why) 0 6px,transparent 6px 10px)}.btn{min-height:var(--btn-h);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:var(--fs-base);padding:0 var(--sp-5);transition:transform .15s var(--ease),background .2s,opacity .2s;width:100%;text-decoration:none}.btn:active{transform:scale(.98)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn-cta{background:var(--cta);color:var(--on-dark)}.btn-cta:hover:not([disabled]){background:var(--c-tiza-hover)}.btn-ink{background:var(--c-indigo);color:var(--on-dark)}.btn-ghost{border:1.5px solid var(--line-2);color:var(--ink);background:#fbf7f099}.btn-ghost:hover:not([disabled]){border-color:var(--ink)}.btn-sm{min-height:var(--tap);width:auto;padding:0 var(--sp-4);font-size:var(--fs-md);border-radius:14px}.btn-link{min-height:var(--tap);font-weight:700;font-size:var(--fs-md);color:var(--ink2);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2);padding:0 var(--sp-2)}.btn-link.why{color:var(--c-tiza-deep);text-decoration-color:currentColor}.btn-sq{width:var(--btn-h);min-width:var(--btn-h);padding:0;font-size:22px}.btn-sq.on{background:var(--c-indigo);border-color:var(--c-indigo)}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-pill);border:1.5px solid var(--line-2);font-size:14.5px;font-weight:700;color:var(--ink2);background:var(--surface-soft);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip.on,.chip[aria-pressed=true],.chip[aria-checked=true],.chip[aria-selected=true]{background:var(--c-indigo);border-color:var(--c-indigo);color:var(--on-dark)}.hscroll{display:flex;gap:var(--sp-2);overflow-x:auto;margin:0 calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scrollbar-width:none}.hscroll::-webkit-scrollbar{display:none}.hscroll .chip{flex:none}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:18px;position:relative}.card.tight{padding:4px var(--sp-4)}.stitch{border:1.5px dashed var(--why)}.lino{background:var(--surface-2)}.sep{border:0;border-top:1.5px dashed var(--line);margin:18px 0}.stack{display:grid;gap:var(--sp-3)}.mt-1{margin-top:var(--sp-2)}.mt-2{margin-top:var(--sp-3)}.mt-3{margin-top:var(--sp-4)}.mt-4{margin-top:var(--sp-6)}.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px var(--sp-4);border-radius:18px;border:1.5px solid var(--line);background:var(--surface);min-height:64px;transition:border-color .2s,background .2s}.opt:hover{border-color:var(--line-2)}.opt b{display:block;font-size:var(--fs-base)}.opt small{display:block;font-size:13.5px;color:var(--ink2);line-height:1.4}.opt.on,.opt[aria-checked=true]{border-color:var(--c-indigo);background:var(--surface-selected);box-shadow:inset 0 0 0 1px var(--c-indigo)}.radio{width:22px;height:22px;border-radius:50%;border:1.8px solid var(--line-2);flex:none;margin-left:auto;display:grid;place-items:center}.opt[aria-checked=true] .radio{border-color:var(--c-indigo)}.opt[aria-checked=true] .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-indigo)}.field{display:grid;gap:6px}.field>label,.field .field-label{font-size:14px;font-weight:700}.input{min-height:var(--btn-h);border-radius:14px;border:1.5px solid var(--line-2);background:var(--surface);padding:0 var(--sp-4);font-size:var(--fs-lg);width:100%}.input:focus{outline:none;border-color:var(--c-indigo);box-shadow:0 0 0 3px #2e3a6624}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{padding:var(--sp-3) var(--sp-4);min-height:96px;resize:vertical}.field-error{font-size:var(--fs-sm);font-weight:700;color:var(--danger)}.form-alert{border:1.5px dashed var(--danger);background:var(--why-soft);border-radius:14px;padding:var(--sp-3) 14px;font-size:14.5px;font-weight:700;color:var(--c-tiza-deep)}.u-draw{background:linear-gradient(var(--why),var(--why)) left bottom/0% 3px no-repeat;padding-bottom:1px;animation:uDraw .9s .5s var(--ease) forwards}@keyframes uDraw{to{background-size:100% 3px}}.anim-b .b-line{stroke-dasharray:1;stroke-dashoffset:1;animation:bDraw 1.4s var(--ease) forwards}.anim-b .b-tag{animation:bSwing 1.6s 1.1s ease-in-out both;transform-box:fill-box;transform-origin:0% 50%}.anim-b.loop .b-line{animation:bDrawL 3.2s var(--ease) infinite}.anim-b.loop .b-tag{animation:bSwingL 3.2s ease-in-out infinite}@keyframes bDraw{to{stroke-dashoffset:0}}@keyframes bSwing{0%{transform:rotate(-14deg);opacity:0}20%{opacity:1}45%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}to{transform:rotate(0);opacity:1}}@keyframes bDrawL{0%{stroke-dashoffset:1}45%,to{stroke-dashoffset:0}}@keyframes bSwingL{0%,40%{transform:rotate(-14deg)}55%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}85%,to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.anim-b .b-line{stroke-dashoffset:0!important}.u-draw{background-size:100% 3px!important}}.flat{position:relative;background:var(--surface-2);background-image:var(--linen-tex);border-radius:var(--r-lg);overflow:hidden}.thumb{background:var(--surface-2);background-image:var(--linen-tex);border-radius:var(--r-md);display:grid;place-items:center;overflow:hidden;aspect-ratio:1/1.05;position:relative}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);align-items:start}@media(min-width:768px){.grid2.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1100px){.grid2.wide{grid-template-columns:repeat(4,minmax(0,1fr))}}.item{display:block;text-align:left;width:100%;min-width:0;text-decoration:none;position:relative}.item b{display:block;font-size:14.5px;line-height:1.25;margin-top:var(--sp-2)}.item small{font-size:12.5px;color:var(--ink3)}.tag{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--c-papel);padding:3px var(--sp-2);border-radius:var(--r-xs);color:var(--c-tiza-deep);display:inline-flex;align-items:center;gap:4px}.slot-add{border:1.8px dashed var(--line-2);border-radius:var(--r-md);aspect-ratio:1/1.05;display:grid;place-items:center;text-align:center;color:var(--ink2);font-weight:700;font-size:14px;padding:10px;width:100%;text-decoration:none}.slot-add.locked{border-color:var(--why);color:var(--c-tiza-deep)}.meter{display:flex;gap:5px;margin-top:var(--sp-2)}.meter i{flex:1;height:8px;border-radius:4px;border:1.5px solid var(--line-2)}.meter i.f{background:var(--c-indigo);border-color:var(--c-indigo)}.meter i.next{border-color:var(--why);border-style:dashed}.row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1.5px dashed var(--line);width:100%;text-align:left;min-height:56px;text-decoration:none}.row:last-child{border-bottom:0}.row .rt{flex:1;min-width:0}.row .rt b{display:block;font-size:15.5px}.row .rt small{font-size:var(--fs-sm);color:var(--ink2)}.row.danger{color:var(--danger)}.ico{width:40px;height:40px;border-radius:12px;background:var(--calm-soft);display:grid;place-items:center;flex:none}.tg{width:52px;height:32px;border-radius:16px;background:var(--line-2);position:relative;flex:none;transition:background .2s}.tg:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--c-white);transition:transform .25s var(--ease);box-shadow:0 1px 3px #0003}.tg[aria-checked=true]{background:var(--c-indigo)}.tg[aria-checked=true]:after{transform:translate(20px)}.tg-hit{min-width:var(--tap);min-height:var(--tap);display:grid;place-items:center}.sk{background:linear-gradient(90deg,#e3d6c3b3,#fbf7f0e6,#e3d6c3b3);background-size:200% 100%;animation:sk 1.4s linear infinite;border-radius:12px}@keyframes sk{to{background-position:-200% 0}}.chk{display:flex;gap:var(--sp-3);align-items:center;padding:10px 0;font-size:15.5px;color:var(--ink3);transition:color .3s}.chk .dot{width:26px;height:26px;border-radius:50%;border:1.8px dashed var(--line-2);display:grid;place-items:center;flex:none}.chk.done{color:var(--ink)}.chk.done .dot{border:0;background:var(--c-salvia)}.chk.run .dot{border-color:var(--why);animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sw{width:30px;height:30px;border-radius:50%;border:2px solid var(--c-card);box-shadow:0 0 0 1.5px var(--line);flex:none;display:inline-block}.sw.sm{width:18px;height:18px}.sws{display:flex;gap:6px;flex-wrap:wrap}.pop{animation:pop .5s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.fadein{animation:fade .5s both}@keyframes fade{0%{opacity:0}}.pill{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;min-height:var(--tap);border-radius:var(--r-pill);border:1.5px dashed var(--why);background:var(--why-soft);font-size:14px;font-weight:700}.check-list{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.check-list li{display:flex;gap:10px;align-items:center;font-size:var(--fs-md)}.why-icon{color:var(--why)}
