/* ==========================================================================
   Udemax — Artículo del blog (single post)
   --------------------------------------------------------------------------
   Todo va scopeado bajo .single-post para no filtrar estilos a páginas,
   tratamientos ni fichas de equipo.

   Se carga SOLO en entradas (ver el enqueue condicional en functions.php).

   Paleta y familias tomadas del tema, no inventadas:
     turquesa  #43d5cb   (acento de marca)
     azul      #4e6dcc   (secundario, metadatos)
     texto     #333 / #6e6e6e
     Poppins (títulos) · Open Sans (texto) — ya servidas en local
   ========================================================================== */

.single-post {
	--u-accent: #43d5cb;
	--u-accent-dark: #2bb6ad;
	--u-blue: #4e6dcc;
	--u-ink: #2c3038;
	--u-muted: #6e6e6e;
	--u-line: #e4e7ec;
	--u-surface: #f6fbfb;
	--u-read: 100%;
	--u-radius: 10px;
}

/* --------------------------------------------------------------------------
   1. Ancho de lectura
   Si tu marcado usa otro contenedor, ajusta SOLO este selector.
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text-main {
	max-width: var(--u-read);
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------------------
   2. Ritmo tipográfico
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text-main p {
	font-size: 17px;
	line-height: 1.75;
	color: var(--u-ink);
	margin: 0 0 1.35em;
}

.single-post .mkdf-post-text-main h2 {
	font-size: 30px;
	line-height: 1.3;
	margin: 2.4em 0 .6em;
	padding-top: .5em;
	border-top: 1px solid var(--u-line);
	scroll-margin-top: 100px; /* que el ancla no quede bajo el header fijo */
}

.single-post .mkdf-post-text-main h3 {
	font-size: 21px;
	line-height: 1.4;
	margin: 1.9em 0 .5em;
	color: var(--u-ink);
}

.single-post .mkdf-post-text-main h4 {
	font-size: 17px;
	line-height: 1.45;
	margin: 1.6em 0 .4em;
	letter-spacing: .01em;
}

.single-post .mkdf-post-text-main h2:first-child,
.single-post .mkdf-post-text-main h3:first-child {
	margin-top: 0;
}

/* Enlaces dentro del texto: que se lean como enlaces */
.single-post .mkdf-post-text-main p a,
.single-post .mkdf-post-text-main li a {
	color: var(--u-accent-dark);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: color .15s ease-out;
}

.single-post .mkdf-post-text-main p a:hover,
.single-post .mkdf-post-text-main li a:hover {
	color: var(--u-blue);
}

/* --------------------------------------------------------------------------
   3. Listas con marcador de marca
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text-main ul {
	list-style: none;
	padding-left: 0;
	margin: 0 0 1.5em;
}

.single-post .mkdf-post-text-main ul li {
	position: relative;
	padding-left: 1.6em;
	margin-bottom: .6em;
	font-size: 17px;
	line-height: 1.7;
	color: var(--u-ink);
}

.single-post .mkdf-post-text-main ul li::before {
	content: "";
	position: absolute;
	left: .25em;
	top: .62em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--u-accent);
}

.single-post .mkdf-post-text-main ol {
	padding-left: 1.3em;
	margin: 0 0 1.5em;
}

.single-post .mkdf-post-text-main ol li {
	margin-bottom: .6em;
	font-size: 17px;
	line-height: 1.7;
	padding-left: .3em;
}

.single-post .mkdf-post-text-main ol li::marker {
	color: var(--u-accent-dark);
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   4. Imágenes y pies de foto
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text-main img {
	border-radius: var(--u-radius);
	height: auto;
}

.single-post .mkdf-post-text-main figure {
	margin: 2em 0;
}

.single-post .mkdf-post-text-main figcaption,
.single-post .mkdf-post-text-main .wp-caption-text {
	margin-top: .7em;
	font-size: 13px;
	line-height: 1.5;
	color: var(--u-muted);
	text-align: right;
	border-right: 2px solid var(--u-accent);
	padding-right: .7em;
}

/* --------------------------------------------------------------------------
   5. Índice de contenidos
   -------------------------------------------------------------------------- */

.udemax-toc {
	max-width: var(--u-read);
	margin: 0 auto 2.5em;
	padding: 1.2em 1.5em;
	background: var(--u-surface);
	border: 1px solid var(--u-line);
	border-left: 3px solid var(--u-accent);
	border-radius: var(--u-radius);
}

.udemax-toc__title {
	cursor: pointer;
	list-style: none;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--u-muted);
}

.udemax-toc__title::-webkit-details-marker {
	display: none;
}

