/* Tipografía global */
body,
.entry-content,
.mainnav .menu > li > a,
.page-title-heading {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	color: var(--cit-ink);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body {
	background: var(--cit-bg);
}

/* Escala editorial */
.page-title-heading {
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--cit-navy);
	line-height: 1.1;
}

.entry-content h1 {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--cit-navy);
}

.entry-content h2 {
	font-size: clamp(1.5rem, 2.5vw, 2.25rem);
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--cit-navy);
	margin-top: 2.5em;
}

.entry-content h3 {
	font-size: clamp(1.15rem, 1.8vw, 1.5rem);
	font-weight: 600;
	color: var(--cit-teal);
}

.entry-content p,
.entry-content li {
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--cit-ink);
}

.entry-content a {
	color: var(--cit-blue);
}

.entry-content a:focus-visible,
.cit-btn:focus-visible,
.mainnav .menu > li > a:focus-visible {
	outline: 2px solid var(--cit-blue);
	outline-offset: 2px;
}

/* Header */
#header {
	background: var(--cit-navy);
}

.mainnav .menu > li > a,
.header-menu a {
	color: #ffffff;
	font-weight: 600;
}

.mainnav .menu > li > a:hover {
	color: var(--cit-cta-green);
}

/* Footer */
.footer_background {
	background: var(--cit-navy) !important;
}

.footer_background a {
	color: #ffffff;
}

.footer_background a:hover {
	color: var(--cit-cta-green);
}

/* Cards genéricas de contenido WP (fuera de cit-sitio, que trae las suyas) */
.entry-content > .wp-block-group,
.entry-content table {
	border: 1px solid var(--cit-border);
	border-radius: 16px;
}

.entry-content table {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.entry-content table th {
	background: var(--cit-warm);
	color: var(--cit-navy);
}

/* Fondo de sección alterna, uso opcional vía clase utilitaria */
.cit-section--warm {
	background: var(--cit-warm);
}