/**
 * Listado del blog (/blog/), archivos y búsqueda.
 */

/* Banner: fondo a ancho completo, título dentro de 1184px */
.banBlog {
	background-image: url(/wp-content/uploads/2022/07/blog-2.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	padding: 0;
}

.banBlog .banBlog__inner {
	padding-top: 5%;
	padding-bottom: 5%;
}

.banBlog .header-home_title {
	width: 50%;
	max-width: 100%;
	padding-top: 80px;
	padding-bottom: 60px;
	margin: 0;
}

.banBlog .tt-blog {
	margin: 0;
}

/* Layout principal: artículos + sidebar */
body.blog main.site-main.contentblog,
body.search main.site-main.contentblog,
body.archive main.site-main.contentblog {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 4%;
	box-sizing: border-box;
}

body.blog .contentblog .articulosBlog,
body.search .contentblog .articulosBlog,
body.archive .contentblog .articulosBlog {
	width: 65%;
	flex: 1 1 60%;
	min-width: 0;
}

body.blog .contentblog .side-bar-blog,
body.search .contentblog .side-bar-blog,
body.archive .contentblog .side-bar-blog {
	width: 28%;
	flex: 0 0 28%;
	min-width: 0;
	padding-top: 50px;
}

body.blog .contentblog .side-bar-blog #secondary,
body.search .contentblog .side-bar-blog #secondary,
body.archive .contentblog .side-bar-blog #secondary {
	width: 100%;
}

/* Tarjeta de entrada */
.blogIndex {
	padding: 3rem 0;
	border-bottom: 1px solid rgba(140, 196, 62, 0.6);
}

.blogIndex:last-of-type {
	border-bottom: none;
}

.blogIndex .contenido {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 5%;
}

.blogIndex .cont-img {
	position: relative;
	flex: 0 0 30%;
	max-width: 30%;
	height: 250px;
	overflow: hidden;
}

.blogIndex .cont-img a {
	display: block;
	height: 100%;
}

.blogIndex .cont-img img {
	display: block;
	width: 100%;
	height: 250px;
	min-height: 250px;
	object-fit: cover;
}

.blogIndex .info {
	flex: 1 1 65%;
	max-width: 65%;
	min-width: 0;
}

.blogIndex .info > a {
	text-decoration: none;
	color: inherit;
}

.blogIndex h3 {
	margin: 0 0 0.75rem;
}

.blogIndex .descripcion {
	color: #4d4d4d;
	margin: 0 0 1rem;
	line-height: 1.5;
}

.blogIndex .descripcion p {
	margin: 0 0 0.5rem;
}

.blogIndex .descripcion p:last-child {
	margin-bottom: 0;
}

.blogIndex .Go {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.blogIndex .cat {
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Paginación */
.contentblog .navigation.posts-navigation {
	width: 100%;
	flex: 0 0 100%;
	margin: 2rem 0;
}

.contentblog .nav-links {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
}

/* Anula padding extra de estilosAltior en tablet */
@media (max-width: 1080px) {
	body.blog .contentblog.site-main,
	body.search .contentblog.site-main,
	body.archive .contentblog.site-main {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media (max-width: 768px) {
	.banBlog .header-home_title {
		width: 100%;
		padding: 6rem 1rem 2rem;
	}

	body.blog .contentblog .articulosBlog,
	body.blog .contentblog .side-bar-blog,
	body.search .contentblog .articulosBlog,
	body.search .contentblog .side-bar-blog,
	body.archive .contentblog .articulosBlog,
	body.archive .contentblog .side-bar-blog {
		width: 100%;
		flex: 0 0 100%;
	}

	.blogIndex .contenido {
		flex-direction: column;
	}

	.blogIndex .cont-img,
	.blogIndex .info {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.blogIndex .cont-img {
		height: auto;
	}
}