/* GLOBAL ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* VIMEO */
.vimeo-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;overflow: hidden;}
.vimeo-wrapper iframe {width: 110vw;height: 66.25vw;min-height: 100vh;min-width: 177.77vh;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/* PARALLAX 1 PREPARAT PER GSAP */
.we_parallax_wrap{position:relative;width:100%;aspect-ratio:1/1;}
.we_parallax_mask{position:relative;width:100%;height:100%;overflow:hidden;}
.we_parallax_img{position:absolute;top:-10%;left:0;width:100%;height:130%;object-fit:cover;will-change:transform;}

.we4_ba_custom-link a {}
.we4_ba_custom-link a:hover {color:#c9dd03;}

/* LINK FLETXA */
.we4_fletxa_link{}
.we4_fletxa_wrap{position:relative;width:20px;height:20px;overflow:hidden;display:inline-block;}
.we4_fletxa{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.5s cubic-bezier(0.65,0,0.35,1);}
.we4_fletxa--top{transform:translate(0,0);}
.we4_fletxa--bottom{transform:translate(-100%,100%);}
.we4_fletxa_wrap:hover .we4_fletxa--top{transform:translate(100%,-100%);}
.we4_fletxa_wrap:hover .we4_fletxa--bottom{transform:translate(0,0);}
.we4_fletxa_link:hover .we4_fletxa--top{transform:translate(100%,-100%);}
.we4_fletxa_link:hover .we4_fletxa--bottom{transform:translate(0,0);}
.we4_fletxa_link:hover h3{text-decoration:underline;}

.we2_linia1_black {width: 100%;height: 1px;border-bottom: 1px solid #E2E2E2;}

/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* SECTIONS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_section1{}
.we4_section2{background-color:transparent;}
.we4_section3{background-color:transparent;}
.we4_section4{background-color:transparent;}
.we4_section5{background-color:transparent;}
.we4_section6{background-color:transparent;}
.we4_section7{background-color:transparent;}
.we4_section8{background-color:transparent;}
.we4_section9{background-color:#fff;position:relative;z-index:8;}
.we4_section_footer{background-color:#000;z-index:9;position:relative;}
.we4_section_subfooter{background-color:#000;z-index:9;position:relative;}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* SECTIONS ----------------------------------------------------------*/

/* MENU ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_24_navbar {display: flex;justify-content: space-between;align-items: center;}
.we_24_navbar .we_24_logo {flex: 0 1 auto;}
.we_24_navbar .we_24_logo img.im1 {width:100%;max-width:430px;}/* BASSELLA RACE 1 */
.we_24_navbar .we_24_logo img.im1b {width:100%;max-width:110px;}/* BASSELLA RACE 1 */
.we_24_navbar .we_24_logo img.im2 {width:100%;max-width:160px;}
.we_24_navbar .we_24_menu {flex: 1 1 auto;display: flex;justify-content: flex-end;align-items: center;}
.we_24_navbar .we_24_menu .we_24_text-menu a:not(:first-child) {margin-left: 20px;}
.we_24_navbar .we_24_menu .we_24_text-menu a {display: inline-block;border-bottom: 4px solid transparent;}

.we_24_navbar .we_24_menu .we_24_social-icon a {margin-left: 20px;}
.we_24_navbar .we_24_menu .we_24_social-icon2 a {margin-left: 20px;display:none;}
.we_24_navbar .we_24_menu .we_24_search-field {margin-left: 20px;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

.menu-button {margin-left:20px;width: 100px;height: 40px;background-color: #1d1d1b;color: #fff; border: none;border-radius: 20px;display: flex;justify-content: center;align-items: center;cursor: pointer;outline: none;padding: 0;}
.menu-button .menu-icon-image {width: 16px;height: 16px;margin-left: 5px;}
.menu-button:focus {outline: none;}

.we4_menu_mob_logo {width:100%;max-width:240px;display:block;}
.we4_menu_mob_close{position:absolute;right:0;top:40px;width:45px;height:45px;}

/* BOTÓ IDIOMA */
/* Estil general del botó d'idioma amb SVG */
.we4_boto_idioma{position:relative;}
.we4_boto_idioma > a {width: 60px; height: 40px; border-radius: 20px; border: 1px solid #FFF; background-color: transparent; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s, color 0.3s, border-color 0.3s; text-decoration: none; color: #FFF;text-transform:uppercase;}
/* Canvia el color i l'aparença quan hi ha hover */
.we4_boto_idioma > a:hover {background-color: white; color: #000; border: 1px solid #FFF;}
/* Estil per l'SVG (fletxa) dins del botó */
.we4_boto_idioma-svg {width: 10px; height: auto; margin-left: 5px; transition: transform 0.3s ease, stroke 0.3s ease;}
/* Aplica el color inicial del traç */
.we4_boto_idioma-svg polyline {stroke: #FFF; transition: stroke 0.3s ease;}
/* Gira la fletxa en hover i canvia el color del traç */
.we4_boto_idioma-svg.open {transform: rotate(180deg);}
.we4_boto_idioma > a:hover .we4_boto_idioma-svg polyline {stroke: #000;}

.we4_boto_idioma_mob{position:relative;}
.we4_boto_idioma_mob > a {width: 60px; height: 40px; border-radius: 20px; border: 1px solid #000; background-color: #000; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s, color 0.3s, border-color 0.3s; text-decoration: none; color: #FFF;text-transform:uppercase;}
/* Canvia el color i l'aparença quan hi ha hover */
.we4_boto_idioma_mob > a:hover {background-color: white; color: #000; border: 1px solid #FFF;}
/* Estil per l'SVG (fletxa) dins del botó */
.we4_boto_idioma-svg_mob {width: 10px; height: auto; margin-left: 5px; transition: transform 0.3s ease, stroke 0.3s ease;}
/* Aplica el color inicial del traç */
.we4_boto_idioma-svg_mob polyline {stroke: #FFF; transition: stroke 0.3s ease;}
/* Gira la fletxa en hover i canvia el color del traç */
.we4_boto_idioma-svg_mob.open {transform: rotate(180deg);}
.we4_boto_idioma_mob > a:hover .we4_boto_idioma-svg_mob polyline {stroke: #000;}

/* MENÚ EMERGENT */
.we4_boto_idioma-menu {position: absolute; background-color: #fff; border: 1px solid #ccc; padding: 0px; border-radius: 5px; display: none; top: 55px; right:-20px;width: 160px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); z-index: 10;color:#000;}
.we4_boto_idioma-menu ul {list-style: none; padding: 0; margin: 0;}
.we4_boto_idioma-menu ul li {display: flex; justify-content: space-between; align-items: center; padding: 18px 18px; border-bottom: 1px solid #eee; cursor: pointer; transition: background-color 0.3s;}
.we4_boto_idioma-menu ul li:last-child {border-bottom: none;} /* Eliminar la línia inferior de l'últim element */
.we4_boto_idioma-menu ul li:hover {background-color: #f6f6f6;}
.we4_boto_idioma-menu ul li a {text-decoration: none; color: #000; display: block; width: 100%;}
.we4_boto_idioma-menu .active {background-color: #f0f0f0;} /* Actiu, destacat amb un fons lleugerament gris */
.we4_boto_idioma-menu .active svg {display: block;} /* Mostra el tick només en l'idioma seleccionat */

/* Estil del tick SVG */
.we4_boto_idioma-menu svg {width: 12px; height: auto; stroke: #000; display: none;} /* Amaga el tick per defecte, només es mostra en l'idioma actiu */

/* BOTÓ IDIOMA */
/* Contenidor del botó d'idioma */
.we4_boto_idioma2 {position: relative;}
/* Estil general del botó d'idioma */
.we4_boto_idioma2 > a {width: 60px; height: 40px; border-radius: 20px; border: 1px solid #000; background-color: transparent; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s, color 0.3s, border-color 0.3s; text-decoration: none; color: #000;text-transform:uppercase;}
/* Canvia el color i l'aparença quan hi ha hover al botó */
.we4_boto_idioma2 > a:hover {background-color: #000; color: #FFF; border: 1px solid #000;}
/* Estil per l'SVG (fletxa) dins del botó */
.we4_boto_idioma2-svg {width: 10px; height: auto; margin-left: 5px; transition: transform 0.3s ease, stroke 0.3s ease;}
/* Aplica el color inicial del traç */
.we4_boto_idioma2-svg polyline {stroke: #000; transition: stroke 0.3s ease;}
/* Gira la fletxa en hover i canvia el color del traç */
.we4_boto_idioma2-svg.open {transform: rotate(180deg);}
.we4_boto_idioma2 > a:hover .we4_boto_idioma2-svg polyline {stroke: #FFF;}

.we4_boto_idioma2_mob {position: relative;}
/* Estil general del botó d'idioma */
.we4_boto_idioma2_mob > a {width: 60px; height: 40px; border-radius: 20px; border: 1px solid #FFF; background-color: #FFF; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: background-color 0.3s, color 0.3s, border-color 0.3s; text-decoration: none; color: #000;text-transform:uppercase;}
/* Canvia el color i l'aparença quan hi ha hover al botó */
.we4_boto_idioma2_mob > a:hover {background-color: #c9dd03; color: #FFF; border: 1px solid #c9dd03;}
/* Estil per l'SVG (fletxa) dins del botó */
.we4_boto_idioma2-svg_mob {width: 10px; height: auto; margin-left: 5px; transition: transform 0.3s ease, stroke 0.3s ease;}
/* Aplica el color inicial del traç */
.we4_boto_idioma2-svg_mob polyline {stroke: #000; transition: stroke 0.3s ease;}
/* Gira la fletxa en hover i canvia el color del traç */
.we4_boto_idioma2-svg_mob.open {transform: rotate(180deg);}
.we4_boto_idioma2_mob > a:hover .we4_boto_idioma2-svg_mob polyline {stroke: #FFF;}

/* MENÚ EMERGENT */
.we4_boto_idioma2-menu {position: absolute; background-color: #fff; border: 1px solid #ccc; padding: 0px; border-radius: 5px; display: none; top: 75px; right:-20px;width: 160px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); z-index: 10;color:#000;}
.we4_boto_idioma2-menu ul {list-style: none; padding: 0; margin: 0;}
.we4_boto_idioma2-menu ul li {display: flex; justify-content: space-between; align-items: center; padding: 18px 18px; border-bottom: 1px solid #eee; cursor: pointer; transition: background-color 0.3s;}
.we4_boto_idioma2-menu ul li:last-child {border-bottom: none;} /* Eliminar la línia inferior de l'últim element */
.we4_boto_idioma2-menu ul li:hover {background-color: #f6f6f6;}
.we4_boto_idioma2-menu ul li a {text-decoration: none; color: #000; display: block; width: 100%;}
.we4_boto_idioma2-menu .active {background-color: #f0f0f0;} /* Actiu, destacat amb un fons lleugerament gris */
.we4_boto_idioma2-menu .active svg {display: block;} /* Mostra el tick només en l'idioma seleccionat */

/* Estil del tick SVG */
.we4_boto_idioma2-menu svg {width: 12px; height: auto; stroke: #000; display: none;} /* Amaga el tick per defecte, només es mostra en l'idioma actiu */



.we4_menu-icon-image {width: 16px;height: 16px;}/* OFICREA */

.we4_menu_white{position:relative;width:100%;top:0px;left:0;z-index:1000;background-color:#FFF;transition: top 0.5s ease-in-out;}
.we4_menu_white2{position:relative;width:100%;top:-200px;left:0;z-index:1000;background-color:#FFF;transition: top 0.5s ease-in-out;border-bottom:1px solid #F2F2F2;}
.we4_menu_fixed {position: fixed;top: -900px;}
.we4_menu_fixed_show {top: 0;}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* MENU ----------------------------------------------------------*/

/* BANNER ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_banner{width:100%;position:relative;}/* BASSELLA RACE 1 */
.we4_banner_titular{width:100%;height:100%;top:0;bottom:0;position:absolute;background-color:rgba(0,0,0,0.3);}/* BASSELLA RACE 1 */
.we4_banner_titular_centrat{width:100%;height:100%; display: flex;align-items: flex-end;justify-content: center;}/* BASSELLA RACE 1 */
.we4_banner_patina{width:100%;height:100%;top:0;bottom:0;position:absolute;}/* BASSELLA RACE 1 */
.we4_banner_text{width:100%;max-width:480px;position:absolute;bottom:0;}/* BASSELLA RACE 1 */
.we4_banner2{}/* BASSELLA RACE 1 */
.we4_banner_home{overflow:hidden;height:calc(var(--vh, 1vh) * 100);min-height:300px;touch-action:manipulation;}/* Va acompanyat amb un js fix VH(); we2_peu2 */
@media (max-width: 960px) {
	/*.we4_banner_home{height:600px;}*/
}
@media (max-width: 760px) {
	/*.we4_banner_home{height:500px;}*/
	/*.we4_banner_patina{display:none;}*/
}
@media (max-width: 660px) {
	/*.we4_banner_home{height:400px;}*/	
}
@media (max-width: 460px) {
	/*.we4_banner_home{height:380px;*/
}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* BANNER ----------------------------------------------------------*/


/* TEXT ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* BASSELLA RACE 1 Titular gran sota banner triple */
.we4_text0{font-family: "forma-djr-banner", sans-serif;font-weight: 900;font-style: normal;font-size:174px;line-height:134px;color:#000;}
.we4_text0 strong{font-weight: 900;color:#c9dd03;}
/* BASSELLA RACE 1 Titulars homepage */
.we4_text0b{font-family: "forma-djr-banner", sans-serif;font-weight: 900;font-style: normal;font-size:92px;line-height:74px;color:#000;}
.we4_text0b strong{font-weight: 900;color:#c9dd03;}
/* BASSELLA RACE 1 triple banner home numero */
.we4_text1{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:20px;line-height:24px;color:#000;}
/* BASSELLA RACE 1 triple banner home títol */
.we4_text2{font-family: "bassellafont", sans-serif;font-weight: 500;font-style: normal;font-size:42px;line-height:44px;color:#000;}
/* BASSELLA RACE 1 Titular banner */
.we4_text2b{font-family: "forma-djr-banner", sans-serif;font-weight: 900;font-style: normal;font-size:44px;line-height:40px;color:#000;}
.we4_text2b strong{font-weight: 900;color:#000;}
/* BASSELLA RACE 1 text sota titular gran homepage */
.we4_text3{font-family: "forma-djr-banner", sans-serif;font-weight: 900;font-style: normal;font-size:24px;line-height:28px;color:#000;}
.we4_text3 strong{font-weight: 900;color:#c9dd03;}
/* BASSELLA RACE 1 Titulars petits homepage */
.we4_text4{font-family: "forma-djr-banner", sans-serif;font-weight: 900;font-style: normal;font-size:16px;line-height:18px;color:#000;}
/* BASSELLA RACE 1 data news homepage */
.we4_text5{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:32px;line-height:34px;color:#000;}
/* BASSELLA RACE 1 titolnews homepage */
.we4_text6{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:20px;line-height:22px;color:#000;}
.we4_text6 strong{font-weight: 500;}
/* BASSELLA RACE 1 subfooter */
.we4_text7{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:14px;line-height:22px;color:#000;}
/* BASSELLA RACE 1 TEXT */
.we4_text8{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:16px;line-height:22px;color:#000;}
.we4_text8 a{color:#949493;text-decoration:underline;}
.we4_text8 a:hover{color:#949493;text-decoration:underline;opacity:0.7;}

.we4_text_black{color:#000;}
.we4_text_white{color:#FFF;}
.we4_text_grey{color:#949493;}
.we4_text_opacity_80{opacity:0.8;}
.we4_text_opacity_60{opacity:0.6;}
.we4_text_opacity_50{opacity:0.5;}
.we4_text_opacity_40{opacity:0.4;}

.we4_text_padding p, .w4_text_padding p{padding-bottom:20px;}
.we4_text_padding p:last-child, .w4_text_padding p:last-child{padding-bottom:0px;}
.we4_text_padding ul, .w4_text_padding ul{padding-bottom:20px;}
.we4_text_padding2 p, .w4_text_padding2 p{padding-bottom:20px;}

.we4_iconeta_em em{opacity:0.7;}
.we4_iconeta_em em::before{

}




.we4_text_menu1{font-family: "neue-haas-grotesk-text", sans-serif;font-weight: 500;font-style: normal;font-size:16px;line-height:20px;color:#fff;padding-top:4px;}/* ALIMENTASOLUCIONS */

.we4_text11{font-family: "neue-haas-grotesk-text", sans-serif;font-weight: 500;font-style: normal;font-size:28px;line-height:42px;color:#1d1d1b;}/* ALIMENTASOLUCIONS */
.we4_text15{font-family: "neue-haas-grotesk-text", sans-serif;font-weight: 400;font-style: normal;font-size:16px;line-height:24px;color:#808080;}/* ALIMENTASOLUCIONS */

.we4_text_menu2{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:12px;line-height:12px;color:#1d1d1b;}/* OFICREA */

.we4_text12{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:16px;line-height:26px;color:#1d1d1b;}/* MUSEU MOTO */
.we4_text13{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:12px;line-height:22px;color:#1d1d1b;}/* MUSEU MOTO */

.we4_text9{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:48px;line-height:48px;color:#1d1d1b;}/* MUSEU MOTO */
.we4_text10{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:62px;line-height:72px;color:#1d1d1b;}/* MUSEU MOTO */
.we4_text14{font-family: "bassellafont", sans-serif;font-weight: 400;font-style: normal;font-size:14px;line-height:21px;color:#1d1d1b;}/* MUSEU MOTO */


.we4_text_black{color:#000;}
.we4_text_white{color:#FFF;}
.we4_text_grey{color:#949493;}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/


/* BANNER BUTTON ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
			.btn_plc_svg1{ transform: rotate(-45deg);}
			.btn_plc_web{width:100%;max-width: 300px;transform: scale(0.5);transform-origin: top left;height:70px;min-width:250px;}
			.btn_plc_web_v2{width:100%;max-width: 300px;transform: scale(0.5);transform-origin: bottom left;height:70px;min-width:250px;}
			.px-40 {padding-left: 4rem;padding-right: 4rem;}
			.bg-white {--tw-bg-opacity: 1;background-color: #f2f2f2;background-color: rgba(242, 242, 242, var(--tw-bg-opacity));}
			.bg-black {--tw-bg-opacity: 1;background-color: #000;background-color: rgba(0, 0, 0, var(--tw-bg-opacity));}
			.rounded-full {border-radius: 9999px;}
			.items-center {align-items: center;}
			.h-85 {height: 8.5rem;}
			.inline-flex {display: inline-flex;}
			.leading-none {line-height: 1;}
			.btn__circle[data-v-f4363f2a] {-webkit-clip-path: inset(1.5rem 2rem 1.5rem calc(100% - 7.5rem) round 4.25rem);clip-path: inset(1.5rem 2rem 1.5rem calc(100% - 7.5rem) round 4.25rem);}
			.bg-yellow {--tw-bg-opacity: 1;background-color: #f2f2f2;background-color: rgba(242, 242, 242, var(--tw-bg-opacity));}
			.flex {display: flex;}
			.z-2 {z-index: 2;}
			.inset-\[-1px\] {bottom: -1px;left: -1px;right: -1px;top: -1px;}
			.absolute {position: absolute;}	
			.px-\[1px\] {padding-left: 1px;padding-right: 1px;}
			.justify-between {justify-content: space-between;}
			.w-full {width: 100%;}		
			.overflow-hidden {overflow: hidden;}
			.w-15 {width: 1.5rem;}
			.h-15 {height: 1.5rem;}

			@media (hover: hover) and (pointer: fine) {
				.btn:hover .btn__circle[data-v-f4363f2a] {
					-webkit-clip-path: inset(0 round 4.25rem);
					clip-path: inset(0 round 4.25rem);
				}
			}
			@media (hover: hover) and (pointer: fine) {
				.btn__circle[data-v-f4363f2a] {
					transition: transform .65s cubic-bezier(.785,.135,.15,.86), -webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86);
					transition: clip-path .65s cubic-bezier(.785,.135,.15,.86), transform .65s cubic-bezier(.785,.135,.15,.86);
					transition: clip-path .65s cubic-bezier(.785,.135,.15,.86), transform .65s cubic-bezier(.785,.135,.15,.86), -webkit-clip-path .65s cubic-bezier(.785,.135,.15,.86);
				}
			}

			@media (hover: hover) and (pointer: fine) {
				.btn:hover .btn__path[data-v-f4363f2a]:first-child {transform: translateX(100%);transition-delay: 0s;}
			}
			@media (hover: hover) and (pointer: fine) {
				.btn__path[data-v-f4363f2a]:first-child {transition-delay: .1s;}
			}
			@media (hover: hover) and (pointer: fine) {
				.btn__path[data-v-f4363f2a] {transition: transform .65s cubic-bezier(.785,.135,.15,.86);}
			}		
			@media (hover: hover) and (pointer: fine) {
				.btn:hover .btn__path[data-v-f4363f2a]:last-child {transform: translateX(0);transition-delay: .1s;}
			}
			@media (hover: hover) and (pointer: fine) {
				.btn__path[data-v-f4363f2a]:last-child {transform: translateX(-100%);transition-delay: 0s;}
			}
			.fill-current {fill: #000;}
			.fill-current-black {fill: #000;}
			.fill-current-white {fill: #FFF;}
			
			@media (max-width: 1060px) {
			  	.btn_plc_web{transform: scale(0.4);transform-origin: top left;height:54px;}
				.btn_plc_web_v2{transform: scale(0.4);transform-origin: bottom left;height:54px;}
			}

			@media (max-width: 500px) {
			  	.btn_plc_web{transform: scale(0.4);transform-origin: top left;height:54px;}
				.btn_plc_web_v2{transform: scale(0.4);transform-origin: bottom left;height:54px;}
			}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/


/* HOME 3 BANNERS VIDEO ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_ba_container{display:flex;justify-content:space-between;align-items:stretch;width:100%;}
.we_ba_col{position:relative;width:calc((100% - 2px)/3);aspect-ratio:1/1;background-color:#000;overflow:hidden;cursor:pointer;}
.we_ba_col:not(:last-child){margin-right:1px;}
.we_ba_inner{display:flex;flex-direction:column;justify-content:space-between;position:absolute;inset:0;padding:60px 30px;z-index:2;}

.we_ba_link{position:relative;display:inline-block;z-index:2;text-decoration:none;color:#fff;font-weight:bold;transition:color 0.3s ease;}
.we_ba_link:hover{color:#ccc;}
.we_ba_link2{position:relative;display:inline-block;z-index:2;}
.we_ba_video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1);z-index:1;}
.we_ba_video.loaded{opacity:1;}
.we_ba_overlay{position:absolute;inset:0;background:rgba(0,0,0,0.4);opacity:0;transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1);z-index:1;}
.we_ba_col:hover .we_ba_video{opacity:1;transition-delay:0.1s;}
.we_ba_col:hover .we_ba_overlay{opacity:1;transition-delay:0.1s;}

.we_ba_poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:0;
  transition:opacity .6s ease;
}

/* ✅ Mostra la imatge només quan fem hover i el vídeo encara no ha carregat */
.we_ba_col:hover:not(.video-loaded) .we_ba_poster{
  opacity:1;
}


@media (max-width:860px){
	.we_ba_container{flex-direction:column;}
	.we_ba_col{width:100%;margin-right:0;margin-bottom:1px;}
	.we_ba_col:last-child{margin-bottom:0;}
}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* HOME FRASE GRAN I SOTA ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_ba2_container{display:flex;justify-content:space-between;align-items:stretch;width:100%;}
.we_ba2_col1{position:relative;width:calc((60% - 20px)/1);}
.we_ba2_col2{position:relative;width:calc((40% - 20px)/1);}
.we_ba2_col:not(:last-child){margin-right:20px;}
.we_ba2_imatge{width:100%;max-width:70%;margin:0 auto;}
.we_ba2_bg_bottom{position:absolute;width:100%;height:40vh;bottom:0;left:0;background-color:#000;}


@media (max-width:860px){
	.we_ba2_container{flex-direction:column;}
	.we_ba2_col{width:100%;margin-right:0;margin-bottom:20px;}
	.we_ba2_col:last-child{margin-bottom:0;}
	.we_ba2_bg_bottom{display:none;}
}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* HOME FAQS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_ba3_container{display:flex;justify-content:space-between;align-items:stretch;width:100%;}
.we_ba3_col1{position:relative;width:calc((50% - 80px)/1);}
.we_ba3_col2{position:relative;width:calc((50% - 0px)/1);}
.we_ba3_col:not(:last-child){margin-right:80px;}
.we_ba3_imatge{width:100%;max-width:100%;margin:0 auto;}


@media (max-width:860px){
	.we_ba3_container{flex-direction:column;}
	.we_ba3_col{width:100%;margin-right:0;margin-bottom:20px;}
	.we_ba3_col:last-child{margin-bottom:0;}
}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* FLEX NEWS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_s2_news_flex-container {display: flex;flex-wrap: wrap;margin-left: -26px;margin-top: -26px;}
.we4_s2_news_flex-item {flex: 0 0 calc(33.33% - 26px);overflow: hidden;position: relative;margin-left: 26px;margin-top: 26px;}
/*.we4_s2_news_flex-item2 {width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:0px;}
.we4_s2_news_flex-item2::after {content: "";background: inherit;background-size: cover;background-position: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: transform 2.3s ease;z-index: 0;}
.we4_s2_news_flex-item2:hover::after {transform: scale(1.25);transition: transform 8.3s ease;}*/
.we4_s2_news_flex-item2{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:0px;position:relative;isolation:isolate;contain:paint;-webkit-transform:translateZ(0);transform:translateZ(0);}
.we4_s2_news_img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1);transform-origin:center;will-change:transform;transition:transform 2.3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
@media (hover:hover) and (pointer:fine){
.we4_s2_news_flex-item2:hover .we4_s2_news_img{transform:scale(1.25);transition:transform 8.3s ease;}
}


.we4_s2_news_patina{width:100%;height:100%;background-color:rgba(29,29,27,0.1);position:relative;z-index:3;}
.we4_s2_news_flex-item2:hover .we4_s2_patina {background-color:rgba(29,29,27,0);}

@media (max-width: 860px) {
  	.we4_s2_news_flex-item {flex: 0 0 calc(100% - 26px);}
	.we4_s2_news_flex-item_only_text {flex: 0 0 calc(100% - 26px);}
}
@media (max-width: 600px) {
	.we4_s2_news_text {padding: 30px;}
}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* FLEX ZONAS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*.we4_s2_zonas_content {width:100%;max-width:100%;margin:0 auto;}
.we4_s2_zonas_flex-container {display: flex;flex-wrap: wrap;margin-left: -26px;margin-top: -26px;}
.we4_s2_zonas_flex-item {flex: 0 0 calc(25% - 26px);overflow: hidden;position: relative;margin-left: 26px;margin-top: 26px;}
.we4_s2_zonas_flex-item2 {width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:0px;}
.we4_s2_zonas_flex-item2::after {content: "";background: inherit;background-size: cover;background-position: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: transform 2.3s ease;z-index: 0;}
.we4_s2_zonas_flex-item2:hover::after {transform: scale(1.25);transition: transform 8.3s ease;}
.we4_s2_zonas_patina{width:100%;height:100%;background-color:rgba(29,29,27,0.1);position:relative;z-index:3;}
.we4_s2_zonas_flex-item2:hover .we4_s2_patina {background-color:rgba(29,29,27,0);}

@media (max-width: 860px) {
  	.we4_s2_zonas_flex-item {flex: 0 0 calc(100% - 26px);}
	.we4_s2_zonas_flex-item_only_text {flex: 0 0 calc(100% - 26px);}
}
@media (max-width: 600px) {
	.we4_s2_zonas_text {padding: 30px;}
}*/

.we4_s2_zonas_content{width:100%;max-width:100%;margin:0 auto;}
.we4_s2_zonas_flex-container{display:flex;flex-wrap:wrap;margin-left:-26px;margin-top:-26px;}
.we4_s2_zonas_flex-item{flex:0 0 calc(25% - 26px);overflow:hidden;position:relative;margin-left:26px;margin-top:26px;}

.we4_s2_zonas_flex-item2{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:0px;position:relative;isolation:isolate;contain:paint;-webkit-transform:translateZ(0);transform:translateZ(0);}
.we4_s2_zonas_img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1);transform-origin:center;will-change:transform;transition:transform 2.3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;}

@media (hover:hover) and (pointer:fine){
.we4_s2_zonas_flex-item2:hover .we4_s2_zonas_img{transform:scale(1.25);transition:transform 8.3s ease;}
}

.we4_s2_zonas_patina{width:100%;height:100%;background-color:rgba(29,29,27,0.1);position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;}
.we4_s2_zonas_flex-item2:hover .we4_s2_patina{background-color:rgba(29,29,27,0);}

@media (max-width:860px){
.we4_s2_zonas_flex-item{flex:0 0 calc(100% - 26px);}
.we4_s2_zonas_flex-item_only_text{flex:0 0 calc(100% - 26px);}
}
@media (max-width:600px){
.we4_s2_zonas_text{padding:30px;}
}

/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* FLEX LOGOS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_logos_grid{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0px;justify-items:center;align-items:center;background:#f5f5f4;}
.we4_logo_cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;}
.we4_logo_cell img{width:100%;height:100%;object-fit:contain;max-width:80%;}
.we4_cross_layer{position:absolute;inset:0;pointer-events:none;z-index:2;}
.we4_cross{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);}
.we4_cross i,.we4_cross b{position:absolute;left:50%;top:50%;background:#bdbdbd;transform:translate(-50%,-50%);}
.we4_cross i{width:1px;height:100%;}
.we4_cross b{height:1px;width:100%;}
@media(max-width:900px){.we4_logos_grid{grid-template-columns:repeat(4,1fr);gap:0px;}}
@media(max-width:600px){.we4_logos_grid{grid-template-columns:repeat(4,1fr);gap:0px;}}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* FLEX GALERIA ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_ba6_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;}
.we4_ba6_item{position:relative;overflow:hidden;aspect-ratio:1/1;}
.we4_ba6_item a{display:block;width:100%;height:100%;}
.we4_ba6_item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;}
.we4_ba6_item:hover img{transform:scale(1.05);filter:brightness(0.8);}
@media(max-width:900px){.we4_ba6_grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.we4_ba6_grid{grid-template-columns:repeat(2,1fr);}}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* FLEX FOOTER ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_footer_titular {}
.we4_footer_container {display: flex;justify-content: space-between;gap: 20px;flex-wrap: nowrap;}
.we4_footer_column1 { flex: 0 0 calc(50% - 20px); }
.we4_footer_column2 { flex: 0 0 24%;}
.we4_footer_column3 { flex: 0 0 24%; }
.we4_footer_column4 { flex: 0 0 50%;text-align:right; }

.we_footer_linia_oculta{display:none;width:100%;height:30px;}

@media (max-width: 900px) {
	.we4_footer_container {flex-wrap: wrap;}
  	.we4_footer_container > div {flex: 0 0 100%;}
	.we4_footer_column4 {text-align:left;}
	.we_footer_linia_oculta{display:block;}
}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* FLEX FOOTER ----------------------------------------------------------*/

/* FLEX SUBFOOTER ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we4_subfooter{}
.we4_subfooter_container {display: flex;justify-content: space-between;gap: 10px;flex-wrap: nowrap;}
.we4_subfooter_column1 { flex: 0 0 calc(50% - 20px); }
.we4_subfooter_column2 { flex: 0 0 calc(50% - 20px);text-align:right; }

.we4_subfooter_social-icons-content{transform: translateX(-16px);}
.we4_subfooter_social-icons {display: flex;gap: 8px;margin-top:6px;}
.we4_subfooter_social-icons img {width: 34px;height: 34px;}

.we4_subfooter a {margin: 0 20px 0 0;text-decoration:none;white-space:nowrap;}
.we4_subfooter a:hover {color:#c9dd03;}

@media (max-width: 1200px) {
	.we4_subfooter a {margin: 0 10px 0 0;text-decoration:none;}
}

@media (max-width: 900px) {
	.we4_subfooter_container {flex-wrap: wrap;}
  	.we4_subfooter_container > div {flex: 0 0 100%;}
	.we4_subfooter_column2 {text-align:left; }
}

.we_footer_marquee{overflow:hidden;white-space:nowrap;position:relative;width:100%;background:#000;}
.we_footer_marquee{font-family:"forma-djr-banner",sans-serif;font-weight:400;font-style:normal;font-size:200px;line-height:180px;color:#fff;padding:0px 0px 20px 0px;}
.we_footer_marquee strong{font-weight:900;}
.we_footer_track{display:inline-flex;animation:we_scroll_text 40s linear infinite;will-change:transform;}
.we_footer_track span{flex-shrink:0;padding-right:3rem;}
@keyframes we_scroll_text{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media (max-width: 860px) {
	.we_footer_marquee{font-size:100px;line-height:80px;padding:0px 0px 10px 0px;}
}


/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* FLEX SUBFOOTER ----------------------------------------------------------*/

/* ICONES XARXES ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we5_svg-icon{width:44px;height:44px;}
.we5_svg-icon .we5_icon-fill {fill: #000;transition: fill 0.3s;} 
.we5_svg-icon .we5_icon-second {fill: #fff;transition: fill 0.3s;}
.we5_svg-icon:hover .we5_icon-second {fill: #c9dd03;}
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/* ICONES XARXES ----------------------------------------------------------*/

/* LLISTA PILOTS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_br1_pilots_llista{position:relative;width:100%;/*max-width:1200px;*/}

/* HEADER (sticky) ----------------------------------------------------------- */
.we_br1_pilots_header{position:sticky;top:65px;z-index:20;background:#f3f4f6;border-left:6px solid #111111;border-right:1px solid #111111;border-bottom:1px solid #e5e7eb;}
.we_br1_pilots_header_inner{display:grid;grid-template-columns:80px 1fr 200px;align-items:center;gap:20px;padding:18px 24px;}
.we_br1_pilots_header .we_br1_pilots_col_dorsal,.we_br1_pilots_header .we_br1_pilots_col_nom,.we_br1_pilots_header .we_br1_pilots_col_categoria{font-size:12px;letter-spacing:0.06em;text-transform:uppercase;}
.we_br1_pilots_header .we_br1_pilots_col_categoria{/*text-align:right;justify-self:end;*/}

/* FILA participant ---------------------------------------------------------- */
.we_br1_pilots_row{position:relative;border-bottom:1px solid #e5e7eb;}
.we_br1_pilots_row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#c9dd03;}
.we_br1_pilots_row::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:#c9dd03;}
.we_br1_pilots_row_inner{display:grid;grid-template-columns:80px 1fr 200px;align-items:center;gap:20px;padding:22px 24px;}
.we_br1_pilots_dorsal{font-size:14px;color:#9ca3af;font-weight:700;}
.we_br1_pilots_nom{font-size:16px;color:#111827;font-weight:800;line-height:1.15;}
.we_br1_pilots_categoria{font-size:14px;color:#6b7280;font-weight:700;/*text-align:right;justify-self:end;*/}

/* Opcional: si en algun cas poses accent com a node (no recomanat si uses ::before) */
.we_br1_pilots_accent{display:none;}

#tp{
  /*scroll-margin-top:200px;*/
}
/* RESPONSIVE --------------------------------------------------------------- */
@media (max-width:600px){
	.we_br1_pilots_header_inner{grid-template-columns:70px 1fr 100px;gap:10px;padding:18px 14px;}
	.we_br1_pilots_row_inner{grid-template-columns:70px 1fr 100px;gap:10px;padding:16px 14px;}
	
.we_br1_pilots_dorsal{font-size:12px;}
.we_br1_pilots_nom{font-size:12px;}
.we_br1_pilots_categoria{font-size:12px;}
}
/* LLISTA PILOTS ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* CLASSIFICACIONS (NO USAT) ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_br1_cl_pilots_llista{position:relative;width:100%;}

/* HEADER (sticky) ----------------------------------------------------------- */
.we_br1_cl_pilots_header{background:#f3f4f6;border-left:6px solid #111111;border-right:1px solid #111111;border-bottom:1px solid #e5e7eb;}
.we_br1_cl_pilots_header_inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:18px 24px;}
.we_br1_cl_pilots_header .we_br1_cl_pilots_col_dorsal,.we_br1_cl_pilots_header .we_br1_cl_pilots_col_nom{font-size:12px;letter-spacing:0.06em;text-transform:uppercase;}
.we_br1_cl_pilots_header .we_br1_cl_pilots_col_nom{*text-align:right;justify-self:end;}

/* FILA participant (accent via variable) ----------------------------------- */
.we_br1_cl_pilots_row{--we_br1_cl_accent:#c9dd03;position:relative;border-bottom:1px solid #e5e7eb;}
.we_br1_cl_pilots_row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--we_br1_cl_accent);pointer-events:none;}
.we_br1_cl_pilots_row::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:var(--we_br1_cl_accent);pointer-events:none;}

/* Variants de color (només canvien la variable) ---------------------------- */
.we_br1_cl_pilots_row_or{--we_br1_cl_accent:#ffdd00;}
.we_br1_cl_pilots_row_plata{--we_br1_cl_accent:#7e7f73;}
.we_br1_cl_pilots_row_bronze{--we_br1_cl_accent:#b49500;}


.we_br1_cl_pilots_row_inner{display:grid;grid-template-columns:40px 220px 1fr 40px;align-items:center;gap:20px;padding:22px 24px;}
.we_br1_cl_pilots_dorsal{font-size:14px;color:#9ca3af;font-weight:700;}
.we_br1_cl_pilots_nom{font-size:16px;color:#111827;font-weight:800;line-height:1.15;}
.we_br1_cl_pilots_categoria{font-size:14px;color:#6b7280;font-weight:700;/*text-align:right;justify-self:end;*/}
.we_br1_cl_pilots_temps{font-size:12px;color:#6b7280;font-weight:400;/*text-align:right;justify-self:end;*/}

/* Opcional: si en algun cas poses accent com a node (no recomanat si uses ::before) */
.we_br1_cl_pilots_accent{display:none;}

/* RESPONSIVE --------------------------------------------------------------- */
@media (max-width:600px){
	.we_br1_cl_pilots_header_inner{grid-template-columns:1fr 5px 5px 5px;gap:10px;padding:18px 14px;}
	.we_br1_cl_pilots_row_inner{grid-template-columns:40px 140px 1fr 40px;gap:10px;padding:16px 14px;}
	
.we_br1_cl_pilots_dorsal{font-size:12px;}
.we_br1_cl_pilots_nom{font-size:12px;}
.we_br1_cl_pilots_categoria{font-size:12px;}
}
/* CLASSIFICACIONS (NO USAT)  ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/

/* CLASSIFICACIONS (SI USAT) ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
/*            ----------------------------------------------------------*/
.we_ba4_classifi{width:100%;}
.we_ba4_classifi:hover{background-color:#F2F2F2;}
.we_ba4_classifi2{margin-left:20px;margin-right:20px;}