/* ============================================================
   Categorías — listado blog custom
   Editar solo este archivo para cambios en /category/*
   ============================================================ */

body.category #blog-container {
	padding: 0 7% !important;
}

body.category #blog-container.blog-custom-page--category {
	padding-top: 0 !important;
}

body.category .blog-custom-page__nav {
	padding: 40px 0 48px;
	margin-top: 200px;
}

body.category #page-header-bg,
body.category .nectar-page-header-wrap,
body.category .archive-header {
	display: none !important;
}

body.category #sidebar {
	display: none !important;
}

body.category #blog-container .container-wrap {
	padding-top: 0 !important;
	padding-bottom: 48px !important;
}

body.category #blog-container .container.main-content {
	padding-top: 0 !important;
}

body.category #blog-container .row {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	margin: 0 auto !important;
	float: none !important;
}

body.category #blog-container .post-area {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

body.category #blog-container .posts-container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 37px;
	align-items: start;
	width: 100%;
}

body.category #blog-container .posts-container .salient-blog-custom--featured {
	grid-column: 1 / 8;
	grid-row: 1 / 3;
}

body.category #blog-container .posts-container .salient-blog-custom--secondary:nth-child(2) {
	grid-column: 8 / 13;
	grid-row: 1;
}

body.category #blog-container .posts-container .salient-blog-custom--secondary:nth-child(3) {
	grid-column: 8 / 13;
	grid-row: 2;
}

body.category #blog-container .posts-container .salient-blog-custom--grid:nth-child(3n+4) {
	grid-column: 1 / 5;
}

body.category #blog-container .posts-container .salient-blog-custom--grid:nth-child(3n+5) {
	grid-column: 5 / 9;
}

body.category #blog-container .posts-container .salient-blog-custom--grid:nth-child(3n+6) {
	grid-column: 9 / 13;
}

body.category #blog-container .posts-container article.salient-blog-custom {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	width: 100% !important;
	float: none !important;
}

/* Paginación */
body.category #blog-container .post-area > #pagination {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	margin: 48px auto 24px !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
}

body.category #blog-container .post-area > #pagination ul.page-numbers {
	display: inline-flex !important;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
}

body.category #blog-container .post-area > #pagination ul.page-numbers li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	float: none !important;
	display: inline-flex !important;
}

body.category #blog-container .post-area > #pagination ul.page-numbers li::before,
body.category #blog-container .post-area > #pagination ul.page-numbers li::after {
	display: none !important;
	content: none !important;
}

body.category #blog-container .post-area > #pagination .page-numbers {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0 6px !important;
	border-radius: 9999px !important;
	font-family: "Noto Sans", sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-sizing: border-box;
	margin: 0 !important;
}

body.category #blog-container .post-area > #pagination a.page-numbers {
	color: #000 !important;
	background: #ffffff !important;
	border: 1px solid #D7B470 !important;
}

body.category #blog-container .post-area > #pagination a.page-numbers:hover {
	background: #FFF3DB !important;
	color: #1D3442 !important;
}

body.category #blog-container .post-area > #pagination span.page-numbers.current {
	background: #D7B470 !important;
	color: #ffffff !important;
	border: 1px solid #D7B470 !important;
}

body.category #blog-container .post-area > #pagination span.page-numbers.dots {
	min-width: auto !important;
	height: auto !important;
	padding: 0 6px !important;
	background: transparent !important;
	border: none !important;
	color: #000 !important;
}

body.category #blog-container .post-area > #pagination a.prev.page-numbers,
body.category #blog-container .post-area > #pagination a.next.page-numbers {
	font-size: 0 !important;
	color: transparent !important;
	position: relative;
	width: 30px;
	min-width: 30px;
	padding: 0 !important;
}

body.category #blog-container .post-area > #pagination a.prev.page-numbers::before,
body.category #blog-container .post-area > #pagination a.next.page-numbers::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #1D3442;
	border-left: 2px solid #1D3442;
	transform: translate(-35%, -50%) rotate(-45deg);
}

body.category #blog-container .post-area > #pagination a.next.page-numbers::before {
	transform: translate(-65%, -50%) rotate(135deg);
}

@media (max-width: 1000px) {
	body.category #blog-container .posts-container {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	body.category #blog-container .posts-container .salient-blog-custom--featured,
	body.category #blog-container .posts-container .salient-blog-custom--secondary:nth-child(2),
	body.category #blog-container .posts-container .salient-blog-custom--secondary:nth-child(3),
	body.category #blog-container .posts-container .salient-blog-custom--grid:nth-child(3n+4),
	body.category #blog-container .posts-container .salient-blog-custom--grid:nth-child(3n+5),
	body.category #blog-container .posts-container .salient-blog-custom--grid:nth-child(3n+6) {
		grid-column: 1 / -1;
		grid-row: auto;
	}
}

@media (max-width: 1000px) {
	body.category #blog-container .posts-container {
		gap: 20px;
		padding: 0 !important;
	}

	body.category .blog-custom-page__nav {
		margin-top: 100px;
	}

	body.category #blog-container .post-area > #pagination {
		margin-top: 32px !important;
	}
}