:root{

--principal:#02546d ; /* #0094a7;*/
--principalLight: #628f8f;
--secundario:#D8375A;
--ciber:#0076AA;
--teleco:#5F3393;
--multimedia:#D8375A;
--cloud: #F3A838;
--emprendimiento:#DB8CB6;
--industria:#5DA38E;
--blanco:#fff;
--negro:#000000;
--blueDark : #336C9A;
--casiNegro:#222222;
--grisClaro:#7A7A7A;
--grisMed:#585858;
--grisLight:#e4e4e4;
--grisLightest:rgba(245, 245, 245, 0.5);
--grisDark:#383838;
--ladoX:16px;

--Fprincipal: "Sora", sans-serif;
--FSecundaria :  "Source Sans 3", sans-serif;

} 

 /* #00BED6;*/

*{
	box-sizing: border-box;
}

.color-principal{
	color:var(--principal);
}
.color-ciber{
	color:var(--ciber);
}
.color-teleco{
	color:var(--teleco);
}
.color-multimedia{
	color:var(--multimedia);
}
.color-cloud{
	color:var(--cloud);
}
.color-emprendimiento{
	color:var(--emprendimiento);
}
.color-industria{
	color:var(--industria);
}
.colPrincipal, .color-principal{
    color:var(--principal);
 }
 .color-blanco{
	color:var(--blanco);
 }

 .color-blueDark{
	color:var(--blueDark);
 }


 .border-color-ciber{
	border-color:var(--ciber);
}
.border-color-teleco{
	border-color:var(--teleco);
}
.border-color-multimedia{
	border-color:var(--multimedia);
}
.border-color-cloud{
	border-color:var(--cloud);
}
.border-color-emprendimiento{
	border-color:var(--emprendimiento);
}
.border-color-industria{
	border-color:var(--industria);
}
.colPrincipal, .border-color-principal{
    border-color:var(--principal);
 }
 .border-color-blanco{
	border-color:var(--blanco);
 }

 .border-color-blueDark{
	border-color:var(--blueDark);
 }


 .back-blanco{
	background-color: var(--blanco);
 }

.back-principal{
	background-color:var(--principal);
}

 .back-color-ciber{
	background-color:var(--ciber);
	color:var(--blanco)
}
.back-color-teleco{
	background-color:var(--teleco);
	color:var(--blanco)
}
.back-color-multimedia{
	background-color:var(--multimedia);
	color:var(--blanco)
}
.back-color-cloud{
	background-color:var(--cloud);
	color:var(--blanco)
}
.back-color-emprendimiento{
	background-color:var(--emprendimiento);
	color:var(--blanco)
}
.back-color-industria{
	background-color:var(--industria);
	color:var(--blanco)
}
.colPrincipal, .back-color-principal{
    background-color:var(--principal);
 }
 .back-color-blanco{
	background-color:var(--blanco);
 }

 .back-color-blueDark{
	background-color:var(--blueDark);
 }




.fw100, .fw100 *{
    font-weight: var(--w100);
}

.fw200, .fw200 * {
font-weight: var(--w200);
}
.fw300, .fw300 * {
 font-weight: var(--w300);
}
.fw400 , .fw400 * {
font-weight: var(--w400) !important;
}
.fw500, .fw500 * {
font-weight: var(--w500);
}
.fw600, .fw600 * {
font-weight: var(--w600);
}
.fw700, .fw700 * {
font-weight: var(--w700);
}
.fw800 , .fw800  *{
font-weight: var(--w800);
}
.fw900 , .fw900 * {
font-weight: var(--w900);
}


p{
	font-family: var(--FSecundaria);
}

.padLadosHor{
	padding-left: var(--ladoX);;
	padding-right: var(--ladoX);
		 
 }


 .reset_list{

	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	& li{
		padding-left: 0;
		margin-left: 0;
	}


	
 }

 /* MENU */

