/*
Theme Name: Twenty Twenty-Four (Child)
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Cubo Gris
Description: Personalizacion del tema Twenty Twenty-Four por Arturo Rojas - Cubo Gris
Version: 1.01
*/

:root {	
	--margin-micro:.25rem;
	--margin-mini:.5rem;
	--margin-small:1rem;
	--margin-med:1.5rem;	
	--margin-big:2.5rem;
	--margin-xxl:5rem;	
	
	--radius-mini:3px;
	--radius-small:5px;
	--radius-med:10px;
	--radius-big:15px;
}

:where(.wp-site-blocks *:focus){
  outline: none;
}

/*SIDEBAR*/
.pueblos-sidebar-banners figure, .pueblos-sidebar-banners a{
 width:100%;
}

.pueblos-sidebar-banners img {
  width:100%;
}

/*HEADER*/


header{
	position: sticky;
	top:0;
	z-index:999;
}

header nav .wp-block-navigation a, header nav .wp-block-navigation a:hover{
	text-decoration:none;
	color:var(--wp--preset--color--contrast-2) !important;
	cursor:pointer;
}

header nav .wp-block-navigation a:hover{
	color:var(--wp--preset--color--contrast-3) !important;
}

header nav .wp-block-navigation ul li{
	font-weight:500;
	font-size:.9em !important;
}

.logo-header-movil{
	display:none;
}

.wp-block-navigation__responsive-container.is-menu-open .logo-header-movil{
	display:initial !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
	padding-left: 0;
	padding-right: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation .wp-block-navigation-item__content{
	font-size:1.2em;
	border-bottom: 2px solid var(--wp--preset--color--contrast-3);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
	background:none;	
	border-bottom: none;
}

/*VARIOS*/

.post-template-default .entry-content a,
.post-template-default .entry-content a:hover
{
	font-weight:700;
	color:var(--wp--preset--color--custom-guinda);
	text-decoration:none;
}

.post-template-default .entry-content a:hover,
.post-navigation-link-previous a:hover,
.post-navigation-link-next a:hover{	
	color:var(--wp--preset--color--custom-guinda-60);
}

.post-navigation-link-previous,
.post-navigation-link-next,

.post-navigation-link-previous a,
.post-navigation-link-next a
{
	font-weight:700;
	color:var(--wp--preset--color--custom-guinda);
	text-decoration:none;
}


.wsp-posts-title{
	display:none !important;
}

.wp-block-post-comments-form .comment-reply-title{
	font-size:1.4em !important;
	font-weight:700 !important;
}


/*ARTICULOS*/
.entry-content img{
    width:100%;
}

.video-embed-container {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.video-embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*GALERIA*/
.pueblos-galeria-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 300px;
  gap: 10px;
  width:100%;
}

.pueblos-galeria-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.sidebar-ultimas-entradas li > div, .sidebar-ultimas-entradas a {
 width:100% !importan;
 text-align:center;
 display:block; 
 text-decoration:none;
font-weight: 600;
}

.sidebar-ultimas-entradas li > div, .sidebar-ultimas-entradas a:hover{
	color:var(--wp--preset--color--custom-guinda);
} 

.sidebar-ultimas-entradas img{
	width:100% !important;
}

.sidebar-ultimas-entradas .wp-block-latest-posts__post-title{
 margin-bottom:1em;
}





/*LISTADO CATEGORIAS*/
.grid-categorias{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);	
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-big);
	grid-row-gap: var(--margin-big);
}

.grid-categorias a{
	display:flex;
	position:relative;
	height:300px;
	overflow:hidden;
	border-radius: 1rem;
}

.grid-categorias a img, .pueblos-post-item .miniatura img{
	position:absolute;
	object-fit:cover;
	height:100%;
	width:100%;
	object-position:center;
	border:none;
	margin:none;
	transition: transform .3s; /* Animation */
}

.grid-categorias a h3{
	position:absolute;
	width:100%;
	bottom:0px;
	left:0px;
	
	display:flex;
	padding: .5em .3em;
	font-size:1.5em;
	justify-content:space-around;
	font-weight:700;
	color:#FFFFFF;
	margin:0;
	background-color:rgba(0, 0, 0, 0.5);
	text-align:center;
	z-index:1;
}

.grid-categorias a:hover img{
	transform: scale(1.1);
}

/*LISTADO POSTS*/

.grid-pueblos-posts-categoria{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	grid-column-gap: var(--margin-big);
	grid-row-gap: var(--margin-big);
}

.grid-pueblos-posts-categoria .pueblos-post-item{
	display:flex;
	flex-wrap:wrap;
	width:100%;	
	gap:10px;
	justify-content:flex-start;
}

.grid-pueblos-posts-categoria .pueblos-post-item .miniatura{
	display:flex;
	position:relative;
	height:200px;
	width:100%;
	overflow:hidden;
	border-radius: 1rem;
}

.grid-pueblos-posts-categoria .pueblos-post-item h2{
	font-size:1.1em;
	font-weight:600;
	margin:unset;
}

.grid-pueblos-posts-categoria .pueblos-post-item h2 a{
	text-decoration:none;
}

.grid-pueblos-posts-categoria .pueblos-post-item .post-descripcion{
	font-size:.9em;
}

/*MEDIA QUERIES*/

@media screen and (max-width:1080px){
	.grid-pueblos-posts-categoria{
		/*grid-template-columns: repeat(3, 1fr);*/
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 950px) {
  .grid-categorias a h3{
		font-size:1.1em;
	}
}

@media screen and (max-width: 768px) {	
	.pueblos-galeria-grid, 
	.grid-categorias, 
	.grid-pueblos-posts-categoria{
    	/*grid-template-columns: repeat(2, 1fr);*/
		grid-template-columns: repeat(2, minmax(0, 1fr));
  	}
}

@media screen and (max-width: 600px) {	
	.pueblos-galeria-grid, 
	.grid-categorias, 
	.grid-pueblos-posts-categoria{
    	/*grid-template-columns: repeat(2, 1fr);*/
		grid-template-columns: repeat(2, minmax(0, 1fr));
  	}
}



@media screen and (max-width: 480px) {
  	.pueblos-galeria-grid, 
	.grid-categorias, 
	.grid-pueblos-posts-categoria{
    	/*grid-template-columns: 1fr;*/
		grid-template-columns: repeat(1, minmax(0, 1fr));
  	}	
}