/* Editorial Gutenberg callout styles */

.is-style-cc-importante,
.is-style-cc-resumen,
.is-style-cc-plazo,
.is-style-cc-fuente,
.is-style-cc-caso,
.is-style-cc-docs {
	padding: 20px 22px;
	border-radius: 12px;
	border: 1px solid var(--line, #e7e9e3);
	background: var(--bg-soft, #f5f6f3);
	margin: 1.75em 0;
}

.is-style-cc-importante {
	border-left: 3px solid var(--accent, #e4572e);
	background: color-mix(in srgb, var(--accent, #e4572e) 7%, var(--bg-soft, #f5f6f3));
}

.is-style-cc-resumen {
	border-left: 3px solid var(--brand, #133830);
	background: color-mix(in srgb, var(--brand, #133830) 6%, var(--bg-soft, #f5f6f3));
}

.is-style-cc-plazo {
	border-left: 3px solid var(--respeto, #b85b6b);
	background: color-mix(in srgb, var(--respeto, #b85b6b) 8%, var(--bg-soft, #f5f6f3));
}

.is-style-cc-fuente {
	border-left: 3px solid var(--arraigo, #3f7152);
}

.is-style-cc-caso {
	border-left: 3px solid var(--apego, #d89b2b);
}

.is-style-cc-docs {
	border-style: dashed;
}

.is-style-cc-pasos {
	list-style: none;
	padding-left: 0;
	counter-reset: cc-step;
}

.is-style-cc-pasos li {
	position: relative;
	padding: 14px 0 14px 48px;
	border-top: 1px solid var(--line, #e7e9e3);
	counter-increment: cc-step;
}

.is-style-cc-pasos li:last-child {
	border-bottom: 1px solid var(--line, #e7e9e3);
}

.is-style-cc-pasos li::before {
	content: counter(cc-step);
	position: absolute;
	left: 0;
	top: 14px;
	width: 32px;
	height: 32px;
	display: grid;
	place-items: center;
	border: 1px solid var(--line, #e7e9e3);
	border-radius: 999px;
	font-family: Inter, system-ui, sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--brand, #133830);
}