:root{--color-taronja: #f89827;--color-taronja-fosc: #d17d00;--color-gris: #f7f6f5;--color-gris-fosc: #666;--color-negre: #000;--color-crema: #f9f9f6;--color-blanc: #fff;--espai: 15px;--max-width: 1200px;--padding-block-seccions: calc(var(--espai) * 2);--transition-color-hover: color .3s ease;--color-corporatiu: var(--color-taronja);--transition-ease: .3s ease}html{scroll-behavior:smooth}body{background:var(--color-gris);color:var(--color-negre);margin:0;padding-top:65px;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:1.15rem;line-height:1.5}@media (width <= 480px){body{padding-top:0}}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:calc(var(--espai) / 2)}main,footer{display:grid;grid-template-columns:repeat(10,1fr)}main>*{display:grid;grid-template-columns:subgrid;border-left:2px solid var(--color-negre);border-right:2px solid var(--color-negre);grid-column:2 / span 8}main>* *{grid-column:2 / span 6}main>*:not(:last-child,.interior__titol){border-bottom:2px solid var(--color-negre)}@media (width <= 480px){main>*{grid-column:1 / -1;border-left:none;border-right:none}main>* *{grid-column:2 / span 8}}h2{font-size:clamp(2.25rem,1.5882rem + 2.2059vw,3rem);line-height:1}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)}.titol-seccio{text-transform:uppercase;font-weight:900;margin-top:0}.titol-seccio a{transition:color var(--transition-ease)}.titol-seccio a:hover{color:var(--color-corporatiu)}ul{list-style:none;padding-left:0;margin-block:0}img{display:block;width:100%;height:auto}.no-scroll{overflow:hidden}.ocult{display:none}.bg-color{background-color:var(--color-corporatiu)}.bg-color h2{margin-top:0}.bg-color a:hover{color:var(--color-blanc)}.btn{--bg: var(--color-blanc);--color: var(--color-negre);--bg-hover: var(--color-negre);--color-hover: var(--color-blanc);border:1px solid var(--color-negre);padding:.75em 1em;background-color:var(--bg);color:var(--color);font-weight:700;font-size:1rem;width:fit-content;border-radius:50px;transition:all var(--transition-ease)}.btn:hover{background-color:var(--bg-hover);color:var(--color-hover)}.btn.btn-color{--bg: var(--color-negre);--color: var(--color-blanc);--bg-hover: var(--color-blanc);--color-hover: var(--color-negre)}.paginacio{display:flex;justify-content:center;margin-block:calc(var(--espai) * 2);padding-top:calc(var(--espai) * 2)}.paginacio li{margin-inline:calc(var(--espai) * 3);font-size:1.25rem}.paginacio li a{display:inline-block;height:100%}.paginacio li a:hover{color:var(--color-corporatiu)}.paginacio li.actiu{font-weight:600}@media (width <= 480px){.paginacio li{margin-inline:calc(var(--espai) * 1)}}.paginacio svg{width:25px;height:25px;fill:var(--color-negre);vertical-align:text-bottom}header{display:grid;grid-template-columns:repeat(10,1fr);position:fixed;top:0;left:0;right:0;background-color:transparent;z-index:2}header .container-flex{grid-column:2 / span 8;padding-inline:calc(var(--espai) / 4);margin-inline:0;display:flex;justify-content:space-between;align-items:center;padding-block:calc(var(--espai) * 1.15)}header nav ul{display:flex}header nav ul li{margin-left:calc(var(--espai) * 2)}header nav ul li a{font-weight:900;font-size:1.3rem;line-height:1.5;text-transform:uppercase;color:var(--color-corporatiu);transition:color var(--transition-ease)}header nav ul li a:hover{color:var(--color-negre)}header nav ul li a.actiu{text-decoration:underline}header .logo{display:none}header.shrink,body.interior header{background-color:var(--color-corporatiu);border-bottom:1px solid var(--color-negre);transition:all var(--transition-ease)}header.shrink .container-flex,body.interior header .container-flex{padding-block:calc(var(--espai) * .5)}header.shrink .container-flex .logo,body.interior header .container-flex .logo{display:block;height:50px;width:auto}header.shrink .container-flex a,body.interior header .container-flex a{color:var(--color-blanc)}header.shrink .container-flex a:hover,body.interior header .container-flex a:hover{color:var(--color-negre)}header .burger-icona{display:none}@media (width <= 480px){header{position:sticky;background-color:var(--color-corporatiu)}header .container-flex,body.interior header .container-flex{padding-inline:0;padding-block:calc(var(--espai) / 3)}header .logo{display:block;max-width:165px;width:100%;height:auto}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:72px;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:calc(var(--espai) * 1.5);padding-top:calc(var(--espai) * 1.5);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-negre);padding-bottom:calc(var(--espai) * 1.5)}header .menu-principal.obert li a{color:var(--color-corporatiu)}}.hero{height:85vh;background-image:url(assets/icones/smiley-hero.svg);background-repeat:no-repeat;background-size:contain;background-position:right}.hero svg{width:100%;height:100%}@media (width <= 480px){.hero{background-size:cover}}.intro{padding-block:var(--padding-block-seccions)}.intro+p{margin-top:calc(var(--espai) * 1)}.intro *:first-child{margin-top:0}.intro *:last-child{margin-bottom:0}.intro p{font-size:clamp(1.25rem,.8971rem + 1.1765vw,1.65rem)}.intro p:not(:first-child){column-count:2}@media (width <= 480px){.intro p:not(:first-child){column-count:initial}}.tabal{padding-block:var(--padding-block-seccions)}.tabal .tabal__text{display:flex;gap:calc(var(--espai) * 1)}.tabal .tabal__text *{flex:1}@media (width <= 480px){.tabal .tabal__text{display:block}}.tabal .tabal__grid{--gap: calc(var(--espai) * 3);--padding: 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.tabal .tabal__grid .tabal__content *{transition:color .15s ease}.tabal .tabal__grid .tabal__content h3{font-size:1.75rem;line-height:1.2;font-weight:400;margin-bottom:0}.tabal .tabal__grid .tabal__content p{line-height:1.3;margin-top:calc(var(--espai) * .5)}.tabal .tabal__grid .tabal__content *:first-child{margin-top:calc(var(--espai) * .5)}.tabal .tabal__grid .tabal__content *:last-child{margin-bottom:0}.tabal .tabal__grid a{display:block;position:relative;padding:var(--padding);grid-column:auto}.tabal .tabal__grid a:after,.tabal .tabal__grid a:before{content:"";display:block;position:absolute;background:var(--color-negre)}.tabal .tabal__grid a:after{width:100%;height:1px;left:var(--padding);bottom:calc(var(--gap) / -2)}.tabal .tabal__grid a:nth-child(4):after,.tabal .tabal__grid a:nth-child(5):after,.tabal .tabal__grid a:nth-child(6):after{display:none}.tabal .tabal__grid a:before{width:1px;height:100%;right:calc(var(--gap) / -2);top:var(--padding)}.tabal .tabal__grid a:nth-child(3n):before{display:none}.tabal .tabal__grid a:hover .tabal__content *{color:var(--color-corporatiu)}.tabal .tabal__grid a:hover img{filter:sepia(1) saturate(320%) hue-rotate(350deg) brightness(.75)}@media (width <= 480px){.tabal .tabal__grid{display:block}.tabal .tabal__grid a{border-bottom:1px solid var(--color-negre);padding-bottom:calc(var(--espai) * 1);margin-bottom:calc(var(--espai) * 1)}.tabal .tabal__grid a:last-of-type{border-bottom:none;padding-bottom:0}.tabal .tabal__grid a:before,.tabal .tabal__grid a:after{content:none}.tabal .tabal__grid a .tabal__content{margin-top:calc(var(--espai) / 3)}}.tabal .tabal__img{margin-bottom:calc(var(--espai) * 2)}.tabal .tabal__img .img-central{max-width:450px;width:100%;height:auto;margin-inline:auto}.tabal__bg{background-image:url(assets/icones/logo-tabal-bg.svg);background-repeat:no-repeat;background-size:contain;background-position:right}.clients{padding-block:var(--padding-block-seccions)}.clients h2{margin-top:0}.destacats{display:flex;justify-content:space-between;text-transform:uppercase;font-size:2.5rem}.destacats a{transition:color var(--transition-ease)}.destacats a:hover{color:var(--color-corporatiu)}@media (width <= 480px){.destacats{flex-wrap:wrap}}.form{width:100%}.form .form__grup{display:flex;gap:calc(var(--espai) * 1);margin-bottom:calc(var(--espai) * 1);flex:1}.form .form__grup.columna{flex-direction:column;margin-bottom:0;width:100%}@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__grup .btn{margin-top:10px}}.form label{text-transform:uppercase;line-height:1.25}.form .form__input{display:flex;flex-direction:column;gap:calc(var(--espai) * .5)}.form .form__input.check{width:100%;flex-direction:row;gap:calc(var(--espai) * .5);margin-bottom:8px}.form .form__input.check label{text-transform:none}.form input[type=text],.form input[type=email]{min-height:40px}.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]{cursor:pointer}.form .form-grup__wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-top:calc(var(--espai) * 1);gap:calc(var(--espai) * 2)}@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) * 1)}}.contacte__wrapper{background-image:url(assets/icones/smiley.svg);background-repeat:no-repeat;background-size:contain;background-position:left;display:grid;grid-template-columns:subgrid;grid-column:2 / span 8}@media (width <= 480px){.contacte__wrapper{display:block;background-size:cover}}.contacte{grid-column:2 / span 6;padding-block:calc(var(--padding-block-seccions) * 1.5)}.contacte a{color:var(--color-negre);text-decoration:underline;transition:color var(--transition-ease)}.dades__footer{display:grid;grid-template-columns:repeat(10,1fr);margin-block:var(--padding-block-seccions)}.dades__footer a{color:var(--color-negre);transition:color var(--transition-ease)}.dades__footer a:hover{color:var(--color-corporatiu)}.dades__footer .logo__footer{grid-column:3 / span 3}.dades__footer .container__footer{grid-column:3 / span 6;margin-inline:0;display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--espai) * 1)}.dades__footer .contacte__info *{margin-block:8px}.dades__footer .contacte__info a{display:block;width:fit-content}@media (width <= 480px){.dades__footer .logo__footer,.dades__footer .container__footer{grid-column:2 / span 8}.dades__footer .container__footer{display:block;padding:0}}.xarxes{align-self:flex-end}.xarxes ul{display:flex}.xarxes ul li{margin-right:calc(var(--espai) * 1)}.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 .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 .interior__titol{padding-top:calc(var(--espai) * 3)}.interior .interior__titol h1{line-height:1.2;font-size:clamp(2.25rem,1.5882rem + 2.2059vw,3rem);font-weight:500;margin-bottom:calc(var(--espai) * 1.5)}.interior .interior__titol h2{font-size:clamp(1.75rem,1.3088rem + 1.4706vw,2.25rem);line-height:1.3;font-weight:400;margin-bottom:calc(var(--espai) * 1.5);margin-top:0;color:var(--color-corporatiu)}@media (width < 480px){.interior .interior__titol{padding-top:calc(var(--espai) * 2)}}.interior .categoria{display:flex;flex-wrap:wrap}.interior .categoria a{display:inline-flex;align-items:center;gap:5px;font-size:clamp(1.125rem,.7941rem + 1.1029vw,1.5rem);color:var(--color-corporatiu);text-transform:lowercase;margin-right:calc(var(--espai) * 1.5);transition:color var(--transition-ease);line-height:1.1}.interior .categoria a:before{content:"("}.interior .categoria a:after{content:")"}.interior .categoria a:after,.interior .categoria a:before{color:var(--color-corporatiu);font-size:1.25em;line-height:0}.interior .categoria a:hover{color:var(--color-negre)}@media (width < 480px){.interior .categoria a{margin-bottom:calc(var(--espai) * .5)}}.interior .user-content{--1fr: calc(100% / 6);display:block;padding-block:calc(var(--espai) * 3) calc(var(--espai) * 1);background-image:url(assets/icones/smiley-interior.svg);background-repeat:no-repeat;background-size:contain;background-position:bottom}.interior .user-content *:first-child{margin-top:0}.interior .user-content *:last-child{margin-bottom:0}.interior .user-content h3{font-size:1.5rem;margin-block:calc(var(--espai) * 2)}.interior .user-content h4{font-size:1.25rem;margin-block:calc(var(--espai) * 2)}.interior .user-content ul{list-style:inside;padding-left:inherit;margin-bottom:15px}.interior .user-content blockquote{color:var(--color-blanc);background-color:var(--color-corporatiu);background-image:url(assets/icones/smiley.svg);background-repeat:no-repeat;background-size:contain;background-position:left;font-size:clamp(2.375rem,2.2305rem + .6163vw,2.625rem);line-height:1.2;font-style:italic;text-align:center;padding-block:calc(var(--espai) * 2);padding-inline:var(--1fr);margin-inline:calc(calc(var(--1fr) * -1));border:2px solid var(--color-negre)}.interior .user-content img{margin-block:calc(var(--espai) * 2)}.interior .user-content .img-content{max-width:50%;margin-inline:auto;box-shadow:18px 18px 12px -15px #8f8f8fcc}.interior .user-content .img-dreta{max-width:50%;float:right;margin-top:0;margin-left:calc(var(--espai) * 2);margin-block:calc(var(--espai) * 2)}.interior .user-content .img-esquerra{max-width:50%;float:left;margin-top:0;margin-right:calc(var(--espai) * 2);margin-block:calc(var(--espai) * 2)}@media (width < 480px){.interior .user-content{--1fr: 12.5% ;padding-top:calc(var(--espai) * 1)}.interior .user-content .img-content,.interior .user-content .img-dreta,.interior .user-content .img-esquerra{max-width:100%}.interior .user-content blockquote{border-left:none;border-right:none}}