.link-especial4{font-weight:400;opacity:0.6;}
.link-especial4:hover{text-decoration:underline;}
.link-especial4.actiu {
  text-decoration: underline;
  opacity: 1;
}
.we8_obs_contingut_a_canviar {
  transition: opacity 0.3s ease;
}
/* ESTRUCTURA ----------------------------------------------------------
/* ESTRUCTURA ----------------------------------------------------------
/* ESTRUCTURA ----------------------------------------------------------
/* ESTRUCTURA ----------------------------------------------------------

/* ET1 ----------------------------------------------------------
  L'OBS homepage
*/
.we5_et1_flex {
    display: flex;
    flex-wrap: wrap;
}
.we5_et1_flex_left {
    width:50%;
}
.we5_et1_flex_right {
    width:50%;
	display:none;
}
.we5_et1_flex_absolute {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
@media (max-width: 780px) {
	.we5_et1_flex_left {
		width:100%;
	}
	.we5_et1_flex_absolute {
		width: 100%;
    	height: 100%;
    	position: relative;
    	aspect-ratio: 4 / 5;
	}
}
/* ET2 ----------------------------------------------------------
  NEWSLETTER
*/
.we5_et2_flex {
    display: flex;
    flex-wrap: wrap;
}
.we5_et2_flex_left {
    width:60%;
}
.we5_et2_flex_right {
    width:40%;
}
@media (max-width: 780px) {
	.we5_et2_flex_left {
		width:100%;
	}
	.we5_et2_flex_right {
		width:100%;
		padding-top:40px;
	}
}
/* ET3 ----------------------------------------------------------
  FORM
*/
        .we5_form-container {
            display: flex; /* Contenedor para centrar el formulario */
            align-items: center; /* Centra verticalmente */
        }

        .we5_inline-form {
            display: flex; /* Hace que los elementos estén en línea */
            border-radius: 5px; /* Bordes redondeados */
            overflow: hidden; /* Asegura que los elementos queden dentro del contenedor */
            background-color: #fff; /* Fondo blanco para el input */
			width:100%;
        }
        .we5_inline-form-newsletter {
            display: flex; /* Hace que los elementos estén en línea */
            border-radius: 5px; /* Bordes redondeados */
            overflow: hidden; /* Asegura que los elementos queden dentro del contenedor */
            background-color: #fff; /* Fondo blanco para el input */
			width:100%;
        }

        .we5_input-field {
            border: none; /* Sin bordes */
            padding: 18px; /* Espaciado interno */
            font-size: 16px; /* Tamaño de fuente */
            flex: 1; /* Expande el input para ocupar el máximo espacio */
            outline: none; /* Sin borde de enfoque */
        }

        .we5_submit-button {
            background-color: #07235c; /* Color del botón */
            color: white; /* Color del texto del botón */
            border: none; /* Sin bordes */
            padding: 18px; /* Espaciado interno */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-size: 16px; /* Tamaño de fuente */
        }

        .we5_submit-button-newsletter {
            background-color: #07235c; /* Color del botón */
            color: white; /* Color del texto del botón */
            border: none; /* Sin bordes */
            padding: 18px; /* Espaciado interno */
            cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
            font-size: 16px; /* Tamaño de fuente */
        }

        .we5_submit-button:hover {
            background-color: #0a3b8f; /* Color de botón al pasar el cursor */
        }

        .we5_visually-hidden {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }
/* ET4 ----------------------------------------------------------
  ACTUALITAT AMPLIAT
*/
.we5_et4_flex {
    display: flex;
    flex-wrap: wrap;
}
.we5_et4_noflex {
    max-width:1125px;
}
.we5_et4_flex_left {
    width:45%;
}
.we5_et4_flex_left_text {
    margin-right:40px;
}
.we5_et4_flex_right {
    width:55%;
}

.we5_et4_author-container {
    display: flex; /* Flexbox para la alineación */
    align-items: center; /* Centra verticalmente */
    padding: 10px 0px 10px 0px; /* Espacio interno */
    max-width: 100%; /* Ancho máximo */
    background-color: #fff; /* Fondo blanco */
    border-top: 1px solid rgba(10,30,100,1); /* Línea superior */
    border-bottom: 1px solid rgba(10,30,100,1); /* Línea inferior */
}

.we5_et4_author-image {
    width: 70px; /* Tamaño de la imagen */
    height: 70px; /* Tamaño de la imagen */
    border-radius: 50%; /* Hace la imagen circular */
    margin-right: 15px; /* Espacio a la derecha de la imagen */
}

.we5_et4_author-info {

}

.we5_et4_author-containerb {
    display: flex; /* Flexbox para la alineación */
    padding: 10px 0px 10px 0px; /* Espacio interno */
    max-width: 100%; /* Ancho máximo */
    background-color: #fff; /* Fondo blanco */
    border-top: 1px solid rgba(10,30,100,1); /* Línea superior */
    border-bottom: 1px solid rgba(10,30,100,1); /* Línea inferior */
	flex-wrap:wrap;
}

.we5_et4_author-itemb {
    width: 20%; /* Tamaño de la imagen */
    margin-right: 15px; /* Espacio a la derecha de la imagen */
}

.we5_et4_author-info {

}
.we5_et4_image-container {position: relative;width: 100%;overflow: hidden;border-radius: 0px;height: 100%;}
.we5_et4_image-container img {position: absolute;top: 50%;left: 50%;width: auto;height: 120%;transform: translate(-50%, -50%);object-fit: cover;transition: transform 2.3s ease;}
.we5_et4_article{max-width:900px;}
	.we5_et4_image-responsive1 {
		display:none;
	}

@media (max-width: 880px) {
	.we5_et4_author-itemb {
		width: 40%; /* Tamaño de la imagen */
		margin-right: 15px; /* Espacio a la derecha de la imagen */
	}
	
	.we5_et4_flex_left {
		width:100%;
	}
	.we5_et4_flex_left_text {
		margin-right:0px;
	}
	.we5_et4_flex_right {
		display:none;
	}
	.we5_et4_image-responsive1 {
		display:block;
	}
}
@media (max-width: 450px) {
	.we5_et4_author-itemb {
		width: 80%; /* Tamaño de la imagen */
		margin-right: 15px; /* Espacio a la derecha de la imagen */
	}
}

/* ET5 ----------------------------------------------------------

*/
.we5_et5_section {
	background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

/* ET6 ----------------------------------------------------------
  DIRECTOR homepage
*/
.we5_et6_flex {
    display: flex;
    flex-wrap: wrap;
}
.we5_et6_flex_left {
    width:33.33%;
	align-self: flex-end;
}
.we5_et6_flex_right {
    width:66.66%;
}
@media (max-width: 780px) {
	.we5_et6_flex_left {
		width:100%;
		order:2;
		text-align:center;
	}
	.we5_et6_flex_right {
		width:100%;
		order:1;
	}
}

/* ET7 ----------------------------------------------------------
  EQUIP
*/
.we5_et7_container {display: flex; gap: 20px;}
.we5_et7_item-25 {flex: 0 0 25%;}
.we5_et7_item-75 {flex: 0 0 75%;}
@media (max-width: 780px) {
    .we5_et7_container {flex-direction: column;}
    .we5_et7_item-25, .we5_et7_item-75 {flex: 0 0 100%;}
}

.we5_et7b_container {display: flex; gap: 30px; flex-wrap: wrap;}
.we5_et7b_item-33 {flex: 0 0 calc(33.33% - 30px);}
@media (max-width: 980px) {
    .we5_et7b_item-33 {flex: 0 0 calc(50% - 30px);max-width:340px;}
}
@media (max-width: 780px) {
    .we5_et7b_item-33 {flex: 0 0 100%;max-width:340px;}
}

.we5_et7b_imatge {width: 100%; aspect-ratio: 2 / 3; background-color: #BFBFBF; background-size: cover; background-position: center; position: relative;max-width:200px;}
.we5_et7b_imatge img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}

/* ET8 ----------------------------------------------------------
  EQUIP TRANSICIO
*/
/*.we8_obs_persona {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.we8_obs_persona.ocult {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  transition: opacity 0.4s ease, transform 0.4s ease, height 0s 0.4s;
}

.we8_obs_persona {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}*/

.we8_obs_persona.amagant {
  opacity: 0;
  /*transform: scale(0.95);*/
}

.we8_obs_persona.ocult {
  display: none !important;
}

/* BANNER ----------------------------------------------------------

*/
.we8_obs_container {display: flex; gap: 20px;}
.we8_obs_item-75 {flex: 0 0 72%;align-self:flex-end;}
.we8_obs_item-25 {flex: 0 0 28%;border-left: 1px solid rgba(255,255,255, 0.2);}
.we8_obs_item_padding{padding:40px 0px 0px 40px;}
@media (max-width: 980px) {
	.we8_obs_item-75 {flex: 0 0 62%;align-self:flex-end;}
	.we8_obs_item-25 {flex: 0 0 38%;border-left: 1px solid rgba(255,255,255, 0.2);}
}
@media (max-width: 700px) {
	.we8_obs_container {flex-direction: column;}
	.we8_obs_item-75 {flex: 0 0 100%;padding-top:60px;}
	.we8_obs_item-25 {flex: 0 0 100%;border-top: 1px solid rgba(255,255,255, 0.2);border-left: 0px solid rgba(255,255,255, 0.2);}
	.we8_obs_item_padding{padding:0px 0px 0px 0px;}
}
/* BANNER ----------------------------------------------------------

*/




/* BOTONS ----------------------------------------------------------
/* BOTONS ----------------------------------------------------------
/* BOTONS ----------------------------------------------------------
/* BOTONS ----------------------------------------------------------

/* BT1 ----------------------------------------------------------
  Efecte hover que desplaça la imatge 10px a la dreta.
*/
.we5_icon-text-container {
  display: inline-flex;
  align-items: center; /* Centra verticalment */
  gap: 10px; /* Espai entre la icona i el text */
  text-decoration: none; /* Elimina el subratllat del text en l'enllaç */
}

.we5_icon-text-container span {
	font-family: "indivisible", sans-serif;font-weight: 400;font-style: normal;font-size:16px;line-height:16px;
}

/* EFECTES ----------------------------------------------------------
/* EFECTES ----------------------------------------------------------
/* EFECTES ----------------------------------------------------------
/* EFECTES ----------------------------------------------------------

/* EF1 ----------------------------------------------------------
  Efecte hover que desplaça la imatge 10px a la dreta.
*/
.ef1_image-hover-effect {
  display: inline-block;
}
.ef1_image-hover-effect:hover .ef1_image-hover-effect-destiny {
	transform: translateX(10px);
}
.ef1_image-hover-effect-destiny {
  transition: transform 0.3s ease;
}

/* EF2 ----------------------------------------------------------
  Efecte hover que afegeix tetx-decoration.
*/
.ef2_text_decoration {
  text-decoration:none;
}
.ef2_text_decoration:hover .ef2_text_decoration-destiny {
  text-decoration:underline;
}

/* EF3 ----------------------------------------------------------
  Efecte hover que desplaça la imatge 10px a la dreta.
*/
.ef3_image-hover-effect {
  display: inline-block;
}
.ef3_image-hover-effect:hover .ef3_image-hover-effect-destiny img {
	transform: translateX(10px);
}
.ef3_image-hover-effect-destiny img {
  transition: transform 0.3s ease;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Relació d'aspecte 16:9 (9 / 16 = 0.5625) */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* SEARCH MODAL ----------------------------------------------------------
  Search Modal
*/
.we24_search_modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,30,100,0.85);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease}
.we24_search_modal.active{opacity:1;visibility:visible}
.we24_search_modal.we24_hidden{display:none}
.we24_search_inner{position:relative;width:90%;max-width:600px;background:#9BF0F0;padding:2.5em;border-radius:12px;box-shadow:0 0 40px rgba(0,0,0,0.3);transform:translateY(-20px);transition:transform 0.3s ease;margin:10px}
.we24_search_modal.active .we24_search_inner{transform:translateY(0)}

.we24_search_close{position:absolute;top:12px;right:12px;font-size:1.4em;background:none;border:none;color:#333;cursor:pointer}

/* VIDEO EMBED ----------------------------------------------------------
  Video embed
*/
.we5_video_box {

}

/*.we5_video_box iframe {
  width: 100%;
  height: auto;
  border: none;
  display: block;
	aspect-ratio:16/9;
}*/

.we5_video_box iframe{width:100%;height:auto;border:none;display:block;aspect-ratio:16 / 9;}
.we5_video_box iframe[src*="vimeo.com"]{aspect-ratio:16 / 9;}
.we5_video_box iframe[src*="youtube.com"],.we5_video_box iframe[src*="youtu.be"]{aspect-ratio:16 / 9;}
.we5_video_box iframe[src*="spotify.com"]{height:152px;aspect-ratio:auto;}