/* glossary-entry-70578.css · /glosario/lead-scoring/ (ID 70578) · A7, 12-nov-2026
 *
 * Hoja propia de UNA entrada del glosario. La enlaza preview-glossary-entry.phtml v9 solo si
 * data/glossary-entry/70578.json la declara (clave "css"). Todas las reglas van acotadas a
 * body.page-id-70578.cronuts-glossary-entry: las otras 56 entradas no la cargan y, aunque la cargaran,
 * no casaría ningún selector.
 *
 * Orden de carga: va en el <head> de la phtml, ANTES de wp_head (main.css, la hoja de caché y
 * guia-servicio.css). Por eso cada regla gana por especificidad (body + 2 clases) y no por orden.
 * Tipografía: solo las variables del sitio (--font-display = Poppins, --font-body = Inter).
 * Rojo de botón: el del sitio, --cd-btn-red (#DF1F3A, 4,78:1 con blanco). No se usa #E6243F en fondos de botón.
 * Cada regla lleva el porqué: lo que el componente real no resuelve en esta página.
 */

/* 1 · HERO ----------------------------------------------------------------------------------------
 * Hallazgo A7: con el H1 de esta página (72 caracteres, intocable) el hero mide más de 900 px a 1440 y
 * el H1 sale en 4 líneas. La escala del H1 NO se toca (la de main.css, la misma que ABM); se gana
 * altura con el aire vertical de la plantilla (180/120 px) y dejando que el H1 use el ancho del
 * contenedor, que en esta página sobra (el tope global de 11.83em está pensado para H1 cortos). */
body.page-id-70578.cronuts-glossary-entry .hero {
	padding: 140px 0 56px;
}
body.page-id-70578.cronuts-glossary-entry .hero__inner {
	max-width: 1100px; /* el mismo ancho que las secciones del cuerpo (1100): el H1 cabe en 3 líneas a 1440
	                      y el borde izquierdo del hero queda alineado con el de los H2 */
}
html body.page-id-70578.cronuts-glossary-entry .hero__title {
	max-width: 15.5em !important; /* gana al `html body .hero__title{max-width:11.83em!important}` de la caché */
	margin-bottom: 22px;
	text-wrap: balance;
}
body.page-id-70578.cronuts-glossary-entry .hero__lead {
	margin-bottom: 28px;
	max-width: 64ch;
}
body.page-id-70578.cronuts-glossary-entry .hero__ctas {
	margin-bottom: 28px; /* 64 en la plantilla: ahora debajo va la firma, no la rejilla */
}
/* La rejilla B2B / CRONUTS / ES·EU se conserva (es de la plantilla), más baja. */
body.page-id-70578.cronuts-glossary-entry .hero__meta-item {
	padding: 16px 20px 16px 24px;
}
body.page-id-70578.cronuts-glossary-entry .hero__meta-num {
	font-size: 24px;
	margin-top: 10px;
}

/* Firma en el hero (la plantilla v8 no pinta autor). */
body.page-id-70578.cronuts-glossary-entry .hero__byline {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 32px;
	font-family: var(--font-body);
	font-size: 14px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.72); /* 9,9:1 sobre #0A0A0A */
}
body.page-id-70578.cronuts-glossary-entry .hero__byline-foto {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	object-fit: cover;
	flex: none;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.14);
}
body.page-id-70578.cronuts-glossary-entry .hero__byline-name {
	font-family: var(--font-display);
	font-weight: 600;
	color: #fff;
}
body.page-id-70578.cronuts-glossary-entry a.hero__byline-name:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 720px) {
	/* A 375 el CTA del hero tiene que verse en la primera pantalla sin contar el del menú. */
	body.page-id-70578.cronuts-glossary-entry .hero {
		padding: 108px 0 48px;
	}
	body.page-id-70578.cronuts-glossary-entry .hero__back {
		margin-bottom: 14px;
	}
	body.page-id-70578.cronuts-glossary-entry .hero__eyebrow {
		margin-bottom: 16px;
	}
	body.page-id-70578.cronuts-glossary-entry .hero__lead {
		font-size: 17px;
		margin-bottom: 22px;
	}
	body.page-id-70578.cronuts-glossary-entry .hero__ctas {
		margin-bottom: 24px;
	}
	body.page-id-70578.cronuts-glossary-entry .hero__byline {
		align-items: flex-start;
		margin-bottom: 24px;
	}
}

/* 2 · «EN SÍNTESIS» --------------------------------------------------------------------------------
 * v9 pinta aquí «En resumen» de A5 (lista) en vez de repetir la bajada. La tarjeta solo sabía de un <p>. */
