:root{--color-taronja: #f89827;--color-taronja-fosc: #d17d00;--color-gris: #b3b6b7;--color-gris-clar: #f7f7f7;--color-gris-fosc: #666;--color-negre: #000;--color-crema: #f9f9f6;--color-blanc: #fff;--espai: clamp(1.25rem, 5vw + .25rem, 4.75rem);--max-width: 1200px;--transition-color-hover: color .3s ease;--color-corporatiu: var(--color-taronja);--transition-ease: .3s ease}html{scroll-behavior:smooth}body{background:var(--color-crema);color:var(--color-negre);margin:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:1.15rem;line-height:1.5}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:calc(var(--espai) / 2)}h2{font-size:3rem;line-height:1}ul{list-style:none;padding-left:0;margin-block:0}a{text-decoration:none;color:inherit}p a,label a{color:var(--color-corporatiu);text-decoration:underline;transition:color var(--transition-ease)}p a:hover,label a:hover{color:var(--color-negre)}img{display:block;width:100%;height:auto}.bg-color{background-color:var(--color-corporatiu);padding-block:var(--espai)}.bg-color h2{margin-top:0}.no-scroll{overflow:hidden}.ocult{display:none}.titol-fletxa{display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-ease)}.titol-fletxa span{aspect-ratio:1 / 1;background-color:var(--color-blanc);color:var(--color-negre);padding:3px;transition:all var(--transition-ease)}.titol-fletxa:hover{color:var(--color-blanc)}header{position:fixed;top:0;left:0;right:0;background-color:var(--color-corporatiu);z-index:2}header .container{display:flex;justify-content:center;align-items:center;padding-block:calc(var(--espai) / 4);transition:padding-block var(--transition-ease)}header nav ul{display:flex}header nav ul li{margin-left:calc(var(--espai) / 2)}header nav ul li a{font-weight:500;font-size:1.125rem;line-height:1.5;transition:color var(--transition-ease)}header nav ul li a:hover{color:var(--color-blanc)}header nav ul li a.actiu{color:var(--color-blanc)}header a.header__logo{flex-grow:1;display:inline-flex;height:100%;vertical-align:middle}header a.header__logo:hover{color:var(--color-corporatiu)}header.shrink{background-color:var(--color-crema);border-bottom:4px solid var(--color-corporatiu)}header.shrink .container{padding-block:calc(var(--espai) / 10);justify-content:space-between}header.shrink .container a.header__logo{flex-grow:0}header.shrink .container nav ul li a:hover{color:var(--color-corporatiu)}header .logo{display:block;max-width:135px;width:100%;height:auto}header .logo--shrink,header .burger-icona{display:none}@media (width >= 768px){header.shrink .logo{display:none}header.shrink .logo--shrink{display:block;max-height:25px;height:100%}}@media (width <= 480px){header{position:sticky}header .burger-icona{display:flex;justify-content:center;align-items:center;width:35px;height:35px;cursor:pointer}header .burger-icona .burger-icona__bar{--transition: all .3s ease;position:relative;width:25px;height:3px;background-color:var(--color-negre);border-radius:2px;transition:var(--transition)}header .burger-icona .burger-icona__bar:after,header .burger-icona .burger-icona__bar:before{position:absolute;content:"";display:block;width:inherit;height:inherit;background-color:var(--color-negre);border-radius:inherit;transition:var(--transition)}header .burger-icona .burger-icona__bar:after{top:8px}header .burger-icona .burger-icona__bar:before{top:-8px}header .burger-icona.toggle .burger-icona__bar{background-color:transparent}header .burger-icona.toggle .burger-icona__bar:after{transform:rotate(45deg) translate(-6px,-5px)}header .burger-icona.toggle .burger-icona__bar:before{transform:rotate(-45deg) translate(-6px,5px)}header .menu-principal{display:none}header .menu-principal.obert{position:absolute;top:61px;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--espai);padding-top:var(--espai);background-color:var(--color-crema);height:100dvh}header .menu-principal.obert li{margin-left:0;width:100%;text-align:center;border-bottom:1px solid var(--color-corporatiu);padding-bottom:var(--espai)}}.hero{display:flex;align-items:center;padding-bottom:var(--espai);height:65vh;background-image:url(https://images.unsplash.com/photo-1748345952129-3bdd7d39f155?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:saturate(0%) blur(5px);backdrop-filter:saturate(0%) blur(5px);background:linear-gradient(to right,rgb(38 30 3 / 80%) 40%,transparent)}.hero .hero__content{color:var(--color-blanc);position:relative;z-index:1;width:100%}.hero .hero__content p{max-width:60ch}.tabal{display:grid;grid-template-columns:1fr 30%;gap:calc(var(--espai) / 2);padding-block:var(--espai)}.tabal h2{margin-top:0}.tabal .tabal__text{text-wrap:balance}@media (width <= 480px){.tabal{grid-template-columns:repeat(1,1fr)}}.tabal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--espai) / 4);max-width:var(--max-width);margin-inline:auto}.tabal__grid a{display:flex;flex-direction:column;background-color:var(--color-crema);transition:background-color var(--transition-ease)}.tabal__grid a .tabal__content{padding:calc(var(--espai) / 3);height:100%}.tabal__grid a h3{color:var(--color-negre);font-size:1.3rem;line-height:1.35;margin-top:0;border-bottom:3px solid var(--color-negre);padding-bottom:5px}.tabal__grid a p{color:var(--color-gris-fosc);font-size:1rem;line-height:1.5;text-wrap:balance;margin-block:0}.tabal__grid a h3,.tabal__grid a p{transition:all var(--transition-ease)}.tabal__grid a:hover{background-color:var(--color-negre)}.tabal__grid a:hover h3,.tabal__grid a:hover p{color:var(--color-blanc)}.tabal__grid a:hover h3{border-bottom-color:var(--color-blanc)}@media (width <= 480px){.tabal__grid{grid-template-columns:repeat(1,1fr)}}:root{--logos: 7;--width-logo: 250px}#clients h2{margin-top:0}.destacats{margin-top:0;margin-block:var(--espai);border-top:none;overflow:hidden}.destacats .logos{display:flex;width:calc(calc(var(--width-logo) * calc(var(--logos) * 2)) + calc(calc(var(--espai) / 2) * calc(var(--logos) * 2)));align-items:center;animation:slidein 35s linear infinite}.destacats .logos a{display:block;margin-right:calc(var(--espai) / 2);flex-shrink:0}.destacats .logos a img{max-width:var(--width-logo);width:100%}.destacats .logos:has(a:hover){animation-play-state:paused}.clients__grid{display:grid;grid-template-columns:33% 1fr;gap:calc(var(--espai) / 4);max-width:var(--max-width);margin-inline:auto;border-top:2px solid var(--color-negre)}.clients__grid h3{margin-top:calc(var(--espai) / 4)}.clients__grid ul{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-auto-flow:column;column-gap:calc(var(--espai) / 2)}.clients__grid ul li a{--padding-left: calc(var(--espai) / 8);border-bottom:1px solid var(--color-gris);display:inline-block;padding-block:calc(var(--espai) / 4);padding-left:var(--padding-left);width:calc(100% - var(--padding-left));transition:color var(--transition-ease),background-color var(--transition-ease),border-color var(--transition-ease);font-size:1rem}.clients__grid ul li a:hover{background-color:var(--color-corporatiu);color:var(--color-blanc);border-color:var(--color-corporatiu)}.clients__grid ul li:nth-child(4) a,.clients__grid ul li:nth-child(8) a{border-bottom:none}@media (width <= 480px){.clients__grid{grid-template-columns:repeat(1,1fr);margin-top:calc(var(--espai) * 1.5)}.clients__grid h3{margin-bottom:calc(var(--espai) / 4)}.clients__grid ul li:last-of-type a{border-bottom:none}}@keyframes slidein{0%{transform:translate(0)}to{transform:translate(calc(calc(var(--width-logo) * -1) * var(--logos)))}}.form{width:100%}.form .form__grup{display:flex;gap:calc(var(--espai) / 4);margin-bottom:calc(var(--espai) / 2)}.form .form__grup.columna{flex-direction:column;margin-bottom:0}@media (width <= 600px){.form .form__grup:not(.columna){flex-direction:column}.form .form__grup:not(.columna) .form__input{width:100%}.form .form__grup:not(.columna) .form__input input[type=text],.form .form__grup:not(.columna) .form__input input[type=email]{height:calc(var(--espai) * 2)}}.form .form__input{display:flex;flex-direction:column;width:50%;gap:calc(var(--espai) / 4)}.form .form__input.check{width:100%;flex-direction:row;gap:calc(var(--espai) / 8)}.form input[type=text],.form input[type=email]{height:calc(var(--espai) / 1.75)}.form input[type=text],.form input[type=email],.form textarea{border:1px solid var(--color-gris)}.form input[type=checkbox]{width:auto;align-self:center}.form input[type=submit]{border:none;padding:calc(var(--espai) / 6) calc(var(--espai) / 4);background-color:var(--color-negre);color:var(--color-blanc);transition:background-color var(--transition-ease);font-weight:700;font-size:1rem}.form input[type=submit]:hover{cursor:pointer;background-color:var(--color-corporatiu)}@media (width <= 600px){.form input[type=submit]{padding:calc(var(--espai) / 2);width:100%}}.form .form-grup__wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-top:calc(var(--espai) / 4)}.form .form-grup__wrapper .form__grup{gap:calc(var(--espai) / 10)}@media (width <= 600px){.form .form-grup__wrapper{flex-direction:column;gap:var(--espai);margin-top:var(--espai)}.form .form-grup__wrapper .form__grup{gap:calc(var(--espai) / 4)}}.legal{margin-bottom:calc(var(--espai) / 2);display:flex;justify-content:space-between;align-items:center}.legal img{height:25px;width:auto}.legal a{font-size:.9rem;color:var(--color-negre);text-decoration:underline;transition:color var(--transition-ease)}.legal a:hover{color:var(--color-corporatiu)}@media (width <= 600px){.legal{margin-bottom:var(--espai)}}.contacte{margin-top:var(--espai)}.contacte a{color:var(--color-negre);text-decoration:underline;transition:color var(--transition-ease)}.contacte a:hover{color:var(--color-corporatiu)}#clients{padding-top:var(--espai)}.contacte__wrapper{--border: 1px solid var(--color-corporatiu);margin-block:calc(var(--espai) / 2);padding-block:calc(var(--espai) / 4);border-top:var(--border);border-bottom:var(--border);display:flex;justify-content:space-between;align-items:flex-end}.contacte__wrapper .contacte__info h3{margin-top:0;margin-bottom:calc(var(--espai) / 8);font-size:1.2rem}.contacte__wrapper .contacte__info a{display:block;margin-block:calc(var(--espai) / 12);font-size:1rem}.contacte__wrapper .contacte__info p{margin-block:calc(var(--espai) / 12);font-size:1rem}@media (width <= 600px){.contacte__wrapper{margin-block:var(--espai);padding-block:calc(var(--espai) / 2)}}.xarxes ul{display:flex}.xarxes ul li{margin-right:calc(var(--espai) / 6)}.xarxes ul li a{color:var(--color-negre)}.xarxes ul li a:hover{color:var(--color-corporatiu)}.xarxes svg{height:22px;aspect-ratio:1/1}.media{padding-top:calc(var(--espai) * 1.5);max-width:var(--max-width);margin-inline:auto}.media .container{padding-inline:0}.media hr{margin-block:var(--espai);border-top:1px solid var(--color-corporatiu);border-bottom:none;border-left:none;border-right:none}.media h2{text-align:center;text-transform:uppercase;font-size:2rem}.media .tabal__grid{margin-top:var(--espai)}.media .tabal__grid a{outline:1px solid var(--color-negre)}.media__item{display:flex;column-gap:calc(var(--espai) / 2);margin-top:calc(var(--espai) * 1)}.media__item .media__img{flex:0 0 35%}.media__item .media__content h3{margin-top:0}@media (width <= 768px){.media__item{flex-direction:column}.media__item .media__content h3{margin-top:revert}}.interior{padding-top:125px}.interior .container{max-width:100%;width:768px;margin-inline:auto}.interior .container h1{line-height:1;text-align:center}.interior .container h2{font-size:1.5rem;margin-bottom:calc(var(--espai) / 2);color:var(--color-gris-fosc);text-align:center}.interior .container h3{font-size:1.5rem}.interior .container h4{font-size:1.35rem}.interior .container ul{list-style:inside;padding-left:inherit;margin-bottom:15px}.interior .container .img-content{width:100%}.interior .container .img-content-lg{width:100vw;max-width:960px;transform:translate(-96px)}@media (width <= 960px){.interior .container .img-content-lg{width:100%;max-width:100%;transform:translate(0)}}.interior .container .categoria{text-align:center}.interior .container .categoria span{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;color:var(--color-negre);text-transform:lowercase}.interior .container .categoria span:before{content:"("}.interior .container .categoria span:after{content:")"}.interior .container .categoria span:after,.interior .container .categoria span:before{color:var(--color-corporatiu);font-size:1.75em}.interior .container .categoria span+span{margin-left:calc(var(--espai) / 4)}@media (width <= 768px){.interior .container{width:initial}}.interior .destacat{font-weight:600;padding-bottom:calc(var(--espai) / 4);margin-bottom:calc(var(--espai) / 2);position:relative}.interior .destacat img{max-width:var(--max-width);width:100%}.interior .destacat p{width:768px}.interior .destacat a{color:var(--color-blanc);text-decoration:underline;transition:color var(--transition-ease)}.interior .destacat a:hover{color:var(--color-negre)}.interior .destacat *{margin-inline:auto}.interior .destacat:before{content:"";display:inline-block;position:absolute;bottom:0;height:50%;width:100%;background-color:var(--color-corporatiu);z-index:-1}