/* Estilos de bloque de los artículos (inc/blog.php). Se cargan en el editor y en las páginas que los usan. */

.wp-block-group.is-style-rs-tarjeta {
	margin: 28px 0;
	padding: 22px 26px;
	border: 1px solid #dfe8dc;
	border-radius: 16px;
	background: #f1f6ef;
}

.wp-block-group.is-style-rs-aviso {
	margin: 28px 0;
	padding: 22px 26px;
	border: 1px solid #f0d3cf;
	border-left: 5px solid #b8392b;
	border-radius: 14px;
	background: #fdf4f3;
}

.wp-block-group.is-style-rs-tarjeta > :first-child,
.wp-block-group.is-style-rs-aviso > :first-child {
	margin-top: 0;
}

.wp-block-group.is-style-rs-tarjeta > :last-child,
.wp-block-group.is-style-rs-aviso > :last-child {
	margin-bottom: 0;
}

ul.wp-block-list.is-style-rs-marcas,
ol.wp-block-list.is-style-rs-pasos {
	padding-left: 0;
	list-style: none;
}

ul.wp-block-list.is-style-rs-marcas > li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 34px;
}

ul.wp-block-list.is-style-rs-marcas > li::before {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #2f5c49 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 13px no-repeat;
}

ol.wp-block-list.is-style-rs-pasos {
	counter-reset: rs-paso;
}

ol.wp-block-list.is-style-rs-pasos > li {
	position: relative;
	min-height: 34px;
	margin: 0 0 16px;
	padding-left: 50px;
	counter-increment: rs-paso;
}

ol.wp-block-list.is-style-rs-pasos > li::before {
	content: counter(rs-paso);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #1f4a35;
	color: #ffffff;
	font-weight: 700;
	line-height: 1;
}

.wp-block-quote.is-style-rs-destacado {
	margin: 34px 0;
	padding: 26px 30px;
	border: 1px solid #dfe8dc;
	border-radius: 16px;
	background: #f7faf5;
	color: #2f5c49;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.5;
	text-align: center;
}

.wp-block-quote.is-style-rs-destacado cite {
	display: block;
	margin-top: 10px;
	color: #5a6660;
	font-size: .7em;
	font-style: normal;
}