.site-header{
	background-color: #1abc9c;
	box-shadow: 2px 2px 0;      
	box-shadow: 2px 2px 0px;    
	box-shadow: 2px 2px 5px;   
	box-shadow: 2px 2px 20px; 
	border-radius: 5px;
}

.title-area img{
	filter: drop-shadow(
		0 0 10px rgba(0,0,0, .3)
	)
}

/* Rejilla de posts en formato caja */
.entry-wrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
}

.entry-wrapper .entry:hover{
	border: solid 2px #1abc9c;
	border-radius: 5px;
}

.entry-wrapper .entry {
	width: 24%;
	margin-left: 1px;
	padding: 0;
	border: solid 2px #eee;
	border-radius: 2%;
}
	
.entry-wrapper .entry-content {
	padding: 5px 10px;
}

.front-page .entry-content {
	padding: 5px 15px;
}

.front-page .pagination {
	margin-top: 0px; 
}

@media only screen and (max-width: 960px) {
	 .entry-wrapper .entry {
		width: 33%;
	}
}

@media only screen and (max-width: 768px){
	.entry-wrapper .entry {
		width: 48%;
	}
}

@media only screen and (max-width: 650px){
	 .entry-wrapper .entry {
		width: 100%;
		margin-left: 0;
	}
}

/* Dar estilos al campo de búsqueda */
.blog .search-form {
	display: flex;
	max-width: 700px;
	margin: 0 auto 50px;
	border-radius: 1;
}

.blog .search-form-submit {
	margin-top: 0 !important;
	border-radius: 1;
	background-color: #565e67;
}

.blog .search-form-submit:hover{
	background: #19bc9b;
}

.search-form input[type="submit"]{
	background-color: #565e67;
}

.search-form input[type="submit"]:hover{
	background: #19bc9b;
}

/* Rejilla de posts */
.grid-cat{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fill, minmax(250px,1fr)): 
}

.grid-cat .cat-content{
	padding: 5px 10px;
}

/* Limitar la anchura de la cabecera de en Genesis Sample */
.site-header {
	 max-width: 1200px;
	 margin: 0 auto;
 }
 
 /* Rejilla de posts con overlay */
 .grid-posts {
	 display: grid;
	 grid-gap: 10px;
	 grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
 }
 
 .grid-posts a {
	 color: #1abc9c;
	 text-decoration: none;
	 line-height: 1.4em;
 }
 
 .grid-posts .grid-title {
	 position: absolute;
	 top: 40%;
	 left: 5%;
	 right: 5%;
	 z-index: 1;
 }
 
 .grid-posts h3.grid-title {
	 font-size: 32px;
	 text-align: center;
 }
 
 .grid-posts .grid-overlay {
	display: grid;
	position: relative;
	padding: 0;
	min-height: auto;
	background-color: #000;
 }
 
 .grid-posts .grid-overlay::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 z-index: 1;
	 content: "";
	 background-color: inherit;
	 opacity:.20;	
 }
 
 
 .grid-title{
	 background-color: #141c1981;
	 padding: 30px;
	 margin-top: -30px;
 }
 
 /* Sólo afectan si el grid tiene un overlay */
 .grid-overlay{
	overflow: hidden;
	display: inline-block;
	box-shadow: 2px 2px 0;
	box-shadow: 2px 2px 0px;
	box-shadow: 2px 2px 5px;
	box-shadow: 2px 2px 20px;
 }
 
 .grid-overlay:hover {
	 transform: scale(1.03);
 }
 
 .grid-overlay img {
	 width: 100%;
	 height: auto;
	 display: block; /* Asegura que la imagen no tenga espacios debajo */
 }
 
