:root{--accent:#e30613;--color-text:#333;--wrap:1000px;--gapXS:10px;--gapS:20px;--gapM:30px;--gapL:40px;--gapXL:60px;--gapXXL:80px;--gapXXXL:120px}*{box-sizing:border-box;margin:0;padding:0}img{display:block;height:auto;max-width:100%}html{font-size:clamp(16px,1.5vw,24px)}body{background-color:#fff;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.3}main{padding:5vw}main:has(#masonry-container){padding:0 calc(5vw - 10px)}main{h1,h2,h3,h4,h5,h6{font-weight:500;margin-top:2em}h1,h2,h3,h4,h5,h6,li,p{line-height:1.2;margin-bottom:1em}li,p{margin-top:1em}}a,a:visited{color:var(--accent);text-decoration:none;text-underline-offset:.2em}a:hover,main a{text-decoration:underline}a:hover{color:var(--accent);text-underline-offset:.2em}strong{font-weight:500}ol,ul{padding-left:1em}li::marker{color:var(--accent)}header.site-header{align-items:center;display:flex;justify-content:space-between;padding:10px 5vw 60px;>.site-title a{background:url(img/lapage_logo.svg) no-repeat 50%;background-size:contain;display:block;text-indent:-999em;width:140px}nav{align-items:center;display:flex;>div[class*=menu-principal]{order:3}button.menu-toggle{order:2;z-index:100}ul.menu{align-items:center;background:hsla(0,0%,100%,.95);display:none;flex-direction:column;font-size:clamp(20px,8vw,64px);gap:30px;height:100%;justify-content:center;left:0;line-height:1;position:fixed;top:0;width:100%;z-index:99;a,a:visited{color:var(--color-text);text-decoration:none}li a:hover,li[class*=current]:not(.wpml-ls-item) a{color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.wpml-ls-item a:hover{text-decoration:none}li{list-style-type:none;position:relative}li:not(.wpml-ls-item):has(ul){>a:after{content:"\2193";display:inline-block;font-size:.8em;margin-left:.5em;vertical-align:middle}ul{display:none;li{margin:0;a:hover{text-decoration:none}}}&:focus-within>ul{display:block}a{cursor:pointer}}}}}.load-more-button,.wpcf7-form input[type=submit]{background:#000;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:inherit;line-height:1;padding:.75em 1.5em;transition:background .3s ease}.load-more-button:hover,.wpcf7-form input[type=submit]:hover{opacity:.8}.load-more-button:disabled,.wpcf7-form input[type=submit]:disabled{background:#ccc;cursor:not-allowed}button.search-button{background-color:#000}.masonry-item-info h2,.projectes-relacionats h3{font-size:clamp(18px,4vw,24px)}.projectes-relacionats h2{font-size:clamp(24px,4vw,32px)}.masonry-item-info,.projectes-relacionats{padding:.5em 0;h2,h3{font-weight:400;line-height:1;margin:0}article{margin-bottom:40px;-moz-column-break-inside:avoid;break-inside:avoid;img{max-width:none;width:100%}}a{color:#000;text-decoration:none}}.swiper-button-next:after,.swiper-button-prev:after{font-size:clamp(18px,4vw,24px)!important}#masonry-container{width:100%}.masonry-item{margin-bottom:40px;padding:0 10px;width:50%;-moz-column-break-inside:avoid;break-inside:avoid;.masonry-item-subtitol{display:none}img{display:block;height:auto;width:100%}}@media (min-width:1100px){.masonry-item{padding:0 15px;width:33.333%}.masonry-item-info,.projectes-relacionats .yarpp-related{h2,h3{font-size:clamp(18px,2vw,32px)}}}@media (min-width:1300px){.masonry-item{padding:0 20px;width:25%}}@media (min-width:1600px){.masonry-item{width:20%}}@media (min-width:2400px){.masonry-item{width:16.66%}}.projecte-single{header{margin-bottom:4vw;max-width:var(--wrap);text-align:center;h1{font-weight:600;line-height:1;margin-bottom:.4em}h1,h2{margin-top:0;text-wrap:balance}h2{font-size:1.5rem;font-weight:400;margin-bottom:.5rem}p{color:#666;margin-top:0}}>*{margin-left:auto;margin-right:auto;max-width:var(--wrap)}>figure,p:has(img){margin-bottom:0;max-width:none;text-align:center;width:100%}>figure:has(figcaption){img{margin-bottom:0}figcaption{font-size:1rem;margin-top:1em}}figure+figure,figure+p{margin-top:0}.wp-block-gallery,figure,img,video{margin:4vw auto}img,video{display:block;max-height:90vh;-o-object-fit:contain;object-fit:contain;width:auto}.wp-block-gallery img,figure img{margin:0 auto}}.projecte-navigation{display:flex;justify-content:space-between;margin:2em auto;padding:0 10vw}.projectes-relacionats{margin-top:8vw;.yarpp-related a,h2,h3{font-weight:400}>h2{padding-left:5vw}.masonry-item{padding:0}.swiper-button-next,.swiper-button-prev{color:#000;height:auto;left:auto;margin-top:7px;position:absolute;top:0}.swiper-button-prev{right:calc(5vw + 30px)}.swiper-button-next{right:5vw}}.projecte-single{figure.alignfull{margin-left:-5vw;margin-right:-5vw;max-width:none;width:calc(100% + 5vw);img{display:block;height:auto;max-width:none;width:calc(100% + 5vw)}}.wp-block-image>figure>a{display:block}figure.aligncenter,figure.aligncenter img{margin-left:auto;margin-right:auto;max-width:1000px;width:100%}>figure.aligncenter img{max-width:none;width:100%}.wp-block-image{margin:3em auto}}footer{align-items:center;background:#fff;-moz-column-gap:7vw;column-gap:7vw;display:flex;flex-wrap:wrap;padding:1rem 1rem 150px;row-gap:var(--gapS);.xxss-newsletter .wp-block-group__inner-container{align-items:center;display:flex;gap:7vw}.footer-widget:empty{display:none}footer.visible{bottom:0}.footer_logos .wp-block-group__inner-container{align-items:center;display:flex;gap:20px;figure{margin:0}img{max-height:80px;max-width:90px!important;-o-object-fit:contain;object-fit:contain;&[src*=commons]{max-width:150px!important}}}#menu-xarxes-socials{display:flex;gap:8px;list-style-type:none;padding:0;a{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:36px;text-indent:-999em;width:36px}a[href*="linkedin.com"]{background-image:url(img/ico_in.svg)}a[href*="instagram.com"]{background-image:url(img/ico_ig.svg)}a[href*="vimeo.com"]{background-image:url(img/ico_vm.svg)}}a[href*=newsletter]{background:url(img/footer_news.svg) no-repeat top;background-size:100%;color:var(--color-text);display:inline-block;font-size:1rem;padding-top:20px}}.error404 main,.page main{margin-left:auto;margin-right:auto;max-width:var(--wrap)}.wpcf7-form{label{display:block;margin-bottom:.5em}input,textarea{font-family:inherit;font-size:inherit;margin-bottom:.25em;max-width:400px;padding:.25em .5em}}@media (min-width:768px){html{font-size:16px}body{font-size:1.5rem;font-weight:300}main{padding:0 40px}main:has(#masonry-container){padding:0 20px}.projectes-relacionats>h2{padding-left:40px}header.site-header nav{gap:20px;ul.menu a{padding:10px 0}}.close.eco-extra{height:16px;width:16px}footer{-moz-column-gap:var(--gapL);column-gap:var(--gapL);#menu-xarxes-socials a{gap:20px;height:50px;width:50px}a[href*=newsletter]{font-size:1.25rem}.footer_logos .wp-block-group__inner-container img{max-height:80px;max-width:120px!important}}.masonry-item-info,.projectes-relacionats .yarpp-related a,.yarpp{font-weight:300}.masonry-item-info{padding:.5em;.masonry-item-subtitol{color:#666;display:block;font-size:clamp(18px,1.5vw,28px);font-weight:300;line-height:1.2;margin-top:.5em}}header.site-header{display:flex;justify-content:space-between;margin-bottom:100px;padding:20px 40px;>.site-title a{height:34px;width:200px}.menu-principal-container{order:2}button.search-toggle{order:3}ul#primary-menu{display:flex;flex-direction:row;font-size:clamp(24px,2vw,32px);gap:2rem;position:relative;a,a:visited{color:var(--color-text);text-decoration:none}li a:hover,li[class*=current]:not(.wpml-ls-item) a{color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}li{list-style-type:none;position:relative;&.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{background:none;padding:0}&.menu-item-has-children>a,&.menu-item-has-children>a:visited{padding:0}&:has(ul)>a:after{border:none;content:"\2193";display:inline-block;font-size:.8em;text-decoration:none;transform:rotate(0deg)}&:has(ul)>a:hover:after{text-decoration:none}ul{display:none;left:0;position:absolute;top:100%;z-index:10;li{margin:0}}&:hover>ul{display:block}}}}.projecte-single{padding:0 10vw}.projectes-relacionats{.swiper-button-prev{right:70px}.swiper-button-next{right:40px}}footer{padding:10px 40px}.projecte-single>figure.alignfull{margin-left:calc(-10vw + -40px);margin-right:calc(-10vw + -40px)}.projecte-single>figure.alignfull,.projecte-single>figure.alignfull img{max-width:none;width:calc(100% + 10vw + 40px)}}@media (min-width:1200px){footer{margin-top:var(--gapL);.footer-widget:first-child{width:100%}}}.search-toggle{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:10px;transition:opacity .3s ease}.search-toggle:hover{opacity:.7}.search-toggle svg{height:24px;width:24px}.search-overlay{align-items:center;background:hsla(0,0%,100%,.98);display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9999}.search-overlay.active{display:flex;opacity:1}.search-overlay-content{max-width:600px;padding:40px;width:90%}.close.eco-extra,.search-close{background:none;background:url(img/ico_close_black.svg) no-repeat 50%;background-size:contain;border:none;color:var(--color-text);cursor:pointer;height:25px;padding:10px;position:absolute;right:5vw;text-indent:-999em;top:5vw;transition:opacity .3s ease;width:25px}.close.eco-extra{background:url(img/ico_close_white.svg) no-repeat 50%;height:16px;right:1em;top:1em;width:16px}.search-close:hover{opacity:.7}.search-form{display:flex;flex-direction:column;gap:20px}.search-field{background:#fff;border:2px solid var(--color-text);color:var(--color-text);font-family:inherit;font-size:clamp(18px,2vw,24px);padding:15px 20px;width:100%}.search-field:focus{border-color:var(--color-text);outline:none}.search-submit{background:var(--color-text);border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:1.5rem;padding:15px 30px;transition:opacity .3s ease}.search-submit:hover{opacity:.8}.search-title{color:var(--color-text);font-size:clamp(24px,3vw,40px);font-weight:400;padding:0 5vw 40px}@media (min-width:768px){footer{-moz-column-gap:var(--gapXL);column-gap:var(--gapXL)}}@media (min-width:1600px){footer{-moz-column-gap:170px;column-gap:170px}}