@charset "utf-8";

/* ===== RESET GLOBAL Y TIPOGRAFÍA ===== */
html, body {
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-display: swap;
} 

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	/* ELIMINA EL BLOQUEO AZUL EN IPAD */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	margin: 0;
	background-color: #8A8469;
	
}



#debajo-juego {
  min-height: 250px;
}


@media (max-width: 767px) {
	#debajo-juego {
		min-height: 280px;
	}

}



.clearfloat {
  clear: both;
	
}

.clearfloat-10 {
  clear: both;
	height: 10px;
}
.centrar{ text-align:center; }
.responsive-img{
	width: 100%;
	height: auto;
	display:block;
	margin:auto;
}

footer{
		width: 100%;
	background-color: #333333;

}

.pie_creditos{
	width: 100%;
	background-color: #CC7800;
}
.pie_creditos p{
color: #333333;
	text-align: center;
}

.fuente-grande{
	font-size: 1.5em;
	color: #DDA400;
	text-align: center;
}


.banner-coloring{
	width: 100%;
	height: auto;
	display:block;
	margin:auto;
}

.ad-rectangle{
	display:block;height:300px}
@media (max-width: 991px){.ad-rectangle{display:inline-block;width:300px;height:600px}}	

/* DESK *************************************************************************/


.container-indiv{
	max-width: 1000px;
	display:block;
	margin:auto;
	background-color: #797979;

}

.container-indiv p{
	font-size: 1em;
}

.juego-main{
	width: 1000px;
	height: 100%;
	margin:auto;
	display: block;
	
}

.juego{
	width: 730px;
	height: auto;
	float: none;
	margin: 0 auto;
}

.espacio-horizontal-150{
	width: 730px;
	height: auto;
	min-height: 150px;
	padding: 1%;
	text-align: center;

	
}
.espacio-horizontal-150 a{
	font-size: 1.1em;
	
	color: #F4B807;
	font-weight: bold;
	background-color: #1f2935;
	padding: 1%;
	border-radius: 10px 10px 10px 10px;
	text-decoration: none;

}

.espacio-horizontal-150 a:hover{

	color: #a9d5ff;


}


.espacio-horizontal-150 h1{
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
}

.container-indiv p{
	color: #ffffff;
}

.indiv-contenido{
	width: auto;
		background-color: #686867;
	padding: 1%;

}

.indiv-contenido h2{
	color: #ffffff;
	font-size: 1.1em;
}

.indiv-contenido a{
	color: #ffffff;
}

.indiv-img{
float: left;
width: 50%;
height: auto;
margin-right: 1%;
}

.zocalo-img{
float: left;
width: 50%;
height: auto;
margin-right: 1%;
}

.articulo1-indiv{
	width: 100%;
	height: auto;
	padding: 2%;
	border-radius: 10px 10px 10px 10px;
	background-color: #924242;
	margin-bottom: 2%;
}


.articulo1-indiv a{
	color: #F7B206;
	font-size: 1em;
	font-weight: bold;

}


.articulo4-indiv{
	width: 100%;
	height: auto;
	padding: 2%;
	border-radius: 10px 10px 10px 10px;
	background-color: #597590;
	margin-bottom: 2%;
}

.articulo4-indiv img{
	width: 40%;
	height: auto;
	padding-right: 2%;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
	float: left;
}


