@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,.seccio .destacat p:not(.nom){font-family:"Road Rage",serif;font-size:40px;line-height:34px}@media only screen and (min-width: 1020px){.e11,.seccio .destacat p:not(.nom){font-size:60px;line-height:48px}}@media only screen and (min-width: 1280px){.e11,.seccio .destacat p:not(.nom){font-size:70px;line-height:55px}}.e12,.seccio .destacat p.nom,.seccio .llistat p,.seccio h3{font-family:"Road Rage",serif;font-size:38px;line-height:34px}@media only screen and (min-width: 1020px){.e12,.seccio .destacat p.nom,.seccio .llistat p,.seccio h3{font-size:42px;line-height:40px}}.e13,.seccio .llistat ol li:before{font-family:"Barlow Bold";font-style:normal;font-size:20px;line-height:24px}.e14,.seccio .llistat ol{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}}.h10{font-family:"Barlow Regular";font-style:normal;font-size:20px;line-height:32px}.header-single{background-color:#4c7ab8;color:#fff;width:100%;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 !important;margin-bottom:var(--A)}.header-single .e11,.header-single .seccio .destacat p:not(.nom),.seccio .destacat .header-single p:not(.nom){max-width:100% !important;padding:0 20px}.header-single .autor{margin-top:20px;margin-bottom:var(--A)}.header-single .autor>span{margin-right:10px}.header-single img{width:100%;height:auto;padding:20px 20px var(--H)}@media only screen and (min-width: 500px){.header-single img{padding:20px 0 var(--H);max-width:320px}}@media only screen and (min-width: 1020px){.header-single img{max-width:280px}}@media only screen and (min-width: 1280px){.header-single img{max-width:330px}}.header-single .carrec{width:100%;padding:14px 0}.seccio{margin:0 auto}@media only screen and (min-width: 1020px){.seccio{max-width:600px}}.seccio p,.seccio h3,.seccio .llistat p,.seccio .llistat ol{max-width:320px}@media only screen and (min-width: 500px){.seccio p,.seccio h3,.seccio .llistat p,.seccio .llistat ol{max-width:460px}}@media only screen and (min-width: 1020px){.seccio p,.seccio h3,.seccio .llistat p,.seccio .llistat ol{max-width:none}}.seccio p{margin:0 auto;padding:0 20px var(--H);box-sizing:content-box}.seccio p>b{font-family:"Barlow Bold";font-style:normal;font-size:20px;line-height:32px;color:#000}.seccio h3{color:#4c7ab8;margin:0 auto;padding:0 20px var(--H);box-sizing:content-box}.seccio h3::before{content:"";display:inline-block;border-radius:50%;width:22px;height:22px;background-color:#4c7ab8;margin-right:11px}.seccio .punt,.seccio .llistat ol:after,.seccio .llistat ol:before,.seccio .llistat p:after,.seccio .llistat p:before{content:"";position:absolute;height:10px;width:10px;border-radius:50%;background-color:#fff}.seccio .llistat{position:relative;background-color:#f6bc48;margin:0 auto var(--H) auto;padding:30px 20px 50px;width:100%}@media only screen and (min-width: 1020px){.seccio .llistat{width:auto;border-radius:5px}}.seccio .llistat p{color:#4c7ab8;margin:0 auto;padding:0 0 30px 0}.seccio .llistat p:before{top:10px;left:10px}.seccio .llistat p:after{top:10px;right:10px}.seccio .llistat ol{list-style:none;counter-reset:li;margin:0 auto}.seccio .llistat ol li{display:flex;flex:1;counter-increment:li;padding-bottom:20px}.seccio .llistat ol li:before{content:counter(li) ". ";margin-right:10px;color:#f95c4b}.seccio .llistat ol:before{bottom:10px;left:10px}.seccio .llistat ol:after{bottom:10px;right:10px}.seccio .destacat{text-align:center;max-width:350px;margin:0 auto var(--H);padding-top:80px;position:relative}.seccio .destacat p:not(.nom){color:#4c7ab8;margin:0;padding:0 0 20px 0 !important}.seccio .destacat p.nom{color:#f95c4b;margin:0;padding:0}.seccio .destacat::before{position:absolute;top:0;left:calc(50% - 30px);content:"";height:60px;width:60px;background-image:url(../img/cosdedona/destacat.svg);background-position:center center;background-repeat:no-repeat;background-size:cover}@media only screen and (min-width: 1020px){.seccio .destacat::before{left:calc(50% - 45px);height:90px;width:90px}}@media only screen and (min-width: 1020px){.seccio .destacat{padding-top:110px}}.seccio .destacat.visible:before{animation:spin 2s linear}.seccio .ai2html{margin-bottom:var(--H) !important}@keyframes spin{100%{transform:rotate(360deg)}}.complement h5{font-family:"Barlow Bold" !important}.complement p{padding:0 !important;font-family:"Barlow Regular";font-style:normal;font-size:16px;line-height:20px;margin-bottom:5px}.image img{width:100%}.peu{width:calc(100% - 40px) !important}