/* ==========================================================================
   Creative Acordeón by Agencia Exclamación — v1.9.7
   ========================================================================== */

.cae-accordion {
	--cae-expanded: 62%;
	--cae-min: 90px;
	--cae-speed: 700ms;
	--cae-height: 520px;
	--cae-rail: 60vh;
	--cae-fit: cover;
	--cae-pos: center;
	--cae-peek-h: 0px;         /* adelanto en vertical (altura del panel colapsado) */
	--cae-peek-h-desktop: 0px; /* adelanto de texto en columnas colapsadas (horizontal) */
	--cae-vopen: 60vh;        /* altura de la card abierta en vertical */
	display: flex;
	width: 100%;
	gap: 12px;
	height: var(--cae-height);
	align-items: stretch;
}

/* ---------------------------------------------------------------- Tarjeta */

.cae-accordion .cae-card {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 1 0%;
	min-width: var(--cae-min);
	overflow: hidden;
	background: #f4f4f4;
	border-radius: 14px;
	cursor: pointer;
	outline: none;
	transition:
		flex-basis var(--cae-speed) cubic-bezier(0.45, 0, 0.2, 1),
		flex-grow var(--cae-speed) cubic-bezier(0.45, 0, 0.2, 1);
	will-change: flex-basis;
}

.cae-accordion:not(.cae-vertical) .cae-card.cae-open {
	flex: 0 1 var(--cae-expanded);
	max-width: var(--cae-expanded);
}

.cae-accordion .cae-card.cae-open {
	cursor: default;
}

.cae-accordion .cae-card.cae-open[data-link] {
	cursor: pointer;
}

/* ------------------------------------------------------ Media (fondo card) */

.cae-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}

.cae-media .cae-img,
.cae-media .cae-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: var(--cae-fit);
	object-position: var(--cae-pos);
	display: block;
}

.cae-media .cae-lottie {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.cae-media .cae-lottie svg {
	width: 100% !important;
	height: 100% !important;
	object-fit: var(--cae-fit);
}

/* ---------------------------------------------------- Barra de categoría */

.cae-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px;
	white-space: nowrap;
	background: transparent;
	position: relative;
	z-index: 3;
	flex: 0 0 auto;
}

.cae-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 1;
	flex: 0 0 auto;
}

.cae-icon svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
}



.cae-card.cae-open .cae-cat-title {
	opacity: 1;
	transition-delay: calc(var(--cae-speed) * 0.35);
}

/* Flecha: solo visible en modo vertical */
.cae-arrow {
	display: none;
	margin-left: auto;
	line-height: 0;
	transition: transform 0.3s ease;
	flex: 0 0 auto;
}

/* ------------------------------------------------------------------ Panel */

.cae-panel {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	flex: 1 1 auto;
	min-height: 0;
	position: relative;
	z-index: 2;
}

/* ------------------------------------------------------------------ Body */

.cae-body {
	flex: 0 0 auto;
	padding: 22px 24px 26px;
	min-width: 280px;
	position: relative;
	z-index: 2;
}

