@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_293b713b-module__lNoyQa__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_293b713b-module__lNoyQa__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--bg:#fff1f2;--surface:#fff;--surface-2:#ffe9ec;--ink:#27060f;--ink-2:#881337;--ink-3:#b98a97;--border:#88133724;--border-strong:#88133747;--accent:#e11d48;--accent-soft:#e11d4817;--accent-ink:#fff;--blue:#2563eb;--good:#177a4c;--mod-capturar:#e11d48;--mod-capturar-ink:#fff;--mod-colores:#f59e0b;--mod-colores-ink:#331b00;--mod-visualizar:#2563eb;--mod-visualizar-ink:#fff;--mod-recomendar:#10b981;--mod-recomendar-ink:#03291c;--mod-espacio:#8b5cf6;--mod-espacio-ink:#fff;--shadow-1:0 1px 2px #12141a0d,0 4px 16px #12141a0f;--shadow-2:0 2px 6px #12141a14,0 16px 48px #12141a24;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--radius:14px;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{--bg:#111216;--surface:#191a1f;--surface-2:#22232a;--ink:#edeef1;--ink-2:#a3a7b2;--ink-3:#6c707b;--border:#f0f2f81a;--border-strong:#f0f2f833;--accent:#fb7185;--accent-soft:#fb718526;--accent-ink:#3f0313;--good:#4cc38a;--shadow-1:0 1px 2px #0000004d,0 4px 16px #0000004d;--shadow-2:0 2px 6px #0006,0 16px 48px #00000080}}:root[data-theme=dark]{--bg:#111216;--surface:#191a1f;--surface-2:#22232a;--ink:#edeef1;--ink-2:#a3a7b2;--ink-3:#6c707b;--border:#f0f2f81a;--border-strong:#f0f2f833;--accent:#fb7185;--accent-soft:#fb718526;--accent-ink:#3f0313;--good:#4cc38a;--shadow-1:0 1px 2px #0000004d,0 4px 16px #0000004d;--shadow-2:0 2px 6px #0006,0 16px 48px #00000080}:root[data-theme=light]{--bg:#fff1f2;--surface:#fff;--surface-2:#ffe9ec;--ink:#27060f;--ink-2:#881337;--ink-3:#b98a97;--border:#88133724;--border-strong:#88133747;--accent:#e11d48;--accent-soft:#e11d4817;--accent-ink:#fff;--good:#177a4c;--shadow-1:0 1px 2px #12141a0d,0 4px 16px #12141a0f;--shadow-2:0 2px 6px #12141a14,0 16px 48px #12141a24}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:96px;font-size:15px;line-height:1.55}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input[type=text],input[type=search]{font:inherit}canvas{max-width:100%;display:block}::selection{background:var(--accent-soft)}header{justify-content:space-between;align-items:baseline;gap:16px;max-width:1060px;margin:0 auto;padding:28px 20px 8px;display:flex}.wordmark{letter-spacing:-.045em;font-size:26px;font-weight:800}.wordmark i{color:var(--accent);font-style:normal}.tagline{color:var(--ink-3);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:500}@media (max-width:560px){.tagline{display:none}}nav{z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:12px 20px;position:sticky;top:0}.tabs{background:var(--surface-2);border-radius:12px;gap:2px;width:fit-content;max-width:1060px;margin:0 auto;padding:3px;display:flex;position:relative}.tabs .ind{background:var(--surface);height:calc(100% - 6px);box-shadow:var(--shadow-1);transition:transform .22s var(--ease-out),width .22s var(--ease-out);will-change:transform;border-radius:9px;position:absolute;top:3px;left:0}.tabs button{z-index:1;color:var(--ink-2);transition:color .18s ease,transform .16s var(--ease-out);white-space:nowrap;border-radius:9px;padding:8px 16px;font-size:13.5px;font-weight:600;position:relative}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button:active{transform:scale(.97)}@media (max-width:560px){nav{padding:10px 8px}.tabs{scrollbar-width:none;width:100%;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;padding:8px 12px;font-size:12.5px}}main{max-width:1060px;margin:0 auto;padding:28px 20px}.tab-page{animation:tabIn .24s var(--ease-out);display:block}@keyframes tabIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lede{max-width:56ch;color:var(--ink-2);margin:6px 0 26px}.h-big{letter-spacing:-.035em;font-size:clamp(26px,4.5vw,38px);font-weight:750;line-height:1.12}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:650}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:820px){.grid2{grid-template-columns:1fr}}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:8px;font-size:11.5px;font-weight:650}.btn{background:var(--surface-2);color:var(--ink);border:1px solid var(--border);transition:transform .16s var(--ease-out),background .18s ease,border-color .18s ease,opacity .18s ease;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.ghost{background:0 0}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.tabs button:focus-visible,.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.btn:hover{border-color:var(--border-strong)}.btn.primary:hover{filter:brightness(1.06)}}.btn svg{flex:none;width:16px;height:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--ink-2);background:var(--surface);transition:transform .14s var(--ease-out),background .16s ease,color .16s ease,border-color .16s ease;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:550}.chip:active{transform:scale(.96)}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media (hover:hover) and (pointer:fine){.chip:not(.on):hover{border-color:var(--border-strong);color:var(--ink)}}.cap-hero{grid-template-columns:1.1fr .9fr;align-items:start;gap:20px;display:grid}@media (max-width:820px){.cap-hero{grid-template-columns:1fr}}.cap-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.stage-wrap{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);position:relative;overflow:hidden}.stage-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:auto}.stage-empty{aspect-ratio:4/3;color:var(--ink-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13.5px;display:flex}.stage-empty svg{opacity:.5;width:34px;height:34px}.loupe{z-index:90;pointer-events:none;border:3px solid var(--surface);width:118px;height:118px;box-shadow:var(--shadow-2);border-radius:50%;display:none;position:fixed;overflow:hidden;transform:translate(-50%,-135%)}.loupe canvas{width:118px;height:118px}.loupe:after{content:"";mix-blend-mode:difference;border:1.5px solid #fff;border-radius:2px;width:10px;height:10px;margin:auto;position:absolute;inset:0}.result{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.result .swatch-big{height:150px;transition:background-color .3s;position:relative}.result .swatch-big .hexlabel{font-family:var(--mono);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000057;border-radius:7px;padding:4px 9px;font-size:12.5px;font-weight:600;position:absolute;bottom:12px;left:14px}.result-body{flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.match-row{align-items:center;gap:12px;display:flex}.match-row .dot{border:1px solid var(--border);border-radius:10px;flex:none;width:38px;height:38px}.match-row .m-name{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.match-row .m-sub{color:var(--ink-2);font-size:12.5px;font-family:var(--mono)}.match-row .m-pct{font-family:var(--mono);color:var(--good);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:600}.divider{background:var(--border);height:1px}.mycolors-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.mc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);animation:riseIn .32s var(--ease-out) both;animation-delay:calc(var(--i,0)*45ms);overflow:hidden}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.mc-swatch{height:88px}.mc-body{padding:13px 15px 14px}.mc-title{letter-spacing:-.01em;font-size:14px;font-weight:650}.mc-sub{color:var(--ink-2);font-size:12px;font-family:var(--mono);margin-top:2px}.mc-meta{color:var(--ink-3);margin-top:6px;font-size:11.5px}.mc-actions{gap:6px;margin-top:11px;display:flex}.mc-actions .btn{border-radius:8px;padding:6px 11px;font-size:12.5px}.empty{border:1.5px dashed var(--border-strong);border-radius:var(--radius);text-align:center;color:var(--ink-3);padding:44px 24px}.empty b{color:var(--ink-2);font-weight:650}.step{margin-bottom:22px}.step-h{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.step-n{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);letter-spacing:.06em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.step-t{letter-spacing:-.015em;font-size:15px;font-weight:700}.step-note{color:var(--ink-3);margin-left:auto;font-size:12.5px}.viz-stage{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);position:relative;overflow:hidden}.viz-stage canvas{touch-action:none;width:100%;height:auto;display:block}#vizOverlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.toolgroup{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.toolgroup button{color:var(--ink-2);transition:background .16s ease,color .16s ease,transform .14s var(--ease-out);border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;display:inline-flex}.toolgroup button:active{transform:scale(.96)}.toolgroup button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.toolgroup svg{width:15px;height:15px}.slider-wrap{color:var(--ink-2);align-items:center;gap:9px;font-size:12.5px;display:flex}input[type=range]{accent-color:var(--accent);width:110px}.recommend-box{background:var(--accent-soft);color:var(--ink);border-radius:11px;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:none}.recommend-box.on{animation:tabIn .22s var(--ease-out);display:block}.recommend-box b{font-weight:700}.mini-swatches{scrollbar-width:thin;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.mini-sw{width:52px;height:52px;transition:transform .15s var(--ease-out),border-color .15s ease;border:2px solid #0000;border-radius:11px;flex:none;position:relative;box-shadow:inset 0 0 0 1px #00000014}.mini-sw:active{transform:scale(.94)}.mini-sw.on{border-color:var(--ink)}.mini-sw .tick{color:#fff;mix-blend-mode:difference;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.mini-sw.on .tick{display:flex}.compare{border-radius:var(--radius);border:1px solid var(--border);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.compare img,.compare canvas{width:100%;height:auto;display:block}.compare .after{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0);position:absolute;inset:0}.compare .handle{top:0;bottom:0;left:var(--split,50%);pointer-events:none;width:0;position:absolute}.compare .handle:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 0 .5px #00000040}.compare .knob{color:#111;width:38px;height:38px;box-shadow:var(--shadow-2);letter-spacing:-.05em;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.compare .tag{letter-spacing:.1em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:12px}.compare .tag.b{left:12px}.compare .tag.a{right:12px}.rec-base{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rec-base .big-dot{border:1px solid var(--border);border-radius:18px;flex:none;width:72px;height:72px;transition:background-color .3s}.psy-card{padding:18px 20px}.psy-title{letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.psy-temp{letter-spacing:.1em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.psy-body{color:var(--ink-2);max-width:60ch;margin-top:8px;font-size:14px}.amb-chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.amb-chips span{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:550}.harmony{margin-top:20px}.harm-row{border-top:1px solid var(--border);align-items:center;gap:14px;padding:13px 0;display:flex}.harm-row:last-child{border-bottom:1px solid var(--border)}.harm-name{flex:none;width:130px;font-size:13.5px;font-weight:650}.harm-name small{color:var(--ink-3);font-size:11.5px;font-weight:450;display:block}.harm-sw{flex-wrap:wrap;gap:8px;display:flex}.harm-paint{border:1px solid var(--border);background:var(--surface);transition:transform .14s var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.harm-paint:active{transform:scale(.97)}.harm-paint .d{border:1px solid var(--border);border-radius:7px;width:26px;height:26px}.harm-paint .n{font-size:12.5px;font-weight:600}.harm-paint .c{color:var(--ink-3);font-size:10.5px;font-family:var(--mono);display:block}.sheet-back{z-index:80;opacity:0;pointer-events:none;background:#0a0b0f73;transition:opacity .22s;position:fixed;inset:0}.sheet-back.on{opacity:1;pointer-events:auto}.sheet{z-index:81;background:var(--surface);width:min(680px,100%);max-height:82dvh;box-shadow:var(--shadow-2);border-radius:18px 18px 0 0;flex-direction:column;transition:transform .34s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,102%)}.sheet.on{transform:translate(-50%)}.sheet-h{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.sheet-h h3{letter-spacing:-.02em;font-size:15px;font-weight:700}.sheet-h input{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:10px;outline:none;flex:1;min-width:0;padding:8px 13px;font-size:13.5px}.sheet-h input:focus{border-color:var(--accent)}.sheet-fams{scrollbar-width:none;flex:none;gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.sheet-body{padding:6px 20px 24px;overflow-y:auto}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;display:grid}.cat-item{border:1px solid var(--border);background:var(--surface);text-align:left;transition:transform .14s var(--ease-out),border-color .15s ease;border-radius:12px;overflow:hidden}.cat-item:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.cat-item:hover{border-color:var(--border-strong)}}.cat-item .sw{height:56px}.cat-item .nm{padding:7px 9px 8px;font-size:11.5px;font-weight:600;line-height:1.25}.cat-item .cd{font-family:var(--mono);color:var(--ink-3);margin-top:1px;font-size:9.5px;font-weight:500;display:block}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-2);opacity:1;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:opacity .4s,transform .4s;display:flex;transform:translateY(0)}.toast .tdot{border-radius:3px;flex:none;width:10px;height:10px}@starting-style{.toast{opacity:0;transform:translateY(120%)}}.toast.bye{opacity:0;transform:translateY(40%)}.pal-sws{border:1px solid var(--border);border-radius:12px;height:60px;display:flex;overflow:hidden}.pal-sws button{transition:flex .26s var(--ease-out);flex:1;position:relative}@media (hover:hover) and (pointer:fine){.pal-sws button:hover{flex:1.9}}.pal-sws button:active{flex:1.9}.pal-sws .hx{font-family:var(--mono);color:#fff;opacity:0;white-space:nowrap;pointer-events:none;background:#00000061;border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:600;transition:opacity .18s;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.pal-sws button:hover .hx,.pal-sws button:active .hx{opacity:1}.wheel-box{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.wheel-wrap{touch-action:none;flex:none;width:240px;height:240px;position:relative}.wheel-wrap canvas{cursor:crosshair;border-radius:50%;width:240px;height:240px}.wheel-mark{pointer-events:none;width:20px;height:20px;box-shadow:0 0 0 1px #00000040,var(--shadow-1);border:3px solid #fff;border-radius:50%;transition:background-color .12s;position:absolute;transform:translate(-50%,-50%)}.pal-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.pal-card{padding:14px 16px 16px}.pal-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pal-head b{letter-spacing:-.01em;font-size:14px}.pal-head .btn{border-radius:8px;margin-left:auto;padding:6px 10px;font-size:12px}.hexlabel{cursor:pointer}.scheme{align-items:stretch;gap:16px;margin-bottom:14px;padding:16px;display:flex}.scheme .sw2{border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:none;width:120px;display:flex;overflow:hidden}.scheme .sw2 .wall{flex:2.6}.scheme .sw2 .ceil{border-top:1px solid #00000014;flex:1}.scheme-body{flex:1;min-width:0}.scheme-body h3{letter-spacing:-.015em;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.scheme-body h3 small{color:var(--accent);background:var(--accent-soft);letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:500}.scheme-body p{color:var(--ink-2);max-width:64ch;margin:6px 0 10px;font-size:13px}.scheme-paints{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:560px){.scheme{flex-direction:column}.scheme .sw2{flex-direction:row;width:100%;height:84px}.scheme .sw2 .ceil{border-top:none;border-left:1px solid #00000014}}.calc-field{margin-bottom:16px}.calc-field label{letter-spacing:-.01em;margin-bottom:7px;font-size:13px;font-weight:650;display:block}.calc-field label small{color:var(--ink-3);margin-top:1px;font-size:11.5px;font-weight:450;display:block}.calc-field input[type=number]{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:10px;outline:none;padding:10px 13px;font-size:15px}.calc-field input[type=number]:focus{border-color:var(--accent)}.calc-field.twin{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calc-out{flex-direction:column;justify-content:center;display:flex}.calc-empty{color:var(--ink-3);text-align:center;padding:30px 20px;font-size:13.5px}.calc-big{align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.calc-big span{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}.calc-big small{color:var(--ink-2);font-size:14px;font-weight:550}.calc-rows div{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px;display:flex}.calc-rows span{color:var(--ink-2)}.calc-rows b{text-align:right;font-weight:650}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.blog-card{text-align:left;transition:transform .16s var(--ease-out),border-color .16s ease;flex-direction:column;padding:0;display:flex;overflow:hidden}.blog-card:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.blog-card:hover{border-color:var(--border-strong)}}.blog-band{height:110px;display:flex}.blog-band i{flex:1}.blog-card .bd{padding:15px 17px 17px}.blog-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:10.5px;font-weight:700}.blog-card h3{letter-spacing:-.02em;margin:5px 0 6px;font-size:16.5px;line-height:1.25}.blog-card p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.blog-meta{color:var(--ink-3);margin-top:10px;font-size:11.5px}.blog-post{max-width:720px;margin:0 auto;padding:28px clamp(20px,5vw,44px) 36px}.blog-post h2{letter-spacing:-.03em;margin:10px 0 4px;font-size:clamp(22px,3.6vw,30px);line-height:1.15}.blog-post .blog-band{border-radius:12px;height:72px;margin:18px 0;overflow:hidden}.blog-post p{color:var(--ink-2);margin:0 0 14px;font-size:14.5px;line-height:1.7}.blog-post p b{color:var(--ink)}.chat{flex-direction:column;height:min(580px,70dvh);padding:0;display:flex;overflow:hidden}.chat-log{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.msg{max-width:82%;animation:msgIn .26s var(--ease-out) both;border-radius:16px;padding:11px 15px;font-size:14px;line-height:1.55}.msg.bot{background:var(--surface-2);border-bottom-left-radius:6px;align-self:flex-start}.msg.me{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:6px;align-self:flex-end}.msg b{font-weight:700}.msg .csw{vertical-align:-1px;border-radius:4px;width:12px;height:12px;margin-right:5px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.msg.typing{align-items:center;gap:5px;padding:14px 16px;display:flex}.msg.typing i{background:var(--ink-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.msg.typing i:nth-child(2){animation-delay:.2s}.msg.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-sugg{scrollbar-width:none;flex:none;gap:8px;padding:4px 20px 12px;display:flex;overflow-x:auto}.chat-sugg .chip{flex:none;font-size:12.5px}.chat-in{border-top:1px solid var(--border);flex:none;gap:10px;padding:12px;display:flex}.chat-in input{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:11px;outline:none;flex:1;min-width:0;padding:11px 15px;font-size:14px}.chat-in input:focus{border-color:var(--accent)}.steps3{grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 8px;display:grid}@media (max-width:820px){.steps3{grid-template-columns:1fr}}.step3{text-align:left;transition:transform .16s var(--ease-out),border-color .16s ease;display:block}.step3:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.step3:hover{border-color:var(--border-strong)}}.step3 .n{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);letter-spacing:.06em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.step3 svg{width:26px;height:26px;color:var(--ink-2);margin:16px 0 10px;display:block}.step3 b{letter-spacing:-.02em;font-size:15.5px}.step3 p{color:var(--ink-2);margin:6px 0 0;font-size:13px;line-height:1.55}.faq{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.faq-item+.faq-item{border-top:1px solid var(--border)}.faq-q{text-align:left;letter-spacing:-.01em;align-items:center;gap:12px;width:100%;padding:16px 18px;font-size:14.5px;font-weight:650;display:flex}.faq-q svg{width:16px;height:16px;color:var(--ink-3);transition:transform .26s var(--ease-out);flex:none;margin-left:auto}.faq-item.open .faq-q svg{transform:rotate(45deg)}.faq-a{transition:grid-template-rows .3s var(--ease-out);grid-template-rows:0fr;display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{color:var(--ink-2);max-width:72ch;margin:0;padding:0 18px 17px;font-size:13.5px;line-height:1.6}footer{border-top:1px solid var(--border);max-width:1060px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:40px auto 0;padding:24px 20px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cer-block{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px 16px}.cer-label{color:var(--good);align-items:center;gap:7px;margin-bottom:10px;display:flex}.cer-label svg{width:15px;height:15px}.cer-note{color:var(--ink-3);margin:-4px 0 10px;font-size:12.5px}.cer-row{text-align:left;border-top:1px solid var(--border);align-items:center;gap:12px;width:100%;padding:9px 0;transition:opacity .15s;display:flex}.cer-row:disabled{cursor:default}.cer-row .d{border:1px solid var(--border);border-radius:9px;flex:none;width:34px;height:34px}.cer-body{flex:1;min-width:0}.cer-name{letter-spacing:-.01em;font-size:13.5px;font-weight:650;display:block}.cer-code{font-family:var(--mono);color:var(--ink-3);font-size:11px;display:block}.cer-right{text-align:right;flex:none}.cer-fid-label{color:var(--ink-3);margin-top:2px;font-size:10.5px;display:block}.fid{font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:6px;padding:2px 7px;font-size:11.5px;font-weight:700}.fid.good{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.fid.ok{color:var(--accent);background:var(--accent-soft)}.fid.warn{color:#b45309;background:#d977061f}.cer-compact{border:1px solid var(--border);background:var(--surface);transition:transform .14s var(--ease-out),border-color .15s ease;border-radius:10px;align-items:center;gap:8px;max-width:100%;padding:5px 10px 5px 5px;display:inline-flex}.cer-compact:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cer-compact:hover,.cer-row:not(:disabled):hover .cer-name{border-color:var(--border-strong)}}.cer-compact .d{border:1px solid var(--border);border-radius:7px;flex:none;width:26px;height:26px}.cer-compact .cer-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:inline;overflow:hidden}.cer-compact .cer-code{font-size:10.5px;display:inline}.topnav{z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:12px 20px;position:sticky;top:0}.topnav-in{align-items:center;gap:18px;max-width:1100px;margin:0 auto;display:flex}.wm-link{color:var(--ink);flex:none;text-decoration:none}.pills{scrollbar-width:none;flex:1;align-items:center;gap:6px;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{min-height:40px;color:var(--ink-2);white-space:nowrap;transition:transform .16s var(--ease-out),background .18s ease,color .18s ease;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.pill:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.pill:not([aria-current]):hover{background:var(--surface)}}.pill[aria-current=page]{background:var(--pill-bg,var(--accent));color:var(--pill-ink,var(--accent-ink))}.pill.mod-capturar{--pill-bg:var(--mod-capturar);--pill-ink:var(--mod-capturar-ink)}.pill.mod-colores{--pill-bg:var(--mod-colores);--pill-ink:var(--mod-colores-ink)}.pill.mod-visualizar{--pill-bg:var(--mod-visualizar);--pill-ink:var(--mod-visualizar-ink)}.pill.mod-recomendar{--pill-bg:var(--mod-recomendar);--pill-ink:var(--mod-recomendar-ink)}.pill.mod-espacio{--pill-bg:var(--mod-espacio);--pill-ink:var(--mod-espacio-ink)}.pill.tool{opacity:.85;padding:8px 13px;font-weight:600}.pill.tool[aria-current=page]{opacity:1;background:var(--ink);color:var(--bg)}.pill-sep{background:var(--border-strong);flex:none;width:1px;height:22px;margin:0 4px}@media (max-width:640px){.topnav{padding:10px 12px}.topnav-in{gap:10px}}.home{max-width:1100px;margin:0 auto;padding:clamp(40px,7vw,90px) 20px 40px}.home .kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px;font-size:13px;font-weight:700}.home h1{letter-spacing:-.045em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.2rem,5.8vw,5rem);font-weight:800;line-height:1.04}.home h1 .colorword{background:linear-gradient(90deg,#e11d48,#f59e0b,#10b981,#2563eb,#8b5cf6,#e11d48) 0 0/400% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:9s linear infinite hueShift}@keyframes hueShift{to{background-position:400% 0}}.home h1 .pedacitos{color:var(--accent)}.home .home-sub{max-width:52ch;color:var(--ink-2);margin:22px 0 0;font-size:clamp(15px,1.7vw,18px)}.home-blocks{grid-template-columns:repeat(10,1fr);gap:14px;margin-top:clamp(28px,4vw,44px);display:grid}.hblock{background:var(--hb-bg);min-height:180px;color:var(--hb-ink);transition:transform .22s var(--ease-out),box-shadow .22s ease;border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;padding:22px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hblock:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.hblock:hover{transform:translateY(-5px);box-shadow:0 18px 40px #27060f2e}.hblock:hover .hb-go{opacity:1;transform:none}}.hblock svg.hb-ico{width:28px;height:28px}.hblock h3{letter-spacing:-.025em;margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:800;line-height:1.1}.hblock p{opacity:.86;margin:4px 0 0;font-size:13.5px;line-height:1.45}.hb-go{opacity:0;width:22px;height:22px;transition:opacity .2s ease,transform .22s var(--ease-out);position:absolute;top:18px;right:18px;transform:translate(-6px)}.hblock.capturar{--hb-bg:var(--mod-capturar);--hb-ink:var(--mod-capturar-ink);grid-column:span 4}.hblock.colores{--hb-bg:var(--mod-colores);--hb-ink:var(--mod-colores-ink);grid-column:span 3}.hblock.visualizar{--hb-bg:var(--mod-visualizar);--hb-ink:var(--mod-visualizar-ink);grid-column:span 3}.hblock.recomendar{--hb-bg:var(--mod-recomendar);--hb-ink:var(--mod-recomendar-ink);grid-column:span 5}.hblock.espacio{--hb-bg:var(--mod-espacio);--hb-ink:var(--mod-espacio-ink);grid-column:span 5}@media (max-width:860px){.home-blocks{grid-template-columns:1fr 1fr}.hblock{min-height:150px;grid-column:span 1!important}.hblock.capturar{grid-column:span 2!important}}@media (max-width:480px){.home-blocks{grid-template-columns:1fr}.hblock{grid-column:span 1!important}}.home-tools{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.home-tools .htool{background:var(--surface);border:1.5px solid var(--border);min-height:46px;color:var(--ink);transition:transform .18s var(--ease-out),border-color .2s ease,box-shadow .2s ease;border-radius:999px;align-items:center;gap:9px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.htool svg{width:17px;height:17px;color:var(--accent)}.htool:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.htool:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #e11d4824}}.home .section-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin:34px 0 12px;font-size:12px;font-weight:700}.fab{z-index:60;background:var(--blue);color:#fff;width:58px;height:58px;transition:transform .2s var(--ease-out),background .2s ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #2563eb66}.fab:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.fab:hover{background:#1d4ed8;transform:scale(1.07)}}.fab svg{width:25px;height:25px}.fab-panel{z-index:59;background:var(--surface);border:1px solid var(--border);width:min(370px,100vw - 44px);box-shadow:var(--shadow-2);transform-origin:100% 100%;max-height:min(520px,70dvh);transition:transform .22s var(--ease-out),opacity .2s ease;border-radius:18px;flex-direction:column;display:flex;position:fixed;bottom:90px;right:22px;overflow:hidden}.fab-panel[data-closed]{opacity:0;pointer-events:none;transition:transform .16s var(--ease-out),opacity .14s ease;transform:scale(.92)translateY(10px)}.fab-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.fab-head b{font-size:14px;font-weight:700}.fab-head .full-link{color:var(--ink-2);margin-left:auto;margin-right:10px;font-size:12px;text-decoration:none}.fab-head .full-link:hover{color:var(--ink);text-decoration:underline}.fab-close{width:30px;height:30px;color:var(--ink-3);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .16s,color .16s;display:flex}@media (hover:hover) and (pointer:fine){.fab-close:hover{background:var(--surface-2);color:var(--ink)}}.fab-panel .chat-log{flex-direction:column;flex:1;gap:10px;min-height:180px;padding:16px;display:flex;overflow-y:auto}.fab-panel .chat-sugg{padding:4px 16px 10px}.fab-panel .chat-in{padding:10px}@media (prefers-reduced-motion:reduce){.home h1 .colorword{background:linear-gradient(90deg,#e11d48,#2563eb);-webkit-background-clip:text;background-clip:text}.fab-panel,.fab-panel[data-closed]{transition:opacity .15s}.fab-panel[data-closed]{transform:none}}