body {
    font-family: 'Poppins';font-size: 22px;
     overflow-x:hidden;
}


.alinear-vertical{
/* Auto Layout Vertical */

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 8px;

} 



.numeric
{
	text-align: center;
	border-radius: 0px !important;
	border-left:0px solid white;
	border-right:0px solid white;
  background-color: transparent;
  border-top:1px solid white;
  border-bottom:1px solid white;
  font-size:0.6em; padding:.5em;
  color:white;
}

.inputnumber{
  color:white;
  border:1px solid white;
  cursor: pointer;
}

.left{
	border-radius: 10px 0px 0px 10px !important;
}

.right{
	border-radius:0px 10px 10px 0px !important;
}



.fecha_en_titulo{
	
font-style: normal;
font-weight: 400;
font-size: 18px;
	color: #fff;
	letter-spacing: normal;
}

.agenda{
	
	width: 35%;
	margin-bottom: 50px;
}

.agenda p{
	font-size: 18px;
	color: #fff;
	
}

.content{
overflow:hidden !important;
}
.mycontainer{
	margin-left:5vh;
	margin-right:5vh;
}

.header{

background: rgba(13, 13, 13, 0.8);
background-blend-mode: multiply;
/* Blur/Glass */
backdrop-filter: blur(8px);
}

.btn-menu-active
{
/* Button Small Strong */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 100%;
/* identical to box height, or 14px */
display: flex;
align-items: center;
text-transform: uppercase;
/* Gamelab/Primary Brand */
color: #FF324F !important;
}

.btn-menu
{
/* Button Small Strong */
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 100%;
/* identical to box height, or 14px */
display: flex;
align-items: center;
text-transform: uppercase;
}
    
