@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d1015;--panel:#171b22;--panel2:#1d222c;--line:#313943;--muted:#99a5b4;--text:#eef2f7;--aqua:#33d6c8;--gold:#dfa84a;--radius:19px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 800px 460px at 80% -5%,#1b2938 0,transparent 75%),var(--bg);color:var(--text);font:15px/1.5 'DM Sans',system-ui,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Outfit',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.paint-topbar{height:80px;background:#11151beF;border-bottom:1px solid #2c333c;display:flex;justify-content:space-between;align-items:center;padding:0 max(3.5vw,22px);gap:20px}.paint-brand{display:flex;gap:12px;align-items:center;font-family:Outfit,sans-serif;font-size:19px;font-weight:800;letter-spacing:.09em}.paint-brand small{display:block;font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:.15em;color:#a2adb9}.paint-logo{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--gold);border-radius:13px;font-size:28px;color:#f5cf8a;line-height:1}.paint-logo span{color:var(--aqua)}.top-actions{display:flex;align-items:center;gap:25px}.session,.top-link{font-size:12px;color:#abb7c4}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aqua);margin-right:6px}.top-link{border:1px solid var(--line);border-radius:10px;padding:9px 14px}.top-link:hover,.paint-footer a:hover{color:var(--aqua)}.gate{display:flex;align-items:center;gap:15px;justify-content:center;min-height:60vh;color:var(--muted)}.loading-spinner{display:block;width:20px;height:20px;border:3px solid #34404a;border-top-color:var(--aqua);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.paint-main{max-width:1510px;margin:auto;padding:42px max(3.5vw,22px) 35px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:30px}.eyebrow,.kicker{display:block;letter-spacing:.18em;color:var(--aqua);font-size:10px;font-weight:800}.intro h1{font-weight:700;font-size:clamp(31px,4vw,55px);line-height:1.13;margin:9px 0 11px;letter-spacing:-.028em}.intro h1 em{color:#eac088;font-style:normal}.intro p{max-width:780px;color:#a6b2bf;line-height:1.7}.intro-meta{display:flex;gap:14px;flex-shrink:0}.intro-meta span{font-size:12px;color:#a8b4c1;display:grid;gap:3px}.intro-meta strong{font-size:20px;color:var(--gold);font-family:Outfit}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-head h2,.workspace-top h2,.report-actions h2{font-size:24px;line-height:1.25;margin-top:5px}.section-head.full{grid-column:1/-1}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 0 35px}.privacy-tag{font-size:11px;border:1px solid #314144;color:#a9d1cb;padding:7px 12px;border-radius:100px}.upload-zone{min-height:165px;border:1.5px dashed #424c57;background:#161c24;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:22px;cursor:pointer;transition:background .2s,border-color .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--aqua);background:#192a2d}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{font-size:32px;line-height:1;color:var(--aqua);font-family:Outfit}.reference-zone .upload-icon{color:var(--gold)}.upload-zone strong{font-size:16px}.upload-zone strong b{font-size:9px;margin-left:7px;border:1px solid #467c79;color:var(--aqua);padding:4px 7px;border-radius:15px;vertical-align:2px}.reference-zone strong b{color:var(--gold);border-color:#68553a}.upload-zone span:not(.upload-icon){font-size:13px;color:#cad1db;word-break:break-word}.upload-zone small{font-size:11px;color:#8996a5}.upload-actions.full{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.btn{border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid #43505e;background:#202832;color:#e9f1f6;font-weight:750;font-size:12px;transition:.2s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.15)}.btn.primary{background:linear-gradient(135deg,#33d9c7,#19a9a7);border-color:#43d1c4;color:#092426}.btn.ghost{background:#222934}.btn.small{font-size:11px;padding:9px 10px}.helper{font-size:12px;color:#a4b0bc;line-height:1.55}.workspace{animation:appear .3s ease}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.workspace-top{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:1px 0 18px}.workspace-top p{color:var(--muted);font-size:13px;margin-top:5px}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap}.studio{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,.9fr);gap:17px}.viewer-side,.inspector,.phases,.report-actions{border:1px solid var(--line);border-radius:var(--radius);background:#171b22}.viewer-side{padding:11px;min-width:0}.viewer-frame{position:relative;height:clamp(380px,51vw,650px);border-radius:12px;background:radial-gradient(circle at 50% 45%,#27303b 0%,#151c25 70%);overflow:hidden}.viewer-frame canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline-offset:-4px}.viewer-frame canvas:active{cursor:grabbing}.viewer-frame canvas.selecting{cursor:crosshair}.viewer-hint,.viewer-stage{position:absolute;pointer-events:none;z-index:2;background:#101821ca;padding:8px 11px;border:1px solid #3b4753;border-radius:10px;font-size:11px;color:#ced8e1}.viewer-hint{left:12px;bottom:12px}.viewer-stage{top:12px;right:12px;color:var(--aqua);font-weight:800;letter-spacing:.11em}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 9px;gap:14px;color:var(--muted);font-size:11px}.toggle-line{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#cbd6de;font-weight:700}.toggle-line input{accent-color:var(--aqua);width:18px;height:18px}.reference-row{display:grid;grid-template-columns:minmax(120px,155px) 1fr;gap:15px;background:#20252e;border:1px solid #333c47;border-radius:12px;padding:12px}.photo-preview{height:155px;overflow:hidden;background:#131922;display:grid;place-items:center;border-radius:9px}.photo-preview img{width:100%;height:100%;object-fit:contain}.photo-preview div{text-align:center;color:#8997a6;padding:12px;font-size:11px}.reference-info{align-self:center}.reference-info strong{display:block;margin:7px 0;color:#e2e9ee}.reference-info p{font-size:11px;color:#9daab9}.confirm-line{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#c1d5db;margin-top:10px}.confirm-line input{accent-color:var(--aqua);margin-top:1px}
.inspector{padding:21px;min-width:0}.inspector-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.inline-number{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.inline-number select{padding:5px;background:#222a34;color:#fff;border:1px solid #44505e;border-radius:7px}.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.palette-row{display:flex;align-items:center;gap:9px;background:#212731;border:1px solid #303944;border-radius:11px;padding:8px;min-width:0}.palette-row input[type=color]{-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;width:35px;height:35px;flex:none;cursor:pointer}.palette-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-row input[type=color]::-webkit-color-swatch{border:2px solid #77818b;border-radius:8px}.palette-row strong{font-size:11px;display:block}.palette-row small{font-size:9px;color:#9faab7}.placeholder{grid-column:1/-1;font-size:12px;color:#8998a8}.inspector-note{font-size:11px;color:#8494a6;line-height:1.55}.inspector-divider{height:1px;background:var(--line);margin:24px 0}.pill{border:1px solid #466064;border-radius:30px;padding:5px 9px;font-size:10px;color:#aac7c9}.field{display:grid;gap:5px;color:#aab5c2;font-size:11px;font-weight:600;margin:10px 0}.field input:not([type=range]),.field select{border:1px solid #48515e;border-radius:9px;background:#111821;color:white;padding:9px 10px;width:100%}.field input[type=range]{width:100%;accent-color:var(--aqua)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zone-actions{margin:12px 0}.zone-list{display:grid;gap:6px;margin-top:15px}.zone-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;background:#252d36;border:1px solid #3a424c;border-radius:9px}.zone-item span{font-size:12px;cursor:pointer}.zone-item button{background:none;border:0;color:#efb4ad;font-size:17px}
.phases{margin-top:20px;padding:24px}.phase-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0}.phase-btn{display:grid;align-items:center;gap:4px;text-align:center;background:#20262f;color:#a7b2c0;border:1px solid #343d49;border-radius:13px;min-height:82px;padding:12px 5px;font-weight:650;font-size:11px}.phase-btn .number{font:800 20px Outfit;color:#748c98}.phase-btn.is-active{background:#163838;border-color:var(--aqua);color:#e9ffff}.phase-btn.is-active .number{color:var(--aqua)}.phase-explain{display:flex;align-items:start;gap:19px;padding:24px;background:#212833;border-radius:13px}.phase-index{font:800 48px/.9 Outfit;color:var(--gold)}.phase-explain h3{font-size:24px;margin:6px 0}.phase-explain p{font-size:13px;color:#b6c1ce;max-width:850px}.technique{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;color:#afbfc9;font-size:12px}.technique b{color:var(--aqua)}.phase-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.phase-nav span{font-size:12px;color:#a1adbb}.report-actions{margin-top:20px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:18px}.report-actions p{color:var(--muted);font-size:12px;max-width:660px;margin-top:6px}.disclaimer{font-size:11px;color:#8294a6;max-width:990px;padding:17px 3px;line-height:1.7}.paint-footer{padding:22px 5vw;text-align:center;font-size:11px;color:#8392a2;border-top:1px solid var(--line)}.paint-footer a{margin-left:15px;color:#c3cbd1}
@media(max-width:1150px){.studio{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.intro-meta{display:none}.palette-list{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.studio{grid-template-columns:1fr}.inspector{padding:17px}.viewer-frame{height:clamp(360px,75vw,580px)}.upload-grid{grid-template-columns:1fr}.phase-buttons{grid-template-columns:repeat(3,1fr)}.intro{margin-top:0}.paint-main{padding-top:30px}.top-actions{gap:9px}.session{display:none}}
@media(max-width:540px){.paint-topbar{height:69px;padding:0 14px}.paint-brand{font-size:15px}.paint-logo{width:35px;height:35px;font-size:23px}.paint-brand small{font-size:8px}.top-link{font-size:11px;padding:8px}.paint-main{padding:25px 14px}.intro h1{font-size:34px}.section-head{align-items:flex-start}.privacy-tag{display:none}.workspace-top,.report-actions{align-items:stretch;flex-direction:column}.viewer-frame{height:400px}.reference-row{grid-template-columns:106px 1fr}.photo-preview{height:130px}.phase-buttons{gap:6px}.phase-btn{min-height:72px;padding:9px 2px;font-size:10px}.phase-explain{padding:15px;gap:12px}.phase-index{font-size:37px}.phase-explain h3{font-size:21px}.phases{padding:14px}.phase-nav .btn{padding:10px 12px;font-size:10px}.report-actions{padding:17px}.palette-row{padding:7px;gap:5px}.palette-row input[type=color]{width:30px;height:30px}}
@media print{body{background:white;color:#151515}.paint-topbar,.upload-grid,.workspace-top .workspace-actions,.viewer-bottom,.inspector,.phase-nav,.report-actions button,.paint-footer{display:none!important}.paint-main{padding:10px}.viewer-frame{height:500px}.viewer-side,.phases{border-color:#bbb}.viewer-frame{background:#eee}h1,h2,h3{color:#000}.intro p,.phase-explain p{color:#333}}

.compare-dialog{position:fixed;max-width:min(1060px,96vw);max-height:91vh;overflow:auto;background:#171e27;color:var(--text);border:1px solid #48626a;border-radius:20px;padding:24px;box-shadow:0 28px 100px #000a}.compare-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.compare-title,.compare-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.compare-title h2{font-size:24px;margin:6px 0}.compare-title p,.compare-foot span{font-size:12px;color:var(--muted)}.compare-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.compare-images figure{margin:0;border:1px solid var(--line);background:#10151d;border-radius:13px;overflow:hidden}.compare-images img{display:block;width:100%;height:min(51vh,430px);object-fit:contain}.compare-images figcaption{text-align:center;padding:9px;font-size:12px;color:#a5b5c1}.compare-foot{border-top:1px solid var(--line);padding-top:16px}@media(max-width:650px){.compare-dialog{padding:13px}.compare-images{grid-template-columns:1fr}.compare-images img{height:30vh}.compare-title,.compare-foot{align-items:stretch;flex-direction:column}.compare-title h2{font-size:20px}}

.phase-detailed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;max-width:940px}.phase-detail{background:#171d25;border:1px solid #36424b;padding:11px 12px;border-radius:10px}.phase-detail strong{color:#53d5c9;display:block;font-size:11px;letter-spacing:.03em}.phase-detail p{font-size:12px;margin-top:5px;line-height:1.55}.phase-tone-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.phase-tone-chip{display:flex;align-items:center;gap:7px;border:1px solid #3b4754;border-radius:8px;padding:5px 8px;font-size:10px;background:#141b23}.phase-tone-chip i{width:19px;height:19px;border:1px solid #d6dde0;border-radius:4px;display:block}.paint-highlight-toggle{display:flex;gap:9px;align-items:flex-start;margin-top:15px;color:#c4d8d7;font-size:12px;cursor:pointer}.paint-highlight-toggle input{accent-color:#33d6c8;margin-top:3px}.paint-highlight-toggle small{font-size:11px;color:#8cabb0}@media(max-width:540px){.phase-detailed{grid-template-columns:1fr}.paint-highlight-toggle{flex-wrap:wrap}}

/* V3.5: biblioteca independiente del GLB; sin selector manual de zonas. */
.help-top-link{border-color:#43726f;color:#a8eee5}.library-quick-link{display:inline-flex;margin-top:14px;align-items:center;font-size:12px}
.paint-library{margin-top:22px;padding:clamp(16px,2.4vw,32px);border-radius:var(--radius);border:1px solid var(--line);background:#171b22;scroll-margin-top:95px}
.library-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.library-heading p{max-width:740px;margin-top:9px;color:#a8b6c3;font-size:13px}.library-heading p strong{color:#e7e9ee}
.library-toolbar{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(210px,.8fr);gap:12px;margin:22px 0 12px}.library-toolbar label{display:grid;gap:6px;font-size:11px;color:#b9c7d4;font-weight:700}.library-toolbar input,.library-toolbar select{width:100%;min-height:46px;border:1px solid #42525f;border-radius:10px;padding:10px 12px;color:#eef3f5;background:#101720;outline-offset:3px}.library-toolbar input:focus,.library-toolbar select:focus{outline:2px solid #38c6ba}
.library-help-note{font-size:12px;color:#b7c6cd;background:#14302f;border:1px solid #355b58;border-radius:10px;padding:12px 14px;margin-bottom:14px}
.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-item{min-width:0;background:#1c242e;border:1px solid #34414c;border-radius:13px;overflow:hidden}.library-detail summary{cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:space-between;list-style:none;padding:17px 16px;min-height:112px}.library-detail summary::-webkit-details-marker{display:none}.library-detail summary h3{margin:5px 0;color:#f2f5f7;font-size:18px}.library-detail summary p{color:#9baebe;font-size:12px}.library-cat{color:var(--aqua);font-size:10px;letter-spacing:.03em;font-weight:800}.library-open{white-space:nowrap;color:#b8e9e5;border:1px solid #3e6566;border-radius:20px;padding:7px 9px;font-size:11px}.library-detail[open] .library-open{color:#fff;background:#276764}.library-content{border-top:1px solid #35444d;padding:15px 17px 18px;background:#151d26}.recipe-colors{display:flex;flex-wrap:wrap;gap:9px}.recipe-colors span{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px;background:#222b34;border:1px solid #3a4550;border-radius:9px;padding:6px 8px;min-width:104px}.recipe-colors i{grid-row:1/3;display:block;width:28px;height:28px;border:1px solid #b2b9bb;border-radius:6px}.recipe-colors b{font-size:10px}.recipe-colors small{font-size:10px;color:#b4c2cf}.recipe-disclaimer{font-size:11px;color:#8ea3ad;margin-top:8px}.recipe-equipment{margin-top:15px;font-size:12px}.recipe-equipment b{color:var(--aqua)}.recipe-steps{padding-left:23px;margin:14px 0}.recipe-steps li{margin:8px 0;font-size:13px;line-height:1.6;color:#d7e0e7}.recipe-steps li b{color:var(--aqua)}.recipe-advice{display:grid;gap:6px;padding:12px;background:#202e35;border:1px solid #375053;border-radius:9px}.recipe-advice p{font-size:12px;color:#d7e0e7}.recipe-advice b{color:#84e7dd}.library-include{display:flex;align-items:center;gap:9px;border-top:1px solid #36424a;padding-top:15px;margin-top:15px;font-size:12px;font-weight:800;color:#e4ecee;cursor:pointer}.library-include input{width:18px;height:18px;accent-color:var(--aqua)}.library-empty{grid-column:1/-1;padding:20px;border:1px dashed #41555e;color:#a9b7c3;border-radius:12px;text-align:center}.library-bottom{margin-top:16px;border-top:1px solid #33414b;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.library-bottom div{display:grid;gap:3px}.library-bottom strong{color:#d7eeee;font-size:13px}.library-bottom span{font-size:11px;color:#96a9b5}
@media(max-width:900px){.library-list{grid-template-columns:1fr}}
@media(max-width:640px){.library-toolbar{grid-template-columns:1fr}.library-heading{flex-direction:column}.library-list{grid-template-columns:1fr}.library-detail summary{min-height:95px}.library-bottom{flex-direction:column;align-items:stretch}.help-top-link{display:none}.paint-library{padding:14px}.library-open{font-size:10px}.library-detail summary h3{font-size:16px}}


/* V3.6: selector de enfoque y biblioteca en nueva pestaña */
.project-selector{border:1px solid var(--line);border-radius:var(--radius);background:#171b22;padding:22px;margin:0 0 28px}.selector-copy{margin-top:7px;color:#a7b4c1;font-size:13px;max-width:760px}.selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.selector-card{background:#1d2430;border:1px solid #36424d;border-radius:16px;padding:18px;display:grid;gap:8px;text-align:left;color:var(--text);transition:.2s}.selector-card:hover{transform:translateY(-1px);border-color:#4d6d77;background:#202a36}.selector-card.is-active{border-color:var(--aqua);box-shadow:0 0 0 1px #1cbcb0 inset;background:linear-gradient(180deg,#183335,#1c2530)}.selector-card strong{font-family:Outfit,sans-serif;font-size:20px}.selector-card p{color:#a4b1be;font-size:13px;line-height:1.55}.selector-icon{font-size:28px;line-height:1}.selector-helper{margin-top:12px;color:#b6c2cf;font-size:12px}

.library-card{display:grid;gap:12px;background:#1c242e;border:1px solid #34414c;border-radius:13px;padding:17px;min-width:0}.library-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.library-card h3{margin:5px 0 0;color:#f2f5f7;font-size:18px}.library-card p{color:#9baebe;font-size:12px}.library-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.library-open-link{display:inline-flex;align-items:center;gap:8px;border:1px solid #3e6566;border-radius:20px;padding:9px 11px;font-size:11px;color:#b8e9e5;background:#16242b}.library-open-link:hover{color:#fff;background:#276764}.library-open-note{margin:12px 0 0;color:#8ea6b0;font-size:12px}.library-include{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:#e4ecee;cursor:pointer}.library-include input{width:18px;height:18px;accent-color:var(--aqua)}

.tech-page{max-width:980px;margin:auto;padding:34px max(3.5vw,22px)}.tech-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}.tech-hero h1{font-size:clamp(30px,4vw,44px);margin-top:6px}.tech-hero p{color:#a7b4c2;margin-top:8px;max-width:760px}.tech-actions{display:flex;gap:8px;flex-wrap:wrap}.tech-card{margin-top:22px;border:1px solid var(--line);border-radius:18px;background:#171b22;padding:22px}.tech-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.tech-panel{border:1px solid #35424b;border-radius:14px;padding:16px;background:#1b212b}.tech-panel h2{font-size:20px;margin-bottom:10px}.tech-panel p,.tech-panel li{color:#d5dde4}.tech-panel ul,.tech-panel ol{padding-left:21px}.tech-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tech-meta span{border:1px solid #3a4752;border-radius:100px;padding:5px 10px;font-size:11px;color:#bed0d8}.tech-back{margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}.tech-empty{padding:30px;border:1px dashed #44535d;border-radius:14px;text-align:center;color:#9fb0ba;margin-top:20px}
@media(max-width:900px){.selector-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:1fr}}
@media(max-width:640px){.project-selector{padding:16px}.selector-card strong{font-size:18px}.library-card{padding:14px}.library-actions{align-items:flex-start;flex-direction:column}.tech-page{padding:24px 14px}.tech-hero{flex-direction:column}}

/* V3.7: avance de pintura y lecciones de Academia */
.phase-work-progress{margin:10px 0 17px;padding:14px 16px;border:1px solid #3b5055;background:#13282c;border-radius:13px}
.phase-work-summary{display:flex;justify-content:space-between;gap:16px;align-items:center}.phase-work-summary div{display:grid;gap:3px}.phase-work-summary strong{font-size:13px;color:#daf5ef}.phase-work-summary small{font-size:11px;color:#9eb8b9}.completion-track{height:7px;background:#253b42;border-radius:50px;overflow:hidden;margin-top:12px}.completion-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#23bda9,#dfa84a);transition:width .25s ease}.phase-btn{position:relative}.phase-btn.is-done{border-color:#5a8174}.phase-btn .done-mark{position:absolute;right:7px;top:5px;color:#80e6bb;font-size:13px;font-weight:800}
.phase-done-toggle{display:flex;gap:10px;align-items:center;margin-top:14px;padding:11px 13px;background:#18302a;border:1px solid #3a6d62;border-radius:10px;color:#d3f2e9;font-size:13px;font-weight:750;cursor:pointer}.phase-done-toggle input{accent-color:#28c49a;width:19px;height:19px;flex-shrink:0}
.phase-related{margin-top:17px;padding-top:13px;border-top:1px solid #3a4854}.phase-related>strong{display:block;font-size:12px;color:#d7e8ec;margin-bottom:8px}.phase-related-links{display:flex;gap:7px;flex-wrap:wrap}.phase-related-links a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #40666c;color:#a5ece6;border-radius:10px;font-size:11px;background:#162831}.phase-related-links a:hover{background:#214147;color:#fff}
.library-card .pill{white-space:nowrap}.pill.recommendation{border-color:#947741;color:#ffda9b}.library-actions .library-open-link{font-weight:800}.library-open-note{margin:12px 0}
.academy-soon-wrap{min-height:calc(100vh - 80px);display:grid;align-content:center;justify-items:center;padding:38px 18px 25px}.academy-soon{text-align:center;width:min(100%,770px);padding:clamp(24px,5vw,65px);border:1px solid #3c4954;border-radius:25px;background:radial-gradient(circle at 80% 0%,#243943 0,transparent 57%),linear-gradient(150deg,#1b222d,#13171e);box-shadow:0 24px 76px #0004}.academy-soon-orbit{width:78px;height:78px;border:1px solid #c9a056;background:#302a26;border-radius:22px;display:grid;place-items:center;margin:0 auto 22px;box-shadow:0 0 0 8px #d1a45310}.academy-soon-orbit span{font-size:29px;color:#f4d28c}.academy-soon-label{display:inline-block;margin:13px auto;color:#e9c68d;background:#3b2f20;padding:6px 12px;border-radius:50px;letter-spacing:.11em;font-size:10px;font-weight:800}.academy-soon h1{font-size:clamp(29px,5vw,49px);line-height:1.13;letter-spacing:-.02em;margin:8px auto 13px;max-width:630px}.academy-soon-topic{color:#64d7c8;font-size:20px;font-weight:800;margin:8px 0}.academy-soon-description{max-width:570px;margin:12px auto;color:#bdc9d5;font-size:15px;line-height:1.7}.academy-soon-note{max-width:570px;margin:18px auto;color:#96a7b7;font-size:12px;line-height:1.65}.academy-soon-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin-top:25px}.academy-soon-foot{color:#8f9eab;font-size:11px;text-align:center;margin-top:20px}
@media(max-width:540px){.phase-work-summary{align-items:flex-start;flex-direction:column}.phase-work-summary .btn{align-self:flex-end}.phase-related-links{flex-direction:column}.phase-related-links a{justify-content:center}.academy-soon-actions{flex-direction:column}.academy-soon-actions .btn{width:100%}.academy-soon{padding:27px 18px}}
@media print{.phase-work-progress,.phase-done-toggle,.phase-related{display:none!important}}

.phase-work-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:540px){.phase-work-actions{width:100%;justify-content:stretch}.phase-work-actions .btn{flex:1}}