.udemax-toc__title::after {
	content: "+";
	float: right;
	font-size: 16px;
	line-height: 1;
	color: var(--u-accent-dark);
}

.udemax-toc[open] .udemax-toc__title::after {
	content: "–";
}

.single-post .mkdf-post-text-main .udemax-toc__list,
.udemax-toc__list {
	counter-reset: u-toc;
	list-style: none;
	margin: 1.1em 0 0;
	padding-left: 0;
}

.single-post .mkdf-post-text-main .udemax-toc__list li,
.udemax-toc__list li {
	counter-increment: u-toc;
	position: relative;
	padding-left: 2.4em;
	margin-bottom: .55em;
	line-height: 1.5;
}

.udemax-toc__list li::marker {
	content: none;
}

.udemax-toc__list li::before {
	content: counter(u-toc, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: .15em;
	font-family: Poppins, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: var(--u-accent);
}

.udemax-toc__list a {
	color: var(--u-ink);
	font-size: 15.5px;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .15s ease-out, color .15s ease-out;
}

.udemax-toc__list a:hover,
.udemax-toc__list a:focus-visible {
	color: var(--u-accent-dark);
	border-bottom-color: var(--u-accent);
}

/* --------------------------------------------------------------------------
   6. Firma superior
   -------------------------------------------------------------------------- */

.udemax-byline {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: var(--u-read);
	margin: 0 auto 2em;
	padding-bottom: 1.4em;
	border-bottom: 1px solid var(--u-line);
}

.udemax-byline__photo {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
	border: 2px solid var(--u-accent);
}

.udemax-byline__text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.udemax-byline__label {
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--u-muted);
}

.udemax-byline__name {
	font-family: Poppins, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--u-ink);
	text-decoration: none;
}

.udemax-byline__name:hover {
	color: var(--u-accent-dark);
}

.udemax-byline__meta {
	font-size: 13px;
	line-height: 1.45;
	color: var(--u-muted);
}

/* --------------------------------------------------------------------------
   7. Consejos y llamadas a la acción
   Se insertan con los shortcodes [udemax_consejo] y [udemax_cta].
   Cada uno tiene variante --claro y --oscuro: pruébalas y quédate con una.
   -------------------------------------------------------------------------- */

.udemax-callout,
.udemax-cta {
	max-width: var(--u-read);
	margin: 2.4em auto;
	border-radius: var(--u-radius);
}

/* --- Consejo -------------------------------------------------------------- */

.udemax-callout {
	padding: 1.5em 1.7em;
}

.udemax-callout__head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 .9em !important;
}