/* Dar estilos a las entradas relacionadas */
 .related{
 background-color: #fff;
 margin-bottom: 40px;
 }
 
 .related:before{
	 content: "";
	 display: block;
	 width: 100%;
	 min-width: 10px;
	 border-top: 0.5px solid #c2c2c2;
	 margin-bottom: 1em;
 }
 
 .related a{
	 text-decoration: none;
 }
 
 .related h3{
	 font-size: 22px;
 }
 
 .related-entry-image{
	 vertical-align: top;
 }
 
 .related-entry-info{
	 margin-top: 10px;
	 font-size: 18px;
 }
 
 .related-title{
	 font-size: 16px;
	 display: inline-block;
	 margin-bottom: 12px;
 }
 
 .related-entry-categories,
 .related-entry-categories a{
	 color: #858585;
 }
 
 .related-entry-categories a:hover{
	 color: #333;
 }
 
 .related-entry-categories{
	 font-size: 13px;
	 margin-top: 10px;
	 font-style: italic;
 }
 
 .related-entries{
	 opacity: 0.8;	
	 display: grid;
	 grid-gap: 10px;
	 grid-template-columns: repeat(auto-fill, minmax(210px,1fr));
 }
 
 .related-entry{
	 transition: transform 0.5s ease;
 }
 
 .related-entry:hover{
	 opacity: 1;
	 transform: scale(1.03);
 }
 
/* Fade */
 .grid-title {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
 }
 .grid-title:hover, .grid-title:focus, .grid-title:active {
	background-color: #42464481;
	color: white;
 }
 
/* Rejilla de categorías/posts CPT */
 .grid-posts{
 	display: grid;
 	grid-gap: 10px;
 	grid-template-columns: repeat(auto-fill, minmax(250px,1fr)): 
 }

.grid-posts .entry-content {
	 padding: 5px 10px;
	 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	 transition: transform 0.5s ease, box-shadow 0.5s ease; /* Transición suave */
 }
 
 .grid-posts .entry-content:hover {
	 transform: scale(1.03); /* Zoom suave */
	 box-shadow: 0 8px 25px rgba(0,0,0,0.15);/* Efecto de sombra más pronunciada */
 }

 
/* Fijar la cabecera de Genesis Sample en móviles */
@media only screen and (max-width: 480px) {
 .site-header {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	z-index: 1000;
 }

 .admin-bar .site-header {
 	top: 32px;
 }
}
 
 /* Dejar el menú de móvil fijo en la parte inferior */
@media only screen and (max-width: 480px) {
 .menu-toggle {
 	position: fixed;
 	bottom: 10px;
 	right: 30px;
 	background-color: #1abc9c;
 	padding: 20px;
 	border-radius: 30px;
 }

 .menu-toggle:hover {
 	background-color: #1abc9c;
 }

 .genesis-responsive-menu {
 	position: fixed;
 	bottom: 0px;
 	left: 20px;
 	background-color: #1abc9c;
 	padding: 10px;
 	z-index: 99;
 }
}
 
 // Ajustar distancia al título y redimensiona la imagen
 .single-post .attachment-post-image {
	padding-bottom: 20px;
 }

 .attachment-post-image.size-post-image.wp-post-image{
	display: block;
	max-width: 100%;
	height: 400px;
	object-fit: cover; /* Cambia a 'contain' si prefieres que la imagen se ajuste sin recortarse */
	margin: 0 auto; /* Centra la imagen horizontalmente */
	border-radius: 5px;
	margin-bottom: 10px;
 }

 .wp-block-image img{
	display: block;
	max-width: 100%;
	height: 400px;
	object-fit: cover; /* Cambia a 'contain' si prefieres que la imagen se ajuste sin recortarse */
	margin: 0 auto; /* Centra la imagen horizontalmente */
	border-radius: 5px;
	margin-bottom: 10px;
 }

 .singular-image{
	display: block;
	max-width: 100%;
	height: 400px;
	object-fit: cover; /* Cambia a 'contain' si prefieres que la imagen se ajuste sin recortarse */
	margin: 0 auto; /* Centra la imagen horizontalmente */
	border-radius: 5px;
	margin-bottom: 10px;
 }
 
/* Aumentar el tamaño del menú hamburguesa en Genesis Sample */
 .site-header .menu-toggle::before{
  	font-size: 30px;
 }
@media only screen and (max-width: 640px){
 .menu-toggle{
  padding: 10px;
 }
}

/* === Aumentar tamaño del menú hamburguesa en Genesis Sample === */
.site-header .menu-toggle {
  font-size: 2.2rem; /* Aumenta el tamaño del icono */
  padding: 1rem 1.5rem; /* Aumenta el área táctil */
}

.menu-toggle::before {
  font-size: 2.2rem; /* Aumenta el tamaño del icono de hamburguesa */
}

/* Opcional: elimina el texto "Menu" si lo deseas */
.menu-toggle span {
  display: none;
}