/* Manocolor Portadas: estilos del front.
   Por defecto la tipografía se hereda del tema; los ajustes de cada
   portada llegan como variables CSS en el atributo style. */

.mcp-portada {
	--mcp-pad: clamp(1.5rem, 5vw, 5.5rem);
	--mcp-ease: cubic-bezier(.22, .7, .18, 1);
	--mcp-accent: var(--mcp-btn-accent, var(--mcp-text, #fff));
	--mcp-ink: var(--mcp-btn-ink, var(--mcp-overlay, #000));
	--swiper-wrapper-transition-timing-function: cubic-bezier(.65, .05, .25, 1);
	position: relative;
	height: calc(var(--mcp-h, 85) * 1vh);
	min-height: 420px;
	color: var(--mcp-text, #fff);
	font-family: var(--mcp-ff-text, inherit);
	background: var(--mcp-overlay, #000);
	overflow: hidden;
	isolation: isolate;
	container-type: inline-size;
}
@supports (height: 1svh) {
	.mcp-portada { height: calc(var(--mcp-h, 85) * 1svh); }
}
@media (max-width: 767px) {
	.mcp-portada { height: calc(var(--mcp-h-m, 70) * 1vh); min-height: 360px; }
	@supports (height: 1svh) {
		.mcp-portada { height: calc(var(--mcp-h-m, 70) * 1svh); }
	}
}

/* Base mínima antes de que cargue Swiper: solo se ve la primera diapositiva. */
.mcp-portada .mcp-swiper { position: relative; height: 100%; overflow: hidden; }
.mcp-portada .swiper-wrapper { display: flex; height: 100%; }
.mcp-portada .mcp-slide { position: relative; flex-shrink: 0; width: 100%; height: 100%; overflow: hidden; transition-timing-function: cubic-bezier(.45, .05, .2, 1); }

/* Ancho completo aunque el tema encierre la portada en una columna */
.mcp-portada.mcp-full {
	width: calc(100vw - var(--mcp-sbw, 0px));
	max-width: none !important;
	margin-left: calc(50% - 50vw + var(--mcp-sbw, 0px) / 2) !important;
	margin-right: calc(50% - 50vw + var(--mcp-sbw, 0px) / 2) !important;
}

/* Imagen, vídeo y capa de movimiento */
.mcp-portada .mcp-slide__media { position: absolute; inset: 0; overflow: hidden; isolation: isolate; }
.mcp-portada .mcp-slide__move { position: absolute; inset: 0; }
.mcp-portada .mcp-slide__media picture { display: contents; }
.mcp-portada .mcp-slide__img,
.mcp-portada .mcp-slide__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: var(--mcp-fx, 50%) var(--mcp-fy, 50%);
	margin: 0;
}
.mcp-portada .mcp-slide__video { opacity: 0; transition: opacity 1.2s var(--mcp-ease); }
.mcp-portada .mcp-slide__video.is-playing { opacity: 1; }
@media (max-width: 767px) {
	.mcp-portada .mcp-video--desktop { display: none; }
}

/* Movimiento con el ratón: la foto se desplaza al contrario que el cursor y el texto un poco a favor */
.mcp-mouse-subtle { --mcp-mm: 14px; --mcp-ms: 1.035; }
.mcp-mouse-medium { --mcp-mm: 30px; --mcp-ms: 1.07; }
.mcp-mouse-subtle .mcp-slide__move,
.mcp-mouse-medium .mcp-slide__move {
	transform: translate3d(calc(var(--mcp-mx, 0) * var(--mcp-mm) * -1), calc(var(--mcp-my, 0) * var(--mcp-mm) * -1), 0) scale(var(--mcp-ms));
	will-change: transform;
}
.mcp-mouse-subtle .mcp-slide__content,
.mcp-mouse-medium .mcp-slide__content {
	transform: translate3d(calc(var(--mcp-mx, 0) * var(--mcp-mm) * .3), calc(var(--mcp-my, 0) * var(--mcp-mm) * .3), 0);
}

/* Capas sobre la imagen */
.mcp-portada .mcp-slide__media::after,
.mcp-portada .mcp-slide__media::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.mcp-portada .mcp-slide__media::after {
	z-index: 1;
	opacity: var(--mcp-overlay-opacity, .35);
	mix-blend-mode: var(--mcp-blend, normal);
}
.mcp-layout-overlay.mcp-treat-flat .mcp-slide__media::after { background: var(--mcp-overlay, #000); }

/* Degradados suavizados (curva de tipo "scrim", sin cortes visibles) */
.mcp-portada {
	--mcp-scrim:
		color-mix(in srgb, var(--mcp-overlay) 100%, transparent) 0%,
		color-mix(in srgb, var(--mcp-overlay) 74%, transparent) 14%,
		color-mix(in srgb, var(--mcp-overlay) 54%, transparent) 26%,
		color-mix(in srgb, var(--mcp-overlay) 38%, transparent) 36%,
		color-mix(in srgb, var(--mcp-overlay) 26%, transparent) 44%,
		color-mix(in srgb, var(--mcp-overlay) 16%, transparent) 52%,
		color-mix(in srgb, var(--mcp-overlay) 9%, transparent) 60%,
		color-mix(in srgb, var(--mcp-overlay) 4%, transparent) 68%,
		transparent 80%;
}
.mcp-layout-overlay.mcp-treat-gradient-bottom .mcp-slide__media::after,
.mcp-layout-overlay.mcp-treat-gradient-side .mcp-h-center .mcp-slide__media::after { background: linear-gradient(to top, var(--mcp-scrim)); }
.mcp-layout-overlay.mcp-treat-gradient-side .mcp-v-top.mcp-h-center .mcp-slide__media::after { background: linear-gradient(to bottom, var(--mcp-scrim)); }
.mcp-layout-overlay.mcp-treat-gradient-side .mcp-h-left .mcp-slide__media::after { background: linear-gradient(to right, var(--mcp-scrim)); }
.mcp-layout-overlay.mcp-treat-gradient-side .mcp-h-right .mcp-slide__media::after { background: linear-gradient(to left, var(--mcp-scrim)); }
@media (max-width: 767px) {
	.mcp-layout-overlay.mcp-treat-gradient-side .mcp-slide .mcp-slide__media::after { background: linear-gradient(to top, var(--mcp-scrim)); }
	.mcp-layout-overlay.mcp-treat-gradient-side .mcp-vm-top .mcp-slide__media::after { background: linear-gradient(to bottom, var(--mcp-scrim)); }
}
.mcp-layout-overlay.mcp-treat-vignette .mcp-slide__media::after {
	background: radial-gradient(ellipse 85% 75% at 50% 45%, transparent 35%, color-mix(in srgb, var(--mcp-overlay) 55%, transparent) 70%, var(--mcp-overlay) 100%);
}

/* Duotono: las sombras toman el color de capa y las luces el segundo color */
.mcp-treat-duotone .mcp-slide__move { background: var(--mcp-light, #f2e6cf); }
.mcp-treat-duotone .mcp-slide__img,
.mcp-treat-duotone .mcp-slide__video {
	filter: grayscale(1) contrast(1.12) brightness(1.04);
	mix-blend-mode: multiply;
}
.mcp-treat-duotone .mcp-slide__media::after {
	background: var(--mcp-overlay, #1b2a41);
	mix-blend-mode: lighten;
	opacity: 1;
}

/* Duotono: refuerzo de lectura detrás del texto, con la misma curva suave */
.mcp-layout-overlay.mcp-treat-duotone .mcp-slide__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(to top, var(--mcp-scrim));
	opacity: var(--mcp-overlay-opacity, .35);
	pointer-events: none;
}
.mcp-layout-overlay.mcp-treat-duotone .mcp-v-top .mcp-slide__panel::before { background: linear-gradient(to bottom, var(--mcp-scrim)); }
@media (min-width: 768px) {
	.mcp-layout-overlay.mcp-treat-duotone .mcp-h-left .mcp-slide__panel::before { background: linear-gradient(to right, var(--mcp-scrim)); }
	.mcp-layout-overlay.mcp-treat-duotone .mcp-h-right .mcp-slide__panel::before { background: linear-gradient(to left, var(--mcp-scrim)); }
}

/* Filtros de imagen */
.mcp-filter-bw .mcp-slide__img,       .mcp-filter-bw .mcp-slide__video       { filter: grayscale(1) contrast(1.06); }
.mcp-filter-desat .mcp-slide__img,    .mcp-filter-desat .mcp-slide__video    { filter: saturate(.55) contrast(1.03); }
.mcp-filter-warm .mcp-slide__img,     .mcp-filter-warm .mcp-slide__video     { filter: sepia(.22) saturate(1.08) hue-rotate(-6deg) brightness(1.02); }
.mcp-filter-cool .mcp-slide__img,     .mcp-filter-cool .mcp-slide__video     { filter: saturate(.85) hue-rotate(10deg) brightness(1.02) contrast(1.02); }
.mcp-filter-contrast .mcp-slide__img, .mcp-filter-contrast .mcp-slide__video { filter: contrast(1.2) saturate(1.06); }

/* Grano de película */
.mcp-grain .mcp-slide__media::before {
	z-index: 2;
	inset: -50%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	opacity: .14;
	mix-blend-mode: overlay;
	animation: mcp-grain 1.1s steps(6) infinite;
}
@keyframes mcp-grain {
	0%   { transform: translate(0, 0); }
	20%  { transform: translate(-3%, 2%); }
	40%  { transform: translate(2%, -4%); }
	60%  { transform: translate(-4%, -1%); }
	80%  { transform: translate(3%, 3%); }
	100% { transform: translate(0, 0); }
}

/* Zoom de entrada: la foto nueva llega algo ampliada y se asienta */
.mcp-effect-zoom .mcp-slide__img,
.mcp-effect-zoom .mcp-slide__video {
	transform: scale(1.14);
	transition: transform 0s linear var(--mcp-speed, 1200ms), opacity 1.2s var(--mcp-ease);
}
.mcp-effect-zoom .swiper-slide-active .mcp-slide__img,
.mcp-effect-zoom .swiper-slide-active .mcp-slide__video {
	transform: scale(1);
	transition: transform calc(var(--mcp-speed, 1200ms) * 2.6) cubic-bezier(.16, .8, .2, 1) 0s, opacity 1.2s var(--mcp-ease);
}

/* Panel de texto y posición en cuadrícula de 9 puntos */
.mcp-portada .mcp-slide__panel {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	padding: var(--mcp-pad) var(--mcp-pad) calc(var(--mcp-pad) + 3.25rem);
	pointer-events: none;
}
.mcp-portada .mcp-slide__content { pointer-events: auto; max-width: min(44rem, 100%); }

.mcp-portada .mcp-v-top .mcp-slide__panel    { justify-content: flex-start; }
.mcp-portada .mcp-v-middle .mcp-slide__panel { justify-content: center; }
.mcp-portada .mcp-v-bottom .mcp-slide__panel { justify-content: flex-end; }
.mcp-portada .mcp-h-left .mcp-slide__panel   { align-items: flex-start; text-align: left; }
.mcp-portada .mcp-h-center .mcp-slide__panel { align-items: center; text-align: center; }
.mcp-portada .mcp-h-right .mcp-slide__panel  { align-items: flex-end; text-align: right; }

/* Disposición dividida: foto a un lado, panel de color al otro */
.mcp-layout-split-left .mcp-slide,
.mcp-layout-split-right .mcp-slide {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.mcp-layout-split-left .mcp-slide__media,
.mcp-layout-split-right .mcp-slide__media,
.mcp-layout-split-left .mcp-slide__panel,
.mcp-layout-split-right .mcp-slide__panel {
	position: relative;
	inset: auto;
}
.mcp-layout-split-left .mcp-slide__panel,
.mcp-layout-split-right .mcp-slide__panel { background: var(--mcp-overlay, #000); }
.mcp-layout-split-left .mcp-slide__panel { order: -1; }

/* Móvil: disposición, posición propia del texto */
@media (max-width: 767px) {
	.mcp-portada { --mcp-pad: 1.5rem; }
	.mcp-portada .mcp-slide__panel { padding-bottom: calc(var(--mcp-pad) + 3rem); }

	.mcp-layout-split-left .mcp-slide,
	.mcp-layout-split-right .mcp-slide {
		grid-template-columns: 1fr;
		grid-template-rows: minmax(0, 1fr) auto;
	}
	.mcp-layout-split-left .mcp-slide__panel { order: 0; }
	.mcp-layout-split-left .mcp-slide__panel,
	.mcp-layout-split-right .mcp-slide__panel { padding: 1.75rem 1.5rem 4.75rem; }

	.mcp-portada .mcp-vm-top .mcp-slide__panel    { justify-content: flex-start; }
	.mcp-portada .mcp-vm-middle .mcp-slide__panel { justify-content: center; }
	.mcp-portada .mcp-vm-bottom .mcp-slide__panel { justify-content: flex-end; }
	.mcp-portada .mcp-hm-left .mcp-slide__panel   { align-items: flex-start; text-align: left; }
	.mcp-portada .mcp-hm-center .mcp-slide__panel { align-items: center; text-align: center; }
	.mcp-portada .mcp-hm-right .mcp-slide__panel  { align-items: flex-end; text-align: right; }
}

/* Categoría y fecha */
.mcp-portada .mcp-slide__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4em .9em;
	margin: 0 0 1.1em;
	padding: 0;
	color: var(--mcp-c-meta, inherit);
	font-size: .875rem;
	line-height: 1.3;
	letter-spacing: .02em;
}
.mcp-portada .mcp-h-center .mcp-slide__meta { justify-content: center; }
.mcp-portada .mcp-h-right .mcp-slide__meta  { justify-content: flex-end; }
.mcp-portada .mcp-slide__term { font-weight: 600; }
.mcp-portada .mcp-slide__term + .mcp-slide__date {
	display: inline-flex;
	align-items: center;
	gap: .9em;
	opacity: .85;
}
.mcp-portada .mcp-slide__term + .mcp-slide__date::before {
	content: "";
	width: 1px;
	height: 1em;
	background: currentColor;
	opacity: .6;
}

/* Título */
.mcp-portada .mcp-slide__title {
	margin: 0 0 .35em;
	padding: 0;
	color: var(--mcp-c-title, inherit);
	font-family: var(--mcp-ff-title, inherit);
	font-weight: var(--mcp-fw-title, inherit);
	font-size: var(--mcp-ts, clamp(2rem, 1rem + 4.2cqi, 4.75rem));
	line-height: var(--mcp-lh, 1.1);
	letter-spacing: var(--mcp-ls, -.02em);
	text-transform: var(--mcp-tt, none);
	text-wrap: balance;
	overflow-wrap: break-word;
	hyphens: auto;
}
.mcp-layout-split-left .mcp-slide__title,
.mcp-layout-split-right .mcp-slide__title { font-size: var(--mcp-ts, clamp(1.75rem, .8rem + 2.6cqi, 4rem)); }
@media (max-width: 767px) {
	.mcp-portada .mcp-slide__title,
	.mcp-layout-split-left .mcp-slide__title,
	.mcp-layout-split-right .mcp-slide__title { font-size: var(--mcp-ts-m, clamp(1.75rem, 1rem + 4.5cqi, 2.6rem)); }
}

/* Bajada */
.mcp-portada .mcp-slide__subtitle {
	margin: 0 0 1.75em;
	padding: 0;
	color: var(--mcp-c-sub, inherit);
	max-width: 42ch;
	font-size: var(--mcp-ss, clamp(1rem, .9rem + .45vw, 1.3rem));
	line-height: 1.55;
	opacity: .9;
	text-wrap: pretty;
}
@media (max-width: 767px) {
	.mcp-portada .mcp-slide__subtitle { font-size: var(--mcp-ss-m, 1rem); }
}
.mcp-portada .mcp-h-center .mcp-slide__subtitle { margin-inline: auto; }
.mcp-portada .mcp-h-right .mcp-slide__subtitle { margin-left: auto; }
.mcp-portada .mcp-slide__content > :last-child { margin-bottom: 0; }

/* Botones */
.mcp-portada .mcp-slide__btns {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .9rem 1.6rem;
}
.mcp-portada .mcp-h-center .mcp-slide__btns { justify-content: center; }
.mcp-portada .mcp-h-right .mcp-slide__btns  { justify-content: flex-end; }

.mcp-portada .mcp-slide__btn2 {
	position: relative;
	display: inline-flex;
	padding: .4em 0;
	color: var(--mcp-text, #fff);
	font-family: var(--mcp-ff-text, inherit);
	font-size: var(--mcp-bs, .95rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: .02em;
	text-decoration: none;
}
.mcp-portada .mcp-slide__btn2::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: currentColor;
	opacity: .5;
	transform-origin: left;
	transition: opacity .3s ease;
}
.mcp-portada .mcp-slide__btn2:hover::after,
.mcp-portada .mcp-slide__btn2:focus-visible::after { opacity: 1; animation: mcp-underline .7s var(--mcp-ease); }

.mcp-portada .mcp-slide__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: .95em 2em;
	border: 1px solid var(--mcp-accent);
	border-radius: var(--mcp-radius, 0);
	color: var(--mcp-accent);
	background: transparent;
	font-family: var(--mcp-ff-text, inherit);
	font-size: var(--mcp-bs, .95rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: .02em;
	text-decoration: none;
	overflow: hidden;
	isolation: isolate;
	transition: color .45s var(--mcp-ease), background-color .45s var(--mcp-ease);
}
.mcp-portada .mcp-slide__btn::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--mcp-accent);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .55s var(--mcp-ease);
}
.mcp-portada .mcp-slide__btn:hover,
.mcp-portada .mcp-slide__btn:focus-visible { color: var(--mcp-ink); }
.mcp-portada .mcp-slide__btn:hover::before,
.mcp-portada .mcp-slide__btn:focus-visible::before { transform: scaleX(1); transform-origin: left; }

/* Relleno: al pasar el ratón se invierte */
.mcp-btn-solid .mcp-slide__btn { background: var(--mcp-accent); color: var(--mcp-ink); }
.mcp-btn-solid .mcp-slide__btn::before { background: var(--mcp-ink); }
.mcp-btn-solid .mcp-slide__btn:hover,
.mcp-btn-solid .mcp-slide__btn:focus-visible { color: var(--mcp-accent); }

/* Texto subrayado: la línea se recorre al pasar el ratón */
.mcp-btn-link .mcp-slide__btn {
	padding: .4em 0;
	border: 0;
	border-radius: 0;
}
.mcp-btn-link .mcp-slide__btn::before {
	inset: auto 0 0 0;
	height: 1px;
	transform: scaleX(1);
	transform-origin: left;
}
.mcp-btn-link .mcp-slide__btn:hover,
.mcp-btn-link .mcp-slide__btn:focus-visible { color: var(--mcp-accent); }
.mcp-btn-link .mcp-slide__btn:hover::before,
.mcp-btn-link .mcp-slide__btn:focus-visible::before { animation: mcp-underline .7s var(--mcp-ease); }
@keyframes mcp-underline {
	0%   { transform: scaleX(1); transform-origin: right; }
	45%  { transform: scaleX(0); transform-origin: right; }
	55%  { transform: scaleX(0); transform-origin: left; }
	100% { transform: scaleX(1); transform-origin: left; }
}

/* Alineación propia en móvil de bajada y datos (va después de la de escritorio) */
@media (max-width: 767px) {
	.mcp-portada .mcp-hm-left .mcp-slide__subtitle   { margin-left: 0; margin-right: 0; }
	.mcp-portada .mcp-hm-center .mcp-slide__subtitle { margin-left: auto; margin-right: auto; }
	.mcp-portada .mcp-hm-right .mcp-slide__subtitle  { margin-left: auto; margin-right: 0; }
	.mcp-portada .mcp-hm-left .mcp-slide__meta   { justify-content: flex-start; }
	.mcp-portada .mcp-hm-center .mcp-slide__meta { justify-content: center; }
	.mcp-portada .mcp-hm-right .mcp-slide__meta  { justify-content: flex-end; }
	.mcp-portada .mcp-hm-left .mcp-slide__btns   { justify-content: flex-start; }
	.mcp-portada .mcp-hm-center .mcp-slide__btns { justify-content: center; }
	.mcp-portada .mcp-hm-right .mcp-slide__btns  { justify-content: flex-end; }
}

/* Entrada del texto: solo con JS, así sin JS el texto se ve igual */
.mcp-portada.is-js:not(.mcp-anim-none) .mcp-slide__content > * {
	opacity: 0;
	transition: opacity .35s ease, transform .35s ease, clip-path .35s ease;
}
.mcp-portada.is-js.mcp-anim-up .mcp-slide__content > * { transform: translateY(18px); }
.mcp-portada.is-js.mcp-anim-mask .mcp-slide__content > * {
	transform: translateY(35%);
	clip-path: inset(-20% -10% 100% -10%);
}
.mcp-portada.is-ready:not(.mcp-anim-none) .swiper-slide-active .mcp-slide__content > * {
	opacity: 1;
	transform: none;
	transition:
		opacity .9s var(--mcp-ease) var(--mcp-in, .3s),
		transform 1.1s var(--mcp-ease) var(--mcp-in, .3s),
		clip-path 1.1s var(--mcp-ease) var(--mcp-in, .3s);
}
.mcp-portada.is-ready.mcp-anim-mask .swiper-slide-active .mcp-slide__content > * { clip-path: inset(-20% -10% -20% -10%); }
.mcp-portada.is-ready.mcp-anim-mask .swiper-slide-active .mcp-slide__content > * { opacity: 1; transition-property: opacity, transform, clip-path; }
.mcp-portada.is-ready .swiper-slide-active .mcp-slide__content > .mcp-slide__subtitle { opacity: .9; }
.mcp-portada.is-ready .swiper-slide-active .mcp-slide__content > :nth-child(1) { --mcp-in: calc(var(--mcp-speed, 1200ms) * .35); }
.mcp-portada.is-ready .swiper-slide-active .mcp-slide__content > :nth-child(2) { --mcp-in: calc(var(--mcp-speed, 1200ms) * .35 + .12s); }
.mcp-portada.is-ready .swiper-slide-active .mcp-slide__content > :nth-child(3) { --mcp-in: calc(var(--mcp-speed, 1200ms) * .35 + .24s); }
.mcp-portada.is-ready .swiper-slide-active .mcp-slide__content > :nth-child(4) { --mcp-in: calc(var(--mcp-speed, 1200ms) * .35 + .36s); }

/* Ken Burns: zoom lento hacia el punto focal */
.mcp-effect-kenburns .mcp-slide__img { transform-origin: var(--mcp-fx, 50%) var(--mcp-fy, 50%); will-change: transform; }
.mcp-effect-kenburns .mcp-kb-run .mcp-slide__img {
	animation: mcp-kb calc(var(--mcp-delay, 6000ms) + var(--mcp-speed, 1200ms) * 2) linear forwards;
}
@keyframes mcp-kb {
	from { transform: scale(1); }
	to   { transform: scale(1.12); }
}

/* Flechas: abajo a la derecha, línea fina */
.mcp-portada .mcp-nav {
	position: absolute;
	z-index: 5;
	bottom: calc(var(--mcp-pad) * .6);
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin: 0;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: var(--mcp-text, #fff);
	cursor: pointer;
	opacity: .7;
	transition: opacity .3s ease, background-color .3s ease;
}
.mcp-portada .mcp-nav--prev { right: calc(var(--mcp-pad) + 64px); }
.mcp-portada .mcp-nav--next { right: var(--mcp-pad); }
.mcp-portada .mcp-nav:hover { opacity: 1; background: rgba(255, 255, 255, .08); }
.mcp-portada .mcp-nav svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.25;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.mcp-portada .mcp-nav.is-disabled { opacity: .25; cursor: default; }
@media (max-width: 599px) {
	.mcp-portada .mcp-nav { display: none; }
}

/* Indicadores: abajo a la izquierda */
.mcp-portada .mcp-pagination {
	position: absolute;
	z-index: 5;
	left: var(--mcp-pad);
	bottom: calc(var(--mcp-pad) * .6 + 26px);
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--mcp-text, #fff);
	font-family: var(--mcp-ff-text, inherit);
	transform: translateY(50%);
}
@media (max-width: 599px) {
	.mcp-portada .mcp-pagination { bottom: 1.6rem; }
}
.mcp-pag-lines .mcp-bullet {
	position: relative;
	display: block;
	width: 28px;
	height: 2px;
	margin: 0;
	padding: 0;
	border: 0;
	background: currentColor;
	opacity: .35;
	cursor: pointer;
	overflow: hidden;
	transition: width .6s var(--mcp-ease), opacity .3s ease;
}
/* Área táctil más grande que la línea */
.mcp-pag-lines .mcp-bullet::before { content: ""; position: absolute; inset: -14px 0; }
.mcp-pag-lines .mcp-bullet.is-active { width: 64px; opacity: 1; background: rgba(255, 255, 255, .3); }
.mcp-pag-lines .mcp-bullet.is-active::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--mcp-text, #fff);
	transform-origin: left;
}
.mcp-autoplay.mcp-pag-lines .mcp-bullet.is-active::after {
	animation: mcp-progress var(--mcp-delay, 6000ms) linear forwards;
}
.mcp-autoplay.mcp-hover-pause:hover .mcp-bullet.is-active::after,
.mcp-autoplay.mcp-hover-pause:hover .mcp-kb-run .mcp-slide__img { animation-play-state: paused; }
@keyframes mcp-progress {
	from { transform: scaleX(0); }
	to   { transform: scaleX(1); }
}

.mcp-pag-dots .mcp-bullet {
	display: block;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	transition: background-color .3s ease, transform .3s ease;
}
.mcp-pag-dots .mcp-bullet.is-active { background: currentColor; transform: scale(1.15); }

.mcp-pag-fraction .mcp-pagination {
	font-size: .9rem;
	letter-spacing: .06em;
	font-variant-numeric: tabular-nums;
	gap: .6em;
}
.mcp-pag-fraction .mcp-frac-total { opacity: .55; }

/* Botón de pausa, junto a los indicadores */
.mcp-portada .mcp-pause {
	position: absolute;
	z-index: 5;
	left: var(--mcp-pad);
	bottom: calc(var(--mcp-pad) * .6 + 26px - 17px);
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: var(--mcp-text, #fff);
	cursor: pointer;
	opacity: .6;
	transition: opacity .3s ease;
}
.mcp-portada .mcp-pause:hover { opacity: 1; }
.mcp-portada .mcp-pause svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.mcp-portada .mcp-pause__icon-play { display: none; }
.mcp-portada.is-paused .mcp-pause__icon-play { display: block; }
.mcp-portada.is-paused .mcp-pause__icon-pause { display: none; }
.mcp-portada.is-paused .mcp-bullet.is-active::after { animation-play-state: paused !important; }
.mcp-portada:has(.mcp-pause:not([hidden])) .mcp-pagination { left: calc(var(--mcp-pad) + 50px); }
@media (max-width: 599px) {
	.mcp-portada .mcp-pause { bottom: calc(1.6rem - 17px); }
}

/* Indicador para bajar */
.mcp-portada .mcp-scroll {
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: 0;
	width: 44px;
	height: 64px;
	margin: 0 0 0 -22px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--mcp-text, #fff);
	cursor: pointer;
}
.mcp-portada .mcp-scroll span {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 44px;
	background: currentColor;
	opacity: .35;
	overflow: hidden;
}
.mcp-portada .mcp-scroll span::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: var(--mcp-text, #fff);
	animation: mcp-scroll 2.2s cubic-bezier(.65, 0, .35, 1) infinite;
}
.mcp-portada .mcp-scroll:hover span { opacity: .6; }
@keyframes mcp-scroll {
	0%   { transform: translateY(-100%); }
	60%  { transform: translateY(100%); }
	100% { transform: translateY(100%); }
}
.mcp-layout-split-left .mcp-scroll,
.mcp-layout-split-right .mcp-scroll { display: none; }
@media (max-width: 599px) {
	.mcp-portada .mcp-scroll { display: none; }
}

.mcp-portada .mcp-pause:focus-visible,
.mcp-portada .mcp-scroll:focus-visible,
.mcp-portada .mcp-slide__btn2:focus-visible,
.mcp-portada .mcp-bullet:focus-visible,
.mcp-portada .mcp-nav:focus-visible,
.mcp-portada .mcp-slide__btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* Movimiento reducido */
@media (prefers-reduced-motion: reduce) {
	.mcp-portada *,
	.mcp-portada *::before,
	.mcp-portada *::after {
		animation: none !important;
		transition-duration: .01ms !important;
		transition-delay: 0s !important;
	}
}