.udemax-callout__tag {
	flex-shrink: 0;
	padding: .28em .75em;
	border-radius: 4px;
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.udemax-callout__title {
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
}

.udemax-callout__body > :last-child {
	margin-bottom: 0 !important;
}

.udemax-callout__body p {
	font-size: 16px !important;
	line-height: 1.65 !important;
	margin-bottom: .8em !important;
}

/* Variante clara */
.udemax-callout--claro {
	background: var(--u-surface);
	border: 1px solid var(--u-line);
	border-left: 3px solid var(--u-accent);
}

.udemax-callout--claro .udemax-callout__tag {
	background: var(--u-accent);
	color: #fff;
}

.udemax-callout--claro .udemax-callout__title {
	color: var(--u-ink);
}

.udemax-callout--claro .udemax-callout__body p {
	color: var(--u-ink) !important;
}

/* Variante oscura */
.udemax-callout--oscuro {
	background: var(--u-ink);
}

.udemax-callout--oscuro .udemax-callout__tag {
	background: var(--u-accent);
	color: #2c3038;
}

.udemax-callout--oscuro .udemax-callout__title {
	color: #fff;
}

.udemax-callout--oscuro .udemax-callout__body p {
	color: rgba(255, 255, 255, .93) !important;
}

.udemax-callout--oscuro .udemax-callout__body a {
	color: var(--u-accent) !important;
}

/* --- Llamada a la acción -------------------------------------------------- */

.udemax-cta {
	padding: 2em 1.8em;
	text-align: center;
}

.udemax-cta__text {
	font-family: Poppins, sans-serif;
	font-size: 19px !important;
	font-weight: 500;
	line-height: 1.45 !important;
	margin: 0 0 1.2em !important;
}

.single-post .mkdf-post-text-main .udemax-cta__text,
.udemax-cta__text {
	text-align: center;
}

.udemax-cta__button {
	display: inline-block;
	padding: 14px 32px;
	background: var(--u-accent);
	color: #fff !important;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 40px;
	transition: background .15s ease-out, transform .15s ease-out;
}

.udemax-cta__button:hover {
	background: var(--u-accent-dark);
	transform: translateY(-1px);
}

/* Variante oscura */
.udemax-cta--oscuro {
	background: var(--u-ink);
}

.udemax-cta--oscuro .udemax-cta__text {
	color: #fff !important;
}

/* Variante clara */
.udemax-cta--claro {
	background: var(--u-surface);
	border: 1px solid var(--u-line);
}

.udemax-cta--claro .udemax-cta__text {
	color: var(--u-ink) !important;
}

/* --------------------------------------------------------------------------
   7b. Avisos clínicos — [udemax_aviso]
   Ámbar, no rojo: es precaución, no error. Borde izquierdo para
   distinguirlo del consejo de un vistazo.
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text-main .udemax-aviso {
	max-width: var(--u-read);
	margin: 2.4em auto;
	padding: 1.5em 1.7em;
	border-radius: var(--u-radius);
	border-left: 4px solid transparent;
}

.single-post .mkdf-post-text-main .udemax-aviso__cabecera {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 .9em !important;
}

.udemax-aviso__badge {
	flex-shrink: 0;
	padding: .28em .75em;
	border-radius: 4px;
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.udemax-aviso__titulo {
	font-family: Poppins, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.35;
}

.single-post .mkdf-post-text-main .udemax-aviso__texto p {
	font-size: 16px !important;
	line-height: 1.65 !important;
	margin-bottom: .8em !important;
}

.udemax-aviso__texto > :last-child {
	margin-bottom: 0 !important;
}

/* Variante oscura */
.udemax-aviso--oscuro {
	background: var(--u-ink);
	border-left-color: #f5a524;
}

.udemax-aviso--oscuro .udemax-aviso__badge {
	background: #f5a524;
	color: #2c3038;
}

.udemax-aviso--oscuro .udemax-aviso__titulo {
	color: #fff;
}

.udemax-aviso--oscuro .udemax-aviso__texto,
.udemax-aviso--oscuro .udemax-aviso__texto p {
	color: rgba(255, 255, 255, .93) !important;
}

.udemax-aviso--oscuro .udemax-aviso__texto a {
	color: #f5c26b !important;
}

/* Variante clara */
.udemax-aviso--claro {
	background: #fdf6e9;
	border-left-color: #b26a00;
}

.udemax-aviso--claro .udemax-aviso__badge {
	background: #b26a00;
	color: #fff;
}

.udemax-aviso--claro .udemax-aviso__titulo {
	color: #3b2a10;
}

.udemax-aviso--claro .udemax-aviso__texto,
.udemax-aviso--claro .udemax-aviso__texto p {
	color: #4a3a22 !important;
}

.udemax-aviso--claro .udemax-aviso__texto a {
	color: #8a4f00 !important;
}

/* --------------------------------------------------------------------------
   8. Acordeón de preguntas frecuentes
   -------------------------------------------------------------------------- */

.udemax-faq {
	max-width: var(--u-read);
	margin: 1.5em auto 2.5em;
	border-top: 1px solid var(--u-line);
}

.udemax-faq__item {
	border-bottom: 1px solid var(--u-line);
}

.udemax-faq__question {
	cursor: pointer;
	list-style: none;
	position: relative;
	display: block;
	padding: 1.05em 2.2em 1.05em 0;
	font-family: Poppins, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--u-ink);
	transition: color .15s ease-out;
}

.udemax-faq__question::-webkit-details-marker {
	display: none;
}

.udemax-faq__question:hover {
	color: var(--u-accent-dark);
}

.udemax-faq__question::after {
	content: "";
	position: absolute;
	right: .35em;
	top: 1.5em;
	width: 9px;
	height: 9px;
	border-right: 2px solid var(--u-accent);
	border-bottom: 2px solid var(--u-accent);
	transform: rotate(45deg);
	transition: transform .2s ease-out;
}

.udemax-faq__item[open] .udemax-faq__question::after {
	transform: rotate(-135deg);
}

.udemax-faq__answer {
	padding: 0 2.2em 1.2em 0;
}

.udemax-faq__answer > :last-child {
	margin-bottom: 0;
}

.udemax-faq__answer p {
	font-size: 16px;
	color: var(--u-muted);
}

/* --------------------------------------------------------------------------
   9. Caja de autor
   -------------------------------------------------------------------------- */

.udemax-authorbox {
	display: flex;
	gap: 24px;
	max-width: var(--u-read);
	margin: 3.5em auto 0;
	padding: 1.9em;
	background: var(--u-surface);
	border: 1px solid var(--u-line);
	border-radius: var(--u-radius);
}