/* HORIZONTAL sin adelanto: el texto aparece al abrir (clásico) */
.cae-accordion:not(.cae-vertical):not(.cae-has-peek-desktop) .cae-body {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.cae-accordion:not(.cae-vertical):not(.cae-has-peek-desktop) .cae-card.cae-open .cae-body {
	opacity: 1;
	pointer-events: auto;
	transition-delay: calc(var(--cae-speed) * 0.3);
}

/* HORIZONTAL con adelanto: el body asoma recortado en colapsadas */
.cae-accordion.cae-has-peek-desktop:not(.cae-vertical) .cae-body {
	opacity: 1;
	pointer-events: auto;
	max-height: var(--cae-peek-h-desktop);
	overflow: hidden;
	transition: max-height var(--cae-speed) ease;
	/* Difuminado abajo y a ambos lados para que el texto recortado de las
	   columnas angostas no se vea cortado en seco. */
	-webkit-mask-image:
		linear-gradient(to bottom, #000 60%, transparent 100%),
		linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
	-webkit-mask-composite: source-in;
	mask-image:
		linear-gradient(to bottom, #000 60%, transparent 100%),
		linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%);
	mask-composite: intersect;
}

.cae-accordion.cae-has-peek-desktop:not(.cae-vertical) .cae-card.cae-open .cae-body {
	max-height: 1200px;
	-webkit-mask-image: none;
	mask-image: none;
}

/* Texto de categoría en columnas colapsadas: difuminado lateral para que
   no quede cortado en seco contra el borde. */
.cae-accordion.cae-has-peek-desktop:not(.cae-vertical) .cae-card:not(.cae-open) .cae-cat-title {
	-webkit-mask-image: linear-gradient(to right, #000 70%, transparent 100%);
	mask-image: linear-gradient(to right, #000 70%, transparent 100%);
}

/* Con adelanto en horizontal, el título de categoría asoma en las colapsadas */
.cae-accordion.cae-has-peek-desktop:not(.cae-vertical) .cae-cat-title {
	opacity: 1;
}

.cae-title {
	margin: 0;
	font-size: 1.35em;
	font-weight: 700;
	line-height: 1.25;
}

.cae-desc {
	margin-top: 8px;
	font-size: 0.98em;
	line-height: 1.5;
	color: #555;
}

.cae-btn {
	display: inline-block;
	margin-top: 16px;
	padding: 10px 24px;
	background: #111;
	color: #fff;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.cae-btn:hover {
	background: #333;
	color: #fff;
}

/* ==========================================================================
   MODO VERTICAL (mobile / tablet-vertical)
   La media también es FONDO de la card; el texto va encima con transparencias.
   (Restaurado de la versión que funcionaba)
   ========================================================================== */

.cae-accordion.cae-vertical {
	flex-direction: column;
	height: auto;
}

.cae-accordion.cae-vertical .cae-card {
	flex: 0 0 auto;
	min-width: 0;
	width: 100%;
	max-width: none;
	transition: none;
	min-height: 0;
}

/* Media de fondo también en vertical */
.cae-accordion.cae-vertical .cae-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.cae-accordion.cae-vertical .cae-media .cae-media-inner {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

/* !important: protege contra temas que fuerzan img{height:auto!important} */
.cae-accordion.cae-vertical .cae-media .cae-img,
.cae-accordion.cae-vertical .cae-media .cae-video {
	position: absolute !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	object-fit: var(--cae-fit) !important;
	object-position: var(--cae-pos);
}

.cae-accordion.cae-vertical .cae-media .cae-lottie {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.cae-accordion.cae-vertical .cae-header {
	cursor: pointer;
	padding: 16px 18px;
	z-index: 3;
	white-space: normal;
	order: 0;
}

/* Título de categoría COMPLETO en vertical: sin ellipsis, con salto de línea */
.cae-accordion.cae-vertical .cae-cat-title {
	opacity: 1;
	color: #fff;
	transition: none;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	word-break: break-word;
}

.cae-accordion.cae-vertical .cae-icon {
	color: #fff;
	align-self: flex-start;
}

.cae-accordion.cae-vertical .cae-arrow {
	display: none;
}

.cae-accordion.cae-vertical .cae-card.cae-open .cae-arrow {
	transform: rotate(90deg);
}

/* Panel: colapsado muestra el ADELANTO (--cae-peek-h); abierto se despliega */
.cae-accordion.cae-vertical .cae-panel {
	flex: none;
	max-height: var(--cae-peek-h);
	overflow: hidden;
	transition: max-height var(--cae-speed) cubic-bezier(0.45, 0, 0.2, 1);
	position: relative;
	z-index: 2;
	order: 1;
}

.cae-accordion.cae-vertical .cae-card.cae-open {
	height: var(--cae-vopen, auto);
	min-height: var(--cae-vopen, auto);
}

.cae-accordion.cae-vertical .cae-card.cae-open .cae-panel {
	max-height: 1600px;
	flex: 1 1 auto;
	justify-content: flex-end;
}

/* Máscara de desvanecido en el adelanto (colapsadas con peek) */
.cae-accordion.cae-vertical.cae-has-peek .cae-card:not(.cae-open) .cae-panel {
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
}

.cae-accordion.cae-vertical .cae-body {
	min-width: 0;
	position: relative;
	z-index: 2;
}

/* Descripción del adelanto recortada con puntos suspensivos */
.cae-accordion.cae-vertical.cae-has-peek .cae-card:not(.cae-open) .cae-desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   MODO VERTICAL — SCROLL CON APILADO tipo ADOBE (hasta 3 niveles)
   La tarjeta activa ocupa la pantalla; al subir, su encabezado queda pegado
   arriba. Se muestran hasta 3 encabezados apilados (activo + 2 anteriores);
   el más antiguo se desvanece al entrar uno nuevo. Sin amontonar.
   --cae-stack-offset: alto de cada franja de encabezado apilada.
   -------------------------------------------------------------------------- */

.cae-accordion.cae-vertical.cae-stack {
	display: block;
	overflow: visible;
	position: relative;
	/* Escalera: aire superior + cuánto asoma cada pestaña (decreciente) */
	--cae-stack-toppad: 14px;
	--cae-stack-step1: 30px;
	--cae-stack-step2: 12px;
	--cae-stack-fade: 700ms;
}

.cae-accordion.cae-vertical.cae-stack .cae-card {
	position: -webkit-sticky;
	position: sticky;
	top: var(--cae-sticky-top, 0px);
	transition: opacity var(--cae-stack-fade, 700ms) cubic-bezier(0.25, 0.1, 0.25, 1),
	            filter var(--cae-stack-fade, 700ms) ease,
	            top 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
	margin-bottom: var(--cae-rail, 60vh);
	box-shadow: 0 -8px 26px rgba(0, 0, 0, 0.3);
	border-radius: 14px 14px 0 0;
	overflow: hidden;
	z-index: var(--cae-z, 1);
	height: var(--cae-vopen, 60vh);
	min-height: var(--cae-vopen, 60vh);
}

.cae-accordion.cae-vertical.cae-stack .cae-card:last-child {
	margin-bottom: 0;
}

/* Panel siempre desplegado: TODA tarjeta viaja completa (nunca se encoge),
   así jamás pierde su título / descripción / botón. */
.cae-accordion.cae-vertical.cae-stack .cae-card .cae-panel {
	max-height: none;
	overflow: visible;
	flex: 1 1 auto;
	justify-content: flex-end;
}

.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-active .cae-arrow {
	transform: rotate(90deg);
}

/* ==========================================================================
   ESCALERA DE 3 NIVELES (tarjetas reales, superposición tipo Adobe)
   La activa va ADELANTE con su borde; las anteriores quedan detrás pegadas
   más arriba, asomando solo su borde superior como "pestaña".
   Nivel 1: activa (completa)   Nivel 2: pestaña 1   Nivel 3: pestaña 2 (se
   desvanece).  Cada pestaña tiene su propio velo de color configurable.
   ========================================================================== */

/* La activa: adelante, contenido intacto */
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-active {
	opacity: 1;
}

/* Velo de color de la PESTAÑA 1 (la que acaba de pasar) */
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p1::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--cae-tab1-bg, rgba(0, 0, 0, 0.45));
	z-index: 6;
	pointer-events: none;
	transition: background 0.35s ease;
}

/* Velo de color de la PESTAÑA 2 (más atrás) + desvanecido progresivo */
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p2 {
	opacity: var(--cae-tab2-opacity, 0.55);
}

.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p2::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--cae-tab2-bg, rgba(0, 0, 0, 0.65));
	z-index: 6;
	pointer-events: none;
	transition: background 0.35s ease;
}

/* Las pestañas no muestran texto: solo su borde asoma */
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p1 .cae-panel,
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p2 .cae-panel,
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p1 .cae-header,
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-p2 .cae-header {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

/* Nivel 4+: fuera de la escalera, se desvanecen del todo */
.cae-accordion.cae-vertical.cae-stack .cae-card.cae-stack-behind {
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--cae-stack-fade, 700ms) cubic-bezier(0.25, 0.1, 0.25, 1);
}









/* ==========================================================================
   ANIMACIONES DE CONTENIDO
   ========================================================================== */

/* Capa interna de la media: recibe la animación; el contenedor .cae-media
   la recorta (overflow:hidden) para que un slide/zoom nunca descubra el
   fondo vacío de la card. La animación ocurre "dentro de la imagen". */
.cae-media-inner {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.cae-media-inner .cae-img,
.cae-media-inner .cae-video,
.cae-media-inner .cae-lottie {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: var(--cae-fit);
	object-position: var(--cae-pos);
}

/* Overlay opcional: velo sobre las tarjetas colapsadas (protagonismo a la
   abierta). Se desvanece suave al abrir. Solo aparece si se activa el control. */
.cae-overlay {
	position: absolute;
	inset: 0;
	z-index: 5;
	pointer-events: none;
	opacity: 0;
	transition: opacity var(--cae-speed, 500ms) ease;
}

.cae-card.cae-open .cae-overlay {
	opacity: 0 !important;
}

.cae-anim.cae-run {
	animation-name: var(--cae-anim);
	animation-duration: var(--cae-dur, 600ms);
	animation-delay: var(--cae-delay, 0ms);
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/* Los textos animados se recortan en su propia caja para que el
   slide-up/zoom no deje ver un hueco: la animación queda contenida. */
.cae-title.cae-anim,
.cae-desc.cae-anim,
.cae-btn.cae-anim {
	overflow: hidden;
}

@keyframes cae-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes cae-zoom-in {
	from { opacity: 0; transform: scale(0.75); }
	to   { opacity: 1; transform: scale(1); }
}

@keyframes cae-zoom-out {
	from { opacity: 0; transform: scale(1.25); }
	to   { opacity: 1; transform: scale(1); }
}

@keyframes cae-slide-up {
	from { opacity: 0; transform: translateY(28px); }
	to   { opacity: 1; transform: translateY(0); }
}

@keyframes cae-shake {
	0%   { opacity: 1; transform: translateX(0); }
	20%  { transform: translateX(-8px); }
	40%  { transform: translateX(8px); }
	60%  { transform: translateX(-5px); }
	80%  { transform: translateX(5px); }
	100% { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
	.cae-accordion .cae-card,
	.cae-accordion.cae-vertical .cae-panel,
	.cae-anim.cae-run {
		transition: none !important;
		animation: none !important;
	}
}

/* ==========================================================================
   CARRUSEL / DESBORDE HORIZONTAL (v1.2.0)
   ========================================================================== */

.cae-wrap {
	--cae-arrow-offset: 10px;
	position: relative;
	width: 100%;
}

/* Cuando el JS detecta desborde, marca el acordeón como carrusel */
.cae-accordion.cae-carousel {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none; /* Firefox */
	cursor: grab;
}

.cae-accordion.cae-carousel::-webkit-scrollbar {
	display: none; /* WebKit */
}

.cae-accordion.cae-carousel.cae-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
}

/* En carrusel las cards no se encogen: mantienen su ancho y se desbordan */
.cae-accordion.cae-carousel .cae-card {
	flex: 0 0 var(--cae-min);
}

.cae-accordion.cae-carousel .cae-card.cae-open {
	flex: 0 0 var(--cae-expanded);
	max-width: none;
}

/* --------------------------------------------------------------- Flechas */

.cae-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: none; /* visibles solo con carrusel activo (clase en wrap) */
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(17, 17, 17, 0.7);
	color: #fff;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
	line-height: 0;
}

.cae-nav svg {
	width: 24px;
	height: 24px;
	display: block;
}

.cae-nav-prev {
	left: var(--cae-arrow-offset);
}

.cae-nav-next {
	right: var(--cae-arrow-offset);
}

/* Posición "fuera": las flechas se salen del borde del acordeón */
.cae-wrap.cae-arrows-outside .cae-nav-prev {
	left: calc(var(--cae-arrow-offset) * -1);
	transform: translate(-100%, -50%);
}

.cae-wrap.cae-arrows-outside .cae-nav-next {
	right: calc(var(--cae-arrow-offset) * -1);
	transform: translate(100%, -50%);
}

/* Mostrar flechas solo cuando el carrusel está activo */
.cae-wrap.cae-arrows-active .cae-nav {
	display: inline-flex;
}

/* Ocultar flecha deshabilitada en los extremos */
.cae-nav.cae-nav-disabled {
	opacity: 0;
	pointer-events: none;
}

/* En vertical nunca hay carrusel ni flechas */
.cae-accordion.cae-vertical.cae-carousel {
	overflow: visible;
	cursor: default;
}

.cae-wrap.cae-vertical-mode .cae-nav {
	display: none !important;
}

/* ==========================================================================
   KEN BURNS — movimiento continuo del fondo (solo tarjeta activa, solo imagen)
   Mecánica segura: la imagen queda a tamaño completo (cover) y el movimiento
   es SOLO transform. La escala mínima de cada ciclo siempre supera el
   desplazamiento máximo, así NUNCA se descubre un borde sin imagen.
   --cae-kb-amount: intensidad (%). --cae-kb-dur: duración del ciclo.
   ========================================================================== */

.cae-accordion.cae-kb {
	--cae-kb-amount: 12;
	--cae-kb-dur: 12s;
	/* Escala máxima del ciclo: 1 + intensidad */
	--cae-kb-zmax: calc(1 + (var(--cae-kb-amount, 12) / 100));
	/* Escala base de paneo: cubre de sobra el desplazamiento (mitad de la intensidad) */
	--cae-kb-zpan: calc(1 + (var(--cae-kb-amount, 12) / 100));
	/* Desplazamiento de paneo: SIEMPRE menor que lo que agranda la escala */
	--cae-kb-shift: calc(var(--cae-kb-amount, 12) * 0.35%);
}

.cae-accordion.cae-kb .cae-card.cae-open .cae-media-inner .cae-img,
.cae-accordion.cae-kb .cae-card.cae-stack-active .cae-media-inner .cae-img {
	animation-duration: var(--cae-kb-dur, 12s);
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	will-change: transform;
	transform-origin: center center;
}

.cae-accordion.cae-kb-zoom-in .cae-card.cae-open .cae-media-inner .cae-img,
.cae-accordion.cae-kb-zoom-in .cae-card.cae-stack-active .cae-media-inner .cae-img {
	animation-name: cae-kb-zoom-in;
}

.cae-accordion.cae-kb-zoom-out .cae-card.cae-open .cae-media-inner .cae-img,
.cae-accordion.cae-kb-zoom-out .cae-card.cae-stack-active .cae-media-inner .cae-img {
	animation-name: cae-kb-zoom-out;
}

.cae-accordion.cae-kb-pan-x .cae-card.cae-open .cae-media-inner .cae-img,
.cae-accordion.cae-kb-pan-x .cae-card.cae-stack-active .cae-media-inner .cae-img {
	animation-name: cae-kb-pan-x;
}

.cae-accordion.cae-kb-pan-y .cae-card.cae-open .cae-media-inner .cae-img,
.cae-accordion.cae-kb-pan-y .cae-card.cae-stack-active .cae-media-inner .cae-img {
	animation-name: cae-kb-pan-y;
}

.cae-accordion.cae-kb-zoom-pan .cae-card.cae-open .cae-media-inner .cae-img,
.cae-accordion.cae-kb-zoom-pan .cae-card.cae-stack-active .cae-media-inner .cae-img {
	animation-name: cae-kb-zoom-pan;
}

/* Zoom: la escala nunca baja de 1 (cover exacto) — imposible ver borde */
@keyframes cae-kb-zoom-in {
	from { transform: scale(1); }
	to   { transform: scale(var(--cae-kb-zmax, 1.12)); }
}

@keyframes cae-kb-zoom-out {
	from { transform: scale(var(--cae-kb-zmax, 1.12)); }
	to   { transform: scale(1); }
}

/* Paneo: escala fija que agranda MÁS de lo que el desplazamiento mueve.
   Con amount=12: escala 1.12 (sobra 6% por lado) y shift 4.2% < 6%. */
@keyframes cae-kb-pan-x {
	from { transform: scale(var(--cae-kb-zpan, 1.12)) translateX(calc(var(--cae-kb-shift, 4.2%) * -1)); }
	to   { transform: scale(var(--cae-kb-zpan, 1.12)) translateX(var(--cae-kb-shift, 4.2%)); }
}

@keyframes cae-kb-pan-y {
	from { transform: scale(var(--cae-kb-zpan, 1.12)) translateY(calc(var(--cae-kb-shift, 4.2%) * -1)); }
	to   { transform: scale(var(--cae-kb-zpan, 1.12)) translateY(var(--cae-kb-shift, 4.2%)); }
}

/* Zoom+paneo: parte en escala de paneo (cubre el shift) y crece desde ahí */
@keyframes cae-kb-zoom-pan {
	from { transform: scale(var(--cae-kb-zpan, 1.12)) translate(0, 0); }
	to   { transform: scale(calc(var(--cae-kb-zmax, 1.12) + 0.06)) translate(var(--cae-kb-shift, 4.2%), calc(var(--cae-kb-shift, 4.2%) * -1)); }
}

@media (prefers-reduced-motion: reduce) {
	.cae-accordion.cae-kb .cae-media-inner .cae-img {
		animation: none !important;
	}
}