.hvac-lab{background:#edf3f5}.hvac-lab-shell{background:white;border:1px solid #d3e0e5}.hvac-toolbar{padding:20px 24px;border-bottom:1px solid #dce7eb;display:flex;align-items:center;justify-content:space-between;gap:20px}.hvac-toolbar>p{font-size:14px;color:#536d77;margin:0}.hvac-season-controls{display:flex;gap:4px;padding:4px;background:#eef3f5;border-radius:5px;flex-shrink:0}.hvac-season-controls button{border:0;background:transparent;font:inherit;font-size:13px;color:#536d77;padding:10px 12px;border-radius:3px;cursor:pointer}.hvac-season-controls button[aria-pressed=true]{background:var(--ink);color:white}.hvac-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px}.hvac-drawing-column{min-width:0;align-self:center}.hvac-diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8bacb7 #edf3f5}.hvac-schematic{width:100%;min-width:800px;height:auto;display:block;--air-color:#009fb8;--air-soft:#caeef3}.hvac-schematic text{font-family:Manrope,Arial,sans-serif;fill:#244752;pointer-events:none}.hvac-label{font-size:20px;font-weight:600}.hvac-small{font-size:18px}.hvac-section-label{font-size:17px;letter-spacing:1.5px;font-weight:700}.hvac-schematic .muted{fill:#6a838d}.hvac-schematic .heat-label{fill:#99512f}.hvac-hotspot{cursor:pointer;outline:none}.hvac-hotspot>*{transition:stroke .25s,fill .25s,opacity .25s}.hvac-hotspot:focus-visible{outline:3px solid #009fb8;outline-offset:5px}.hvac-hotspot.is-active .hvac-label,.hvac-hotspot.is-active .hvac-small{fill:#006f82}.component-hit{fill:#f7fafb;fill-opacity:.88;stroke:#bed0d7;stroke-width:1.5}.hvac-hotspot.is-active .component-hit{fill:#e6f6f8;stroke:#009fb8;stroke-width:3}.invisible-hit{fill:transparent;stroke:transparent;stroke-width:2}.hvac-hotspot.is-active .invisible-hit{stroke:#009fb850;stroke-dasharray:5 5}.unit-casing{fill:#edf3f5;stroke:#839ea9;stroke-width:2}.return-pipe{fill:none;stroke:#adc2cb;stroke-width:13;stroke-linejoin:round}.return-flow,.fresh-flow{fill:none;stroke:#718f9b;stroke-width:2.5;stroke-dasharray:7 17;animation:hvac-flow 3s linear infinite}.exhaust-line{fill:none;stroke:#8ba1aa;stroke-width:7}.room-wall{fill:none;stroke:#7895a0;stroke-width:20;stroke-linejoin:miter}.room-wall-layer{fill:none;stroke:#d2dfe4;stroke-width:12}.room-wall-hit{fill:none;stroke:transparent;stroke-width:38;pointer-events:stroke}.hvac-hotspot.is-active .room-wall{stroke:#009fb8}.window-frame{fill:#e1f4f7;stroke:#7f9fae;stroke-width:2}.supply-duct{fill:none;stroke:#779aa7;stroke-width:44;stroke-linejoin:round;stroke-linecap:butt}.supply-duct-core{fill:none;stroke:#e7f4f7;stroke-width:38;stroke-linejoin:round}.supply-flow{fill:none;stroke:var(--air-color);stroke-width:4;stroke-dasharray:9 17;animation:hvac-flow 2.6s linear infinite}.duct-joint{fill:none;stroke:#a3bdc7;stroke-width:2}.hvac-hotspot.is-active .supply-duct{stroke:#009fb8}.hvac-lab-shell[data-active=ducto] .supply-flow{stroke-width:6;animation-duration:1.3s}.filter-media{fill:none;stroke:#779ba7;stroke-width:3}.hvac-hotspot.is-active .filter-media{stroke:#007e91}.filter-particles{fill:#b98b6c;pointer-events:none}.filter-particles circle{animation:hvac-filter 3.5s linear infinite;opacity:0}.filter-particles circle:nth-child(2){animation-delay:-.7s}.filter-particles circle:nth-child(3){animation-delay:-1.4s}.filter-particles circle:nth-child(4){animation-delay:-2.1s}.filter-particles circle:nth-child(5){animation-delay:-2.8s}.hvac-lab-shell[data-active=filtro] .filter-particles circle{animation-duration:2.2s}.coil-fins{fill:none;stroke:#a9c2ca;stroke-width:2}.coil-tube{fill:none;stroke:var(--air-color);stroke-width:4}.hvac-lab-shell[data-active=serpentin] .coil-tube{stroke-dasharray:12 8;animation:hvac-flow 1.8s linear infinite;stroke-width:5}.condensate-tray{fill:none;stroke:#77939d;stroke-width:2}.condensation{fill:#009fb8;opacity:0;pointer-events:none}.hvac-lab-shell[data-active=serpentin][data-season=summer] .condensation{opacity:1}.condensation path{animation:hvac-drip 1.8s ease-in infinite}.condensation path:nth-child(2){animation-delay:-.6s}.condensation path:nth-child(3){animation-delay:-1.2s}.fan-housing{fill:#fff;stroke:#8daab5;stroke-width:2}.fan-rotor{fill:#799da9;transform-origin:408px 210px;transform-box:view-box;animation:hvac-fan 8s linear infinite}.hvac-lab-shell[data-active=ventilador] .fan-rotor{fill:#009fb8;animation-duration:1.3s}.hvac-hotspot.is-active .fan-housing{stroke:#009fb8;stroke-width:3}.diffuser-body{fill:#f7fbfc;stroke:#698e9d;stroke-width:3}.diffuser-slots{fill:none;stroke:#698e9d;stroke-width:3}.hvac-hotspot.is-active .diffuser-body,.hvac-hotspot.is-active .diffuser-slots{stroke:#009fb8}.room-flow-lines{pointer-events:none}.supply-jet{fill:none;stroke:var(--air-color);stroke-width:2.5;stroke-dasharray:8 15;opacity:.4;animation:hvac-flow 4s linear infinite;marker-end:url(#hvac-arrow)}.jet-mix{opacity:.25}.hvac-lab-shell[data-active=difusor] .supply-jet{opacity:.9;stroke-width:3.5;animation-duration:2s}.occupied-zone{fill:#009fb807;stroke:#009fb815;stroke-width:1.5;stroke-dasharray:6 7}.hvac-lab-shell[data-active=difusor] .occupied-zone,.hvac-lab-shell[data-active=persona] .occupied-zone{fill:#009fb80c;stroke:#009fb86b}.hvac-schematic .zone-label{fill:#6e939d}.desk-symbol{fill:#f4f8fa;stroke:#6a8995;stroke-width:3;stroke-linejoin:round}.person-symbol{fill:#e4eef2;stroke:#365c6d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.person-symbol>path{fill:none}.person-symbol .chair-symbol{stroke:#96aeb8;stroke-width:3}.hvac-hotspot.is-active .person-symbol{stroke:#007f94}.person-heat{fill:none;stroke:#c87348;stroke-width:2;stroke-dasharray:4 4;opacity:.2}.hvac-lab-shell[data-active=persona] .person-heat{opacity:.9;animation:hvac-flow 3s linear infinite}.sun-disk{fill:#e8bb8b;stroke:#c87348;stroke-width:2}.sun-rays{fill:none;stroke:#c87348;stroke-width:2;transform-origin:1032px 108px;transform-box:view-box}.hvac-lab-shell[data-active=clima] .sun-rays{animation:hvac-sun 8s ease-in-out infinite}.snow-symbol{fill:none;stroke:#009fb8;stroke-width:2.5;stroke-linecap:round}.climate-cold{opacity:.35}.hvac-lab-shell[data-season=winter] .climate-cold{opacity:1}.hvac-lab-shell[data-season=winter] .climate-sun{opacity:.35}.solar-transfer{fill:none;stroke:#c87348;stroke-width:2.5;stroke-dasharray:6 9;opacity:.65;pointer-events:none}.solar-transfer path{marker-end:url(#hvac-heat-arrow);animation:hvac-flow 4s linear infinite}.winter-transfer{display:none;fill:none;stroke:#c87348;stroke-width:2.5;stroke-dasharray:6 9;pointer-events:none}.winter-transfer path{marker-end:url(#hvac-heat-arrow);animation:hvac-flow 4s linear infinite}.hvac-lab-shell[data-season=winter] .solar-transfer{display:none}.hvac-lab-shell[data-season=winter] .winter-transfer{display:block}.hvac-lab-shell[data-season=winter] .hvac-schematic{--air-color:#c87348}.wall-conduction{pointer-events:none;fill:none;stroke:#c87348;stroke-width:2;opacity:0}.wall-conduction circle{stroke-width:1;stroke-dasharray:5 5}.hvac-lab-shell[data-active=envolvente] .wall-conduction{opacity:1;animation:hvac-pulse 2.5s ease-in-out infinite}.hvac-lab-shell[data-active=clima] .solar-transfer,.hvac-lab-shell[data-active=envolvente] .solar-transfer{opacity:1}.hvac-lab-shell[data-active=clima] .winter-transfer path,.hvac-lab-shell[data-active=envolvente] .winter-transfer path{stroke-width:3.5}.hvac-inspector{border-left:1px solid #dce7eb;background:#153a46;color:white;padding:30px 25px;min-height:520px}.hvac-stage-number{font-size:12px;letter-spacing:.12em;line-height:1.6;color:#9fd1dc;margin:0 0 22px}.hvac-inspector h3{font-size:27px;font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0 0 24px}.hvac-description{font-size:16px;line-height:1.75;color:#d0e0e5;margin:0 0 25px}.hvac-decision{border-top:1px solid #ffffff30;padding-top:21px}.hvac-decision>span{font-size:11px;letter-spacing:.12em;color:#e4b296}.hvac-decision p{font-size:16px;line-height:1.65;color:#fff;margin:12px 0 22px}.hvac-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0}.hvac-tags li{padding:5px 8px;border:1px solid #ffffff30;border-radius:2px;font-size:11px;line-height:1.5;color:#b9d6df}.hvac-legend{display:flex;flex-wrap:wrap;gap:18px;padding:18px 24px;border-top:1px solid #edf2f4;font-size:12px;color:#536f7a}.hvac-legend span:before{content:'';display:inline-block;width:20px;height:2px;background:#009fb8;vertical-align:middle;margin-right:7px}.hvac-legend .legend-return:before{background:#8ba1aa}.hvac-legend .legend-heat:before{background:#c87348}.hvac-lab-shell[data-season=winter] .legend-air:before{background:#c87348}.hvac-stage-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce7eb;border-top:1px solid #dce7eb}.hvac-stage-nav button{font:inherit;text-align:left;cursor:pointer;border:0;background:#fff;color:#496571;padding:16px 20px;font-size:14px;line-height:1.5}.hvac-stage-nav button>span{font-size:12px;margin-right:8px;color:#718b95}.hvac-stage-nav button:hover,.hvac-stage-nav button[aria-pressed=true]{background:#e3f3f6;color:#006e82}.hvac-stage-nav button[aria-pressed=true]>span{color:#006e82}.hvac-pan-hint{font-size:12px;color:#627d88;margin:10px 24px;display:none}.hvac-lab .small-note{max-width:1030px;line-height:1.8}
@keyframes hvac-flow{to{stroke-dashoffset:-96}}@keyframes hvac-filter{0%{transform:translateX(0);opacity:0}15%{opacity:.7}80%{opacity:.7}100%{transform:translateX(68px);opacity:0}}@keyframes hvac-drip{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(16px);opacity:0}}@keyframes hvac-fan{to{transform:rotate(360deg)}}@keyframes hvac-sun{0%,100%{transform:rotate(-5deg);opacity:.65}50%{transform:rotate(5deg);opacity:1}}@keyframes hvac-pulse{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:1100px){.hvac-layout{grid-template-columns:1fr}.hvac-inspector{border-left:0;min-height:0;display:grid;grid-template-columns:1fr 1.2fr;gap:0 35px;padding:28px 30px}.hvac-stage-number{grid-column:1/-1;margin-bottom:16px}.hvac-inspector h3{grid-column:1;margin:0 0 24px}.hvac-description{grid-column:2;grid-row:2/5;margin:0}.hvac-decision{grid-column:1}.hvac-tags{grid-column:1}.hvac-schematic{max-height:none}.hvac-pan-hint{display:block}}
@media(max-width:800px){.hvac-toolbar{flex-direction:column;align-items:flex-start;padding:18px 20px;gap:14px}.hvac-stage-nav{grid-template-columns:repeat(4,1fr)}.hvac-stage-nav button{padding:13px 10px;font-size:13px}.hvac-stage-nav button>span{display:block;margin-bottom:4px}.hvac-inspector{gap:0 25px;padding:25px}.hvac-inspector h3{font-size:25px}}
@media(max-width:650px){.hvac-lab.section{padding-left:4%;padding-right:4%}.hvac-lab .section-heading{padding:0 2%}.hvac-diagram-scroll{max-height:500px}.hvac-schematic{min-width:820px}.hvac-inspector{display:block;padding:25px 22px;min-height:470px}.hvac-stage-number{margin-bottom:15px}.hvac-inspector h3{font-size:27px;margin-bottom:20px}.hvac-description{font-size:16px;margin-bottom:20px}.hvac-decision p{font-size:15px}.hvac-tags li{font-size:12px}.hvac-stage-nav{grid-template-columns:1fr 1fr}.hvac-stage-nav button{padding:14px 16px;font-size:14px}.hvac-stage-nav button>span{display:inline}.hvac-season-controls{width:100%}.hvac-season-controls button{flex:1}.hvac-legend{padding:15px 20px;gap:10px 16px}.hvac-lab .small-note{padding:0 2%}}
.hvac-offscreen *,.hvac-background *,.motion-paused .hvac-lab *{animation-play-state:paused!important}.motion-paused .hvac-lab *{transition:none!important}@media(prefers-reduced-motion:reduce){.hvac-lab *, .hvac-lab *::before, .hvac-lab *::after{animation:none!important;transition:none!important}.filter-particles circle{opacity:.6}.hvac-lab-shell[data-active=serpentin][data-season=summer] .condensation path{opacity:1}}

.hvac-schematic #hvac-arrow path{stroke:var(--air-color)}

.solar-transfer text,.winter-transfer text{stroke:none}