@import"https://fonts.googleapis.com/css2?family=Road+Rage";@font-face{font-family:"Barlow Thin";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-Thin.ttf") format("opentype")}@font-face{font-family:"Barlow Thin Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-ThinItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Light";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-Light.ttf") format("opentype")}@font-face{font-family:"Barlow Light Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-LightItalic.ttf") format("opentype")}@font-face{font-family:"Barlow ExtraLight";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-ExtraLight.ttf") format("opentype")}@font-face{font-family:"Barlow ExtraLight";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-ExtraLightItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Regular";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-Regular.ttf") format("opentype")}@font-face{font-family:"Barlow Regular Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-Italic.ttf") format("opentype")}@font-face{font-family:"Barlow Medium";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-Medium.ttf") format("opentype")}@font-face{font-family:"Barlow Medium Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-MediumItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Semibold";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype")}@font-face{font-family:"Barlow Semibold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-SemiBoldItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Bold";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-Bold.ttf") format("opentype")}@font-face{font-family:"Barlow Bold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-BoldItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Extrabold";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-ExtraBold.ttf") format("opentype")}@font-face{font-family:"Barlow Extrabold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/Barlow-ExtraBoldItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Thin";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Thin.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Light";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Light.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Extralight";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-ExtraLight.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Regular";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Regular.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Regular Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Italic.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Medium";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Medium.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Medium Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-MediumItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Semibold";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-SemiBold.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Semibold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-SemiBoldItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Bold";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Bold.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Regular";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Regular.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Extrabold";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-ExtraBold.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Extrabold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-ExtraBoldItalic.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Black";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-Black.ttf") format("opentype")}@font-face{font-family:"Barlow Condensed Black Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/Barlow/BarlowCondensed-BlackItalic.ttf") format("opentype")}@font-face{font-family:"Noto Extracondesed Regular";src:url("https://interactius.ara.cat/assets/common_new/fonts/NotoSerifDisplay_ExtraCondensed/NotoSerifDisplay_ExtraCondensed-Regular.ttf") format("opentype")}@font-face{font-family:"Noto Extracondesed Medium";src:url("https://interactius.ara.cat/assets/common_new/fonts/NotoSerifDisplay_ExtraCondensed/NotoSerifDisplay_ExtraCondensed-Medium.ttf") format("opentype")}@font-face{font-family:"Noto Extracondesed Semibold";src:url("https://interactius.ara.cat/assets/common_new/fonts/NotoSerifDisplay_ExtraCondensed/NotoSerifDisplay_ExtraCondensed-SemiBold.ttf") format("opentype")}@font-face{font-family:"Noto Extracondesed Black";src:url("https://interactius.ara.cat/assets/common_new/fonts/NotoSerifDisplay_ExtraCondensed/NotoSerifDisplay_ExtraCondensed-Black.ttf") format("opentype")}@font-face{font-family:"STIX Two Text Regular";src:url("https://interactius.ara.cat/assets/common_new/fonts/STIX_Two_Text/STIXTwoText-Regular.ttf") format("opentype")}@font-face{font-family:"STIX Two Text Regular Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/STIX_Two_Text/STIXTwoText-Italic.ttf") format("opentype")}@font-face{font-family:"STIX Two Text Semibold";src:url("https://interactius.ara.cat/assets/common_new/fonts/STIX_Two_Text/STIXTwoText-SemiBold.ttf") format("opentype")}@font-face{font-family:"STIX Two Text Semibold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/STIX_Two_Text/STIXTwoText-SemiBoldItalic.ttf") format("opentype")}@font-face{font-family:"STIX Two Text Bold";src:url("https://interactius.ara.cat/assets/common_new/fonts/STIX_Two_Text/STIXTwoText-Bold.ttf") format("opentype")}@font-face{font-family:"STIX Two Text Bold Italic";src:url("https://interactius.ara.cat/assets/common_new/fonts/STIX_Two_Text/STIXTwoText-BoldItalic.ttf") format("opentype")}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/sandbox/materialsymbolsoutlined/v7/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format("woff2")}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v128/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--A: 60px;--B: 20px;--C: 60px;--D: 120px;--E: 30px;--F: 10px;--G: 10px;--H: 40px}@media only screen and (min-width: 1020px){:root{--A: 80px;--B: 50px;--C: 80px;--D: 160px;--E: 30px;--F: 20px;--G: 15px;--H: 60px}}@media only screen and (min-width: 1920px){:root{--A: 100px;--B: 50px;--C: 100px;--D: 200px;--E: 30px;--F: 30px;--G: 25px}}.e1{font-family:"Road Rage",serif;font-size:60px;line-height:42px}@media only screen and (min-width: 375px){.e1{font-size:70px;line-height:52px}}@media only screen and (min-width: 1020px){.e1{font-size:85px;line-height:60px}}@media only screen and (min-width: 1280px){.e1{font-size:100px;line-height:70px}}@media only screen and (min-width: 1920px){.e1{font-size:120px;line-height:85px}}.e2{font-family:"Barlow Condensed Semibold";font-style:normal;font-size:38px;line-height:38px}@media only screen and (min-width: 1020px){.e2{font-size:42px;line-height:42px}}.e3{font-family:"Barlow Condensed Regular";font-style:normal;font-size:24px;line-height:28px}@media only screen and (min-width: 1020px){.e3{font-size:28px;line-height:34px}}@media only screen and (min-width: 1280px){.e3{font-size:32px;line-height:38px}}@media only screen and (min-width: 1920px){.e3{font-size:36px;line-height:42px}}.e4{font-family:"Barlow Condensed Regular";font-style:normal;font-size:16px;line-height:16px}.e5{font-family:"Barlow Condensed Semibold";font-style:normal;font-size:24px;line-height:24px}@media only screen and (min-width: 1020px){.e5{font-size:38px;line-height:38px}}@media only screen and (min-width: 1280px){.e5{font-size:42px;line-height:42px}}.e6{font-family:"Barlow Condensed Regular";font-style:normal;font-size:18px;line-height:18px}@media only screen and (min-width: 1020px){.e6{font-size:24px;line-height:26px}}.e7{font-family:"Barlow Condensed Semibold";font-style:normal;font-size:18px;line-height:18px}@media only screen and (min-width: 1020px){.e7{font-size:24px;line-height:26px}}.e8{font-family:"Barlow Condensed Semibold";font-style:normal;font-size:18px;line-height:18px}.e11{font-family:"Road Rage",serif;font-size:40px;line-height:34px}@media only screen and (min-width: 1020px){.e11{font-size:60px;line-height:48px}}@media only screen and (min-width: 1280px){.e11{font-size:70px;line-height:55px}}.e12{font-family:"Road Rage",serif;font-size:38px;line-height:34px}@media only screen and (min-width: 1020px){.e12{font-size:42px;line-height:40px}}.e13{font-family:"Barlow Bold";font-style:normal;font-size:20px;line-height:24px}.e14{font-family:"Barlow Regular";font-style:normal;font-size:20px;line-height:24px}.c_blau{color:#4c7ab8}.c_vermell{color:#f95c4b}.c_groc{color:#f6bc48}.c_blanc{color:#fff}.c_negre{color:#000}.bg_groc{background-color:#f6bc48}.bg_blau{background-color:#4c7ab8}.bg_vermell{background-color:#f95c4b}.up{text-transform:uppercase}b{font-weight:normal;text-decoration:none;background-color:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #f95c4b 50%);background-position:0% 0;background-size:200% auto;position:relative}b.active{transition:background-position .8s cubic-bezier(0.8, 0, 0.2, 1);transition-delay:0s;background-position:-99.99% 0}.animate,h3{opacity:1;transform:translateY(0px);transition:transform .4s ease,opacity .4s ease}.animate:not(.visible),h3:not(.visible){opacity:0;transform:translateY(200px)}@media(orientation: portrait){.animate:not(.visible).animate_only_desktop,h3:not(.visible).animate_only_desktop{opacity:1;transform:translateY(0px)}}.animate_down{display:block;opacity:1;transform:translateY(0px);transition:transform .4s ease,opacity .4s ease}.animate_down:not(.visible){opacity:0;transform:translateY(-200px)}.animate_up{display:block;opacity:1;transform:translateY(0px);transition:transform .4s ease,opacity .4s ease}.animate_up:not(.visible){opacity:0;transform:translateY(200px)}.animateopacity{opacity:0;transition:opacity .4s linear}.animateopacity.active{opacity:1}img.animateopacity{transition:opacity .4s linear,transform .4s linear;transform:scale(0.6)}img.animateopacity.active{transform:scale(1)}#header{top:0 !important;background-color:#f6bc48}.container_carousel{padding:20px 0;min-height:150px;background-color:#4c7ab8}.container_carousel .carousel{min-height:150px;width:100%;background-image:url(../img/cosdedona/fris.png);background-repeat:repeat-x;background-size:auto 100%;background-position:0% center;animation:carousel 30s linear infinite}.container_carousel .carousel.reverse{animation-direction:reverse}@keyframes carousel{0%{background-position:0% center}100%{background-position:calc(100% - 100vw + 20px) center}}header{position:relative}@media only screen and (min-width: 1020px){header{display:flex;height:100vh}}header .picture{background-color:#4c7ab8;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width: 1020px){header .picture{width:50%;justify-content:space-between}}header .picture>img{max-width:100%;max-height:319px}@media only screen and (min-width: 1020px){header .picture>img{max-height:calc(100vh - 200px);margin:0 auto}}header .picture .logo{margin:var(--E) auto}header .picture .suport{color:#fff;margin:var(--E) auto;display:flex;align-items:center;justify-content:center}header .picture .suport img{margin-left:20px;height:36px}@media only screen and (max-width: 500px){header .picture .suport img{height:26px}}header .firma_ilus{position:absolute;right:10px;bottom:-20px}header .firma_ilus a{text-decoration:none}header .titol_doble{position:relative}@media only screen and (min-width: 500px){header .titol_doble{display:flex}}@media only screen and (min-width: 1020px){header .titol_doble{flex-direction:column;width:50%;height:100%}}header .titol_doble .titol1,header .titol_doble .titol2{padding:var(--E) 0;text-align:center}@media only screen and (min-width: 500px){header .titol_doble .titol1,header .titol_doble .titol2{width:50%}}@media only screen and (min-width: 1020px){header .titol_doble .titol1,header .titol_doble .titol2{width:100%;height:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}}header .titol_doble .titol1 p,header .titol_doble .titol2 p{position:relative;padding:20px}header .titol_doble .titol1 p span,header .titol_doble .titol2 p span{display:block}header .titol_doble .titol1{background-color:#f6bc48}header .titol_doble .titol1 p{background-color:#f6bc48}header .titol_doble .titol2{background-color:#f95c4b}header .titol_doble .titol2 p{background-color:#f95c4b}header .titol_doble .line{display:none;position:absolute;width:2px;height:0;background-color:#fff;left:50%;top:25vh;transition:height 1s linear}@media only screen and (min-width: 1020px){header .titol_doble .line{display:block}}header .titol_doble .line.active{height:50vh}.intro{position:relative}.intro .columna{text-align:center;padding:0 20px}@media only screen and (min-width: 1020px){.intro .columna{width:50%}}.intro .columna:after{content:"";display:block;background-color:#f95c4b;width:55px;height:55px;margin:var(--A) auto;border-radius:50%}.intro .columna>div:before{content:"";display:block;background-color:#f95c4b;width:55px;height:55px;margin:var(--A) auto;border-radius:50%}.intro .columna>div .e1{margin-bottom:var(--B)}.intro .columna>div .e2{margin:0 auto;max-width:400px}.intro .img-columna{padding:0 20px}@media only screen and (min-width: 1020px){.intro .img-columna{position:absolute;width:50%;top:0;bottom:0;right:0}.intro .img-columna picture{position:sticky;top:var(--A)}}.intro .img-columna img{width:100%;max-width:400px;margin:0 auto;display:block}@media only screen and (min-width: 1020px){.intro .img-columna img{max-width:80%}}.intro.intro2{background-color:#f6bc48;padding-top:var(--A);padding-bottom:var(--A)}.intro.intro2 .img-columna{right:auto;left:0;padding-top:var(--A);padding-bottom:var(--A)}.intro.intro2 .img-columna picture{text-align:center}.intro.intro2 .columna{text-align:left}@media only screen and (min-width: 1020px){.intro.intro2 .columna{margin-left:50%}}.intro.intro2 .columna:after{display:none}.intro.intro2 .columna p{margin:0 auto 30px}@media only screen and (min-width: 500px){.intro.intro2 .columna p{max-width:460px}}@media only screen and (min-width: 1020px){.intro.intro2 .columna p{max-width:450px}}@media only screen and (min-width: 1280px){.intro.intro2 .columna p{max-width:550px}}@media only screen and (min-width: 1920px){.intro.intro2 .columna p{max-width:600px}}.intro .e3 b{font-family:"Barlow Condensed Regular" !important}.marquee{width:100%;overflow:hidden;display:flex;align-items:center;height:var(--D);border-top:2px solid #4c7ab8;border-bottom:2px solid #4c7ab8}.marquee .t{display:flex;white-space:nowrap}.articles .article{width:100%;display:flex;text-decoration:none;border-bottom:2px solid #4c7ab8}.articles .article>*{display:flex;justify-content:center;align-items:center}.articles .article>div{flex-direction:column;align-items:flex-start;padding:var(--F) 20px var(--G);background-color:#fff;transition:background-color .2s linear;flex:1}@media only screen and (min-width: 1020px){.articles .article>div{padding:var(--F) 40px var(--G)}}.articles .article>div .e5{margin-bottom:5px}.articles .article:hover>div{background-color:#f6bc48}.articles .article .firma{display:flex;flex-direction:column}@media only screen and (min-width: 1020px){.articles .article .firma{flex-direction:row;align-items:center}}.articles .article .firma .tags{margin-top:8px}@media only screen and (min-width: 1020px){.articles .article .firma .tags{margin-left:10px;margin-top:0}}.articles .article .index,.articles .article .veshi{background-color:#f95c4b;width:59px;color:#fff;display:none}@media only screen and (min-width: 500px){.articles .article .index,.articles .article .veshi{display:flex;width:109px}}.articles .article .veshi{margin-left:auto}#filtres{border-bottom:2px solid #4c7ab8;padding:20px 20px;display:flex;flex-direction:column}@media only screen and (min-width: 1020px){#filtres{flex-direction:row;align-items:center}}#filtres .filtres{margin-top:15px}@media only screen and (min-width: 1020px){#filtres .filtres{margin-left:15px;margin-top:0}}#filtres .filtres .tag{cursor:pointer;margin-bottom:5px;margin-right:5px;padding:4px 10px 5px}@media only screen and (min-width: 1020px){#filtres .filtres .tag{margin-bottom:0}}#filtres .filtres .tag:hover{background-color:#f95c4b;color:#fff}#filtres .filtres .tag.active{background-color:#f95c4b;color:#fff;padding:4px 5px 5px 10px}#filtres .filtres .tag.active:after{content:"close";display:inline-block;font-family:"Material Symbols Outlined";margin-left:2px;transform:translateY(2px);font-size:15px}.tag{border:1px solid #f95c4b;border-radius:60px;padding:1px 7px 3px;display:inline-block}