.menu{

	z-index: 10000;

	position: fixed;
	top:var(--ladoX);; 
	right:var(--ladoX);;
	left:var(--ladoX);;

	& ul{

		@media screen and (max-width:1024px) {

			display: flex;
			justify-content: space-between;

			& li{
				font-size: 0.9rem;
			}

		}

	}



	@media screen and (min-width:1024px) {

		position: fixed;
		pointer-events: none; 
		top:var(--ladoX);;
		bottom: var(--ladoX);;
		right:var(--ladoX);;
		left:var(--ladoX);;

		& ul{
 
			position: absolute;
			top:var(--ladoX);;
			bottom: var(--ladoX);;
			right:var(--ladoX);;
			left:var(--ladoX);;

		}

		& li{
			position: absolute;
		}

		& li:nth-child(1){
			top:0;
			left:0;

		}
		& li:nth-child(2){
			top:0;
			right:0;
			
		}
		& li:nth-child(3){
			bottom:0;
			right:0;
			
		}
		
	};

	& .list-menu{

		& a{
			z-index: 10000;
			color:var(--negro);
			pointer-events: initial;
			text-transform: uppercase;
			font-family: var(--Fprincipal);
			text-underline-offset: 4px;
			text-decoration-thickness: 2px;
		}
	
	}
	


}

.contenedor-todo{
	max-width: 100svw;
	overflow-x: hidden;
}

nav{
	max-width: 100svw;
}


 body{
	/* &:before{
		position: absolute;
		pointer-events: none;
		overflow-y: visible ; 
		top: 0;
		left: 0;
		bottom: -200svh;
		right: 0;
		content: "";
		background-image: url('../img/curva-colors.svg');
		background-size: 75%;
		background-repeat: no-repeat;
		z-index:-1;
		transform: translate(-50px, -50px);

	} */

 }




 .fecha{

	font-family: var(--Fprincipal); 
	background-color: var(--principal);
	color:var(--blanco);
	padding: 10px 16px;
	position: relative;
	@media screen and (min-width:768px) {
		transform: translateX(-32px);
		padding: 10px 24px;
	}

	line-height: 1;
	border-radius: 500px;
	/* font-size: 32px; */
	/*  18 - 32 */
	font-size: clamp(1.125rem, 0.7826rem + 1.5217vw, 2rem);
	font-weight: 400;

	margin-bottom: 8px;;
	
	
 }
 .tit-prin{

 }
 .subtit-prin{

	font-family: var(--Fprincipal);
    font-optical-sizing: auto;
    font-weight:300;
	line-height: 1;
	margin-bottom: 8px;
    font-style: normal;
	font-size: 24px;

 }

 .info-principal{
	font-family: var(--FSecundaria);
	max-width: 600px;

	font-size: 1.12rem;
 }


 .info-principal_arxiu{
	font-family: var(--FSecundaria);
 

	font-size: 1.12rem;
 }

 

/* SECCIONES */

.tit_seccion{
	margin-bottom: 30px;
	color:var(--principal);
	font-size: 36px;

	position: relative; 

	padding-left: 30px;

	@media screen and (min-width:768px) {
		padding-left: 40px;
	}



	/*24 360  -  35 768*/
	font-size: clamp(1.5rem, 0.8382rem + 2.9412vw, 2.25rem);


}
.tit-icon-reloj{



	&:before{
		content: "";
		width:25px;
		height: 25px;

		@media screen and (min-width:768px) {
			width:35px;
			height: 35px;
		}

		background-image: url('../img/icono_reloj_gran.svg');
		background-position: center;
		background-size: contain;
		position: absolute;
		top:4px;
		left:0;
	}
 
}

.tit-icon-confe{

		
	@media screen and (max-width:768px) {
		margin-top: 40px;
	}



	&:before{
		content: "";
		width:25px;
		height: 25px;
		top:0;
		left:0;

		@media screen and (min-width:768px) {
			width:35px;
			height: 35px;
			top:4px;
			left:0;
		}

		background-image: url('../img/icon_confe.svg');
		background-position: center;
		background-size: contain;
		position: absolute;

	}
 

}


.pad-seccion{
	@media screen and (min-width:768px) {
		padding-top: calc(var(--padCajas) * 2) ;
		padding-bottom: calc(var(--padCajas) * 2) ;		
	}

}