.udemax-authorbox__photo {
	flex-shrink: 0;
	display: block;
	line-height: 0;
}

.udemax-authorbox__photo img {
	width: 108px;
	height: 108px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #fff;
	box-shadow: 0 2px 10px rgba(44, 48, 56, .12);
}

.udemax-authorbox__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.udemax-authorbox__eyebrow {
	font-family: Poppins, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--u-muted);
	margin-bottom: .4em;
}

.udemax-authorbox__name {
	font-family: Poppins, sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.3;
}

.udemax-authorbox__name a {
	color: var(--u-ink);
	text-decoration: none;
}

.udemax-authorbox__name a:hover {
	color: var(--u-accent-dark);
}

.udemax-authorbox__role {
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--u-blue);
	margin-top: .25em;
}

.udemax-authorbox__colegiado {
	align-self: flex-start;
	margin-top: .7em;
	padding: .3em .8em;
	background: #fff;
	border: 1px solid var(--u-line);
	border-radius: 40px;
	font-size: 12.5px;
	color: var(--u-muted);
}

.udemax-authorbox__bio {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: var(--u-muted) !important;
	margin: 1em 0 0 !important;
}

.udemax-authorbox__link {
	align-self: flex-start;
	margin-top: 1.1em;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: var(--u-accent-dark);
	text-decoration: none;
	border-bottom: 1px solid var(--u-accent);
	padding-bottom: 2px;
}

.udemax-authorbox__link:hover {
	color: var(--u-blue);
	border-bottom-color: var(--u-blue);
}

/* --------------------------------------------------------------------------
   10. Accesibilidad y móvil
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text-main a:focus-visible,
.udemax-toc a:focus-visible,
.udemax-faq__question:focus-visible,
.udemax-authorbox a:focus-visible {
	outline: 2px solid var(--u-accent-dark);
	outline-offset: 3px;
}

@media (max-width: 768px) {

	.single-post {
		--u-read: 100%;
	}

	.single-post .mkdf-post-text-main p,
	.single-post .mkdf-post-text-main ul li,
	.single-post .mkdf-post-text-main ol li {
		font-size: 16.5px;
	}

	.single-post .mkdf-post-text-main h2 {
		font-size: 25px;
		margin-top: 1.9em;
	}

	.single-post .mkdf-post-text-main h3 {
		font-size: 19px;
	}

	.udemax-authorbox {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 1.6em 1.3em;
	}

	.udemax-authorbox__body {
		align-items: center;
	}

	.udemax-authorbox__colegiado,
	.udemax-authorbox__link {
		align-self: center;
	}

	.udemax-cta {
		padding: 1.6em 1.2em;
	}

	.udemax-cta__text {
		font-size: 17px !important;
	}

	.udemax-callout {
		padding: 1.3em 1.2em;
	}

	.udemax-callout__title {
		font-size: 18px;
	}

		.udemax-aviso {
		padding: 1.3em 1.2em;
	}

	.udemax-aviso__titulo {
		font-size: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {

	.single-post *,
	.udemax-toc *,
	.udemax-faq * {
		transition-duration: .01ms !important;
	}
}

/* --------------------------------------------------------------------------
   9. Tablas comparativas
   Se insertan como Raw HTML dentro del artículo.
   Cabecera oscura + cuerpo claro.
   -------------------------------------------------------------------------- */

.single-post .mkdf-post-text .udemax-tabla-wrap{
	margin: 2.5rem 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #dfe4e8;
	border-radius: 10px;
	background: #ffffff;
}

.single-post .mkdf-post-text .udemax-tabla{
	width: 100%;
	min-width: 860px;
	margin: 0;
	border-collapse: collapse;
	font-size: .95rem;
	line-height: 1.5;
}

.single-post .mkdf-post-text .udemax-tabla__caption{
	caption-side: top;
	padding: .9rem 1.25rem .55rem;
	text-align: left;
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #aeb6c0;
	background: #2c3038;
}

.single-post .mkdf-post-text .udemax-tabla th,
.single-post .mkdf-post-text .udemax-tabla td{
	padding: .85rem 1.1rem;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e9edf0;
}

.single-post .mkdf-post-text .udemax-tabla thead th{
	background: #2c3038;
	color: #ffffff;
	font-weight: 700;
	border-bottom: 2px solid #43d5cb;
	white-space: nowrap;
}

.single-post .mkdf-post-text .udemax-tabla tbody th[scope="row"]{
	font-weight: 700;
	color: #2c3038;
	white-space: nowrap;
}

