@charset "UTF-8";
/* CSS Document */



html, body {margin:0}

.contenedor_banner{
overflow:visible;position:relative
}


@media (max-width: 1280px){
.contenedor_banner{
margin-bottom:4em
}
}

@media (min-width: 1281px){
.contenedor_banner{
margin-bottom:1em
}
	span.pos_persons{margin-top:-6em!important}	

	
	.centrador_banner{margin-bottom:-5em!important}	
	
}


.contenedor_personajes{
position:relative;z-index:1}

@media (max-width: 767px){
.contenedor_fondo img{width:150%!important;margin-left:-20%;margin-top:10%}	
}
@media (min-width: 768px)and (max-width:1280px){
.contenedor_fondo img{width:100%;min-height:60%!important;margin-top:9em;}	
}

@media (min-width:1281px){
.contenedor_fondo img{width:80%;min-height:50%!important;margin-top:2%;margin-left:20%!important}	
}

.contenedor_fondo{position:absolute;z-index:0;height:100%;width:100%}


.contenedor_titulo_logo{
overflow:hidden;position:relative;z-index:10
}	
img.logo_gsd{width:20%;height:auto;float:left}	
img.titular{width:70%;height:auto;float:right}
img.personajes{width:100%;float:right}	

.caja_turnos{margin-top:0em}
.desple{display:none}

@media (max-width:767px){.caja_turnos{margin-bottom:4em}}

