/**
 * Blog home — variables de marca
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

.blog-qualitas-home {
	max-width: var(--blog-max-width, 1266px);
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
}

.blog-qualitas-home h2 {
	font-size: 18px;
	font-weight: 600;
	color: var(--blog-title, #0096AE);
	margin: 0;
}

.blog-qualitas-section {
	padding: 30px 20px;
	display: grid;
	grid-template-columns: 75% 23%;
	justify-content: space-between;
}

.blog-qualitas-grid3 {
	display: grid;
	grid-template-columns: repeat(3, 32%);
	justify-content: space-between;
	margin: 15px 0 25px;
	gap: 15px 0;
}

.blog-qualitas-boxnota {
	border: 1px solid var(--blog-border, #A6A6A6);
	background: var(--blog-card-bg, #E2EFFF);
	border-radius: 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.blog-qualitas-padding {
	padding: 15px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.blog-qualitas-img-nota {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: block;
}

.blog-qualitas-categorialabel {
	color: var(--blog-category, #941B80);
	font-size: 12px;
	font-weight: 500;
	display: inline-block;
	background: var(--blog-card-bg, #EBF5FF);
	border: 0.5px solid var(--blog-border, #A6A6A6);
	border-radius: 4px;
	padding: 2px 8px;
	width: fit-content;
}

.blog-qualitas-titulo-nota {
	color: var(--blog-title, #FF1721);
	font-size: 16px;
	font-weight: 700;
	margin: 5px 0 0;
}

.blog-qualitas-titulo-nota a {
	color: inherit;
	text-decoration: none;
}

.blog-qualitas-descripcion-nota {
	font-size: 12px;
	font-weight: 500;
	color: var(--blog-meta, #000000);
	margin: 0 0 5px;
	flex: 1;
}

.blog-qualitas-flexnota {
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: center;
	margin-bottom: 8px;
}

.blog-qualitas-flex {
	display: flex;
	gap: 10px;
	align-items: center;
}

.blog-qualitas-autor,
.blog-qualitas-timenota {
	font-size: 10px;
	font-weight: 500;
	color: var(--blog-meta, #00008F);
	margin: 0;
}

.blog-qualitas-timenota svg,
.blog-qualitas-timenota .blog-icon-clock {
	width: 12px;
	height: 12px;
}

.blog-qualitas-leermas {
	background: var(--blog-btn-readmore-bg, #FF1721);
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	width: fit-content;
}

.blog-qualitas-leermas:hover,
.blog-qualitas-leermas:focus,
.blog-qualitas-leermas:active {
	background: var(--blog-btn-readmore-hover, #960000);
	color: #fff;
}

.blog-qualitas-center {
	text-align: center;
}

.blog-qualitas-masarticulos {
	background: transparent;
	color: var(--blog-btn-primary-bg, #0094AE);
	font-size: 14px;
	font-weight: 600;
	border: 2px solid var(--blog-btn-primary-bg, #0094AE);
	padding: 10px 30px;
	border-radius: 20px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	min-width: 220px;
}

.blog-qualitas-masarticulos:hover,
.blog-qualitas-masarticulos:focus,
.blog-qualitas-masarticulos:active {
	background: var(--blog-btn-primary-hover, #00647D);
	border-color: var(--blog-btn-primary-hover, #00647D);
	color: #fff;
}

.blog-qualitas-masarticulos.is-loading {
	opacity: 0.7;
	cursor: wait;
}

.blog-qualitas-latest-more {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 25px;
}

.blog-qualitas-boxnota-horizontal {
	border: 1px solid var(--blog-border, #A6A6A6);
	background: var(--blog-horizontal-card-bg, #fff);
	border-radius: 10px;
	padding: 15px;
	display: grid;
	grid-template-columns: 28% 1fr;
	gap: 20px;
	align-items: stretch;
}

.blog-qualitas-boxnota-horizontal__media {
	display: block;
}

.blog-qualitas-boxnota-horizontal__img {
	width: 100%;
	height: 100%;
	min-height: 150px;
	max-height: 180px;
	object-fit: cover;
	border-radius: 10px;
	display: block;
}

.blog-qualitas-boxnota-horizontal__content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.blog-qualitas-boxnota-horizontal__title {
	color: var(--blog-related-title, var(--blog-title, #FF1721));
	font-size: 18px;
	font-weight: 700;
	margin: 5px 0 8px;
	line-height: 1.3;
}

.blog-qualitas-boxnota-horizontal__title a {
	color: inherit;
	text-decoration: none;
}

.blog-qualitas-boxnota-horizontal__excerpt {
	font-size: 12px;
	font-weight: 500;
	color: var(--blog-meta, #000000);
	margin: 0 0 12px;
	line-height: 1.5;
}

.blog-qualitas-boxnota-horizontal__meta {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 12px;
}

.blog-qualitas-boxnota-horizontal__author {
	font-size: 11px;
	font-weight: 500;
	color: var(--blog-meta, #00008F);
	margin: 0;
}

.blog-qualitas-leermas--outline {
	background: var(--blog-btn-readmore-bg, #490035);
	color: #fff;
	border: none;
}

.blog-qualitas-leermas--outline:hover,
.blog-qualitas-leermas--outline:focus,
.blog-qualitas-leermas--outline:active {
	background: var(--blog-btn-readmore-hover, #941B80);
	color: #fff;
}

.blog-qualitas-promocional1 {
	margin-bottom: 25px;
}

.blog-qualitas-promocional1 img {
	width: 100%;
	height: auto;
	display: block;
}

.blog-qualitas-imgautor {
	border-radius: 100%;
	object-fit: cover;
}

.blog-qualitas-redactores {
	margin: 30px 0;
	display: flex;
	gap: 0 25px;
	flex-wrap: wrap;
}

.blog-qualitas-redactorbox {
	display: flex;
	gap: 25px;
	align-items: center;
	width: 280px;
	background: var(--blog-redactor-bg, #FFEAEA);
	padding: 15px;
	border-radius: 10px;
}

.blog-qualitas-nombre-redactor {
	font-weight: 600;
	color: var(--blog-accent, #0096AE);
	font-size: 18px;
	margin: 0 0 10px;
}

.blog-qualitas-redes {
	display: flex;
	gap: 15px;
	align-items: flex-end;
}

.blog-qualitas-redes a {
	display: inline-flex;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.blog-qualitas-redes a:hover {
	transform: scale(1.1);
}

.blog-qualitas-ulcategorias {
	margin: 5px 0 0;
	padding-left: 20px;
	border-top: 1px solid #d9d9d9;
	padding-top: 10px;
	list-style: none;
}

.blog-qualitas-ulcategorias li {
	list-style-image: var(--blog-arrow-category, none);
}

.blog-qualitas-ulcategorias li:not(:last-child) {
	margin-bottom: 10px;
}

.blog-qualitas-ulcategorias a {
	color: inherit;
	text-decoration: none;
}

.blog-qualitas-ulcategorias a:hover {
	color: var(--blog-link-hover, #00008F);
}

.blog-qualitas-movil {
	display: none;
}

.blog-qualitas-desk {
	display: block;
}

.blog-qualitas-pagination {
	margin: 25px 0 10px;
	padding: 10px 0 20px;
	clear: both;
}

.blog-qualitas-paginator {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-qualitas-paginator li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blog-qualitas-paginator .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	padding: 8px 14px;
	border: 2px solid var(--blog-accent, #0096AE);
	border-radius: 20px;
	color: var(--blog-accent, #0096AE);
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
}

.blog-qualitas-paginator .page-numbers:hover,
.blog-qualitas-paginator .page-numbers:focus {
	background: var(--blog-accent, #0096AE);
	color: #fff;
}

.blog-qualitas-paginator .page-numbers.current {
	background: var(--blog-accent, #0096AE);
	color: #fff;
}

.blog-qualitas-paginator .page-numbers.dots {
	border-color: transparent;
	color: var(--blog-meta, #000000);
}

.blog-qualitas-archive {
	max-width: var(--blog-max-width, 1266px);
	margin: 0 auto;
	padding: 30px 20px 40px;
	font-family: 'Montserrat', sans-serif;
}

.blog-qualitas-archive__title {
	font-size: 18pt;
	font-weight: 400;
	text-align: center;
	margin: 0 0 20px;
	color: var(--blog-primary, #00008F);
}

.blog-qualitas-archive-page .ast-container,
.blog-qualitas-author-page .ast-container {
	max-width: 100%;
	padding: 0;
}

.blog-qualitas-archive-page #primary,
.blog-qualitas-author-page #primary {
	margin: 0;
	padding: 0;
}

.blog-qualitas-author-link {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.blog-qualitas-author-link:hover,
.blog-qualitas-author-link:focus {
	color: var(--blog-link-hover, #00008F);
}

.blog-qualitas-author-link p {
	margin: 0;
}

.blog-qualitas-redactorbox-link {
	display: flex;
	gap: 25px;
	align-items: center;
	width: 100%;
	text-decoration: none;
	color: inherit;
}

.blog-qualitas-redactorbox-link:hover .blog-qualitas-nombre-redactor,
.blog-qualitas-redactorbox-link:focus .blog-qualitas-nombre-redactor {
	color: var(--blog-link-hover, #00008F);
}

.blog-qualitas-page .ast-container {
	max-width: 100%;
	padding: 0;
}

.blog-qualitas-page #primary {
	margin: 0;
	padding: 0;
}

@media (max-width: 820px) {
	.blog-qualitas-movil {
		display: block;
	}

	.blog-qualitas-desk {
		display: none;
	}

	.blog-qualitas-section {
		grid-template-columns: 100%;
	}

	.blog-qualitas-grid3 {
		grid-template-columns: 100%;
	}

	.blog-qualitas-boxnota-horizontal {
		grid-template-columns: 100%;
	}

	.blog-qualitas-boxnota-horizontal__img {
		max-height: 200px;
	}

	.blog-qualitas-redactores {
		gap: 25px;
		flex-direction: column;
	}

	.blog-qualitas-redactorbox {
		width: 100%;
	}
}
