.elementor-2233 .elementor-element.elementor-element-b58d600{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0.5%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-2233 .elementor-element.elementor-element-b58d600:not(.elementor-motion-effects-element-type-background), .elementor-2233 .elementor-element.elementor-element-b58d600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://recercacompetecs.udl.cat/codicri/wp-content/uploads/2025/07/BANER-DEF-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2233 .elementor-element.elementor-element-194ba196{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2233 .elementor-element.elementor-element-9da6293{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2233 .elementor-element.elementor-element-841a878{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2233 .elementor-element.elementor-element-c9d8a48{text-align:left;}.elementor-2233 .elementor-element.elementor-element-c9d8a48 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:2.2rem;font-weight:600;line-height:3.1rem;color:var( --e-global-color-a736171 );}.elementor-2233 .elementor-element.elementor-element-359cb2f8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0.5%;--padding-bottom:0.5%;--padding-left:5%;--padding-right:5%;}.elementor-2233 .elementor-element.elementor-element-9b34af1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-679ddef );--border-color:var( --e-global-color-679ddef );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-b544ed5 );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:1.6rem;font-weight:500;}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-a736171 );fill:var( --e-global-color-a736171 );padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:10px;}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-item:hover, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-b544ed5 );fill:var( --e-global-color-b544ed5 );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-b544ed5 );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-menu-toggle{color:var( --e-global-color-a736171 );fill:var( --e-global-color-a736171 );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown{background-color:var( --e-global-color-273f8ea );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a:hover, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a:focus, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a.highlighted, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-menu-toggle:hover, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-menu-toggle:focus{color:var( --e-global-color-273f8ea );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a:hover, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a:focus, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-b544ed5 );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-273f8ea );background-color:var( --e-global-color-b544ed5 );}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown .elementor-item, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Open Sans", Sans-serif;font-size:1.2rem;font-weight:500;}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 4px rgba(0, 0, 0, 0.1);}.elementor-2233 .elementor-element.elementor-element-262b30d div.elementor-menu-toggle{color:var( --e-global-color-273f8ea );}.elementor-2233 .elementor-element.elementor-element-262b30d div.elementor-menu-toggle svg{fill:var( --e-global-color-273f8ea );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2233 .elementor-element.elementor-element-b58d600{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--padding-top:1%;--padding-bottom:1%;--padding-left:3%;--padding-right:3%;}.elementor-2233 .elementor-element.elementor-element-194ba196{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-2233 .elementor-element.elementor-element-9da6293{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2233 .elementor-element.elementor-element-c9d8a48{text-align:center;}.elementor-2233 .elementor-element.elementor-element-c9d8a48 .elementor-heading-title{font-size:1.6rem;line-height:1.6rem;}.elementor-2233 .elementor-element.elementor-element-359cb2f8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:nowrap;--padding-top:1%;--padding-bottom:1%;--padding-left:3%;--padding-right:3%;}.elementor-2233 .elementor-element.elementor-element-9b34af1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}}@media(max-width:767px){.elementor-2233 .elementor-element.elementor-element-b58d600{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2233 .elementor-element.elementor-element-194ba196{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-2233 .elementor-element.elementor-element-c9d8a48 .elementor-heading-title{font-size:1.1rem;line-height:1.1rem;}.elementor-2233 .elementor-element.elementor-element-359cb2f8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-2233 .elementor-element.elementor-element-262b30d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}@media(min-width:768px){.elementor-2233 .elementor-element.elementor-element-9da6293{--width:20%;}.elementor-2233 .elementor-element.elementor-element-841a878{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2233 .elementor-element.elementor-element-9da6293{--width:100%;}.elementor-2233 .elementor-element.elementor-element-841a878{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-b58d600 *//*** * Shrinking Sticky header, no container edition * class: .sticky-header * Uses the built-in .elementor-container class for shrinking the header in non-container installs */ header.sticky-header { --header-height: 110px; /* Set your own header height */ --shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */ --transition-timing: .45s cubic-bezier(.4, 0, .2, 1); background-color: #fff; /* Set your own background color */ transition: background-color var(--transition-timing), backdrop-filter var(--transition-timing), box-shadow var(--transition-timing); } header.sticky-header.elementor-sticky--effects { background-color: #fff; /* Set your own background color on scroll */ box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, .04); /* Delete this line if you don't want shadow on scroll */ } /*** * class: .logo * Add the class "logo" to your logo to scale your logo to 80% on scroll */ header.sticky-header .logo img, header.sticky-header .logo.elementor-widget-theme-site-logo img, header.sticky-header .logo .elementor-icon svg { --logo-height: 110px; /* This should be the original logo height _before_ being shrunk */ --logo-shrink-to: 0.60; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */ height: var(--logo-height); transition: height var(--transition-timing); } header.sticky-header.elementor-sticky--effects .logo img, header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img, header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg { height: calc(var(--logo-height) * var(--logo-shrink-to)); } header.sticky-header .logo .elementor-icon svg { width: auto; } /*** * Optional: Shorter header on mobile */ @media only screen and (max-width: 767px) { header.sticky-header .logo img, header.sticky-header .logo.elementor-widget-theme-site-logo img, header.sticky-header .logo .elementor-icon svg { --logo-height: 81px; /* This should be the original logo height _before_ being shrunk */ --logo-shrink-to: 1; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */ height: var(--logo-height); } header.sticky-header { --header-height: 110px; /* Set your own header height */ --shrink-header-to: 1; /* Shrinks to 60%, values: 0.1 to 1 */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-359cb2f8 *//*** * Shrinking Sticky header, no container edition * class: .sticky-header * Uses the built-in .elementor-container class for shrinking the header in non-container installs */ header.sticky-header { --header-height: 110px; /* Set your own header height */ --shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */ --transition-timing: .45s cubic-bezier(.4, 0, .2, 1); background-color: #fff; /* Set your own background color */ transition: background-color var(--transition-timing), backdrop-filter var(--transition-timing), box-shadow var(--transition-timing); } header.sticky-header.elementor-sticky--effects { background-color: #fff; /* Set your own background color on scroll */ box-shadow: 0px 4px 12px 1px rgba(0, 0, 0, .04); /* Delete this line if you don't want shadow on scroll */ } /*** * class: .logo * Add the class "logo" to your logo to scale your logo to 80% on scroll */ header.sticky-header .logo img, header.sticky-header .logo.elementor-widget-theme-site-logo img, header.sticky-header .logo .elementor-icon svg { --logo-height: 110px; /* This should be the original logo height _before_ being shrunk */ --logo-shrink-to: 0.60; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */ height: var(--logo-height); transition: height var(--transition-timing); } header.sticky-header.elementor-sticky--effects .logo img, header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img, header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg { height: calc(var(--logo-height) * var(--logo-shrink-to)); } header.sticky-header .logo .elementor-icon svg { width: auto; } /*** * Optional: Shorter header on mobile */ @media only screen and (max-width: 767px) { header.sticky-header .logo img, header.sticky-header .logo.elementor-widget-theme-site-logo img, header.sticky-header .logo .elementor-icon svg { --logo-height: 81px; /* This should be the original logo height _before_ being shrunk */ --logo-shrink-to: 1; /* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */ height: var(--logo-height); } header.sticky-header { --header-height: 110px; /* Set your own header height */ --shrink-header-to: 1; /* Shrinks to 60%, values: 0.1 to 1 */ }/* End custom CSS */