:root{--bg:#f3f7fa;--bg-2:#fff;--glass:rgba(255,255,255,.95);--glass-hi:#fff;--glass-border:rgba(27,69,96,.12);--glass-border-hi:rgba(21,73,103,.22);--text-hi:#142735;--text-mid:#52697a;--text-dim:#8596a2;--violet:#007da3;--cyan:#00a3b7;--hover-glow:rgba(0,125,163,.09);--radius-lg:13px;--radius-md:10px;--shadow-panel:0 10px 27px -19px #1d465777}
body{background:linear-gradient(160deg,#f5f9fc,#edf2f7);font-family:Inter,Arial,sans-serif}
.ambient{opacity:.12}.brand-mark,.brand-name,.brand-sub{display:none!important}
.brand img{display:block;width:188px;max-width:100%;height:46px;object-fit:contain;object-position:left center}
nav{background:#fff;border:1px solid #dfe9ef;border-radius:13px;padding:8px 16px!important}
.panel{box-shadow:0 7px 20px -17px #24475b!important;border:1px solid #dce7ee!important}
.panel-head{background:linear-gradient(95deg,#fff,#f7fbfd)}
.tab-btn.active{color:#007c9c!important}
.complete-picker{background:#eef8fb;border:1px solid #cde6f0;border-radius:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;margin-bottom:8px;font-size:11px}
.complete-picker label{font-weight:750;color:#13536b}
.complete-picker select,.agentic-picker select{background:#fff;border:1px solid #c4d9e4;color:#21404d;border-radius:7px;padding:6px;flex:1;min-width:170px;font-size:11px}
.complete-picker span{color:#467388;font-size:10px}
.pen-reference{font-size:10px;line-height:1.4;color:#007c9c;margin-top:3px;max-width:210px}
.agentic-picker{padding:9px;display:flex;align-items:center;gap:10px;font-size:11px}
.agentic-picker[hidden]{display:none}
.ai-dashboard{font-size:11px;line-height:1.45;padding:7px;color:var(--text-mid)}
.ai-intro{display:flex;justify-content:space-between;gap:8px}.ai-intro strong{color:var(--text-hi)}.ai-intro span{text-align:right}
.ai-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0}
.ai-metrics>div{padding:9px 7px;border-radius:8px;background:#eef5f9;min-width:0}
.ai-metrics b{display:block;font-size:17px;color:#007c9c}
.ai-metrics small{font-size:9px;display:block}
.ai-status{padding:7px;border-radius:6px;margin-bottom:7px}.ai-status.ok{background:#e6f7f0;color:#126c4d}.ai-status.warn{background:#fff4e3;color:#8d5d13}
.ai-dashboard p{margin:5px 0}.ai-note{display:block;font-size:9px;opacity:.8}
[data-theme=dark] .complete-picker,[data-theme=dark] .ai-metrics>div{background:#172b37}
[data-theme=dark] .complete-picker select,[data-theme=dark] .agentic-picker select{background:#22313e;color:white}
@media(min-width:1060px){.wrap{max-width:1580px;padding:8px 12px!important}.main-grid{gap:10px!important}.panel-head{padding:9px 12px!important}.panel-body{padding:8px 11px!important}.col-left,.col-right{gap:9px!important}.slot{min-height:34px}.build-stage{max-height:165px;overflow:hidden}}
@media(min-width:1060px) and (max-height:850px){.wrap{height:100dvh;display:flex;flex-direction:column}.main-grid{flex:1;min-height:0;overflow:hidden}.col-left,.col-right{min-height:0}footer{display:none}.slots-scroll,.peripherals-grid{overflow-y:auto}}
@media(max-width:760px){.ai-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.complete-picker{display:grid}.ai-intro{display:block}}
/* Identidad corporativa LA Technologies: azul, plata, grafito y blanco */
:root{--bg:#f2f4f6;--bg-2:#fff;--glass-border:#d9e1e7;--glass-border-hi:#b8c9d5;--text-hi:#171d24;--text-mid:#4d5966;--text-dim:#818d98;--violet:#078fc7;--cyan:#0a9df0;--hover-glow:rgba(2,157,242,.10)}
body{background:#f2f4f6}
nav{background:#fff;border-bottom:3px solid #039ce8;box-shadow:0 6px 24px -20px #101820}
.brand{display:flex;align-items:center;gap:7px}
.brand img{width:62px;height:46px;object-fit:contain;object-position:center}
.la-identity-name{display:flex;flex-direction:column;color:#141b24;letter-spacing:.6px;font-size:15px;font-weight:800;line-height:1.1}
.la-identity-name b{font-weight:900;letter-spacing:1px}
.la-identity-name small{font-size:7px;letter-spacing:.65px;font-weight:650;color:#677782;margin-top:4px}
.panel{border-color:#dce4ea!important}
.panel-head{background:linear-gradient(100deg,#fff,#f5f8fb)}
#resultsPanel .tab-btn.active{border-color:#0b96dd!important;color:#047cbd!important}
.head-price .hp-val{color:#027fbe}
@media(min-width:1050px){nav{min-height:58px}.brand img{height:47px}.la-identity-name{font-size:16px}}
[data-theme=dark] .la-identity-name{color:#f0f5f8}
[data-theme=dark] .la-identity-name small{color:#a3b2ba}

/* Alineación visual a la landing de lyatek.com: superficies, azul, contornos, jerarquía */
:root{--bg:#f5f9fd;--bg-2:#fff;--glass:#fff;--glass-hi:#fff;--glass-border:#dce8f2;--glass-border-hi:#bad7ee;--text-hi:#152c3e;--text-mid:#536d80;--text-dim:#7891a1;--violet:#008fe6;--cyan:#00a3ff;--hover-glow:rgba(0,143,230,.10);--radius-lg:18px;--radius-md:12px;--radius-sm:9px;--shadow-panel:0 15px 35px -25px rgba(13,53,88,.3)}
body{background:linear-gradient(180deg,#f3f8fc,#fff 65%)}
.ambient{display:none}nav{border:1px solid #dce7f0;border-bottom:1px solid #dce7f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px -28px #153957}
.panel{background:#fff!important;border:1px solid #dce8f2!important;border-radius:16px!important;box-shadow:0 15px 35px -27px rgba(19,51,79,.32)!important}
.panel-head{background:#fff!important;border-bottom:1px solid #edf2f7}h2{color:var(--text-hi);letter-spacing:-.35px}.tag{color:#58758b}.tower-icon{background:#e7f2fb;border:1px solid #d3e4f2;color:#087fd0;border-radius:12px}
.tab-btn{border-radius:10px!important;transition:background .16s ease,color .16s ease}.tab-btn:hover{background:#edf7ff!important}.tab-btn.active{background:#e7f2fb!important;color:#087bc5!important;border-color:#bad7ee!important}
.slot{border-radius:10px}.slot:hover{border-color:#bad7ee!important;background:#f7fbfe!important}.slot-icon{border-radius:9px;background:#f0f7fc}.slot-price,.hp-val{color:#087bc5!important}.hp-count{color:#7891a1}
.complete-picker,.ai-metrics>div{background:#f0f8ff;border-color:#d3e4f2;border-radius:12px}.complete-picker label{color:#216a9c}.ai-metrics b{color:#008fe6}.agentic-picker select,.complete-picker select{border-color:#bad7ee;border-radius:10px}.agentic-picker select:focus,.complete-picker select:focus{outline:2px solid #78bcea}
.brand img{border-radius:0;filter:none}.la-identity-name{font-size:15px;letter-spacing:.25px}.la-identity-name b{letter-spacing:.5px}.nav-right a{color:#216a9c!important}.theme-toggle{border-color:#dce8f2!important}
button,.sync-btn{transition:background .18s ease,transform .18s ease}.sync-btn:hover{background:#e7f2fb}.disclaimer{color:#7891a1}
[data-theme=dark] nav,[data-theme=dark] .panel,[data-theme=dark] .panel-head{background:#17232f!important;border-color:#344b5d!important}[data-theme=dark] .tab-btn.active{background:#193d56!important}[data-theme=dark] .slot:hover{background:#1a3448!important}
@media (prefers-reduced-motion:reduce){button,.sync-btn{transition:none!important}}