body.page-id-70578.cronuts-glossary-entry .resumen-card__a--lista ul {
	margin: 0;
	padding-left: 22px;
}
body.page-id-70578.cronuts-glossary-entry .resumen-card__a--lista li {
	margin: 0 0 8px;
	line-height: 1.6;
}
body.page-id-70578.cronuts-glossary-entry .resumen-card__a--lista li:last-child {
	margin-bottom: 0;
}
body.page-id-70578.cronuts-glossary-entry .resumen-card__a--lista li::marker {
	color: var(--cd-btn-red, #DF1F3A);
}

/* 3 · CUERPO ---------------------------------------------------------------------------------------
 * Los H2 conservan su id (v9) y el índice ya lleva a ellos: que el header fijo no los tape. */
body.page-id-70578.cronuts-glossary-entry .section__title[id],
body.page-id-70578.cronuts-glossary-entry #auditoria {
	scroll-margin-top: 112px;
}
/* Ritmo: .prose p {margin:0} y .prose ul/ol {margin:0} de la plantilla dejan párrafos y listas pegados
 * cuando un hijo no es directo de .prose (dentro de .faq__a o de la tarjeta CTA). */
/* Medido en vivo y en maqueta (vuelta 2): el `.prose > * + * {margin-top:22px}` de la plantilla pierde contra
 * una regla del sitio y «El proceso tiene cuatro pasos:», la lista y el párrafo siguiente salen pegados. */
body.page-id-70578.cronuts-glossary-entry .prose > * + * {
	margin-top: 20px;
}
body.page-id-70578.cronuts-glossary-entry .prose > h3 {
	margin-top: 44px;
	margin-bottom: 0;
}
body.page-id-70578.cronuts-glossary-entry .prose > h3 + * {
	margin-top: 12px;
}
body.page-id-70578.cronuts-glossary-entry .prose li + li {
	margin-top: 8px;
}
body.page-id-70578.cronuts-glossary-entry .prose li > p,
body.page-id-70578.cronuts-glossary-entry .faq__a > p + p {
	margin-top: 12px;
}
/* H3 del cuerpo en Poppins con el peso del sitio (la plantilla lo declara, pero main.css lo pisaba con
 * la fuente de cuerpo en algunas secciones). */
body.page-id-70578.cronuts-glossary-entry .prose h3 {
	font-family: var(--font-display);
	font-weight: 700;
}
/* .prose a (rojo + subrayado inferior) pisaba al botón del tema dentro del cuerpo. */
body.page-id-70578.cronuts-glossary-entry .prose a.btn,
body.page-id-70578.cronuts-glossary-entry .prose a.btn:hover {
	color: #fff;
	border-bottom: 0;
	text-decoration: none;
}
/* Tablas: que no desborden a 375 (tres columnas con texto largo). */
body.page-id-70578.cronuts-glossary-entry .prose table {
	display: block;
	overflow-x: auto;
	max-width: 100%;
}
@media (min-width: 721px) {
	body.page-id-70578.cronuts-glossary-entry .prose table {
		display: table;
	}
}
@media (max-width: 720px) {
	/* Vuelta 3: a 375 la tercera columna («Puntos de ejemplo») quedaba cortada en el borde. */
	body.page-id-70578.cronuts-glossary-entry .prose th,
	body.page-id-70578.cronuts-glossary-entry .prose td {
		padding: 12px 10px;
	}
	body.page-id-70578.cronuts-glossary-entry .prose th {
		letter-spacing: 0.03em;
	}
}

/* 4 · CTA DEL CUERPO -------------------------------------------------------------------------------
 * guia-servicio.css ya da tarjeta oscura + botón #DF1F3A a .cta-inline en esta página. Aquí solo el
 * botón del tema (.btn.btn--dark-primary) y la flecha, para que sea el mismo botón que el del hero. */
body.page-id-70578.cronuts-glossary-entry .cta-inline a.btn.cta-inline__link {
	font-size: 15px;
	padding: 14px 24px !important;
	gap: 10px;
}

/* 5 · FAQ ------------------------------------------------------------------------------------------
 * Acordeón con las clases de la propia plantilla (.faq, .faq__item, .faq__q, .faq__a). La pregunta va
 * en un H3 dentro del summary: hereda el tamaño de .faq__q y no el de .prose h3. */
