/*
 * CONTENIDON · Estilos de los bloques de los artículos (clases cd-).
 * Se cargan solo en las entradas. Toman el color principal del tema si existe
 * (temas de bloques, Elementor, Astra, GeneratePress, Kadence) y, si no, un azul neutro.
 * El gestor puede fijar otro color con el filtro «contenidon_color» o en Ajustes › Lectura.
 */
.cd-resumen, .cd-indice, .cd-destacado, .cd-cta, .cd-fuentes, .cd-tabla, .cd-pasos, .cd-figura {
	--cd-acento: var(--cd-color, var(--wp--preset--color--primary, var(--e-global-color-primary, var(--ast-global-color-0, var(--accent, var(--global-palette1, #1f5f99))))));
	--cd-suave: color-mix(in srgb, var(--cd-acento) 8%, transparent);
	--cd-borde: color-mix(in srgb, var(--cd-acento) 28%, transparent);
	box-sizing: border-box;
}

.cd-resumen, .cd-indice, .cd-destacado, .cd-cta, .cd-fuentes {
	margin: 1.75em 0;
	padding: 1.1em 1.3em;
	border-radius: 10px;
}
.cd-resumen > :last-child, .cd-indice > :last-child, .cd-destacado > :last-child, .cd-cta > :last-child, .cd-fuentes > :last-child {
	margin-bottom: 0;
}
.cd-resumen > :first-child, .cd-indice > :first-child, .cd-destacado > :first-child, .cd-cta > :first-child, .cd-fuentes > :first-child {
	margin-top: 0;
}

.cd-resumen-tit, .cd-indice-tit, .cd-cta-tit, .cd-fuentes-tit {
	margin: 0 0 .5em;
	font-weight: 700;
	font-size: .82em;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cd-acento);
}

/* Respuesta rápida */
.cd-resumen {
	background: var(--cd-suave);
	border-left: 4px solid var(--cd-acento);
	font-size: 1.05em;
}

/* Índice */
.cd-indice {
	border: 1px solid var(--cd-borde);
}
.cd-indice ol {
	margin: 0;
	padding-left: 1.3em;
}
.cd-indice li {
	margin: .25em 0;
}
.cd-indice a {
	text-decoration: none;
}
.cd-indice a:hover, .cd-indice a:focus {
	text-decoration: underline;
}

/* Tabla */
.cd-tabla {
	margin: 1.75em 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.cd-tabla table {
	width: 100%;
	border-collapse: collapse;
	font-size: .95em;
}
.cd-tabla th, .cd-tabla td {
	padding: .6em .8em;
	border-bottom: 1px solid var(--cd-borde);
	text-align: left;
	vertical-align: top;
}
.cd-tabla thead th {
	background: var(--cd-suave);
	border-bottom: 2px solid var(--cd-acento);
}

/* Pasos */
ol.cd-pasos {
	counter-reset: cd-paso;
	list-style: none;
	margin: 1.5em 0;
	padding: 0;
}
ol.cd-pasos > li {
	counter-increment: cd-paso;
	position: relative;
	margin: 0 0 .9em;
	padding-left: 2.6em;
}
ol.cd-pasos > li::before {
	content: counter(cd-paso);
	position: absolute;
	left: 0;
	top: .05em;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	background: var(--cd-acento);
	color: #fff;
	font-weight: 700;
	font-size: .9em;
	line-height: 1.8em;
	text-align: center;
}

/* Destacado */
.cd-destacado {
	background: var(--cd-suave);
	border: 1px solid var(--cd-borde);
	font-size: 1.08em;
}

/* Figura */
.cd-figura {
	margin: 1.75em 0;
}
.cd-figura img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.cd-figura figcaption {
	margin-top: .5em;
	font-size: .85em;
	opacity: .8;
}

/* Llamada a la acción */
.cd-cta {
	background: var(--cd-suave);
	border: 2px solid var(--cd-acento);
}
.cd-btn {
	display: inline-block;
	margin: .3em .4em .3em 0;
	padding: .65em 1.2em;
	border-radius: 6px;
	background: var(--cd-acento);
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
}
.cd-btn:hover, .cd-btn:focus {
	filter: brightness(1.08);
}
.cd-btn-sec {
	background: transparent;
	color: var(--cd-acento) !important;
	border: 2px solid var(--cd-acento);
}

/* Fuentes */
.cd-fuentes {
	border-top: 2px solid var(--cd-borde);
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: .88em;
}
.cd-fuentes ul {
	margin: 0;
	padding-left: 1.2em;
}
.cd-fuentes li {
	margin: .3em 0;
}

/* Navegadores sin color-mix: fondos neutros */
@supports not (background: color-mix(in srgb, red 50%, transparent)) {
	.cd-resumen, .cd-indice, .cd-destacado, .cd-cta, .cd-fuentes, .cd-tabla, .cd-pasos, .cd-figura {
		--cd-suave: rgba(0, 0, 0, .04);
		--cd-borde: rgba(0, 0, 0, .15);
	}
}