/* Cromaia / sistema visual de estudio. Se carga después de los estilos funcionales. */
:root{--accent:#a9d7bd;--accent-hover:#c9e6d2;--ink:#18201b;--muted:#626c64;--line:#cbd0c6;--soft:#ecefe8;--bg:#f7f5ef;--radius:2px;--font:'DM Sans',Roboto,Arial,sans-serif}
body{font-family:var(--font);font-size:14px;background:#202725;color:var(--ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
.topbar{min-height:77px;background:#141817;padding:0 clamp(20px,3.3vw,52px);border-bottom:1px solid #a7c1ad30}
.brand{align-items:center;text-decoration:none;gap:11px}.brand-symbol,.login-symbol{background:transparent;color:#b9dec9;border:1px solid #acd6bc;border-radius:50%;width:39px;height:39px;font:600 24px/1 var(--font);letter-spacing:-.16em;padding-right:4px}.brand-symbol span{color:#b9dec9}.brand-wordmark strong{font:700 21px/1 var(--font);letter-spacing:-.075em;color:#f5f4ea}.brand-wordmark small{font-size:9px;letter-spacing:.145em;color:#9eafa1;font-weight:600;margin-top:4px}
.topnav{gap:clamp(12px,1.6vw,25px)}.topnav a,.topnav .link-btn,.user-box{font-size:12px;color:#d2d8d0;font-weight:600;text-decoration:none}.topnav a:hover,.topnav .link-btn:hover{color:var(--accent);text-decoration:none}.runtime-status{border:1px solid #8ebfa550;color:#b8e1c2;background:#aacfb30e;font:600 10px/1.1 var(--font);letter-spacing:.05em;padding:8px 10px}.topnav .chip{display:none}.user-box{border-left:1px solid #8d9c905c;padding-left:13px}
.product-finder{background:#e9e8de;border-bottom:1px solid #c5c9bd;padding:20px clamp(20px,3.3vw,52px);grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:30px}.product-finder-title{border-right:1px solid #c7cbbc}.product-finder-title strong{font:600 26px/1 var(--font);letter-spacing:-.065em;color:#1c2420}.product-finder-title #selected-family{font-size:12px;color:#6b796e}.eyebrow,.category-group-label,.tool-group-title,.canvas-index{font:700 10px/1.3 var(--font);letter-spacing:.12em;color:#6e8071}.product-finder-main>label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.product-shortcuts{gap:5px 16px}.product-shortcuts span{color:#7c897c}.product-shortcut{font-size:12px;font-weight:600;color:#586d5d}.product-shortcut:hover,.product-shortcut[aria-pressed="true"]{border-color:#597d67;color:#18251b}.product-results{top:67px;border:1px solid #a9bbaa;background:#f8f8f2;box-shadow:0 20px 35px #131b1430}.product-result{background:transparent;color:#253228}.product-result:hover,.product-result:focus-visible{background:#d9e9d9}.product-no-results{color:#607267}
.layout{grid-template-columns:minmax(390px,470px) minmax(0,1fr);min-height:calc(100vh - 180px)}.panel{background:#f4f1e9;border-right:1px solid #bdc7ba;padding:34px clamp(22px,2.8vw,44px) 55px}.workspace-intro{margin-bottom:27px}.workspace-intro h1{font:600 clamp(35px,3vw,51px)/.99 var(--font);letter-spacing:-.07em;margin-top:14px;color:#18201b}.workspace-intro p{font-size:14px;line-height:1.5;color:#626c64;margin-top:12px}.campaign-row{background:transparent;border:0;border-top:1px solid #bbc5b9;border-bottom:1px solid #bbc5b9;padding:10px 0;margin-bottom:23px}.campaign-row select{background:transparent;border:0;font-size:12px}.campaign-row .link-btn{color:#395b43;font-size:11px}.tool-chooser{border:1px solid #acbba9;background:#ecefe7;margin-bottom:25px}.tool-chooser>summary{padding:16px}.tool-chooser>summary strong{font-size:15px;font-weight:700;color:#18201b;letter-spacing:-.03em}.tool-chooser>summary small{color:#687a6c;font:700 10px var(--font);letter-spacing:.12em}.tool-chooser>summary span:last-child{font-size:11px;color:#4c6a53}.tool-picker-head{margin:18px 0 13px}.tool-picker-head strong{font-size:16px;letter-spacing:-.035em}.tool-picker-head small{font-size:12px}.step-number{color:#486b51;font:700 12px var(--font)}.tool-desc{font-size:13px;color:#607066;margin:0 0 2px}.form{gap:18px}.field>label,.options label{font-size:12px;font-weight:700;letter-spacing:.01em}
input[type=text],input[type=search],input[type=password],textarea,select,.dims input{background:#fbfaf6;border:1px solid #b9c5b6;border-radius:2px;min-height:43px;color:#19221b}.drop{background:#edf0e7;border:1px dashed #819987;min-height:178px;border-radius:2px}.drop:hover,.drop.dragover{background:#e0ebdd;border-color:#385e42}.drop-empty strong{font:600 20px/1.2 var(--font);letter-spacing:-.05em}.drop-empty span{font-size:12px}.tool-btn{background:#f6f6ef;border:1px solid #c8d0c5;color:#25352a}.tool-btn:hover{background:#e1ecdf}.tool-btn[aria-pressed="true"]{background:#1e2a22;border-color:#1e2a22;color:#e7efe6}.tool-btn[aria-pressed="true"]::after{color:#a8d6b7}
.btn-primary{background:#18251d;color:#f2f4eb;border:1px solid #18251d;border-radius:2px;box-shadow:none;font-weight:700}.btn-primary:hover:not(:disabled){background:#365d40;border-color:#365d40}.btn-primary:disabled{background:#c1c7bc;border-color:#c1c7bc;color:#5d685d}.btn{background:#f8f8f1;border:1px solid #b6c2b6;border-radius:2px;color:#26392b;font-weight:600}.btn:hover{background:#e6efe3;border-color:#52745b}.link-btn{color:#385943}.chip{background:#dce9da;color:#31553b;border-radius:2px}.swatch,.thumb,.thumb-add,.web-block,.tip,.combi-card,.h-card,.q-item,.fidelity,.select-bar,.login-card,.team-card,.team-person,.icon-btn{border-radius:2px;box-shadow:none}
.stage{background:#202725;padding:35px clamp(20px,3vw,50px) 58px;align-items:stretch}.stage-heading{border-bottom:1px solid #bdc6b445;margin-bottom:25px;padding-bottom:18px}.stage-heading h2{font:600 clamp(28px,2.3vw,38px)/1 var(--font);letter-spacing:-.065em;color:#f0eee5;margin-top:7px}.stage-heading .eyebrow{color:#a5d0b0}.stage-help{font-size:12px;color:#a8b4a8}.stage-empty{background:#e8e8db;border:1px solid #a7bdab80;max-width:1300px;min-height:clamp(410px,64vh,690px);margin:0 auto;padding:55px 30px}.stage-empty::before,.stage-empty::after{border-color:#b6c1b2}.canvas-index{color:#6c8370}.canvas-cross{width:110px;height:110px;border:1px solid #78947b;color:#5a8163;font:300 60px/1 var(--font);animation:slow-turn 18s linear infinite}.stage-empty h3{font:600 26px/1.1 var(--font);letter-spacing:-.055em;color:#24342a;margin-top:29px}.stage-empty p{font-size:13px;color:#677569}.empty-flow span{color:#748875;font:700 10px var(--font);letter-spacing:.1em}.stage-loading{color:#e1e8de;margin-top:13vh}.stage-loading .muted{color:#acb8ab}.result-media{background:#e9ece5;border:1px solid #76917d}.result-bar h2{color:#f1f2e9;font-size:22px;letter-spacing:-.05em}.result-bar .muted,.result .muted,.result .prompt p{color:#b3c3b5}.result .btn,.result select.btn,.queue-tools .link-btn,.status-row .btn{background:#2d3b32;border-color:#77947a;color:#e6efe5}.result .btn:hover,.status-row .btn:hover{background:#3c5842}.result .status-btn[aria-pressed="true"]{background:#a9d7bd;color:#18251d}.result .chip{background:#415c46;color:#d9efdd}.fidelity.fiel{background:#214832;color:#dbf5df}.fidelity.revisar{background:#5a4c2b;color:#ffedba}.fidelity.diferente{background:#6e3331;color:#ffe1da}.queue .q-item{background:#e8e8db}.queue .q-item span{color:#3e5141}.result-media img,.compare-fig img{border-radius:0}
.history{background:#f4f1e9;border-top:1px solid #b8c6b9;padding:60px clamp(20px,3.3vw,52px) 105px}.history-head{border-bottom:1px solid #b9c5b8;padding-bottom:21px;margin-bottom:24px}.history-head h2{font:600 clamp(30px,3vw,45px)/1 var(--font);letter-spacing:-.065em}.history-grid{gap:13px}.h-card{background:#fffefa;border:1px solid #c0cbbf}.h-card:hover{border-color:#698a70;transform:translateY(-2px)}.h-card strong{font-size:13px}.h-card span{font-size:11px}.history-filters select,.history-filters input{background:#fffefa}
.overlay{background:#101612ce;backdrop-filter:blur(5px)}.login-card,.team-card{background:#f2efe6;border:1px solid #a9bbaa;box-shadow:0 25px 80px #0008}.login-card{max-width:430px;padding:42px;gap:17px}.login-symbol{color:#213d2d;border-color:#547d5a;margin-bottom:10px}.login-card h2,.team-card h2{font:600 30px/1.05 var(--font);letter-spacing:-.065em;color:#18251c}.login-card .muted{color:#5b6b5e}.login-card input{background:#fffefa;border:1px solid #aabbab;border-radius:2px;min-height:46px}.login-card .btn-primary{background:#18251d}.team-card{padding:32px}.team-avatar{background:#d8e8d7;color:#31543a}.icon-btn{background:#dcebd9;color:#284932}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #74ac83;outline-offset:3px}
@keyframes slow-turn{to{transform:rotate(360deg)}}
@media(max-width:1180px){.layout{grid-template-columns:minmax(340px,420px) minmax(0,1fr)}.topnav>a:nth-of-type(2){display:none}}
@media(max-width:880px){.layout{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid #bed0bd}.stage{min-height:510px}.topbar{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.product-finder{padding-top:16px;padding-bottom:16px}}
@media(max-width:560px){.topbar{min-height:75px;padding:13px 16px}.brand{width:auto}.brand-wordmark strong{font-size:18px}.brand-wordmark small{font-size:7px}.topnav{width:100%;gap:12px;justify-content:flex-start}.topnav>a:nth-of-type(2){display:none}.topnav a,.topnav .link-btn{font-size:11px}.runtime-status{font-size:9px}.product-finder{grid-template-columns:1fr;gap:12px;padding:17px 16px}.product-finder-title{border-right:0;border-bottom:1px solid #c7cbbc;padding-bottom:12px}.product-finder-title strong{font-size:23px}.panel{padding:28px 18px 38px}.workspace-intro h1{font-size:39px}.stage{padding:30px 16px 38px}.stage-heading{align-items:start}.stage-help{display:none}.stage-empty{min-height:380px;padding:50px 17px}.empty-flow span{font-size:8px}.history{padding:42px 17px 105px}.login-card{padding:30px 25px}}
@media(prefers-reduced-motion:reduce){.canvas-cross{animation:none}html{scroll-behavior:auto}}
.canvas-cross{animation:none}

/* Cromaya: misma tipografía, y con punto sutil. */
.brand-symbol,.login-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;letter-spacing:0;font-family:"DM Sans",sans-serif;font-weight:700;font-size:35px;line-height:1}
.brand-symbol span,.login-symbol span{position:absolute;top:-3px;left:50%;transform:translateX(-50%);font-size:17px;line-height:1;color:currentColor}