@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#111211;--surface:#1c1e1d;--raised:#252826;--ink:#f0efe9;--muted:#b9beb8;--blue:#176de5;--blue-hover:#125fc9;--blue-light:#91c2ff;--focus:#78baff;--amber:#e2b77a;--gap:clamp(20px,4vw,64px);--ease:cubic-bezier(.23,1,.32,1);font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:#3468a3;color:#fff}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,h4,h5,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(100% - var(--gap)*2,1360px);margin-inline:auto}.skip{position:fixed;top:-100px;left:24px;background:var(--ink);color:var(--bg);padding:12px 18px;z-index:100}.skip:focus{top:12px}
.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.035em;white-space:nowrap}.brand img{object-fit:contain;border-radius:4px}.site-header nav{display:flex;align-items:center;gap:36px}.site-header nav a{min-height:44px;display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted);transition:color 150ms}.site-header nav a:last-child{color:var(--ink)}.menu-toggle{background:none;border:0;padding:12px 0;align-items:center;gap:10px;min-height:44px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(36px,5vw,80px);align-items:center;padding-top:40px;padding-bottom:102px}.hero-copy{padding-block:46px}.hero h1{font-size:clamp(44px,5vw,76px);line-height:1.06;letter-spacing:-.04em;margin-left:-3px}.hero-lead{font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:var(--muted);max-width:36ch;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:38px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;border-radius:7px;font-size:14px;font-weight:650;line-height:1.5;border:0;transition:background-color 150ms,transform 130ms}.primary{background:var(--blue);color:#fff}.primary:active{transform:scale(.985)}.text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:#7f867e}.hero-location{font-size:13px;color:var(--muted);margin-top:63px}.hero-photo{min-width:0}.hero-photo img{width:100%;height:clamp(460px,45vw,660px);object-position:50% 66%}.hero-photo figcaption{font-size:13px;color:var(--muted);padding-top:14px}
.section-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:40px}.section-intro h2{font-size:clamp(30px,3.2vw,47px);line-height:1.16;max-width:15ch}.section-intro>p{max-width:36ch;color:var(--muted);font-size:16px;padding-top:5px}.services{padding-block:18px 104px}.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.service-list details{padding-top:8px}.service-list summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:21px;font-weight:550;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}.service-list summary svg{width:17px;transition:transform 180ms var(--ease);color:var(--muted)}.service-list details[open] summary svg{transform:rotate(180deg)}.service-list details p{color:var(--muted);font-size:15px;line-height:1.8;max-width:34ch;margin-top:12px}.service-list .text-link{margin-top:16px;color:var(--blue-light);text-decoration-color:#5176a3}
.work{padding-bottom:130px}.work-grid{display:grid;grid-template-columns:1.25fr 1fr .85fr;gap:24px;align-items:start}.work-grid img{width:100%}.work-large img{height:510px;object-position:50% 66%}.work-middle{margin-top:78px}.work-middle img{height:350px;object-position:50% 42%}.work-small{margin-top:150px}.work-small img{height:320px;object-position:50% 38%}.work-grid figcaption{font-size:13px;line-height:1.55;margin-top:16px;color:var(--muted);max-width:31ch}
.follow-section{background:#191c1b;padding-block:100px 108px}.follow-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:center}.follow-copy h2{font-size:clamp(35px,3.5vw,52px);line-height:1.12}.follow-copy>p{max-width:30ch;font-size:19px;line-height:1.65;margin-top:24px}.follow-copy .secondary-copy{font-size:15px;color:var(--muted);max-width:35ch;margin-top:20px}.follow-copy .text-link{margin-top:24px;color:var(--blue-light);text-decoration-color:#5176a3}.demo{background:var(--bg);border-radius:16px;min-width:0;overflow:hidden}.demo-disclaimer{background:#28323d;color:#dceafe;padding:10px 24px;font-size:12px;letter-spacing:0;text-align:center}.demo-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:26px 28px 22px}.demo-brand{font-size:12px;color:var(--muted)}.demo-header h3{font-size:18px;letter-spacing:-.02em;margin-top:4px}.demo-client{font-size:11px;color:var(--muted);text-align:right;max-width:10ch}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:var(--raised);margin:0 28px;gap:4px;border-radius:8px}.demo-tabs button{border:0;background:none;font-size:13px;min-height:44px;border-radius:5px;color:var(--muted);transition:background-color 180ms,color 180ms}.demo-tabs button[aria-selected=true]{background:var(--ink);color:var(--bg);font-weight:650}.demo-panels{padding:26px 28px 10px;min-height:378px}.demo-panel{min-width:0}.demo-panel[role=tabpanel]{animation:panel-in 180ms var(--ease)}.record-heading{display:flex;align-items:center;gap:16px}.equipment-mark{background:#243246;color:#a3cdff;width:72px;height:72px;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:600;letter-spacing:-.04em;flex:none}.record-heading h4,.panel-heading h4{font-size:17px;line-height:1.4;letter-spacing:-.02em}.record-heading p,.panel-heading p{font-size:12px;color:var(--muted);margin-top:4px}.record-data{display:grid;grid-template-columns:1fr 1fr;gap:19px 28px;margin:25px 0 22px}.record-data dt{font-size:11px;color:var(--muted);margin-bottom:4px}.record-data dd{margin:0;font-size:13px;font-weight:500}.demo-purpose{font-size:13px;color:var(--muted);line-height:1.6;max-width:47ch}.demo-next{border:0;background:none;color:var(--blue-light);font-size:13px;padding:0;min-height:44px;display:flex;align-items:center;gap:10px;margin-top:16px}.demo-next svg{width:16px;height:16px}.demo-foot{font-size:11px;color:var(--muted);padding:12px 28px 22px}.panel-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.status{display:inline-flex;align-items:center;font-size:11px;padding:4px 8px;border-radius:5px;flex:none}.status.neutral{background:#293228;color:#c0cdb9}.status.pending{background:#342d23;color:var(--amber)}.visit-record{padding:18px;background:var(--surface);margin-block:24px 18px;border-radius:8px}.visit-record h5{font-size:13px;font-weight:600}.visit-record>p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:7px}.record-note{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-top:18px}.record-note svg{width:15px;height:15px}.record-timeline{list-style:none;margin:26px 0 22px;padding:0;display:grid;gap:17px}.record-timeline li{position:relative;padding-left:23px;color:var(--muted)}.record-timeline li:before{content:'';position:absolute;top:7px;left:0;width:7px;height:7px;border-radius:50%;background:#657066}.record-timeline li.done:before{background:#b5c3a9}.record-timeline li.current:before{background:var(--amber)}.record-timeline strong{display:block;font-size:13px;font-weight:550;color:var(--ink)}.record-timeline span{display:block;font-size:11px;margin-top:2px}.demo-panel:not([role])+.demo-panel{margin-top:40px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:115px 110px}.contact h2{font-size:clamp(33px,3.4vw,49px);line-height:1.14}.contact>div>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:37ch;margin-top:23px}.contact-actions{justify-self:end;display:flex;align-items:flex-start;flex-direction:column;min-width:0}.contact-actions .email-link{margin-top:20px;font-size:15px}.contact-actions .contact-context{font-size:13px;line-height:1.6;color:var(--blue-light);margin:12px 0 0;max-width:32ch}.contact-context:empty{display:none}.contact-actions .contact-location{font-size:13px;margin-top:6px}.site-footer{padding-block:30px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand{font-size:16px}.site-footer p{font-size:12px;color:var(--muted)}.back-top{font-size:12px;display:flex;gap:10px;align-items:center;min-height:44px}.back-top svg{width:16px}
@keyframes panel-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.primary:hover{background:var(--blue-hover)}.text-link:hover{text-decoration-color:currentColor;color:#fff}.site-header nav a:hover{color:#fff}.demo-next:hover{color:#fff}.service-list summary:hover{color:#fff}.back-top:hover{color:var(--blue-light)}}
@media(min-width:1600px){.hero{gap:90px}.hero h1{font-size:80px}}
@media(max-width:1100px){.site-header nav{gap:23px}.hero{gap:35px}.hero h1{font-size:clamp(39px,5.1vw,56px)}.hero-actions{gap:14px 24px}.hero-location{margin-top:40px}.hero-photo img{height:550px}.work-large img{height:430px}.work-middle img{height:310px}.work-small img{height:270px}.work-small{margin-top:120px}.follow-layout{grid-template-columns:.8fr 1.2fr;gap:32px}.demo-header,.demo-panels{padding-inline:22px}.demo-tabs{margin-inline:22px}.demo-header h3{font-size:16px}.demo-client{display:none}.demo-panels{min-height:410px}.contact{gap:40px}.service-list{gap:28px}}
@media(max-width:760px){:root{--gap:20px}.site-header{height:auto;min-height:88px;position:relative;flex-wrap:wrap;gap:0}.site-header .brand{font-size:17px;gap:8px}.site-header .brand img{width:50px;height:50px}.menu-toggle:not([hidden]){display:flex}.site-header nav{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 12px;padding:8px 0 24px}.site-header nav a{font-size:15px}.site-header nav[data-collapsed=true]{display:none}.hero{display:flex;flex-direction:column;gap:32px;align-items:stretch;padding-block:30px 62px}.hero-copy{padding:0}.hero h1{font-size:clamp(34px,9.3vw,60px);line-height:1.1;margin-left:-1px}.hero-lead{font-size:17px;margin-top:21px;max-width:34ch;line-height:1.65}.hero-actions{margin-top:26px;gap:15px 23px}.button{font-size:13px;min-height:52px;gap:14px;padding:14px 19px}.hero-location{margin-top:25px;font-size:12px}.hero-photo img{height:auto;aspect-ratio:1/1.08;object-position:50% 73%}.hero-photo figcaption{font-size:12px;padding-top:12px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:32px;max-width:none}.section-intro>p{margin-top:16px;padding:0;font-size:15px;max-width:35ch}.services{padding-block:8px 62px}.service-list{grid-template-columns:1fr;gap:22px}.service-list details{padding-top:0}.service-list summary{font-size:21px}.service-list details p{max-width:40ch;margin-top:3px;font-size:15px}.service-list .text-link{margin-top:9px}.work{padding-bottom:66px}.work-grid{grid-template-columns:1.1fr 1fr;gap:26px 16px}.work-large{grid-column:1/-1}.work-large img{height:auto;aspect-ratio:1.05;object-position:50% 75%}.work-middle{margin-top:0}.work-middle img{height:235px;object-position:45% 50%}.work-small{margin-top:48px}.work-small img{height:220px;object-position:50% 30%}.work-grid figcaption{font-size:12px;margin-top:11px}.follow-section{padding-block:60px}.follow-layout{grid-template-columns:1fr;gap:32px}.follow-copy h2{font-size:36px;line-height:1.15}.follow-copy>p{font-size:18px;max-width:32ch;margin-top:22px}.follow-copy .secondary-copy{font-size:14px;margin-top:15px;max-width:36ch}.follow-copy .text-link{margin-top:14px}.demo-disclaimer{font-size:11px;padding:10px 16px}.demo-header{padding:21px 18px 18px}.demo-header h3{font-size:17px}.demo-client{display:block;font-size:10px}.demo-tabs{margin-inline:16px}.demo-tabs button{font-size:12px}.demo-panels{padding:22px 18px 8px;min-height:400px}.record-heading{gap:12px}.equipment-mark{width:56px;height:62px;font-size:17px}.record-heading h4{font-size:15px}.record-heading p{font-size:11px}.record-data{gap:18px 14px}.record-data dd{font-size:12px}.record-data dt{font-size:10px}.demo-purpose{font-size:12px}.demo-foot{font-size:10px;padding:10px 18px 21px}.panel-heading{gap:10px;flex-wrap:wrap}.panel-heading h4{font-size:15px}.visit-record{margin-top:18px;padding:14px}.visit-record>p{font-size:12px}.record-timeline{gap:18px;margin-block:20px}.record-timeline strong{font-size:12px}.record-timeline span{font-size:11px}.contact{grid-template-columns:1fr;padding-block:65px 58px;gap:28px}.contact h2{font-size:34px}.contact>div>p{font-size:16px;margin-top:20px}.contact-actions{justify-self:start}.contact-actions .contact-context{font-size:13px;margin-top:12px}.contact-actions .contact-location{font-size:13px;margin-top:6px}.site-footer{padding-block:20px 30px;flex-wrap:wrap;gap:10px}.site-footer p{order:3;width:100%;margin-left:60px;font-size:11px}.site-footer .brand{font-size:15px;gap:10px}.back-top{font-size:11px}.site-footer .brand img{width:44px;height:44px}}
@media(max-width:360px){.hero h1{font-size:33px}.hero-actions{gap:10px}.hero-actions .button{width:100%;justify-content:space-between}.hero-actions .text-link{font-size:13px}.demo-header h3{font-size:15px}.demo-client{display:none}.demo-panels{min-height:430px}.work-middle img{height:200px}.work-small img{height:190px}.follow-copy h2{font-size:33px}.contact h2{font-size:31px}.contact-actions .email-link{font-size:14px}}
html{scroll-behavior:auto}
@media(min-width:761px){.menu-toggle{display:none}}
.demo-brand,.demo-client,.demo-disclaimer,.demo-tabs button,.record-data dt,.record-data dd,.record-heading p,.panel-heading p,.record-note,.record-timeline strong,.record-timeline span,.demo-foot,.status{font-size:13px}
.visit-record>p,.demo-purpose{font-size:14px}
.demo-client{max-width:11ch}
.record-data{gap:18px 14px}
@media(max-width:760px){.demo-panels{min-height:460px}.demo-header h3{font-size:16px}.demo-client{display:none}.demo-purpose{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Revisión de portada: objeto técnico interactivo y prueba comercial. */
.hero{grid-template-columns:.9fr 1.2fr;gap:40px;padding-block:20px 64px;align-items:center}
.hero-copy{padding-block:30px}.hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.05;font-weight:550;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#9dc9f5}.hero-lead{font-size:18px;line-height:1.7;margin-top:26px;max-width:37ch}.hero-actions{gap:18px 24px;margin-top:30px}.hero-location{margin-top:36px;font-size:13px}.hero-actions .text-link{font-size:13px}
.chiller-experience{background:#dce4e9;color:#263847;position:relative;min-width:0;border-radius:14px;overflow:hidden;isolation:isolate}.viewer-top{position:absolute;left:25px;right:25px;top:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font-size:13px;letter-spacing:-.01em}.viewer-dimension{font-size:28px;line-height:1;font-weight:450;letter-spacing:-.04em}.chiller-stage{position:relative;width:100%;height:380px}.chiller-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.chiller-stage canvas.is-dragging{cursor:grabbing}.chiller-fallback{width:100%;height:100%;object-fit:cover;object-position:50% 68%}.chiller-experience[data-state=loading] .chiller-fallback{opacity:.5}.chiller-experience[data-state=ready] .chiller-fallback{visibility:hidden}.chiller-experience[data-state=fallback] canvas{display:none}.chiller-experience:not([data-state=ready]) .viewer-top{background:#dce4e9ef;padding:10px;border-radius:6px}.viewer-controls{padding:0 25px}.viewer-help{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px}.viewer-help>span:before{content:'↔';margin-right:8px;font-size:20px;vertical-align:-1px}.viewer-help button{background:transparent;border:0;color:#364b5e;font-size:12px;padding:8px 0;min-height:44px}.viewer-help button span{font-size:20px;vertical-align:-1px;margin-left:6px}.rotation-control{display:flex;align-items:center;gap:14px;font-size:12px;margin-top:2px}.rotation-control input{flex:1;min-width:0;accent-color:#176de5;cursor:ew-resize;height:28px;touch-action:pan-y}.rotation-control output{width:36px;text-align:right;font-variant-numeric:tabular-nums}.viewer-note{font-size:11px;color:#485d6d;padding:12px 25px 19px;line-height:1.5}
.clients-section{background:#f3f4f1;color:#293238;padding-block:32px 34px;margin-bottom:85px}.clients-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.clients-heading h2{font-size:16px;font-weight:550;letter-spacing:-.02em}.clients-heading p{font-size:12px;color:#657078}.clients-list{list-style:none;display:grid;grid-template-columns:repeat(5,1fr) .8fr;gap:28px;align-items:center;margin:0;padding:0}.clients-list li{display:flex;min-width:0;align-items:center;justify-content:center;height:76px}.clients-list img{width:100%;height:auto;max-width:150px;max-height:65px;object-fit:contain}.clients-list .munchy-logo{max-width:135px;max-height:62px}.clients-list .avila-logo{max-width:190px}.clients-list .arboleda-logo{max-width:108px;max-height:70px}.clients-more{flex-direction:column;color:#67777f;gap:0;font-size:12px;line-height:1.5;border-left:1px solid #d6dddf}.clients-more>span:first-child{font-size:30px;font-weight:300}
.services{padding-bottom:85px}.section-intro{margin-bottom:38px}.service-list{gap:42px}.service-list details{border-top:1px solid #3b4246;padding-top:17px}.service-list details p{font-size:15px}.service-list summary{font-size:23px}.work-grid{gap:24px}.work-large img{border-radius:3px}.work-middle img,.work-small img{border-radius:3px}.work .section-intro>p{max-width:37ch}.follow-copy h2{font-size:clamp(38px,4vw,58px)}.record-timeline li.done:before{background:#89c8a8}.contact h2{font-size:clamp(36px,4vw,58px)}
@media(min-width:1600px){.hero h1{font-size:72px}.chiller-stage{height:480px}}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:1fr 1.15fr;gap:24px}.hero h1{font-size:clamp(39px,5vw,55px)}.hero-lead{font-size:16px}.chiller-stage{height:370px}.viewer-top{left:18px;right:18px}.viewer-controls{padding-inline:18px}.viewer-note{padding-inline:18px}.viewer-help{font-size:12px;gap:8px}.viewer-help button{font-size:11px}.clients-list{gap:22px;grid-template-columns:repeat(3,1fr)}.clients-heading{margin-bottom:16px}.clients-list li{height:66px}.clients-more{border:0}.service-list{gap:24px}}
@media(max-width:760px){.hero{gap:30px;padding-block:20px 34px}.hero-copy{padding:0}.hero h1{font-size:clamp(40px,10vw,64px);line-height:1.08}.hero-lead{font-size:16px;line-height:1.65;margin-top:22px;max-width:40ch}.hero-actions{margin-top:24px;gap:14px 22px}.hero-location{margin-top:20px;font-size:12px}.chiller-stage{height:310px}.viewer-top{left:18px;right:18px;top:18px;font-size:12px}.viewer-dimension{font-size:23px}.viewer-controls{padding-inline:18px}.viewer-help{font-size:12px;gap:8px}.viewer-help button{font-size:11px}.viewer-note{font-size:10px;padding:10px 18px 15px}.clients-section{padding-block:26px;margin-bottom:54px}.clients-heading{display:block;margin-bottom:18px}.clients-heading h2{font-size:16px}.clients-heading p{font-size:12px;margin-top:5px}.clients-list{grid-template-columns:repeat(2,1fr);gap:18px 28px}.clients-list li{height:70px}.clients-list img{max-width:143px}.clients-list .munchy-logo{max-height:53px}.clients-list .avila-logo{max-width:160px}.clients-list .arboleda-logo{max-height:60px}.clients-more{border:0}.services{padding-bottom:60px}.section-intro h2{font-size:34px}.service-list{gap:26px}.service-list details{padding-top:14px}.service-list .text-link{font-size:14px}.work .section-intro>p{font-size:16px}.follow-copy h2{font-size:40px}.contact h2{font-size:40px}.demo-panels{min-height:465px}}
@media(max-width:360px){.hero h1{font-size:36px}.hero-actions .button{width:auto}.hero-actions .text-link{font-size:12px}.chiller-stage{height:265px}.viewer-controls{padding-inline:14px}.viewer-help{gap:5px;font-size:11px}.viewer-help button{font-size:10px}.viewer-note{padding-inline:14px}.clients-list{gap:18px}.section-intro h2{font-size:30px}}