.head{
/* Auto Layout Vertical */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;

background: linear-gradient(180deg, rgba(13, 13, 13, 0) 50%, #000000 100%), linear-gradient(276.96deg, #108664 12.06%, #44206D 83.98%), url('https://www.gamelab.es/gamelab/web_test1.png');
background-position: center; /* Center the image */
  
background-blend-mode: multiply, multiply, normal;
background-repeat: no-repeat;  
background-size: cover; 
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
z-index: 6;

}  
.head h1{
font-style: normal;
font-weight: 650;
font-size: 80px;
line-height: 100%;
letter-spacing: -0.03em;
line-height: 90px;
color: #F5F5F5;
}   


.ticket{
background: linear-gradient(277.49deg, #FF324F 6.42%, #1C114D 84.96%);



}  
.ticket h1{
font-style: normal;
font-weight: 700;
font-size: 5vw;
line-height: 100%;
letter-spacing: -0.03em;

color: #F5F5F5;


}   

.form{
 display: flex;
flex-direction: column;
align-items: left;
padding: 48px;
gap: 0px;

background: rgba(13, 13, 13, 0.6);
/* Blur/Glass */
backdrop-filter: blur(8px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 16px;
	
}
 

.ticket h3{
	/* Subtitle */
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 120%;
/* or 38px */
display: flex;
align-items: flex-end;

/* System/Text */
color: #F5F5F5;
}

.btn-gamelab{
/* Button Strong */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */
text-transform: uppercase;

/* System/White */
color: #D9D9D9;
/* Auto Layout Horizontal */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 8px;


/* Gamelab/Primary Brand */
background: #FF324F;
border-radius: 9999px;

}  

.btn-gamelab-info-pink{

/* Button Strong */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */
text-transform: uppercase;

/* Gamelab/Primary Brand */
color: #FF324F;

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 8px;


/* Gamelab/Primary Brand */
border: 1px solid #FF324F;
border-radius: 9999px;


}

.btn-gamelab-secondary{
/* Auto Layout Horizontal */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 8px;

/* Button Strong */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */
text-transform: uppercase;

/* Gamelab/Navy */
color: #1C114D;


/* Gamelab/Mint */
background: #52F6C6;
border-radius: 9999px;


} 

.radial
{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 96px 0px 120px;
gap: 64px;

background: radial-gradient(50% 50% at 50% 50%, #39001B 0%, #000000 100%);


}

h1{

/* Title Page */
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 5vw;
line-height: 120%;
/* or 58px */
letter-spacing: -0.02em;
color: #F3F3F3;
	margin-bottom: 40px;
}

.bandblue{
/* Auto Layout Horizontal */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 48px;
isolation: isolate;


background: linear-gradient(277.49deg, #20AAB4 6.42%, #30154E 84.96%), url('fondomalaga.jfif');
background-blend-mode: hard-light, normal;
background-repeat: no-repeat;  
background-size: cover; 


}

.btn-gamelab-info
{
/* Auto Layout Horizontal */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 8px;


/* Gamelab/Mint */
border: 1px solid #52F6C6;
border-radius: 9999px;


/* Button Strong */
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */
text-transform: uppercase;

/* Gamelab/Mint */
color: #52F6C6;


}

.bocadillo{

/* Auto Layout Vertical */

/* Auto layout */

padding: 28px;
gap: 24px;
margin: 0 auto;


background: rgba(13, 13, 13, 0.7);
/* Blur/Glass */
backdrop-filter: blur(8px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 80px 0px;

}

h3{

/* Heading */
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 51px;
line-height: 120%;
/* or 29px */
letter-spacing: -0.02em;

/* System/White */
color: #D9D9D9;


}

.fondo-lineas
{
gap: 96px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 88.56%, #000000 100%), url('fondolineas.png'), #0D0D0D;
}

.band-gradient{
/* Auto Layout Vertical */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 96px 0px 96px 0px;
gap: 48px;

background: linear-gradient(277.49deg, #FF324F 6.42%, #1C114D 84.96%);


}

.band-gradas{
/* Auto Layout Horizontal */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 24px;

background: linear-gradient(0deg, rgba(13, 13, 13, 0.9), rgba(13, 13, 13, 0.9)), url('fondogradas.jfif');
background-blend-mode: multiply, normal;


}

.footer{
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;

/* System/Background */
background: #0D0D0D;
}

.footer p{


/* Body Small */
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-size: 14px;
line-height: 140%;
/* or 20px */

/* System/Text */
color: #F5F5F5;


}

.avatar{
/* Image */

position: absolute;
width: 120px;
height: 120px;
left: -32px;
top: 24px;
border-radius: 0px 40px;
background-repeat: no-repeat;  
background-size: cover !important; 
}

.bocadillo-contenido{
/* Auto Layout Vertical */

/* Auto layout */
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 0px 0px 0px 100px;
gap: 16px;


}
.backgroundmapa{
	padding: 2%;
	background: linear-gradient(180deg, rgba(13, 13, 13, 0) 50%, #000000 100%), linear-gradient(276.96deg, #108664 12.06%, #44206D 83.98%), url('mapa.png');
    background-position-x: 0%, 0%, 0%;
    background-position-y: 0%, 0%, 0%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto;
  background-position: center;
  background-blend-mode: multiply, multiply, normal;
  background-repeat: no-repeat;
  background-size: cover;

	
/*	background: linear-gradient(180deg, rgba(13, 13, 13, 0) 50%, #000000 100%), linear-gradient(276.96deg, #108664 12.06%, #44206D 83.98%), url('mapa.png');
*/


}

p{


/* Subheading */
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-size: 14px;
line-height: 120%;
/* or 24px */

color: #FFFFFF;


}

.author{
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 120%;
/* identical to box height, or 29px */
display: flex;
align-items: center;

color: #FFFFFF;


}

img {-webkit-transition:-webkit-filter 2.9s ease-in-out;}
.g {-webkit-filter: grayscale(1);}

.author-sub{

/* Body Small Strong */
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 140%;
/* identical to box height, or 20px */
display: flex;
align-items: center;

/* Gamelab/Violet */
color: #FF0078;


}

.endgradient{
/* Auto Layout Vertical */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
 gap: 26px;

}

.avatar-speaker{
position: absolute;
width: 100%;
left: 0px;
background-repeat: no-repeat;  
background-size: cover !important;
background-position: center !important;
/*filter: grayscale(100%) ; */

}

.framepast{
/* Frame */

width: 90%;
height: 256px;

top:0px;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;


border-radius: 50px 0px;

}

.frame{
/* Frame */
top:0px;
width: 90%;
height: 406px;

/* System/Text */
border-radius: 100px 0px;

/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}

.frame-text{
/* Auto Layout Vertical */

/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 32px;

position: absolute;
width: 90%;
left: 0px;
bottom: 0px;

background: rgba(13, 13, 13, 0.8);
/* Blur/Glass */
backdrop-filter: blur(8px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 50px 0px;

}

.pink{
background: rgba(255, 50, 79, 0.8) !important;
}

.framepast .frame-text{
padding: 15px;
border-radius: 30px 0px;
}
.backgroundfidma{
	 background: radial-gradient(circle at center, #004832 5%, #000000 30%);
    padding-bottom: 3%;

}

.framepast .frame-title{
font-size: 14px;
}

.framepast .frame-subtitle{
font-size: 8px;
}

.frame-title{

/* Heading */
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
/* identical to box height, or 29px */
letter-spacing: -0.02em;

/* Gamelab/Mint */
color: #52F6C6;


}

.frame-subtitle{

/* Subheading */
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-size: 12px;
line-height: 120%;
/* identical to box height, or 24px */

/* System/Text */
color: #F5F5F5;


}
.headerfecha{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	color:#FFF;
	text-align: center;

}

.conferencia_eventos {
	margin-top: 20px;
	    font-family: 'Poppins';
    font-size:16px;
	font-style: normal;
	color: #FFF;
    overflow-x: hidden;
	text-align: center;

}

.hora .hora1, .hora_break .hora1, .hora_revision .hora1 {
	
	    font-size: 14px;
	font-weight: 700;
}

.eventito{
	border:1px solid #FF0078;
	border-radius: 8px;
	padding:10px;
	color:#FFF;
	font-size:12px;
	background-color:#000;
	display:flex;
	margin-top:25px;


}
.eventito_azul{
	border:1px solid #6F58FC;
	border-radius: 8px;
	padding:10px;
	color:#FFF;
	font-size:12px;
	background-color:#000;
	display:flex;
	margin-top:25px;


}
.eventito_verde{
	border:1px solid #02C1CE;
	border-radius: 8px;
	padding:10px;
	color:#FFF;
	font-size:12px;
	background-color:#000;
	display:flex;
	margin-top:25px;


}
.row{
margin-right:0px;
margin-left:0px;
}

.historia{
  overflow-x: hidden; 
  float:left;
}
.hora{
display:inline;
border-right:1px solid #FF0078;
padding-right:10px;

}
.hora_break{
display:inline;
border-right:1px solid #6F58FC;
padding-right:10px;

}
.hora_revision{
display:inline;
border-right:1px solid #02C1CE;
padding-right:10px;

}
.centrado{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-botton: 30px;
}

.button_registrate {
    background-color: #FF324F;
    color: white;
    border: none;
    border-radius: 18px; /* Ajusta este valor para redondear más o menos los bordes */
    padding: 10px 20px; /* Ajusta el tamaño del botón */
    font-size: 16px; /* Tamaño del texto */
    cursor: pointer;
	width: 200px;
	margin: auto}

.button_registrate:hover {
    background-color: #E72C44; /* Color de fondo al pasar el mouse por encima */
	color: white;
}
.button_registrate2 {
    background-color: #000;
    color: #E72C44;
    border: none;
    border-radius: 18px; /* Ajusta este valor para redondear más o menos los bordes */
    padding: 10px 20px; /* Ajusta el tamaño del botón */
    font-size: 16px; /* Tamaño del texto */
    cursor: pointer;
	width: 200px;
	margin: auto;
	border: 1px solid #E72C44;
 }

.button_registrate2:hover {
    background-color: #000000; /* Color de fondo al pasar el mouse por encima */
	color: #E72C44;
}



.titulo{
display:inline;
padding-left:10px;
	width: 300px;
}
.titulo_break{
display:inline;
padding-left:10px;
	font-size:16px;
	width: 300px;
	margin-top: 10px;
	color: #6F58FC;
		
		
}


.iconito{
display:inline;
padding-left:10px;
font-size:16px;
}
.historiachild
{
  width:4104px;
  float:left;
  cursor: pointer;
}
.backgroundnegro{

background-color:#000;


padding: 4%;
    border-radius: 50px 0px 50px 0px;
}


.footlog {
	background-color:#000;
}

.icored {
	margin:8px;
	width:24px;
	height:24px;
}

.footlog1 {
	    padding-top: 5%;
	    padding-bottom: 5%;
	    background-color: rgba(0,0,0,0.1);
	   background: url('fondopatro2.jpg')
	}


.fondo-lineas .row .col-lg-2 {
	margin-bottom: 20px!important;
}

@media (max-width: 768px) {
		.backgroundmapa{
			height: 500px;
		}
		
		.col-md-12, .p-5 {
			padding-right: 0px !important;
    padding-left: 0px !important;
		}
		.mycontainer {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
	body {
		background-color: #000;
	}
		
		
		
	}