.columna-horarios{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

 /*HORARIO*/

 .sesiones_pequenas{
	font-size: 0.9rem;	
	font-weight: 400;

	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;

	&:after{
		content: "";
		position: absolute;
		width: 20px;
		height: 1px;
		background-color: var(--grisMed);
		bottom: 0;
		left: 0;
		
	}

	@media screen and (min-width:768px) {

		display: none;
		
	}
 }

 .sesiones_pequenas.color-teleco{
	&:after{
		background-color: var(--teleco);
	} 
 }

 .sesiones_pequenas.color-industria{
	&:after{
		background-color: var(--industria);
	} 
 }

 .sesiones_pequenas.color-multimedia{
	&:after{
		background-color: var(--multimedia);
	} 
 }

 .sesiones_pequenas.color-ciber{
	&:after{
		background-color: var(--ciber);
	} 
 }

 .sesiones_pequenas.color-emprendimiento{
	&:after{
		background-color: var(--emprendimiento);
	} 
 }

 .sesiones_pequenas.color-cloud{
	&:after{
		background-color: var(--cloud);
	} 
 }

 :root{
	--wHorario : 70px;
	@media screen and (min-width:1024px) {
		--wHorario : 100px; 
	}

	@media screen and (min-width:1200px) {
		--wHorario : 150px; 
	}


	--padCajas: 16px;
 
 }
 
	



 
 .row-grupo_horario{

	margin-bottom: 15px;
/*   padding-bottom: 15px; */

	/*border-bottom: 1px solid var(--grisLight);*/
 
	& .col-tiempo{

		padding:var(--padCajas); 
		padding-left: 0;
		padding-top: calc( var(--padCajas) * 0.5);
		font-size: 1.5rem; 
		width:100%;

		/* border-bottom:1px solid var(--grisMed) ; */

		@media screen and (min-width:768px) {
			width: var(--wHorario) ; 
		/*	border-bottom:0 ;*/
			
		}
	
		

		/* &:has('.horari_num'){
 
		} */

	}
 

	& .horari{

		font-size: 1.2rem;
		padding:  calc(var(--padCajas) / 1)  ; 
 
		
		& .horari_num{

			margin-top: -5px;

			line-height: 1;

			/*padding: var(--ladoX);
			display: flex;
			justify-content: center;
			align-items: center;

			position: relative;
			line-height: 1; */

			font-weight: 300;
			font-family: var(--Fprincipal);

			position: relative;
			z-index: 10;

			@media screen and (max-width:768px) {
				color:var(--blanco);
				z-index: 10;
				
			}

			@media screen and (max-width:768px) {

				display: block;
				wdith:100%;


			}

			

			&:after{

				content: "";
				position: absolute;
				top:-1px;
				right:0;
				width: 20px;
				height: 20px;
				background-image: url('../img/icono_reloj_gran_w.svg');



				@media screen and (min-width:768px) {
					display: none;
					
				}

			}

			&:before{
		
				content: "";
				/* border: 1px solid var(--grisDark); */
				position: absolute;
				top:-8px;
				left:-12px;
				bottom:-8px;
				right:-12px; 
				border-radius: 8px;
				background-color: var(--grisMed) !important;
				z-index: -1;
	 


				@media screen and (min-width:768px) {
					display: none;
					
				}
			



			}

		}


	}


	& .row-horario-sala{
		padding:  0 0 calc(var(--padCajas) / 1.2) 0; 
		color:var(--grisDark);
		position: relative;



		& .horario-horario{
			padding-left: 18px;
			font-size: 0.95rem;
			&:after{
				content:"";
				width:15px;
				height: 15px;
				background-image: url('../img/icono_reloj.svg');				 

				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top:4px;
				left:0;
				border-radius:500px;
			}

		}

		& .sala_horario{
			font-size: 0.95rem;
			margin-left: 35px;
			
			position: relative;
			&:after{
				content:"";
				width:15px;
				height: 15px;
				background-image: url('../img/icono_google.svg');				 

				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				position: absolute;
				top:4px;
				left:-18px;
				border-radius:500px;
			}

		}

		/*
		@media screen and (max-width:768px) {

			display: flex;
			flex-direction: column;

			& .sala_horario{
				margin-left: 0;
				padding-left: 18px;

				&:after{
					left:0;
				}
			}
			
		}
			*/



	}



	& .col-bloque-horario{

		padding:var(--padCajas); 

		width:50% ; 
		max-width:50% ;
		flex:1; 


		@media screen and (min-width:768px) {
			width:calc( 50% - var(--wHorario) / 2 );
		
			max-width:calc( 50% - var(--wHorario) / 2 );
		}

		@media screen and (max-width:480px) {
			width:100%  ; 
			max-width:100%  ;
			flex:auto; 

 
				border-bottom: 1px solid var(--grisLight);
 
		}

		
	}

	& .col-bloque-horario-uno{

		@media screen and (min-width:768px) {
			width:calc( 100% - var(--wHorario) / 1 );
		
			max-width:calc( 100% - var(--wHorario) / 1 );
		}

		@media screen and (max-width:480px) {
			width:100%  ; 
			max-width:100%  ;
			flex:auto; 

 
				border-bottom: 1px solid var(--grisLight);
 
		}

	}

	& .col-bloque-horario-unico{

		@media screen and (max-width:768px) {
			width:100% ; 
			max-width:100% ;

		}


	}

	& .col-bloque-horario-100{

		padding:var(--padCajas); 

		width:calc( 100% - var(--wHorario)  );
	}


	& .descanso{
		font-size: 1.25rem;
	}

	& .tit_ponencia_horario{
     /* 18 - 22 */
		font-size: clamp(1.125rem, 1.0272rem + 0.4348vw, 1.375rem) !important;
		font-weight: 600;
		max-width: 400px;

	}
	& .autor_horario{

		font-size: 0.9rem;

		@media screen and (min-width:768px) {
			font-size: 1.05rem;
		}
	
		font-weight: 500; 
		color: var(--grisDark);

		margin-bottom: 0;

	}

	& .empresa_horario{
		margin-left: 25px;
		color: var(--grisClaro);
		font-weight: 400;
		font-style: italic;
		display: inline-block;
		position: relative;

	}

	& .go_info{
		margin-top: 15px;
		display: inline-block;
		/* display: none; */
		text-decoration: none;
		border: 1px solid var(--grisDark);
		line-height: 1;
		padding: 5px 10px;
		color:var(--grisDark);
		border-radius: 500px;

		transition: all 0.3s;

		&:hover{
			background-color: var(--grisDark);
			color: var(--blanco);

		}

	}


	& .sala_horario{

	}


	&.row_grupo_par{
		@media screen and (min-width:768px) {
			background-color: var(--grisLightest);
			border-radius: 15px;			
		}

	}


 }


 .bolita{

	&:after{
		position: absolute;
		content: "";
		top:5px;
		left:-15px;
		width: 7px;
		height: 7px;
		background-color: var(--grisClaro);
		border-radius: 500px;

		@media screen and(min-width:768px) {
			top:8px;
		}
	}


 }

 .row-titulo{


	& .col-tiempo{
		@media screen and (max-width:768px) {

			display: none;
			
		}

	}

	display: none;

	@media screen and (min-width:480px) {

		display: flex;
		wrap:flex-wrap;
		
	}



	& .horari{
		padding: var(--padCajas) !important;
		margin-top: 0 !important;
	}

	/* margin-bottom: 0 !important;
	padding-bottom: 0 !important; */


	& .col-bloque-horario{



		background-color: rgba(255,255,255,0.55);


		padding-top: calc(var(--padCajas) * 1.5 ) !important;
		padding-bottom: calc(var(--padCajas) * 1.5 ) !important;
		
		font-weight: 700;
		font-family: var(--Fprincipal);
		font-size: 1.7rem;
		line-height: 1.2;
 
		border-bottom: 1px solid ;
		border-top: 1px solid ;

		&:last-child{
			border-left:1px solid var(--blanco) !important;
		}

		/* border-right:1px solid var(--blanco) !important; */
		
	}

	padding-bottom: 0; 
	border-bottom:0 !important;

	& .sessio_nom{
		font-weight: 400;
		font-size: 1rem;
	}

	& .patrocinio_tit{
		font-weight: 400;
		font-size: 1.2rem;
	}


	.col-bloque-horario{
		font-size: clamp(1.125rem, 0.8804rem + 1.087vw, 1.75rem);
	}

} 


 .no_border{
	border-bottom: 0 !important;
 }

 .back-puntos{
	background-repeat: repeat;
	background-size: 20px;
 

	@media screen and (min-width:768px) {
		background-image:url('../img/dot_grid.svg');;
			
		
	}



 }

 /* CONFERENCIAS  */

 .row-conferenciante{
	display: flex;
	flex-wrap: wrap;

	margin-bottom: 30px; 
	padding-bottom: 30px;

	position: relative;

	&:after{
		position: absolute;
		content:"";
		height:1px ;
		background-color: var(--grisLight);
		z-index:100;
		bottom:0;
		left:0;
		width:100%;
	}

	overflow-y: hidden;

	position: relative;

	& .button-open{
		position: absolute;
		right:0;
		top:0;
		@media screen and (min-width:768px) {

			top:var(--padCajas);
			
		}

	
	}

	& .bloque_desa{
		align-items: flex-start;
	}

	& .track-ponencia{
		font-weight: 400;
		font-size: 1rem;

		margin-bottom: var(--padCajas);

		padding: 5px 10px;

		border: 1px solid var(--grisLight);
		border-radius: 500px;
		display: inline-flex;

	}

		& .tit_ponencia_conferencia{


		}



	& .in-row-conferenciante{

		display: flex;
		flex-wrap: wrap;
	}


	& .bloque_desa{
		padding: var(--padCajas) 0;
		@media screen and (min-width:768px) {
		padding: var(--padCajas);
		}
		p{
			max-width: 600px;

			@media screen and (min-width:768px) {
				font-size: 1.2rem;
				line-height: 1.3;
			}
			
		}
	}

	& .bloque_desa_info{
		@media screen and (min-width:1200px) {

			padding-left: calc(var(--padCajas) * 3 );
			
		}

	}

	& .bloque_desa-foto{

		display: none;
		@media screen and (min-width:768px) {
			display: flex;
		}
		
	}

	& .cont_desa-foto{

		display: none;

				
		@media screen and (min-width:768px) {
			position: absolute;	
			top:0;
			left:0;
			display:flex;		
			width: 100%;
			max-width: calc(100% - 15px);
			@media screen and (min-width:960px) {
				max-width: 300px ;
			}
			}
	


	}

	& .foto-ponente{

		top:0;
		left:0;
		width: 100%;
 
		position: absolute;	
		border-radius: 15px;
 


		

	}

	& .deg-blanco{
		display: none;
		position: absolute;
		bottom:-30px;
		left:0;
		right:0;
		right: 0;
		z-index: 100;
		top:0;
		background: rgb(255,255,255);
		background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
		@media screen and (min-width:768px) {

			display: flex;;

		}

	}

	& .minitit-sec{

		font-size: 1rem;
		font-weight: 300;
		margin-bottom: calc(var(--padCajas) * 2 );

		color:var(--principal);

		position: relative;

		&:after{
			content: "";
			position: absolute;
			bottom:-15px;
			left:0;
			width:25px;
			height:1px ;
			background-color:var(--principal);
		}

	}


	& .bloque_oculto{
		@media screen and (min-width:768px) {
			margin-top: calc(var(--padCajas) * 2 );
		}

		/*display: none !important;*/
	}

	.info-conferencia-lugar-reloj{
		position: relative;
		margin-bottom: 15px;

		font-size: 1.1rem; 
		padding-left: 25px;
		font-family: var(--FSecundaria);

		&:after{
			content: "";
			position: absolute;
			width: 22px;
			height: 22px;

			background-image: url('../img/icono_reloj.svg');
			background-position: center;
			background-size: contain;
	 
			top:1px;
			left:0;
			
			
		}
	}

	.lugar-conferencia{

		&:after{
			background-image: url('../img/icono_google.svg');
			top:0;

		}
	}
	.reloj-conferencia{

	} 

	& .autor_conferencia{
		color:var(--grisDark);
		font-weight: 300;
		font-size: 1.1rem;


		margin-bottom: 20px;
		
	}

	& .empresa_conferencia{
		margin-left: 25px;
		font-style: italic;
		color: var(--grisMed);
		position: relative;

	}
 }

 .row-conferenciante.abierto{

	& .deg-blanco{
		display: none;
	}

	& .button-open{

		transform: rotate(180deg);
	}

	& .bloque_oculto{
		display: flex !important;
	}
 }


.lleno-color-ciber{
	& .track-ponencia{
		border-color:var(--ciber);

		color:var(--ciber);
	}

	& .tit_ponencia_conferencia{

		color:var(--ciber);
	}

}
.lleno-color-teleco{
	& .track-ponencia{
		border-color:var(--teleco);

		color:var(--teleco);
	}

	& .tit_ponencia_conferencia{

		color:var(--teleco);
	}


}
.lleno--multimedia{
	& .track-ponencia{
		border-color:var(--multimedia);

	color:var(--multimedia);
	}

	& .tit_ponencia_conferencia{

		color:var(--multimedia);
	}

}
.lleno--cloud{
	& .track-ponencia{
		border-color:var(--cloud);

	color:var(--cloud);
	}

	& .tit_ponencia_conferencia{

		color:var(--cloud);
	}

}
.lleno--emprendimiento{
	& .track-ponencia{
		border-color:var(--emprendimiento);
	color:var(--emprendimiento);

	}

	& .tit_ponencia_conferencia{

		color:var(--emprendimiento);
	}

}
.lleno--industria{
	& .track-ponencia{
		border-color:var(--industria);		

	color:var(--industria);		
	}

	& .tit_ponencia_conferencia{

		color:var(--industria);
	}

}
 
.op-0{
	transition: all 0.3s;
	opacity: 0;
}
.scroll-abajo{ 

	& nav{
		transition: all 0.3s;
		opacity: 0;

	}

}

.scroll-arriba{ 
	& nav{
		transition: all 0.3s;
		opacity: 1;

	}

}


.hero-seccion{
	min-height: 100svh;

	position: relative;
	overflow-y: visible ; 
	/* overflow-x: hidden; */
	overflow-x: hidden;
	max-width: 100svw; 


 }

 body{
	max-width: 100svw;
	overflow-x: hidden;
 }

 /* HERO */

	/* 
	overflow-x: hidden;
	transform: scale(1.05); 
	overflow-y: visible; 
	top: -0;  
	width: 100%;
	height: 200%; 

	border:1px solid blue;

	@media screen and (min-width:768px) {
 
 
		z-index:-1
	} */

 .cont-hero-image{
	z-index: -5;
	overflow-y: visible;
	width:100svw;
	height: 150svh;
 
	position: absolute;  
	overflow-x: hidden;
	overflow-x: hidden;


	/* background-color: #5DA38E; */


	& .in-hero-image{
 

/* 
		top:0;
		overflow-y: visible; */

		/* background-color: #00BED6; */
 
		width:100svw;
		height: 150svh;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow-y: visible;
		

		
		




		& .in-in-img-hero{
 
			height: 110svh;

			overflow-x: hidden;

			
		 
			z-index: 10;
		
			transform: scale(1.5);
			@media screen and (min-width:640px) { 
				transform: scale(1.2);
				margin-top:-50svh;
			}
			@media screen and (min-width:1024px) { 
				transform: scale(1.3);
			 
			} 
	
		}

	}


 }
.hero-image {
 
	object-position: center;

	width:100svw;
	height: 50svh;;

	object-fit: cover;

	@media screen and (max-width:768px) {
	 
 
	 
	 
	}

	@media screen and (min-width:640px) {
		object-fit: cover;
		
	width:100svw;
	height: 100svh;;
	}


	@media screen and (min-width:1024px) {
		object-fit: cover;
	}





	z-index: 10;
	 /* overflow-y: visible;
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 150%;
    height: auto;
	z-index:0;

	@media screen and (min-width:768px) {
		width: 100%;
	} */
}

.logo_etse{	
	max-height: 40px;
	margin-bottom: 30px;
	@media screen and (min-width:1024px) {
		max-height: 50px;
		margin-bottom: 0;
		
	}
}

.logo_uv{
	max-height: 40px;
	@media screen and (min-width:1024px) {
		max-height: 50px;
		
	}
}

.subtit-foo{
	font-size: 1.1rem;
	font-weight: 300;
}

.tit-foo{
	font-size: 1.2rem;
	font-weight: 600;

}

.img-bus{
	max-width: 100%;
	border-radius: 16px;
}

.sec-bus{
	margin-top: 100px;
	margin-bottom: 100px;
	height: 100%;;
	position: relative;

	align-items: stretch;

}

.col-img-bus{ 
	height: fit-content;
}

.cont-bus{
	position: relative;
	height: 100% !important;
	
	min-height: 100%;
	margin-top: 15px;

	@media screen and (min-width:768px){
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 0;
	}


 

	& .incont-bus{

		
		position: relative;

		background-color: var(--grisLight);
		border-radius: 16px;
		padding : 25px; 
		height: 100% ; 
	}
}

.tit-bus{
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 10px;

	&:after{
		content: "";
		width:50px;
		height:2px;
		position: absolute;
		width:25px;
		bottom:0;
		left:0;

		
		background-color: var(--grisDark);
	}
}
.info-bus{

	font-size: 1.2rem;
	font-weight: 400; 
	line-height: 1.35;
	max-width: 450px;

}

.info-bus-desta{
	font-size: 1.5rem;
	line-height: 1.3;
}

.sep-bus{

	width: 30px;;

}

.img-curva-bus{
	position: absolute;

	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	opacity: 0.35;
}

.bloque_info_desa{
	& a {
		color:var(--principal);
	}

	& strong{
		font-weight: 600;
	}
}
/* 
.bloque_desa_info_time{
	@media screen and(min-width:1400px) {
		padding-left: 0 !important;
		
	}
	
 
} */

.bloque_oculto{
	width:100%;

}


.swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide { 
	background-position: center;
	background-size: cover;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	border-radius: 15px;
  }

  .nom_foto{
	position: absolute;
	line-height: 1;
	bottom:5px;
	left:50%;
	transform: translateX(-50%);
	background-color: #000000;
	color:white;
	padding:5px;

  }

  .col-anio-arxiu{

	& p{
		
	}
	& .link_anio{

		font-family: var(--Fprincipal);
		font-size: 3rem;
		text-decoration: none;
		color:var(--principal);
		width:100%; 
		display: block;
		font-weight: 900; 
		line-height: 1;
		margin-bottom: 20px;
		position: relative;
		transition: all 0.3s;

		&:after{
			content: "";
			position: absolute;
			height:100%;
			width:35px;
			top:0;
			right:0;
			aspect-ratio: 1;
			background-image: url('../img/flecha.svg');
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			transition: all 0.3s;

		}

		&:hover{
			&:after{
				transform: rotate(-135deg);
				background-image: url('../img/flecha_sec.svg');
			}

			color: var(--secundario);;

		}

	}

	width:calc(100% / 1);


	@media screen and (min-width:640px) {

		width:calc(100% /2);
	}
	@media screen and (min-width:640px) {

		

		&:nth-child(1n + 1){
		

			& .link_anio{
				
				/*border-right: 1px solid var(--casiNegro);*/
			}
		}

	}

	/* @media screen and (max-width:640px) {
		width:calc(100% / 2);

		&:nth-child(odd){
		

			& .link_anio{
				
				border-right: 1px solid var(--casiNegro);
			}
		}
	} */



	padding-top: 25px;
	padding-bottom: 25px;

	padding-left: 0;

	/* text-align: center; */


	& strong{
		font-weight: 600;
	}

 
	padding-left: 15px;
	padding-right: 15px;

	@media screen and (min-width:1200px) {
		padding-left: 30px;
		padding-right: 30px;
	
	}

  }

.lista_ponentes{
 text-align: left;
 font-size: 1.1rem;

 font-family: var(--FSecundaria);
 
}  

  .reset_ul{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
  }

  header{
	margin-top: 100px;
  }

  .contenedor-arxiu{
	background-image: url('../img/back_square.png');
	background-repeat: repeat;
	position: absolute;
	top:0;
	left:0;
	bottom: 0;
	right:0;
	z-index: -2;
  }

  .img-curva-arxiu{
	position: absolute;
	top:0;
	left:50%;
	transform: translate(-50%, -0);;
	z-index:-1;
	object-fit:  contain;
	max-width: 105svw;;
	opacity: 0.5;
  }

  .bloque-foro{

    /* background-color: var(--principalLight); */
	border-radius: 8px;

	color:var(--principal);
	padding:0 ;
	
	padding-top: calc(2 * var(--padCajas) ) !important;
	padding-bottom: calc(2 * var(--padCajas) ) !important;

	
  }

  .go_info{
	display: none !important;
  }

  .marquee {
  overflow: hidden;
 
  display: flex;
}

.marquee h4{
	font-weight: 400;
  font-size: 3rem;
  margin-bottom: 0;
  padding-bottom: 0;
  white-space: nowrap;
  text-transform: uppercase;
  display: flex;
  align-items: center;

}
.sep-span{
	margin-left: 30px;
	margin-right: 35px;
	background-color: var(--principal);
	width: 15px;
	aspect-ratio: 1;
	border-radius: 500px;
	display: inline-flex;
}

a[data-go="seccion-conferencies"]{
	display: none;
}