:root{--bosque:#234c44;--off:#f1eeeb;--madera:#eb4d00;--agua:#03a58d;--grid:#03a58d1a;--grid-dark:#03a58d29;--rule:#234c4433;--rule-dark:#f1eeeb38;--ink:#234c44;--ink-soft:#234c44b8;--ink-dark:#f1eeeb;--ink-dark-soft:#f1eeebb3;--font:"Inter Tight","Helvetica Neue",Arial,sans-serif;--page:clamp(20px,5vw,64px);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--off);color:var(--ink);font:400 17px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}::selection{background:var(--madera);color:var(--off)}:focus-visible{outline:2px solid var(--madera);outline-offset:3px}.gridlines{z-index:0;pointer-events:none;grid-template-columns:repeat(12,1fr);display:grid;position:fixed;inset:0}.gridlines i{border-left:1px solid var(--grid)}.gridlines i:first-child{border-left:0}@media (max-width:820px){.gridlines{grid-template-columns:repeat(4,1fr)}}.display{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(44px,7.6vw,110px);font-weight:700;line-height:.96}.h1{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,68px);font-weight:700;line-height:1.02}.h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(26px,3.2vw,42px);font-weight:700;line-height:1.06}.h3{letter-spacing:-.015em;margin:0;font-size:clamp(20px,2vw,26px);font-weight:700;line-height:1.14}.lead{max-width:52ch;font-size:clamp(18px,1.6vw,22px);line-height:1.42}p{max-width:66ch;margin:0 0 1em}.soft{color:var(--ink-soft)}.on-dark .soft{color:var(--ink-dark-soft)}em{font-style:italic}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:500}.on-dark .label{color:var(--ink-dark-soft)}.code{letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.num{letter-spacing:-.04em;color:var(--madera);font-variant-numeric:tabular-nums;font-size:clamp(52px,7vw,104px);font-weight:700;line-height:.9}.xyz{color:var(--madera);border-bottom:1px dashed;padding-bottom:1px;font-style:normal}.pron{color:var(--madera);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:500}.wrap{z-index:1;position:relative}.band{padding:clamp(56px,9vw,132px) var(--page);border-top:1px solid var(--rule);position:relative}.band.on-dark{background:var(--bosque);color:var(--ink-dark);border-top-color:#0000}.band.flush{border-top:0}.band-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(28px,4vw,56px);padding-bottom:20px;display:flex}.on-dark .band-head{border-bottom-color:var(--rule-dark)}.band-head .code{color:var(--ink-soft)}.on-dark .band-head .code{color:var(--ink-dark-soft)}.cols{gap:clamp(24px,3vw,48px);display:grid}.c2{grid-template-columns:repeat(2,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c4{grid-template-columns:repeat(4,1fr)}.c12{grid-template-columns:5fr 7fr}.c21{grid-template-columns:7fr 5fr}@media (max-width:940px){.c3,.c4,.c12,.c21{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.c2,.c3,.c4,.c12,.c21{grid-template-columns:1fr}}.stack{flex-direction:column;gap:clamp(16px,2vw,28px);display:flex}.nav{z-index:40;background:var(--off);border-bottom:1px solid var(--rule);padding:0 var(--page);justify-content:space-between;align-items:stretch;gap:16px;display:flex;position:sticky;top:0}.brand{align-items:center;padding:14px 0;display:flex}.navlogo{width:clamp(132px,13vw,178px);height:auto}.sig{padding:clamp(28px,3.4vw,48px) var(--page);border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.sig img{width:clamp(150px,15vw,210px);height:auto}.sig .code{color:var(--ink-soft)}.foot .logo{width:clamp(190px,20vw,260px);margin-bottom:28px}.navlinks{align-items:stretch;display:flex}.navlinks a{border-left:1px solid var(--rule);transition:background .2s var(--ease),color .2s var(--ease);flex-direction:column;justify-content:center;gap:2px;padding:14px 18px;display:flex}.navlinks a .code{color:var(--ink-soft);font-size:10px}.navlinks a span.t{font-size:14px;font-weight:500}.navlinks a:hover,.navlinks a:hover .code{color:var(--madera)}.navlinks a[aria-current=page]{background:var(--bosque);color:var(--off)}.navlinks a[aria-current=page] .code{color:var(--madera)}.navtoggle{padding:14px 0;font-weight:500;display:none}@media (max-width:900px){.nav{flex-wrap:wrap}.navtoggle{display:block}.navlinks{border-top:1px solid var(--rule);flex-direction:column;width:100%;display:none}.navlinks a{border-left:0;border-bottom:1px solid var(--rule);flex-direction:row;align-items:baseline;gap:10px;padding:14px 0}.nav.open .navlinks{display:flex}}.hero{padding:clamp(36px,5vw,80px) var(--page) clamp(40px,6vw,80px);position:relative;overflow:hidden}.hero-meta{flex-wrap:wrap;justify-content:space-between;gap:24px;padding-bottom:clamp(24px,4vw,48px);display:flex}.hero-grid{grid-template-columns:7fr 5fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero-photo{aspect-ratio:4/5;background:var(--bosque);position:relative;overflow:hidden}.triad{border-top:1px solid var(--rule)}.tri{border-bottom:1px solid var(--rule);width:100%;transition:color .25s var(--ease);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,48px);padding:clamp(10px,1.4vw,18px) 0;display:grid}.tri .word{letter-spacing:-.035em;white-space:nowrap;transition:color .25s var(--ease);font-size:clamp(40px,6.4vw,92px);font-weight:700;line-height:1}.tri .say{color:var(--ink-soft);opacity:0;max-width:42ch;transition:opacity .35s var(--ease),transform .35s var(--ease);font-size:clamp(15px,1.35vw,19px);line-height:1.4;transform:translateY(8px)}.tri:hover .word,.tri:focus-visible .word{color:var(--madera)}.tri:hover .say,.tri:focus-visible .say{opacity:1;transform:none}.tri .mark{color:var(--madera);letter-spacing:.14em;vertical-align:super;margin-right:10px;font-size:12px}@media (max-width:900px){.tri{grid-template-columns:1fr;align-items:start;gap:8px}.tri .say{opacity:1;transform:none}}.tile{border-top:1px solid var(--rule);padding-top:18px}.on-dark .tile{border-top-color:var(--rule-dark)}.tile .code{color:var(--madera);margin-bottom:14px;display:block}.tile h4{letter-spacing:-.015em;margin:0 0 8px;font-size:21px;font-weight:700}.tile p{color:var(--ink-soft);margin:0;font-size:16px}.on-dark .tile p{color:var(--ink-dark-soft)}.photo{background:var(--bosque);position:relative;overflow:hidden}.ph{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.photo.tall{aspect-ratio:3/4}.photo.wide{aspect-ratio:16/10}.photo.sq{aspect-ratio:1}.photo .cap{background:var(--off);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;font-size:12px;position:absolute;bottom:0;left:0}.ph-empty{border:1px solid var(--rule-dark);text-align:center;color:var(--ink-dark-soft);aspect-ratio:16/10;place-items:center;gap:8px;padding:24px;display:grid}.ph-empty .plus{color:var(--madera);font-size:22px}.link{transition:color .2s var(--ease),gap .2s var(--ease);border-bottom:1px solid;align-items:center;gap:10px;padding-bottom:3px;font-weight:500;display:inline-flex}.link:hover{color:var(--madera);gap:16px}.btn{background:var(--bosque);color:var(--off);transition:background .2s var(--ease);align-items:center;gap:12px;padding:14px 22px;font-weight:500;display:inline-flex}.btn:hover{background:var(--madera)}.on-dark .btn{background:var(--off);color:var(--bosque)}.on-dark .btn:hover{background:var(--madera);color:var(--off)}.btn.ghost{color:inherit;background:0 0;border:1px solid}.btn.ghost:hover{background:var(--madera);border-color:var(--madera);color:var(--off)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--rule);transition:background .2s var(--ease),color .2s var(--ease);padding:7px 12px;font-size:13px}.on-dark .chip{border-color:var(--rule-dark)}a.chip:hover{background:var(--madera);border-color:var(--madera);color:var(--off)}.chip.on{background:var(--bosque);color:var(--off);border-color:var(--bosque)}.rowlist{border-top:1px solid var(--rule)}.on-dark .rowlist{border-top-color:var(--rule-dark)}.row{border-bottom:1px solid var(--rule);transition:padding-left .25s var(--ease),color .2s var(--ease);grid-template-columns:auto 1fr auto;align-items:baseline;gap:20px;padding:22px 0;display:grid}.on-dark .row{border-bottom-color:var(--rule-dark)}a.row:hover{color:var(--madera);padding-left:12px}.row .code{color:var(--ink-soft);white-space:nowrap}.on-dark .row .code{color:var(--ink-dark-soft)}.row h4{letter-spacing:-.015em;margin:0 0 4px;font-size:clamp(19px,2vw,24px);font-weight:700}.row p{color:var(--ink-soft);max-width:70ch;margin:0;font-size:15px}.on-dark .row p{color:var(--ink-dark-soft)}@media (max-width:640px){.row{grid-template-columns:1fr;gap:6px}}.specs{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(108px,1fr));display:grid}.on-dark .specs{border-top-color:var(--rule-dark)}.specs div{border-right:1px solid var(--rule);padding:16px 16px 16px 0}.on-dark .specs div{border-right-color:var(--rule-dark)}.specs div:last-child{border-right:0}.specs dt{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:11px}.on-dark .specs dt{color:var(--ink-dark-soft)}.specs dd{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.card{border:1px solid var(--rule);flex-direction:column;gap:14px;min-height:100%;padding:clamp(20px,2.4vw,32px);display:flex}.on-dark .card{border-color:var(--rule-dark)}.card .plus{color:var(--madera)}.stat h4{letter-spacing:-.015em;margin:8px 0 6px;font-size:19px;font-weight:700}.stat p{color:var(--ink-soft);margin:0;font-size:15px}.on-dark .stat p{color:var(--ink-dark-soft)}.strip{background:var(--bosque);height:clamp(240px,42vw,460px);position:relative;overflow:hidden}.strip .cap{left:var(--page);background:var(--off);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;padding:10px 16px;font-size:12px;position:absolute;bottom:0}.cardphoto{aspect-ratio:16/10;background:var(--bosque);margin:calc(-1*clamp(20px,2.4vw,32px)) calc(-1*clamp(20px,2.4vw,32px)) 4px;position:relative;overflow:hidden}.diag{position:relative;overflow:hidden}.diag:before{content:"";border-left:1px solid var(--grid-dark);pointer-events:none;width:60%;height:180%;position:absolute;top:-40%;right:-10%;transform:rotate(28deg)}.typos{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:0;display:grid}@media (max-width:940px){.typos{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.typos{grid-template-columns:1fr}}.typo{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background .25s var(--ease);flex-direction:column;gap:14px;padding:clamp(18px,2vw,28px);display:flex}.typo:hover{background:#234c440b}.typo .draw{border-bottom:1px solid var(--rule);background:#234c4407;margin:calc(-1*clamp(18px,2vw,28px)) calc(-1*clamp(18px,2vw,28px)) 6px;padding:clamp(12px,1.4vw,20px);position:relative}.typo .draw:before{content:"";border-bottom:1px solid #03a58d66;position:absolute;bottom:clamp(8px,1vw,14px);left:clamp(12px,1.4vw,20px);right:clamp(12px,1.4vw,20px)}.typo .draw:after{content:"";border-top:2px solid var(--madera);border-left:2px solid var(--madera);width:18px;height:18px;position:absolute;top:0;left:0}.typoimg{aspect-ratio:16/11;position:relative}.typoimg .ph{background-size:contain}.typo .code{color:var(--madera)}.typo h4{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.typo p{color:var(--ink-soft);margin:0;font-size:15px}.dw{stroke:#234c44;fill:none;stroke-width:1.3px;stroke-linejoin:round;stroke-linecap:round}.dw-soft{stroke:#234c4461;fill:none;stroke-width:1.1px;stroke-dasharray:4 3}.dw-fill{fill:#234c4412;stroke:none}.dw-acc{stroke:#eb4d00;fill:none;stroke-width:1.6px;stroke-linejoin:round}.dw-acc-fill{fill:#eb4d001a;stroke:none}.dw-grid{stroke:#03a58d;fill:none;stroke-width:.8px;opacity:.55}.people{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);display:grid}@media (max-width:940px){.people{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.people{grid-template-columns:1fr}}.person{border-top:1px solid var(--rule);padding-top:16px}.on-dark .person{border-top-color:var(--rule-dark)}.person .mark{border:1px solid var(--rule);height:110px;color:var(--madera);place-items:center;margin-bottom:16px;font-size:24px;display:grid}.on-dark .person .mark{border-color:var(--rule-dark)}.person h4{letter-spacing:-.015em;margin:0 0 4px;font-size:19px;font-weight:700}.person .role{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:12px}.on-dark .person .role{color:var(--ink-dark-soft)}.form{border-top:1px solid var(--rule-dark);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.form{grid-template-columns:1fr}}.form label{border-bottom:1px solid var(--rule-dark);border-right:1px solid var(--rule-dark);flex-direction:column;gap:8px;padding:18px 18px 18px 0;display:flex}.form label:nth-child(2n){border-right:0;padding-left:18px;padding-right:0}@media (max-width:640px){.form label,.form label:nth-child(2n){border-right:0;padding-left:0;padding-right:0}}.form input,.form select,.form textarea{color:var(--off);font:400 17px/1.4 var(--font);background:0 0;border:0;border-bottom:1px solid #f1eeeb59;padding:8px 0}.form input:focus,.form textarea:focus{border-bottom-color:var(--madera);outline:none}.form select option{color:#234c44}.form .full{border-right:0;grid-column:1/-1;padding-right:0}.foot{background:var(--bosque);color:var(--off);padding:clamp(40px,5vw,72px) var(--page) 32px}.foot-grid{border-top:1px solid var(--rule-dark);grid-template-columns:repeat(4,1fr);gap:28px;padding-top:28px;display:grid}@media (max-width:820px){.foot-grid{grid-template-columns:repeat(2,1fr)}}.foot-grid h5{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dark-soft);margin:0 0 12px;font-size:11px;font-weight:500}.foot-grid a,.foot-grid p{color:var(--ink-dark-soft);max-width:30ch;margin:0;padding:4px 0;font-size:15px;display:block}.foot-grid a:hover{color:var(--madera)}.foot-end{border-top:1px solid var(--rule-dark);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dark-soft);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:18px;font-size:12px;display:flex}.foot-end .pride{color:var(--off)}.view[hidden]{display:none}.rv{opacity:0;transform:translateY(16px)}.rv.in{opacity:1;transition:opacity .5s var(--ease),transform .5s var(--ease);transform:none}@media (prefers-reduced-motion:reduce){.rv,.rv.in{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.f-tim{fill:#234c440f}.s-tim{fill:none;stroke:#234c44;stroke-width:.85px;stroke-linejoin:round}.s-col{stroke:#234c448c;stroke-width:.8px}.f-env{fill:#234c440a}.s-env{fill:none;stroke:#234c4473;stroke-width:.8px;stroke-linejoin:round}.f-acc{fill:#eb4d0024}.s-acc{fill:none;stroke:#eb4d00;stroke-width:1.05px;stroke-linejoin:round}.s-grid{stroke:#03a58d;stroke-width:.5px;opacity:.42}.f-exist{fill:#234c4414}.s-exist{fill:none;stroke:#234c4499;stroke-width:.85px;stroke-dasharray:3.5 2.5}.bg-detalle-encastre-herrajes{background-image:url(/images/site/detalle-encastre-herrajes.jpg)}.bg-diagonales-madera-exterior{background-image:url(/images/site/diagonales-madera-exterior.jpg)}.bg-edificio-clt-fachada{background-image:url(/images/site/edificio-clt-fachada.jpg)}.bg-estructura-altura-clt{background-image:url(/images/site/estructura-altura-clt.jpg)}.bg-estructura-patio-vidrio{background-image:url(/images/site/estructura-patio-vidrio.jpg)}.bg-interior-columnas-vigas{background-image:url(/images/site/interior-columnas-vigas.jpg)}.bg-interior-escala-humana{background-image:url(/images/site/interior-escala-humana.jpg)}.bg-izaje-panel-cielo{background-image:url(/images/site/izaje-panel-cielo.jpg)}.bg-losa-clt-obra{background-image:url(/images/site/losa-clt-obra.jpg)}.bg-montaje-muro-clt{background-image:url(/images/site/montaje-muro-clt.jpg)}.bg-montaje-paneles-operarios{background-image:url(/images/site/montaje-paneles-operarios.jpg)}.bg-oficina-clt-interior{background-image:url(/images/site/oficina-clt-interior.jpg)}.bg-typo-t01{background-image:url(/images/site/typo-t01.jpg)}.bg-typo-t02{background-image:url(/images/site/typo-t02.jpg)}.bg-typo-t03{background-image:url(/images/site/typo-t03.jpg)}.bg-typo-t04{background-image:url(/images/site/typo-t04.jpg)}.bg-typo-t05{background-image:url(/images/site/typo-t05.jpg)}.bg-typo-t06{background-image:url(/images/site/typo-t06.jpg)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-msg{min-height:1.4em;margin:14px 0 0;font-size:15px}.form-msg[data-state=error]{color:var(--madera)}.form-msg[data-state=ok]{color:var(--ink)}.form button[type=submit][disabled]{opacity:.5;cursor:default}.specs dd{overflow-wrap:anywhere}