.caja_turnos div.turno{font-size:1.2em!important;border-top: 3px solid #fff;padding:0.2em}
.caja_turnos a:last-of-type div.turno{border-bottom: 3px solid #fff}

.image img{width:100%;height:auto;margin-bottom:0.5em}	


.image.img_selector img{min-width:100%!important; display:block !important;width:auto;height:100%;position:absolute;top:0;left:0;object-fit: cover;}	



.image{float:left;margin:2%;text-align: center;font-weight: 700;position:relative}
.image .titulo span.subtitulo {font-size:0.7em!important;font-weight: 400}
.image .titulo{font-size:1.3em;text-align: center;line-height:1.1em}



.caja_redonda{-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;overflow:hidden;padding-top:100%;width:100%;position:absolute;top:0;left:0;object-fit: cover!important}

.caja_redonda.selector{
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
	overflow:hidden;padding-top:0%!important;width:100%;position:absolute;top:0;left:0}


.cont_caja_redonda{
	
	
	position:relative;width:100%;padding-top:100%;margin-bottom:0.6em}


.cont_caja_redonda.selector{
	
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
	position:relative;width:100%;padding-top:75%!important;margin-bottom:1em;overflow:hidden}

@media (max-width:767px) {
	
.marg_round .titulo{font-size:2em!important;margin-top:1em!important}	
}
.marg_round .titulo{margin-top:1em;margin-bottom:0.6em}
.titulo{font-family: 'Gotham_Rounded'}

.caja_redonda img{position:absolute;top:0;left:0;object-fit: cover!important;min-width:100%;min-height:100%}








.cont_container{  display: flex;
  flex-wrap: wrap;}
	
	
	@media  (max-width: 1099px){
	.banner_principal{}	
	.banner_principal a .txt{margin-right:1em!important;text-align:right}ç
		
	.cont_botones{
		float:none!important;display:inline-block}	
		
	.bod_home .centrador_botones{padding-top:3em}
			
		
		
	.bod_nohome .cont_botones{position:relative;
		bottom:-2.6em;margin:-0.5em auto}
		
	.centrador_botones{margin:0 auto;width:100%;height:2em;display:flex;justify-content: center;text-align:center}	.centrador_bread{text-align:center}		
	.centrador_banner h2.txt{margin-right:0!important;position:relative;top:0.5em}		

.centrador_banner h1.txt{margin-right:0!important;position:relative;top:0.5em}		

}


@media (max-width: 767px) {
	.centrador_banner{max-width:760px!important;margin:1em auto;overflow:hidden;width:100%;position:relative}	
}

@media (max-width: 1099px) and (min-width: 768px) {
	.centrador_banner{margin:1em 1em!important;overflow:hidden;width:74%!important;position:relative;display:inline-block;float:left}	
}
	
	@media  (min-width: 1100px){
	.banner_principal{display:inline-block}
	.banner_principal a{display:flex;align-items: center;width:100%!important}
		
		.bod_home .centrador_botones{width:100% !important;text-align:left;display:block}
		

		
	.bod_nohome .cont_botones{
	 float:right;bottom:-2.55em;display:inline-block;
		
	}	
		
	.cont_botones{
	 position:relative;display:inline-block
		
	}		
	.centrador_bread{text-align:left}	
		
	.centrador_banner{margin-top:1.5em!important;margin-left:2.6em!important}		
		
		
	}	

.cont_botones{padding:0.5em 0.2em 0.5em 1em;background:#fff;overflow:hidden;z-index:4;
clear:both!important;webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;height:1.4em!important
}	
.centrador_banner{max-width:1400px;margin:0 auto;overflow:visible;width:100%;position:relative}	


		.centrador_bread{width:100%;display:inline-block}		
		
		.cont_banner_sup{overflow:visible}	


.contenedor_banner.fondo_banner{background-image: url( "../images/fondo_B.svg");background-repeat: no-repeat;background-size: cover;background-position:cover}

.contenedor_banner.fondo_banner.back_bottom{background-position: center bottom}

/*media_queries*/


@media (max-width: 767px){
	
.height_banner_2{
height:23em
}	
	
	.logo{float:left;clear:both!important;margin:2.3em auto 1.8em auto ;padding-left:1em!important}	
h1.txt{font-size:3em !important;line-height: 0.9em;float:none;text-align:center}	
	
h2.txt{font-size:3em !important;text-align:center!important;clear:both}		
	
	
img.left.logo{margin:2em auto 2em auto!important;display:block}	
	
.contenedor_titulo_logo{width:95%;float:none;margin:3% auto 0 auto}
.contenedor_personajes{width:90%;float:none;margin:2em auto 0 auto}
.image{width:70%;height:auto;margin:2em auto!important;float:none!important}
	
.image.esco{padding-top:3em}		
.image.guada{padding-top:1.8em}
	.image.suertes{margin-top:-4.2em!important}	
		.image.suertes img{margin-bottom:-3em!important}
	.image.valle{margin-top:-1.2em!important}
		
.cont_logos a{margin:0 auto!important}	
	
	
	
}
@media (min-width: 768px){

.logo{float:left}.cont_logos a{margin:0 auto!important}

}
@media (max-width: 1024px) and (min-width: 768px){
	
.height_banner_2{
height:20em
}	
	
.contenedor_titulo_logo{width:90%;float:none;margin:3% auto 0 auto}
.contenedor_personajes{width:65%;float:none;margin:0px auto 0 auto}
.image{width:29%;height:auto;}

.image.selector{width:42%!important}

.image.selector:nth-child(1n){margin-right:8%!important;margin-left:0!important}
.image.selector:nth-child(2n){margin-right:0!important;margin-left:0!important}
.image.selector:nth-child(3n){margin-right:8%!important;margin-left:0!important}
.image.selector:nth-child(4n){margin-right:0!important;margin-left:0!important}		

}

@media (max-width: 1280px) and (min-width: 1025px){
.contenedor_titulo_logo{width:70%;float:none;margin:3% auto 0 auto}
.contenedor_personajes{width:60%;float:none;margin:-10px auto 0 auto}
.image{width:29%;height:auto;}	
	
.image.selector{width:42%!important}

.image.selector:nth-child(1n){margin-right:8%!important;margin-left:0!important}
.image.selector:nth-child(2n){margin-right:0!important;margin-left:0!important}
.image.selector:nth-child(3n){margin-right:8%!important;margin-left:0!important}
.image.selector:nth-child(4n){margin-right:0!important;margin-left:0!important}	
	
	
.dos{padding-top:3em}	
.logo{margin-right:5em!important}
	
}

.cont_container.selector{max-width:1000px;margin:0 auto!important}	



@media (min-width: 1281px){
.logo{margin-right:6em!important}
.image{width:20%;height:auto;}
.image.selector{width:42%!important}

.image.selector:nth-child(1n){margin-right:8%!important;margin-left:0!important}
.image.selector:nth-child(2n){margin-right:0!important;margin-left:0!important}
.image.selector:nth-child(3n){margin-right:8%!important;margin-left:0!important}
.image.selector:nth-child(4n){margin-right:0!important;margin-left:0!important}	
	
.dos{padding-top:3em}	
	

	
}

@media (max-width: 1580px) and (min-width: 1281px){
.contenedor_titulo_logo{width:46%;float:left;margin-left:5%;margin-top:3%}
.contenedor_personajes{width:42%;float:right;margin-right:6%}
}

@media (min-width: 1580px){
.contenedor_titulo_logo{width:36%;float:left;margin-left:10%;margin-top:3%}
.contenedor_personajes{width:32%;float:right;margin-right:22%}
}



@media (max-width: 1280px){

.center_botones{text-align: center !important}	
	
}

@media (min-width: 1281px){

.center_botones{text-align: left}	
	
}


	.users_boton{font-size:1em;margin-right:1em}
	.users_boton img{height:1em;width:auto}

.center_botones{width:100%}

:root {
  --base_A:              rgba(181,190,0,0.7);
	--base_B:rgba(242,139,0,0.7);
	--base_C:rgba(0,153,169,0.6);
		--base_D:rgba(255,207,2,1);	
  --bg-blend:          multiply;
  --blur:              0px;
  --fg-blend:          lighten;
  --foreground_A:       rgba(0,86,120,0.8);
--foreground_B:       rgba(171,0,51,0.8);
	
--foreground_C:       rgba(0,86,120,1);	
	
  --opacity:           1;
  --spacing:           1%;
}



.cont_duo_A {
  background-color:    var(--base_A);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  
}

.cont_duo_B {
  background-color:    var(--base_B);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  
}


.cont_duo_C {
  background-color:    var(--base_C);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  
}

.cont_duo_D {
  background-color:    var(--base_D);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  
}


.cont_duo_A img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));
  
  mix-blend-mode:      var(--bg-blend);

  opacity:             var(--opacity);

}

.cont_duo_B img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));


  mix-blend-mode:      var(--bg-blend);
  object-fit:          cover;
  opacity:             var(--opacity);


}

.cont_duo_C img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));


  mix-blend-mode:      var(--bg-blend);
  opacity:             var(--opacity);


}

.cont_duo_D img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));


  mix-blend-mode:      var(--bg-blend);
  opacity:             var(--opacity);


}


.cont_duo_A::before {
  background-color:    var(--foreground_A);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}

.cont_duo_B::before {
  background-color:    var(--foreground_A);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}
.cont_duo_C::before {
  background-color:    var(--foreground_A);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}

.cont_duo_D::before {
  background-color:    var(--foreground_A);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}