.single-post .mkdf-post-text .udemax-tabla tbody tr:nth-child(even){
	background: #fafbfc;
}

.single-post .mkdf-post-text .udemax-tabla tbody tr:last-child th,
.single-post .mkdf-post-text .udemax-tabla tbody tr:last-child td{
	border-bottom: 0;
}

.single-post .mkdf-post-text .udemax-tabla__nota{
	margin: 0;
	padding: .85rem 1.25rem;
	background: #f7f9fa;
	border-top: 1px solid #e9edf0;
	font-size: .82rem;
	color: #667380;
}

/* En móvil, la primera columna queda fija al hacer scroll horizontal */
@media (max-width: 782px){
	.single-post .mkdf-post-text .udemax-tabla thead th:first-child,
	.single-post .mkdf-post-text .udemax-tabla tbody th[scope="row"]{
		position: sticky;
		left: 0;
		z-index: 1;
		box-shadow: 1px 0 0 #e3e8eb;
	}
	.single-post .mkdf-post-text .udemax-tabla thead th:first-child{ background: #2c3038; }
	.single-post .mkdf-post-text .udemax-tabla tbody th[scope="row"]{ background: #ffffff; }
}

/* ---------------------------------------------------------------------------
   Caja de resumen / conclusiones clave — [udemax_resumen]
   --------------------------------------------------------------------------- */

:root {
	--udemax-accent: #2fb5b8;   /* ← AJUSTA al turquesa exacto de marca */
	--udemax-dark: #2c3038;     /* mismo gris de las cabeceras de tabla */
}

/* --- Estructura (sin color) --- */

.udemax-resumen {
	position: relative;
	margin: 2.5rem 0;
	padding: 1.75rem 1.75rem 1.5rem 1.75rem;
	border-radius: 6px;
	border: 1px solid transparent;
	border-left-width: 3px;
	border-left-style: solid;
}

.udemax-resumen__titulo {
	margin: 0 0 1rem 0 !important;
	padding: 0 !important;
	font-size: 1.35rem;
	line-height: 1.3;
	border: 0 !important;
}

/* El H2 de la caja no debe llevar el separador del tema padre */
.udemax-resumen__titulo::after,
.udemax-resumen__titulo::before {
	display: none !important;
}

.udemax-resumen__cuerpo > *:last-child {
	margin-bottom: 0 !important;
}

.udemax-resumen__cuerpo ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.udemax-resumen__cuerpo ul li {
	position: relative;
	margin: 0 0 .85rem 0 !important;
	padding-left: 1.6rem;
	line-height: 1.6;
	list-style: none !important;
}

.udemax-resumen__cuerpo ul li:last-child {
	margin-bottom: 0 !important;
}

/* Viñeta propia: evita depender del ::before del tema Mikado */
.udemax-resumen__cuerpo ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .6em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.udemax-resumen__cuerpo strong {
	font-weight: 700;
}

/* --- Variante clara (neutra, por defecto) --- */

.udemax-resumen--claro {
	background: #f7f8f9;
	border-color: rgba(0, 0, 0, .07);
	border-left-color: var(--udemax-dark);
}

.udemax-resumen--claro .udemax-resumen__titulo,
.udemax-resumen--claro .udemax-resumen__cuerpo strong {
	color: var(--udemax-dark);
}

.udemax-resumen--claro .udemax-resumen__cuerpo ul li::before {
	background: #aeb5bd;
}

/* --- Variante oscura --- */

.udemax-resumen--oscuro {
	background: var(--udemax-dark);
	border-color: rgba(255, 255, 255, .08);
	border-left-color: var(--udemax-accent);
	color: #e9ecef;
}

.udemax-resumen--oscuro .udemax-resumen__titulo,
.udemax-resumen--oscuro .udemax-resumen__cuerpo strong {
	color: #fff;
}

.udemax-resumen--oscuro .udemax-resumen__cuerpo ul li::before {
	background: var(--udemax-accent);
}

.udemax-resumen--oscuro .udemax-resumen__cuerpo a {
	color: var(--udemax-accent);
}

/* --- Móvil --- */

@media (max-width: 768px) {
	.udemax-resumen {
		margin: 2rem 0;
		padding: 1.25rem 1.25rem 1.1rem 1.25rem;
	}
	.udemax-resumen__titulo {
		font-size: 1.15rem;
	}
}

/* --- Impresión --- */

@media print {
	.udemax-resumen,
	.udemax-resumen--claro,
	.udemax-resumen--oscuro {
		background: none !important;
		color: #000 !important;
		border: 1px solid #999 !important;
	}
}