body.page-id-70578.cronuts-glossary-entry .prose .faq {
	margin-top: 8px;
}
body.page-id-70578.cronuts-glossary-entry .prose .faq__item {
	margin: 0;
}
body.page-id-70578.cronuts-glossary-entry .prose .faq__q {
	display: block;
}
body.page-id-70578.cronuts-glossary-entry .prose .faq__q-titulo {
	font: inherit;
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 19px;
	line-height: 1.3;
	letter-spacing: -0.015em;
	color: var(--cd-ink);
	margin: 0;
}
body.page-id-70578.cronuts-glossary-entry .prose .faq__a p {
	margin: 0;
}
body.page-id-70578.cronuts-glossary-entry .prose .faq + * {
	margin-top: 40px;
}
@media (max-width: 720px) {
	body.page-id-70578.cronuts-glossary-entry .prose .faq__q-titulo {
		font-size: 17px;
	}
}

/* 6 · BLOQUE «SIGUIENTE PASO» DEL INYECTOR GEO ------------------------------------------------------
 * El inyector (no se toca) añade un <aside> con su H2 al final del contenido; la plantilla trocea por H2 y
 * deja el eyebrow «Siguiente paso» suelto, dentro de una caja vacía, al final de la FAQ. El texto se
 * conserva como eyebrow de su propia sección (v9) y la caja huérfana se oculta. Arreglo de raíz: A3. */
body.page-id-70578.cronuts-glossary-entry .prose > aside.cronuts-next-step:not(:has(.cronuts-next-step__grid)) {
	display: none;
}

/* El bloque inyectado pinta con system-ui (su <style> propio). En esta página, las fuentes del sitio. */
body.page-id-70578.cronuts-glossary-entry .cronuts-next-step__label {
	font-family: var(--font-display);
	font-weight: 600;
}
body.page-id-70578.cronuts-glossary-entry .cronuts-next-step__desc,
body.page-id-70578.cronuts-glossary-entry .cronuts-next-step__eyebrow {
	font-family: var(--font-body);
}

/* 7b · FORMULARIO #auditoria (solo presentación; campos, nombres y atributos intactos) --------------
 * La pista sale en la monoespaciada del sitio (JetBrains Mono): el encargo pide solo Poppins + Inter.
 * El enlace de privacidad, #E6243F sobre #0A0A0A a 12 px, da 4,42:1 (no AA): el rosa de enlace en
 * oscuro que ya usa la plantilla (.section--dark .prose a). */
body.page-id-70578.cronuts-glossary-entry .cta-form__hint {
	font-family: var(--font-body);
	letter-spacing: 0.02em;
}
body.page-id-70578.cronuts-glossary-entry .cta-form__consent a {
	color: #ff8794;
}
/* «Explora pilares relacionados» (bloque del sitio tras </main>, fondo oscuro): eyebrow rojo translúcido a
 * 4,07:1. Mismo rosa de enlace en oscuro. Arreglo de raíz para A3: el bloque es de todo el sitio. */
body.page-id-70578.cronuts-glossary-entry .cronuts-related__eyebrow {
	color: #ff8794;
}

/* 7 · TARJETA DE AUTOR -----------------------------------------------------------------------------
 * Mismo lenguaje que .resumen-card (lienzo, sombra neumórfica, filete rojo). */
body.page-id-70578.cronuts-glossary-entry .cn-author {
	padding-top: 24px;
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card {
	display: flex;
	align-items: center;
	gap: 24px;
	max-width: 820px;
	background: var(--cd-canvas);
	border-radius: 16px;
	padding: 28px 32px;
	box-shadow: var(--nm-out-sm);
	border-left: 4px solid var(--cd-btn-red, #DF1F3A);
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__foto {
	width: 96px;
	height: 96px;
	border-radius: 999px;
	object-fit: cover;
	flex: none;
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__label {
	margin-bottom: 8px;
	color: #C8182F; /* 5,3:1 sobre #E0E5EC: el rojo de texto del sitio, no el de fondo */
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__label::before {
	background: #C8182F;
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__name {
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 22px;
	letter-spacing: -0.015em;
	color: var(--cd-ink);
	margin: 0 0 2px;
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__role {
	font-size: 15px;
	color: var(--cd-ink-2);
	margin: 0 0 12px;
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__links {
	display: flex;
	gap: 18px;
	margin: 0;
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 14px;
}
body.page-id-70578.cronuts-glossary-entry .cn-author-card__links a {
	color: #B0152C; /* 6,0:1 sobre #E0E5EC */
	text-decoration: underline;
	text-underline-offset: 3px;
}
@media (max-width: 720px) {
	body.page-id-70578.cronuts-glossary-entry .cn-author-card {
		align-items: flex-start;
		padding: 22px 20px;
		gap: 16px;
	}
	body.page-id-70578.cronuts-glossary-entry .cn-author-card__foto {
		width: 64px;
		height: 64px;
	}
}