/* =========================================================================
   Academia Mística · Blog: tarjetas, listado, artículo, compartir, columna
   lateral y formación relacionada.
   ========================================================================= */

:root { --am-pc-bg: #FFFFFF; --am-gold-ink: #A87C24; }
[data-am-theme="dark"] { --am-pc-bg: var(--am-surface); --am-gold-ink: #E9C978; }

/* ---------- Tarjetas ---------- */
.am-pcgrid { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: var(--am-space-6) var(--am-space-5); }
.am-pcgrid--list { --cols: 3; gap: var(--am-space-7) var(--am-space-6); }
.am-pcgrid:empty { display: none; }
@media (max-width: 1100px) { .am-pcgrid, .am-pcgrid--list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .am-pcgrid, .am-pcgrid--list { grid-template-columns: minmax(0, 1fr); } }

.am-pc {
	position: relative;
	display: flex; flex-direction: column;
	border-radius: 22px;
	background: var(--am-pc-bg);
	border: 1px solid var(--am-line);
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(14, 21, 48, 0.04), 0 12px 32px rgba(14, 21, 48, 0.06);
	transition: transform 320ms var(--am-ease), box-shadow 320ms var(--am-ease), border-color 320ms var(--am-ease);
}
.am-pc:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--cat, #9B4EAA) 35%, var(--am-line)); box-shadow: 0 2px 4px rgba(14, 21, 48, 0.05), 0 24px 50px rgba(43, 34, 102, 0.16); }
.am-pc__media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: radial-gradient(130% 85% at 50% 0%, #2B2266, #151C42 55%, #0A0F27); }
.am-pc__img, .am-pc__media img.am-pc__img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--am-ease); }
.am-pc:hover .am-pc__img { transform: scale(1.06); }
.am-pc__placeholder { display: grid; place-items: center; width: 100%; height: 100%; opacity: 0.5; }
.am-pc__veil { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 15, 39, 0.35) 0%, transparent 32%, transparent 62%, rgba(10, 15, 39, 0.45) 100%); pointer-events: none; }
.am-pc__cat, .am-pc__time {
	position: absolute; top: 12px; z-index: 1;
	display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 11px;
	border-radius: var(--am-radius-pill);
	background: rgba(14, 21, 48, 0.55);
	border: 1px solid rgba(255, 255, 255, 0.18);
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	color: #FFFFFF;
	font-size: 11.5px; font-weight: 700; letter-spacing: 0.02em;
}
.am-pc__cat { left: 12px; max-width: calc(100% - 110px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.am-pc__cat i, .am-arthead__cat i, .am-term--cat i, .am-catnav a i, .am-catlist i { flex-shrink: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--cat, #9B4EAA); box-shadow: 0 0 0 3px color-mix(in srgb, var(--cat, #9B4EAA) 30%, transparent); }
.am-pc__time { right: 12px; }
.am-pc__time svg { width: 13px; height: 13px; }
.am-pc__body { position: relative; flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 20px 22px 22px; }
.am-pc__body::before { content: ""; position: absolute; top: 0; left: 22px; width: 40px; height: 3px; border-radius: 0 0 3px 3px; background: linear-gradient(90deg, var(--cat, #9B4EAA), #D9B45A); transition: width 420ms var(--am-ease); }
.am-pc:hover .am-pc__body::before { width: calc(100% - 44px); }
.am-pc__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font-size: var(--am-fs-xs); color: var(--am-muted); }
.am-pc__title { margin: 0; font-family: var(--am-font-head); font-weight: var(--am-head-weight); font-size: clamp(1.05rem, 1rem + 0.25vw, 1.2rem); line-height: 1.3; color: var(--am-ink); text-wrap: balance; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.am-pc__title a { color: inherit; text-decoration: none; }
.am-pc__title a::after { content: ""; position: absolute; inset: 0; }
.am-pc:hover .am-pc__title a { color: var(--am-primary); }
.am-pc__excerpt { margin: 0; font-size: var(--am-fs-sm); line-height: 1.6; color: var(--am-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.am-pc__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 6px; font-size: var(--am-fs-sm); font-weight: 800; color: var(--am-accent); }
.am-pc__more svg { width: 16px; height: 16px; transition: transform var(--am-dur) var(--am-ease); }
.am-pc:hover .am-pc__more svg { transform: translateX(4px); }

/* Destacado */
.am-pc--feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); margin-bottom: var(--am-space-7); }
.am-pc--feature .am-pc__media { aspect-ratio: auto; min-height: 400px; }
.am-pc--feature .am-pc__body { justify-content: center; gap: 14px; padding: clamp(28px, 4vw, 52px); }
.am-pc--feature .am-pc__body::before { left: clamp(28px, 4vw, 52px); }
.am-pc--feature:hover .am-pc__body::before { width: 120px; }
.am-pc--feature .am-pc__title { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem); line-height: 1.15; -webkit-line-clamp: 4; }
.am-pc--feature .am-pc__excerpt { font-size: var(--am-fs-lg); -webkit-line-clamp: 4; }
.am-pc--feature .am-pc__more { margin-top: 6px; }
@media (max-width: 860px) {
	.am-pc--feature { grid-template-columns: minmax(0, 1fr); }
	.am-pc--feature .am-pc__media { min-height: 0; aspect-ratio: 16 / 10; }
}

/* Mini (columna lateral) */
.am-pc--mini { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; align-items: center; padding: 8px; margin: 0 -8px; border: 0; border-radius: 16px; background: transparent; box-shadow: none; }
.am-pc--mini:hover { transform: none; box-shadow: none; background: var(--am-surface); }
.am-pc--mini .am-pc__media { aspect-ratio: 1; border-radius: 12px; }
.am-pc--mini .am-pc__body { padding: 0; gap: 4px; }
.am-pc--mini .am-pc__body::before { display: none; }
.am-pc--mini .am-pc__title { font-size: 0.95rem; -webkit-line-clamp: 2; }
.am-pc--mini .am-pc__meta { font-size: 11.5px; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.am-pc--mini .am-pc__catname { overflow: hidden; text-overflow: ellipsis; }
.am-pc__catname { color: var(--cat, #9B4EAA); font-weight: 800; }
[data-am-theme="dark"] .am-pc__catname { color: color-mix(in srgb, var(--cat, #9B4EAA) 60%, #FFFFFF); }

/* ---------- Cabecera (artículo y listado) ---------- */
.am-arthead { position: relative; overflow: hidden; isolation: isolate; padding: clamp(40px, 6vw, 72px) 0 clamp(110px, 12vw, 150px); background: radial-gradient(90% 120% at 85% 0%, color-mix(in srgb, var(--cat, #9B4EAA) 38%, transparent), transparent 60%), radial-gradient(70% 90% at 0% 100%, rgba(43, 34, 102, 0.9), transparent 70%), #0E1530; color: #FFFFFF; }
.am-arthead--list { padding-bottom: clamp(48px, 6vw, 72px); }
.am-arthead__stars { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0.85; background-image:
	radial-gradient(1.2px 1.2px at 8% 22%, rgba(255, 255, 255, 0.8), transparent 60%),
	radial-gradient(1px 1px at 22% 70%, rgba(255, 255, 255, 0.55), transparent 60%),
	radial-gradient(1.4px 1.4px at 38% 14%, rgba(233, 201, 120, 0.85), transparent 60%),
	radial-gradient(1px 1px at 55% 58%, rgba(255, 255, 255, 0.5), transparent 60%),
	radial-gradient(1.3px 1.3px at 72% 28%, rgba(255, 255, 255, 0.75), transparent 60%),
	radial-gradient(1px 1px at 86% 76%, rgba(233, 201, 120, 0.7), transparent 60%),
	radial-gradient(1.2px 1.2px at 94% 12%, rgba(255, 255, 255, 0.7), transparent 60%),
	radial-gradient(1px 1px at 64% 88%, rgba(255, 255, 255, 0.45), transparent 60%); }
.am-arthead__inner { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: var(--am-space-4); }
.am-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: var(--am-fs-xs); }
.am-crumbs--night, .am-crumbs--night a { color: rgba(255, 255, 255, 0.62); text-decoration: none; }
.am-crumbs--night a:hover { color: #FFFFFF; }
.am-crumbs__sep { opacity: 0.45; }
.am-arthead__cat { display: inline-flex; align-items: center; gap: 8px; margin-top: var(--am-space-3); padding: 6px 14px; border-radius: var(--am-radius-pill); background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); color: #FFFFFF; font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; transition: background-color var(--am-dur) var(--am-ease); }
.am-arthead__cat:hover { background: rgba(255, 255, 255, 0.16); color: #FFFFFF; text-decoration: none; }
.am-arthead__title { margin: 0; max-width: 24ch; font-size: clamp(var(--am-post-title-m, 32px), 1.4rem + 2.6vw, var(--am-post-title, 48px)); line-height: 1.08; color: #FFFFFF; text-wrap: balance; letter-spacing: -0.01em; }
.am-arthead__lead { margin: 0; max-width: 62ch; font-size: var(--am-fs-lg); line-height: 1.6; color: rgba(255, 255, 255, 0.78); }
.am-arthead__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: var(--am-space-2); font-size: var(--am-fs-sm); color: rgba(255, 255, 255, 0.75); }
.am-arthead__meta > span { display: inline-flex; align-items: center; gap: 7px; }
.am-arthead__meta svg { width: 16px; height: 16px; color: #E9C978; }
.am-arthead__author { font-weight: 700; color: #FFFFFF; }
.am-arthead__avatar { width: 36px; height: 36px; border-radius: 50%; border: 2px solid rgba(233, 201, 120, 0.7); }
.am-arthead__dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.35); }
.am-kicker--gold { color: #E9C978; margin: 0; }

.am-catnav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--am-space-3); }
.am-catnav a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: var(--am-radius-pill); background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.86); font-size: var(--am-fs-sm); font-weight: 700; text-decoration: none; transition: background-color var(--am-dur) var(--am-ease), color var(--am-dur) var(--am-ease); }
.am-catnav a:hover { background: rgba(255, 255, 255, 0.16); color: #FFFFFF; text-decoration: none; }
.am-catnav a[aria-current] { background: #FFFFFF; color: #0E1530; border-color: #FFFFFF; }
.am-bloglist .nav-links { justify-content: center; }
.am-bloglist .page-numbers { border-radius: 50%; font-weight: 700; }

/* ---------- Barra de lectura ---------- */
.am-readbar { position: fixed; z-index: 1000; left: 0; right: 0; top: var(--wp-admin--admin-bar--height, 0px); height: 3px; pointer-events: none; }
.am-readbar span { display: block; height: 100%; background: linear-gradient(90deg, #9B4EAA, #D9B45A); transform: scaleX(0); transform-origin: 0 50%; box-shadow: 0 0 10px rgba(217, 180, 90, 0.6); }

/* ---------- Disposición del artículo ---------- */
.am-artwrap { padding-bottom: clamp(56px, 7vw, 96px); }
.am-artgrid { display: grid; grid-template-columns: minmax(0, 760px); justify-content: center; gap: clamp(28px, 3.5vw, 56px); align-items: start; }
.am-artwrap.has-rail .am-artgrid { grid-template-columns: 52px minmax(0, 760px); }
.am-artwrap.has-aside .am-artgrid { grid-template-columns: minmax(0, 760px) 320px; }
.am-artwrap.has-rail.has-aside .am-artgrid { grid-template-columns: 52px minmax(0, 720px) 320px; }
.am-artgrid__rail { position: sticky; top: 120px; padding-top: 24px; }
.am-artside { position: sticky; top: 100px; display: flex; flex-direction: column; gap: var(--am-space-5); padding-top: var(--am-space-6); }
@media (max-width: 1180px) {
	.am-artwrap.has-rail.has-aside .am-artgrid { grid-template-columns: minmax(0, 1fr) 300px; }
	.am-artwrap.has-rail.has-aside .am-artgrid__rail { display: none; }
}
@media (max-width: 960px) {
	.am-artwrap .am-artgrid, .am-artwrap.has-rail .am-artgrid, .am-artwrap.has-aside .am-artgrid, .am-artwrap.has-rail.has-aside .am-artgrid { grid-template-columns: minmax(0, 1fr); }
	.am-artgrid__rail { display: none; }
	.am-artside { position: static; padding-top: 0; }
}

/* ---------- Artículo ---------- */
.am-article { min-width: 0; }
.am-article__cover { position: relative; z-index: 1; margin: calc(-1 * clamp(80px, 9vw, 112px)) 0 var(--am-space-7); }
.am-article__cover img { display: block; width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: 26px; box-shadow: 0 30px 60px rgba(14, 21, 48, 0.28); }
.am-article__cover figcaption { margin-top: 10px; font-size: var(--am-fs-xs); color: var(--am-muted); text-align: center; }
.am-article:not(:has(.am-article__cover)) .am-article__body { padding-top: var(--am-space-7); }

.am-article__body { font-size: var(--am-post-text, 18px); line-height: 1.8; color: var(--am-text); overflow-wrap: break-word; }
.am-article__body > * { margin: 0 0 1.15em; }
.am-article__body > p:first-of-type { font-size: 1.1em; color: var(--am-ink); }
.am-article__body > p:first-of-type::first-line { letter-spacing: 0.01em; }
/* Letra capital */
.am-article__body[class*="--cap-"] > p:first-of-type::first-letter {
	float: left;
	font-family: var(--am-dropcap-font, Georgia, serif);
	font-weight: 700;
	font-size: 4.2em;
	line-height: 0.8;
	margin: 0.08em 0.12em 0 0;
	padding: 0.04em 0.02em 0;
}
.am-article__body--cap-gold > p:first-of-type::first-letter {
	background: linear-gradient(165deg, #F7E7B0 0%, #D9B45A 42%, #A8781F 78%, #E9C978 100%);
	-webkit-background-clip: text; background-clip: text;
	color: transparent;
	filter: drop-shadow(0 3px 6px rgba(168, 120, 31, 0.28));
}
.am-article__body--cap-violet > p:first-of-type::first-letter {
	background: linear-gradient(160deg, #C38BD0 0%, #9B4EAA 45%, #5B3A9E 80%, #D9B45A 100%);
	-webkit-background-clip: text; background-clip: text;
	color: transparent;
}
.am-article__body--cap-seal > p:first-of-type::first-letter {
	font-size: 3.3em;
	line-height: 1;
	margin: 0.1em 0.16em 0 0;
	padding: 0.16em 0.24em 0.12em;
	border-radius: 14px;
	background: radial-gradient(120% 120% at 30% 0%, #2B2266, #0E1530 70%);
	border: 1px solid rgba(217, 180, 90, 0.55);
	color: #E9C978;
	box-shadow: 0 10px 24px rgba(14, 21, 48, 0.25), inset 0 0 0 4px rgba(217, 180, 90, 0.12);
}

.am-article__body h2, .am-article__body h3, .am-article__body h4 { color: var(--am-ink); font-family: var(--am-font-head); font-weight: var(--am-head-weight); line-height: 1.25; text-wrap: balance; }
.am-article__body h2 { position: relative; margin: 2.1em 0 0.7em; padding-top: 0.9em; font-size: 1.55em; }
.am-article__body h2::before { content: "✦"; position: absolute; top: 0; left: 0; font-size: 0.5em; color: #D9B45A; letter-spacing: 0.4em; }
.am-article__body h2::after { content: ""; position: absolute; top: 0.32em; left: 1.3em; width: 48px; height: 1px; background: linear-gradient(90deg, #D9B45A, transparent); }
.am-article__body h3 { margin: 1.8em 0 0.5em; font-size: 1.22em; }
.am-article__body h4 { margin: 1.5em 0 0.4em; font-size: 1.05em; text-transform: uppercase; letter-spacing: 0.06em; }
.am-article__body p strong:only-child { display: block; margin-top: 1.6em; font-family: var(--am-font-head); font-size: 1.12em; color: var(--am-ink); }
.am-article__body a { color: var(--am-accent); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--am-accent) 40%, transparent); transition: text-decoration-color var(--am-dur) var(--am-ease); }
.am-article__body a:hover { text-decoration-color: currentColor; }
.am-article__body ul { list-style: none; padding-left: 0; }
.am-article__body ul li { position: relative; padding-left: 1.7em; margin-bottom: 0.45em; }
.am-article__body ul li::before { content: "✦"; position: absolute; left: 0.2em; top: 0.05em; font-size: 0.8em; color: #D9B45A; }
.am-article__body ol { counter-reset: am-ol; list-style: none; padding-left: 0; }
.am-article__body ol li { position: relative; counter-increment: am-ol; padding-left: 2.4em; margin-bottom: 0.6em; }
.am-article__body ol li::before { content: counter(am-ol); position: absolute; left: 0; top: 0.15em; display: grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: 50%; background: color-mix(in srgb, var(--am-primary) 12%, transparent); color: var(--am-accent); font-size: 0.82em; font-weight: 800; }
.am-article__body blockquote, .am-article__body .wp-block-quote {
	position: relative;
	margin: 2em 0;
	padding: 1.4em 1.6em 1.4em 2.8em;
	border: 0;
	border-radius: 20px;
	background: radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--am-primary) 10%, transparent), transparent 70%), var(--am-surface);
	font-family: var(--am-dropcap-font, Georgia, serif);
	font-size: 1.18em;
	line-height: 1.55;
	color: var(--am-ink);
}
.am-article__body blockquote::before { content: "“"; position: absolute; top: 0.02em; left: 0.22em; font-size: 3.6em; line-height: 1; color: #D9B45A; opacity: 0.9; }
.am-article__body blockquote p { margin: 0; }
.am-article__body blockquote cite { display: block; margin-top: 0.7em; font-family: var(--am-font); font-size: 0.72em; font-style: normal; font-weight: 700; color: var(--am-muted); }
.am-article__body hr, .am-article__body .wp-block-separator { height: auto; margin: 2.4em 0; border: 0; text-align: center; background: none; }
.am-article__body hr::after, .am-article__body .wp-block-separator::after { content: "✦  ✦  ✦"; color: #D9B45A; letter-spacing: 0.6em; font-size: 0.9em; }
.am-article__body img { max-width: 100%; height: auto; border-radius: 16px; }
.am-article__body figure { margin: 2em 0; }
.am-article__body figcaption { margin-top: 8px; font-size: 0.8em; color: var(--am-muted); text-align: center; }
.am-article__body table { width: 100%; border-collapse: collapse; font-size: 0.92em; }
.am-article__body th, .am-article__body td { padding: 10px 12px; border-bottom: 1px solid var(--am-line); text-align: left; }
.am-article__body th { color: var(--am-ink); background: var(--am-surface); }
.am-article__body em:only-child { display: block; margin-top: 2em; padding-top: 1.2em; border-top: 1px solid var(--am-line); font-style: normal; font-weight: 800; font-size: 0.78em; letter-spacing: 0.12em; text-transform: uppercase; color: var(--am-muted); }
.am-article__body p:has(> em:only-child) ~ p { font-size: 0.85em; color: var(--am-text-2); line-height: 1.6; margin-bottom: 0.6em; }

/* Pie del artículo */
.am-article__foot { display: flex; flex-direction: column; gap: var(--am-space-6); margin-top: var(--am-space-7); }
.am-article__terms { display: flex; flex-wrap: wrap; gap: 8px; }
.am-term { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: var(--am-radius-pill); border: 1px solid var(--am-line); background: var(--am-surface); color: var(--am-text-2); font-size: var(--am-fs-sm); font-weight: 700; text-decoration: none; transition: border-color var(--am-dur) var(--am-ease), color var(--am-dur) var(--am-ease); }
.am-term:hover { border-color: var(--am-primary); color: var(--am-ink); text-decoration: none; }
.am-term--cat { background: color-mix(in srgb, var(--cat, #9B4EAA) 9%, transparent); border-color: color-mix(in srgb, var(--cat, #9B4EAA) 30%, transparent); color: var(--am-ink); }

.am-sharebox { display: flex; flex-wrap: wrap; align-items: center; gap: var(--am-space-4); padding: var(--am-space-5); border-radius: 22px; border: 1px solid var(--am-line); background: radial-gradient(100% 140% at 100% 0%, color-mix(in srgb, #D9B45A 12%, transparent), transparent 60%), var(--am-pc-bg); }
.am-sharebox__ico { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(140deg, #F4DC97, #D9B45A 60%, #B5852B); color: #2A1F0A; flex-shrink: 0; }
.am-sharebox__text { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 2px; }
.am-sharebox__text strong { color: var(--am-ink); font-size: var(--am-fs-lg); font-family: var(--am-font-head); }
.am-sharebox__text span { font-size: var(--am-fs-sm); color: var(--am-text-2); }

/* Botones de compartir */
.am-share { display: flex; flex-wrap: wrap; gap: 8px; }
.am-share--rail { flex-direction: column; align-items: center; gap: 10px; }
.am-share__label { writing-mode: vertical-rl; transform: rotate(180deg); margin-bottom: 6px; font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: var(--am-muted); }
.am-share__btn {
	display: grid; place-items: center;
	width: 42px; height: 42px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var(--am-line);
	background: var(--am-pc-bg);
	color: var(--am-text-2);
	cursor: pointer;
	transition: background-color var(--am-dur) var(--am-ease), color var(--am-dur) var(--am-ease), border-color var(--am-dur) var(--am-ease), transform var(--am-dur) var(--am-ease);
}
.am-share__btn svg { width: 18px; height: 18px; }
.am-share__btn:hover { transform: translateY(-2px); color: #FFFFFF; border-color: transparent; text-decoration: none; }
.am-share__btn--whatsapp:hover { background: #1FA855; }
.am-share__btn--facebook:hover { background: #1877F2; }
.am-share__btn--x:hover { background: #0F1419; }
.am-share__btn--telegram:hover { background: #229ED9; }
.am-share__btn--linkedin:hover { background: #0A66C2; }
.am-share__btn--email:hover, .am-share__btn--copy:hover { background: var(--am-primary); }
.am-share__btn:focus-visible { outline: 3px solid var(--am-primary); outline-offset: 2px; }
.am-share__ico-ok { display: none; }
.am-share__btn--copy.is-done { background: #1F8A63; color: #FFFFFF; border-color: transparent; }
.am-share__btn--copy.is-done .am-share__ico-copy { display: none; }
.am-share__btn--copy.is-done .am-share__ico-ok { display: grid; }

/* Anterior / siguiente */
.am-postnav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--am-space-4); }
.am-postnav__link { display: flex; flex-direction: column; gap: 6px; padding: var(--am-space-4) var(--am-space-5); border-radius: 18px; border: 1px solid var(--am-line); color: var(--am-ink); text-decoration: none; transition: border-color var(--am-dur) var(--am-ease), transform var(--am-dur) var(--am-ease); }
.am-postnav__link:hover { border-color: var(--am-primary); transform: translateY(-2px); text-decoration: none; }
.am-postnav__link small { font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--am-accent); }
.am-postnav__link span { font-weight: 700; line-height: 1.35; }
.am-postnav__link--next { text-align: right; grid-column: 2; }
@media (max-width: 600px) { .am-postnav { grid-template-columns: minmax(0, 1fr); } .am-postnav__link--next { grid-column: 1; } }

/* ---------- Columna lateral ---------- */
.am-sidebox { padding: 20px 20px 16px; border-radius: 22px; border: 1px solid var(--am-line); background: var(--am-pc-bg); }
.am-sidebox__title { display: flex; align-items: center; gap: 10px; margin: 0 0 var(--am-space-3); font-size: var(--am-fs-lg); color: var(--am-ink); }
.am-sidebox__title svg { width: 30px; height: 30px; padding: 6px; border-radius: 10px; background: color-mix(in srgb, var(--am-primary) 10%, transparent); color: var(--am-accent); }
.am-sidebox__list { display: grid; gap: 4px; }
.am-catlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.am-catlist a { display: flex; align-items: center; gap: 12px; padding: 9px 10px; margin: 0 -10px; border-radius: 12px; color: var(--am-text); font-weight: 600; font-size: var(--am-fs-sm); text-decoration: none; transition: background-color var(--am-dur) var(--am-ease); }
.am-catlist a:hover, .am-catlist a[aria-current] { background: var(--am-surface); color: var(--am-ink); text-decoration: none; }
.am-catlist a[aria-current] { font-weight: 800; }
.am-catlist span { flex: 1; }
.am-catlist em { font-style: normal; min-width: 28px; padding: 2px 8px; border-radius: var(--am-radius-pill); background: var(--am-surface); border: 1px solid var(--am-line); font-size: 11.5px; font-weight: 800; text-align: center; color: var(--am-muted); }

/* ---------- Formación relacionada ---------- */
.am-learn { position: relative; overflow: hidden; isolation: isolate; padding: clamp(56px, 7vw, 96px) 0; background: radial-gradient(70% 90% at 50% 0%, rgba(155, 78, 170, 0.35), transparent 70%), radial-gradient(60% 70% at 100% 100%, rgba(217, 180, 90, 0.12), transparent 70%), #0E1530; color: #FFFFFF; }
.am-learn__head { max-width: 680px; margin: 0 auto var(--am-space-7); text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--am-space-3); }
.am-learn__kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 6px 14px; border-radius: var(--am-radius-pill); border: 1px solid rgba(233, 201, 120, 0.35); background: rgba(233, 201, 120, 0.08); color: #E9C978; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.am-learn__kicker svg { width: 15px; height: 15px; }
.am-learn__title { margin: 0; color: #FFFFFF; font-size: clamp(1.7rem, 1.3rem + 1.4vw, 2.4rem); line-height: 1.15; text-wrap: balance; }
.am-learn__lead { margin: 0; color: rgba(255, 255, 255, 0.72); font-size: var(--am-fs-lg); }
.am-learn__grid { display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 300px)); justify-content: center; gap: var(--am-space-5); }
.am-learn__grid > * { height: 100%; }
@media (max-width: 1100px) { .am-learn__grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }

@media (max-width: 600px) {
	.am-arthead__meta { font-size: var(--am-fs-xs); }
	.am-article__cover img { border-radius: 18px; }
	.am-article__body[class*="--cap-"] > p:first-of-type::first-letter { font-size: 3.6em; }
	.am-sharebox { padding: var(--am-space-4); }
}

@media (prefers-reduced-motion: reduce) {
	.am-pc, .am-pc__img, .am-pc__body::before, .am-share__btn, .am-postnav__link { transition: none; }
	.am-pc:hover, .am-pc:hover .am-pc__img { transform: none; }
}

/* ---------- Escuchar el artículo ---------- */
.am-listen { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 14px; align-items: center; margin: 0 0 var(--am-space-6); padding: 12px 16px 12px 12px; border-radius: 22px; border: 1px solid var(--am-line); background: radial-gradient(120% 200% at 0% 0%, color-mix(in srgb, var(--am-primary) 12%, transparent), transparent 60%), var(--am-pc-bg); box-shadow: 0 10px 28px rgba(14, 21, 48, 0.07); }
.am-listen[hidden] { display: none; }
.am-listen__play { position: relative; display: grid; place-items: center; width: 54px; height: 54px; border: 0; border-radius: 50%; background: linear-gradient(135deg, #1E2658, var(--am-primary)); color: #FFFFFF; cursor: pointer; box-shadow: 0 8px 20px rgba(155, 78, 170, 0.35); transition: transform var(--am-dur) var(--am-ease); }
.am-listen__play:hover { transform: scale(1.05); }
.am-listen__play:focus-visible { outline: 3px solid var(--am-primary); outline-offset: 3px; }
.am-listen__ico { display: grid; place-items: center; }
.am-listen__ico--play svg { margin-left: 3px; }
.am-listen__ico--pause, .am-listen.is-playing .am-listen__ico--play { display: none; }
.am-listen.is-playing .am-listen__ico--pause { display: grid; }
.am-listen.is-playing .am-listen__play::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid color-mix(in srgb, var(--am-primary) 45%, transparent); animation: am-listen-ring 1.6s ease-out infinite; }
@keyframes am-listen-ring { from { transform: scale(0.95); opacity: 1; } to { transform: scale(1.25); opacity: 0; } }
.am-listen__main { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.am-listen__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; }
.am-listen__title strong { color: var(--am-ink); font-family: var(--am-font-head); }
.am-listen__title span { font-size: var(--am-fs-xs); color: var(--am-muted); }
.am-listen__track { position: relative; height: 6px; border-radius: 99px; background: var(--am-line); cursor: pointer; }
.am-listen__track span { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 99px; background: linear-gradient(90deg, var(--am-primary), #D9B45A); }
.am-listen__track:focus-visible { outline: 3px solid var(--am-primary); outline-offset: 3px; }
.am-listen__wave { position: absolute; right: 0; top: 2px; display: inline-flex; align-items: flex-end; gap: 2px; height: 14px; opacity: 0; transition: opacity var(--am-dur) var(--am-ease); }
.am-listen__wave i { width: 3px; height: 4px; border-radius: 2px; background: var(--am-primary); }
.am-listen.is-playing .am-listen__wave { opacity: 1; }
.am-listen.is-playing .am-listen__wave i { animation: am-wave 900ms ease-in-out infinite; }
.am-listen.is-playing .am-listen__wave i:nth-child(2) { animation-delay: 120ms; }
.am-listen.is-playing .am-listen__wave i:nth-child(3) { animation-delay: 240ms; }
.am-listen.is-playing .am-listen__wave i:nth-child(4) { animation-delay: 360ms; }
.am-listen.is-playing .am-listen__wave i:nth-child(5) { animation-delay: 480ms; }
@keyframes am-wave { 0%, 100% { height: 4px; } 50% { height: 14px; } }
.am-listen__time { font-size: var(--am-fs-xs); font-weight: 700; color: var(--am-text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.am-listen__speed select { min-height: 36px; padding: 0 10px; border-radius: 10px; border: 1px solid var(--am-line-strong); background: var(--am-bg); color: var(--am-ink); font: inherit; font-size: var(--am-fs-xs); font-weight: 700; }
.am-article__body .is-reading { background: linear-gradient(90deg, color-mix(in srgb, #D9B45A 18%, transparent), transparent); border-radius: 8px; box-shadow: -10px 0 0 color-mix(in srgb, #D9B45A 18%, transparent); transition: background-color 300ms ease; }
@media (max-width: 560px) {
	.am-listen { grid-template-columns: auto minmax(0, 1fr) auto; }
	.am-listen__time { display: none; }
}
@media (prefers-reduced-motion: reduce) { .am-listen.is-playing .am-listen__play::after, .am-listen.is-playing .am-listen__wave i { animation: none; } }