/*
 * Conqr · Blog (widgets Post Grid y Post). Port exacto de site.css: .posts, .post, .th, .th .bg, .th img,
 * .post h3, .post p, .article y los estilos en línea de PAGES.post() (chero 86vh, h1, .next b).
 */
.cq-posts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 28px);
}
.cq-post {
	display: flex;
	flex-direction: column;
	gap: 18px;
	text-decoration: none;
	color: inherit;
}
.cq-post__th {
	position: relative;
	aspect-ratio: 16 / 10;
	border-radius: 6px;
	overflow: hidden;
}
.cq-post__bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	transition: transform 1.2s var(--cq-ease);
}
.cq-post:hover .cq-post__bg {
	transform: scale(1.06);
}
/* .th img (la figura c0N): 34 % del ancho, al centro, −8° → al hover sube y gira a 6° */
.cq-post__fig {
	position: absolute;
	width: 34%;
	aspect-ratio: 1;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-8deg);
	transition: transform 1.2s var(--cq-ease);
}
.cq-post:hover .cq-post__fig {
	transform: translate(-50%, -56%) rotate(6deg);
}
.cq-post h3 {
	margin: 0;
	font-family: inherit;
	font-size: clamp(26px, 2.6vw, 44px);
	font-weight: 700;
	letter-spacing: -.045em;
	line-height: 1;
	text-transform: lowercase;
	color: inherit;
}
.cq-post p {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .75);
	max-width: 52ch;
}

/* entrada */
.cq-chero.is-post {
	min-height: 86vh;
}
.cq-chero.is-post .cq-chero__h1 {
	font-size: clamp(48px, 7.4vw, 132px);
	max-width: 16ch;
}
.cq-article {
	max-width: 760px;
	margin: 0 auto;
}
/* el artículo como widget nativo Contenido de la entrada (plantilla Single · Blog): la .sec del original */
/* (Elementor le fija max-width:100% al widget: las 760 px salen del relleno lateral) */
.elementor .elementor-widget.cq-postbody,
.elementor.elementor .e-con.cq-postbody {
	box-sizing: border-box;
	padding: clamp(96px, 17vh, 190px) max(var(--cq-m), calc((100% - 760px) / 2));
	line-height: normal;
}
.cq-article a {
	color: var(--cq-paper);
	text-decoration: underline;
	text-underline-offset: .18em;
	text-decoration-thickness: 1px;
}
.cq-article img {
	display: block;
	max-width: 100%;
	height: auto;
}
/* bloques del editor de WordPress dentro del artículo */
.cq-article h2,
.cq-article h3 {
	margin: 1.9em 0 .6em;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1.05;
	color: var(--cq-paper);
}
.cq-article h2 {
	font-size: clamp(28px, 2.6vw, 42px);
}
.cq-article h3 {
	font-size: clamp(22px, 1.8vw, 30px);
}
.cq-article figure {
	margin: 2.4em 0;
}
.cq-article figcaption {
	margin-top: 12px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--cq-dim);
	text-align: left;
}
.cq-article ul,
.cq-article ol {
	margin: 0 0 1.2em;
	padding-left: 1.2em;
}
.cq-article li {
	margin: 0 0 .5em;
	font-size: clamp(18px, 1.45vw, 22px);
	line-height: 1.65;
	color: rgba(255, 255, 255, .88);
}
.cq-article blockquote {
	margin: 2.2em 0;
	padding: 0 0 0 clamp(18px, 2vw, 28px);
	border-left: 2px solid var(--cq-sky);
}
.cq-article blockquote p {
	margin: 0 0 .5em;
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.35;
	letter-spacing: -.01em;
	color: var(--cq-paper);
}
.cq-article blockquote cite {
	font-size: 13px;
	font-style: normal;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cq-sky);
}
.cq-article > :first-child,
.cq-article > .elementor-element:first-child > :first-child {
	margin-top: 0;
}
.cq-article p {
	margin: 0 0 1.2em;
	font-size: clamp(18px, 1.45vw, 22px);
	line-height: 1.65;
	color: rgba(255, 255, 255, .88);
}
/* el primer párrafo del artículo, más grande (también si arriba va una imagen o un subtítulo) */
.cq-article > p:first-of-type,
.cq-article > .elementor-widget-container > p:first-of-type,
.cq-article .cq-art-first p:first-of-type {
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.4;
	color: var(--cq-paper);
}
.cq-next.is-post b,
.cq-next.is-post .cq-next__t {
	font-size: clamp(40px, 6vw, 110px);
}

@media (max-width: 820px) {
	.cq-posts {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Área de contenido de Expertise, Work y Vacantes (s20): solo ocupa lugar si se armó algo en Elementor. */
body:not(.elementor-editor-active) .elementor-widget.cq-extra:not(:has(.elementor)){display:none}

/* Páginas únicas (2026-10-27): el artículo como widgets nativos (Text Editor, Heading, Image) */
.elementor .e-con.cq-postbody {
	max-width: none;
}
.cq-article .elementor-widget.cq-art-h > .elementor-heading-title {
	margin: 1.9em 0 .6em;
	padding: 0;
	font-family: inherit;
	font-weight: 700;
	letter-spacing: -.04em;
	line-height: 1.05;
	text-transform: none;
	color: var(--cq-paper);
}
.cq-article .elementor-widget.cq-art-h > h2.elementor-heading-title {
	font-size: clamp(28px, 2.6vw, 42px);
}
.cq-article .elementor-widget.cq-art-h > h3.elementor-heading-title {
	font-size: clamp(22px, 1.8vw, 30px);
}
.cq-article > .elementor-widget.cq-art-h:first-child > .elementor-heading-title {
	margin-top: 0;
}
.cq-article .elementor-widget.cq-art-img {
	margin: 2.4em 0;
	text-align: left;
}
.cq-article .elementor-widget.cq-art-img figure {
	margin: 0;
}
.cq-article .elementor-widget.cq-art-img img {
	width: 100%;
}
.cq-article .elementor-widget.cq-art-img .widget-image-caption {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--cq-dim);
	text-align: left;
}

/* Botones de categoría arriba de la lista (las pastillas .tags de los casos); la activa, llena */
.cq-blogcats {
	margin: 0 0 clamp(36px, 6vh, 64px);
}
.cq-blogcats li.is-on {
	background: var(--cq-paper);
	color: var(--cq-ink);
	box-shadow: none;
}