.breadcrumb{
	clear: both;
	display: block;
	text-align: center;
	font-size: 0.9em;
	background-color: #686867;
	color: #ffffff;
	padding: 6px 10px;
	border-radius: 8px;
	margin-bottom: 10px;
}
.breadcrumb a{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.breadcrumb span{
	color: #ffffff;
}

.submenu-wrap{
	background-color: #686867;
	border-radius: 10px;
	padding: 12px 4%;
	margin-bottom: 10px;
}

.submenu-label{
	color: #a9a9a5;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0 0 6px 4px;
	font-weight: bold;
}

.submenu-label:not(:first-child){
	margin-top: 10px;
}

.submenu{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	
}

.pastilla{
	background-color: #597590;
	border: 1.5px solid #597590;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	padding: 6px 12px;
	border-radius: 999px;
	white-space: nowrap;
}

.pastilla:hover{
	background-color: #3f5872;
	border-color: #3f5872;
}

.pastilla.activo{
	background-color: #F4B807;
	border-color: #F4B807;
	color: #333333;
}

@media (max-width: 1112px){
	.submenu{
		justify-content: center;
	}
	.submenu-label{
		text-align: center;
	}
}


/* Desk ADSENSE++++++++++++++++++ */

.ads-mobile-menu-1{
	display: none;
}

.ads-mobile-menu-2{
	display: none;
}

.publicidad-responsive-inferior{
	width: 730px;
	height: auto;
	background-color: #FFFFFF;
	
	}


.publicidad-responsive-derecha{
    width: 120px;
    min-height: 517px;
    float: right;
    margin-left: 150px;
   
}


.articulo4-indiv h3{
	color: #ffffff;
	font-size: 1.05em;
	margin-top: 2%;
}

.articulo4-indiv ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.articulo4-indiv ul li{
	margin-bottom: 6px;
}

.articulo4-indiv ul li a{
	color: #F4B807;
	font-weight: bold;
	text-decoration: none;
}

.articulo4-indiv ul li a:hover{
	text-decoration: underline;
}



/* Mobile++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width : 500px){
	
main{
	width: 100%;
}
	
h1{
	font-size: 1.3em; 
	margin-top: 5px;
	margin-bottom: 5px;
}
	
aside{
	display: none;
}
	
.publicidad-responsive-derecha{
		display: none;
	}
	
.juego-main{
	width: 100%;
	height: 100%;
	margin:auto;
	display: block;
	
}

#animation_container{
margin:auto;
display: block;
}

.juego{
	width: 100%;
	height: auto;
}


.espacio-horizontal-150{
	width: 100%;
	min-height: 150px;
}

.publicidad-responsive-inferior{
	width: auto;
	height: auto;
}


.articulo1-indiv img{
	width: 100%;
	height: auto;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
}

.articulo4-indiv img{
	width: 100%;
	height: auto;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
}


.juego{
	overflow: hidden;
}
/* Mobile ADSENSE++++++++++++++++++ */
.indiv-main-ad-desk{
	display: none;
}
	
.indiv-main-ad-tablet{
	display: none;
}
	
.indiv-main-ad-mobile{
	display: inline-block;
	width: 100%;
	height: auto;
}
	
.ads-desk-aside1{
	display: none;
}
	
.ads-mobile-menu-1{
	display: inline-block;
	width: 100%;
	height: auto;
}	
	
#_preload_div_ {
    max-width: 100vw !important;
    overflow: hidden;
}
	
@media(max-width:731px){
	#_preload_div_,#animation_container{	
		min-height:  216px;
		background: #797979 !important;
	}
	#_preload_div_ img{
	position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
	
	}
	#_preload_div_{
		background: #fff !important;
	}
}


@media(max-width:500px){
	#_preload_div_,#animation_container{
		height: auto !important;
		min-height: 216px;
	}
	
}

@media(width:428px){
	#_preload_div_,#animation_container{		
		min-height: 216px;
	}
	
}


@media(width:414px){
	#_preload_div_,#animation_container{		
		min-height: 209px;
	}
	
}

@media(width:390px){
	#_preload_div_,#animation_container{		
		min-height: 197px;
	}
	
}

@media(max-width:375px){
#_preload_div_,#animation_container{
min-height: 188px;
	}
}

@media(width:320px){
#_preload_div_,#animation_container{		
min-height:160px;
}
}
}

/* TABLET +++++++++++++++++++++++++++++++++++++++++++++++++ **********************************************/

@media (min-width: 501px)and (max-width: 1112px) {
 	
	
main{
	width: 100%;
	}
	
	h1{
	font-size: 1.3em; 
	margin-top: 10px;
	margin-bottom: 10px;
	
}
	
	aside{
	 display: none;
	}

.publicidad-responsive-derecha{
		display: none;
	}
	
.juego-main{
	width: 100%;
	height: 100%;
	margin:auto;
	display: block;
	
}

	#animation_container{
		margin:auto;
	display: block;
	}

.juego{
	width: 100%;
	height: auto;
	
	
}


.espacio-horizontal-150{
	width: 100%;
min-height: 150px;
text-align: center;
}

.espacio-horizontal-150 h1{

text-align: center;
}

.publicidad-responsive-inferior{
	width: auto;
	height: auto;
	
	}
	
.articulo4-indiv img{
	width: 70%;
	height: auto;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
}

/* Tablet ADSENSE++++++++++++++++++ */
	
.indiv-main-ad-desk{
	display: none;
}
	
.indiv-main-ad-tablet{
	display: inline-block;
	width: 100%;
		height: auto;

}

.indiv-main-ad-mobile{
	display: none;
}	

}
ins.adsbygoogle{
	max-width: 100%;
	overflow: hidden;
}

@media (min-width: 800px) and (max-width: 991px) {
  .publicidad-responsive-derecha { display: none; }
}