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

 
	html, body {
	font-family: "Fredoka", sans-serif;
		font-display: swap;
}	 

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body {
	margin: 0;
	background-color: #fcb72e;
	body {-webkit-tap-highlight-color: rgba(0,0,0,0);}
}

.container{
	max-width: 1280px;
	display:block;
	margin:auto;
	background-color: #f8f7e9;
	overflow: hidden;
}

.container-margen {
	width: 100%;
	padding-right: 1%;
	padding-left: 1%;
	background-color: #fcb72e;
	}

.container p{
	font-size: 1em;
	color: #333333;
}

main {
    width: 66%;
    height: auto;

   
    display: block;
    margin: auto;
}

/* Link de regreso al home en páginas de categoría */
.home-link {
    display: block;
    font-size: 2.2em;
    
    padding-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #3dbbd8;
    text-decoration: underline;
	font-weight: 600; 
}

.home-link:hover {
    text-decoration: underline;
	color: #ae67af;
}

.contenido{
	width: 100%;
	height: auto;
	
	display: block;
	margin: auto;
}





h1{
	font-size: 2em;
	letter-spacing: 0.05em;
	
	margin-bottom: 10px;
	text-align: center;
	color: #ae67af;
}
	

h2{
color: #3b999b;
font-size: 2em;
}

h3 {
	font-size: 1.8em;
	letter-spacing: 0.05em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	color: #0d8ba7;
}

h3 a{
	
	letter-spacing: 0.05em;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	color: #0d8ba7;
}
	
.galeria-sm{
	width: 100%;
	height: auto;
	display: inline-block;
	    
	list-style: none;
    padding: 0;
    margin: 0;
}
.minis-sm{
	width: 33.3%;
	height: auto;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 0%;
	float: left;
	
}





.minis-sm a {
    text-decoration: none;
    display: block;
}

.minis-sm img {
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
	background-color: #ae67af;
	padding: 2%;
	border-radius: 20px;
	transition: transform 0.2s ease;
}

.minis-sm img:hover {
    transform: scale(1.05);
}
.minis-sm-home {
    padding-left: 3%;
    padding-right: 3%;
}
.minis-sm-home img {
    background-color: transparent;
    padding: 0;
}
.epigrafe {
    display: block;
    text-align: center;
    color: #ae67af;
    margin-top: 6px;
	 margin-bottom: 6px;
    font-size: 1.1em;
    font-weight: 600;
}

.epigrafe p a{
	text-decoration: none;
	color: #ae67af;

}


.esconder-mini-en-desk{
		display: none;
}
.esconder-mini-en-movil{
		display: inline-block;
}
	
	

.indiv-contenido{
	width: auto;
	background-color: #ffffff;

border-radius: 20px;

	}
	




.articulo{
	width: 100%;
	padding: 2%;
	border-radius: 10px 10px 10px 10px;
	margin-bottom: 2%;
	 }




.fondoGris{
	background-color: #f4c9aa;
}
	
.fondoGris h2{
	text-align: center;
}

.fondoGris a img{
	width: 30%;
	height: 30%;
	float: left;
	padding-right: 2%;
}
	
.fondoGris p a {
	color: #333333;
	font-weight: 600; 
}
.fondoGris p a:hover {
	color: #ae67af;
	font-weight: 600; 
}


.responsive-img{
	width: 100%;
	height: auto;
	display:block;
	margin:auto;
}


.br-desk {
    display: block;
}	

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


.clearfloat {
  clear: both;
}
.clearfloat-10 {
  clear: both;
	height: 10px;
}

/* JUEGOS INDIV +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


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

}

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

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

.juego{
	width: 730px;
	height: auto;
    display: block;
    margin: auto;
}

/* Breadcrumb en páginas de juegos individuales */
.breadcrumb {
    list-style: none;
    padding: 8px 0;
    margin: 8px 0;
    display: flex;
    justify-content: center;
    gap: 0.4em;
    font-size: 1.4em;
	
	font-weight: 600; 
}

.breadcrumb li {
    color: #737373;
}

.breadcrumb li a {
    color: #3dbbd8;
     text-decoration: underline;
}

.breadcrumb li a:hover {
    text-decoration: underline;
	color: #ae67af;
}

/* Separador entre items */
.breadcrumb li + li::before {
    content: "›";
    margin-right: 0.4em;
    color: #ccc;
}


/* MÓVIL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (max-width: 600px) {

    main {
        width: 100%;
    }

    h1 {
        font-size: 1.6em;
        margin-top: 4px;
        margin-bottom: 6px;
    }

    h2 {
        font-size: 1.3em;
    }

    h3 {
        font-size: 1.1em;
    }

    .home-link {
        font-size: 1.6em;
    }

    /* 2 columnas en home y submenús */
    .minis-sm {
        width: 50%;
    }

    .minis-sm-home {
        padding-left: 4%;
        padding-right: 4%;
    }

    .epigrafe {
        font-size: 1em;
    }

    /* Juego al 100% */
    .juego {
        width: 100%;
    }

    /* Breadcrumb más chico */
    .breadcrumb {
        font-size: 1em;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* Artículo imagen al 100% */
    .articulo img {
        width: 100%;
        height: auto;
        float: none;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .fondoGris a img {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .br-desk {
        display: none;
    }
}

/* TABLET PORTRAIT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media (min-width: 601px) and (max-width: 1024px) and (orientation: portrait) {

    main {
        width: 90%;
    }

    h1 {
        font-size: 1.8em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.3em;
    }

    .home-link {
        font-size: 1.8em;
    }

    .minis-sm {
        width: 50%;
    }

    .minis-sm-home {
        padding-left: 5%;
        padding-right: 5%;
    }

    .juego {
        width: 100%;
    }

    .breadcrumb {
        font-size: 1.1em;
    }

    .fondoGris a img {
        width: 40%;
    }
}

/* TABLET LANDSCAPE → hereda desktop, sin cambios */