.aido-image-accordion {
	--aido-active-width: 70%;
	--aido-bar-size: 220px;
	--aido-title-size: 64px;
	--aido-duration: 600ms;
	--aido-easing: cubic-bezier(.77, 0, .175, 1);
	--aido-panel-duration: 600ms;
	--aido-panel-easing: cubic-bezier(.77, 0, .175, 1);
	--aido-active-grow: 7;
	--aido-content-delay: 100ms;
	--aido-equal-active-ratio: 2.5;
	--aido-title-height: auto;
	position: relative;
	width: 100%;
}

.aido-image-accordion *,
.aido-image-accordion *::before,
.aido-image-accordion *::after {
	box-sizing: border-box;
}

.aido-image-accordion__items {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	height: var(--aido-auto-height, auto);
	min-width: 0;
	gap: var(--aido-gap, 0px);
}

.aido-image-accordion__item {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: var(--aido-card-content-align, flex-start);
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	background: #111;
	/* Gallery X geometry: state changes only flex-grow. */
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 1;
	transition: flex-grow var(--aido-panel-duration) var(--aido-panel-easing) !important;
}

.aido-layout-active_equal_rest .aido-image-accordion__item,
.aido-layout-equal .aido-image-accordion__item {
	flex-grow: 1;
	flex-basis: 0%;
}

.aido-layout-active_equal_rest .aido-image-accordion__item.is-active,
.aido-layout-equal .aido-image-accordion__item.is-active {
	flex-grow: var(--aido-active-grow, 2.5);
}



.aido-image-accordion__hitarea {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: inherit;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

.aido-image-accordion__item.is-active > .aido-image-accordion__hitarea {
	pointer-events: none;
}


.aido-image-accordion__media,
.aido-image-accordion__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.aido-image-accordion__media {
	z-index: 0;
	background-position: var(--aido-bg-position, center center);
	background-size: var(--aido-bg-size, cover);
	background-repeat: no-repeat;
	transform: scale(1);
	transition: transform calc(var(--aido-duration) * 1.15) var(--aido-easing);
}

.aido-image-accordion__item.is-active .aido-image-accordion__media {
	transform: scale(1.015);
}

.aido-image-accordion__overlay {
	z-index: 1;
	background: var(--aido-overlay-normal, rgba(0,0,0,.48));
	transition: background-color var(--aido-duration) var(--aido-easing), background var(--aido-duration) var(--aido-easing);
}

.aido-image-accordion__item:not(.is-active):hover .aido-image-accordion__overlay {
	background: var(--aido-overlay-hover, rgba(0,0,0,.32));
}

.aido-image-accordion__item.is-active .aido-image-accordion__overlay {
	background: var(--aido-overlay-active, rgba(0,0,0,.12));
}

.aido-image-accordion__title {
	position: absolute;
	z-index: 4;
	inset-block: 0;
	inset-inline-start: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--aido-title-size);
	height: var(--aido-title-height, auto);
	min-width: 0;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	font: inherit;
	line-height: inherit;
	color: #fff;
	background: rgba(0,0,0,.18);
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	outline: 0;
	pointer-events: none;
	transition:
		opacity calc(var(--aido-duration) * .65) var(--aido-easing),
		background-color var(--aido-duration) var(--aido-easing),
		color var(--aido-duration) var(--aido-easing),
		border-color var(--aido-duration) var(--aido-easing);
}

.aido-image-accordion__title:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -3px;
}

.aido-image-accordion__title-text {
	display: inline-block;
	white-space: nowrap;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.aido-image-accordion__title-content {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	max-height: 100%;
	gap: 8px;
}

.aido-image-accordion__title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--aido-title-icon-size, 18px);
	height: var(--aido-title-icon-size, 18px);
	min-width: var(--aido-title-icon-size, 18px);
	min-height: var(--aido-title-icon-size, 18px);
	font-size: var(--aido-title-icon-size, 18px);
	line-height: 1;
	transform: rotate(var(--aido-title-icon-rotation, 0deg));
	transform-origin: center;
	flex: 0 0 auto;
}

.aido-image-accordion__title-icon.is-after {
	order: 2;
}

.aido-image-accordion__title-icon i,
.aido-image-accordion__title-icon svg,
.aido-image-accordion__title-icon img {
	display: block;
	width: 100%;
	height: 100%;
}

.aido-image-accordion__title-icon svg,
.aido-image-accordion__title-icon img {
	object-fit: contain;
}

.aido-hide-active-title .aido-image-accordion__item.is-active > .aido-image-accordion__title {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* El Container de Elementor conserva sus controles nativos. Solo controlamos
   visibilidad/transición cuando el panel no está activo. */
.aido-image-accordion__item > .e-con,
.aido-image-accordion__item > .elementor-element.e-con {
	z-index: 3;
	transition:
		opacity calc(var(--aido-duration) * .72) var(--aido-easing) var(--aido-content-delay),
		transform calc(var(--aido-duration) * .72) var(--aido-easing) var(--aido-content-delay);
}

.aido-image-accordion__item:not(.is-active) > .e-con,
.aido-image-accordion__item:not(.is-active) > .elementor-element.e-con {
	position: absolute !important;
	/* El contenedor cerrado conserva su ancho final, pero no debe estirarse
	 * verticalmente hasta la altura anterior del acordeón. Su alto natural
	 * (contenido + gap + padding + min-height) queda disponible para la medición. */
	inset-block-start: 0;
	inset-inline: 0;
	inset-block-end: auto;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.aido-content-fade-up .aido-image-accordion__item:not(.is-active) > .e-con {
	transform: translateY(18px);
}

.aido-content-zoom .aido-image-accordion__item:not(.is-active) > .e-con {
	transform: scale(.975);
}

.aido-content-fade .aido-image-accordion__item:not(.is-active) > .e-con,
.aido-content-none .aido-image-accordion__item:not(.is-active) > .e-con {
	transform: none;
}

.aido-content-none .aido-image-accordion__item > .e-con {
	transition: none;
}

/* Modo principal + barra de items (0.2.6).
   La barra es una botonera PERSISTENTE e independiente. Ningún item Nested se
   mueve a la barra: todos los Containers permanecen siempre en el viewport
   principal y solo cambia cuál tiene .is-active. Así E1..En nunca desaparecen. */
.aido-image-accordion__bar {
	display: none;
	min-width: 0;
	min-height: 0;
}

.aido-layout-active_bar {
	display: grid;
	gap: var(--aido-gap, 0px);
	align-items: stretch;
}

.aido-layout-active_bar.aido-bar-right {
	grid-template-columns: minmax(0, 1fr) var(--aido-bar-size);
	grid-template-areas: "main bar";
}

.aido-layout-active_bar.aido-bar-left {
	grid-template-columns: var(--aido-bar-size) minmax(0, 1fr);
	grid-template-areas: "bar main";
}

.aido-layout-active_bar.aido-bar-top {
	grid-template-rows: var(--aido-bar-size) minmax(0, 1fr);
	grid-template-areas: "bar" "main";
}

.aido-layout-active_bar.aido-bar-bottom {
	grid-template-rows: minmax(0, 1fr) var(--aido-bar-size);
	grid-template-areas: "main" "bar";
}

.aido-layout-active_bar > .aido-image-accordion__items {
	grid-area: main;
	position: relative;
	display: block;
	gap: 0 !important;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.aido-layout-active_bar > .aido-image-accordion__bar {
	grid-area: bar;
	display: grid;
	gap: var(--aido-gap, 0px);
	min-width: 0;
	min-height: 0;
}

.aido-layout-active_bar.aido-bar-right > .aido-image-accordion__bar,
.aido-layout-active_bar.aido-bar-left > .aido-image-accordion__bar {
	grid-template-rows: repeat(var(--aido-bar-count, 1), minmax(0, 1fr));
	grid-template-columns: minmax(0, 1fr);
}

.aido-layout-active_bar.aido-bar-top > .aido-image-accordion__bar,
.aido-layout-active_bar.aido-bar-bottom > .aido-image-accordion__bar {
	grid-template-columns: repeat(var(--aido-bar-count, 1), minmax(0, 1fr));
	grid-template-rows: minmax(0, 1fr);
}

/* Los paneles reales se apilan en el área principal. No se reordenan ni se
   extraen del DOM Nested. El activo se vuelve visible; los demás permanecen
   intactos y listos para ser activados desde la barra. */
.aido-layout-active_bar .aido-image-accordion__item {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	margin: 0;
	flex: none !important;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 180ms ease,
		visibility 0s linear 180ms;
}

.aido-layout-active_bar .aido-image-accordion__item.is-active {
	position: relative;
	inset: auto;
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0ms, 0ms;
}

.aido-layout-active_bar .aido-image-accordion__item:not(.is-active) > .aido-image-accordion__hitarea {
	pointer-events: none;
}

/* En modo barra, la solapa del panel principal no es el menú. La navegación
   está en .aido-image-accordion__bar, por lo que la solapa interior se oculta. */
.aido-layout-active_bar .aido-image-accordion__item > .aido-image-accordion__title {
	display: none !important;
}

.aido-image-accordion__bar-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: .75em 1em;
	border: 1px solid currentColor;
	border-radius: 0;
	font: inherit;
	line-height: inherit;
	color: #fff;
	background: rgba(0,0,0,.18);
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	overflow: hidden;
	transition:
		background-color var(--aido-duration) var(--aido-easing),
		color var(--aido-duration) var(--aido-easing),
		border-color var(--aido-duration) var(--aido-easing),
		opacity var(--aido-duration) var(--aido-easing);
}

.aido-image-accordion__bar-button-text {
	display: block;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	writing-mode: horizontal-tb !important;
	transform: none !important;
}

.aido-image-accordion__bar-button.is-active {
	cursor: default;
}

.aido-image-accordion__bar-button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -3px;
}


/* En modo barra, el breakpoint no convierte los paneles ocultos en tarjetas:
   mantiene panel principal + menú. Para posiciones laterales, en ancho estrecho
   la barra pasa debajo y conserva TODOS sus botones. */
.aido-layout-active_bar.is-vertical {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: minmax(0, 1fr) auto !important;
	grid-template-areas: "main" "bar" !important;
}

.aido-layout-active_bar.is-vertical > .aido-image-accordion__items {
	display: block !important;
	height: var(--aido-auto-height, auto) !important;
}

.aido-layout-active_bar.is-vertical > .aido-image-accordion__bar {
	display: grid !important;
	grid-template-columns: repeat(var(--aido-bar-count, 1), minmax(0, 1fr)) !important;
	grid-template-rows: minmax(var(--aido-title-size, 64px), auto) !important;
}

.aido-layout-active_bar.is-vertical .aido-image-accordion__item {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.aido-layout-active_bar.is-vertical .aido-image-accordion__item.is-active {
	position: relative !important;
	inset: auto !important;
	height: 100% !important;
}

/* Responsive vertical según ancho real del widget (clase asignada por ResizeObserver). */
.aido-image-accordion.is-vertical .aido-image-accordion__items {
	display: flex !important;
	flex-direction: column;
	height: auto !important;
}

.aido-image-accordion.is-vertical .aido-image-accordion__item {
	flex: 0 0 auto !important;
	width: 100% !important;
	min-height: var(--aido-title-size, 64px);
	grid-column: auto !important;
	grid-row: auto !important;
}

.aido-image-accordion.is-vertical .aido-image-accordion__item:not(.is-active) {
	height: var(--aido-title-size, 64px);
}

.aido-image-accordion.is-vertical .aido-image-accordion__item.is-active {
	height: auto;
}

.aido-image-accordion.is-vertical .aido-image-accordion__title {
	position: relative;
	inset: auto;
	width: 100%;
	height: var(--aido-title-size, 64px);
	min-height: var(--aido-title-size, 64px);
}

.aido-image-accordion.is-vertical .aido-image-accordion__title-content,
.aido-image-accordion.is-vertical .aido-image-accordion__title-text {
	writing-mode: horizontal-tb !important;
	transform: none !important;
}

.aido-image-accordion.is-vertical.aido-hide-active-title .aido-image-accordion__item.is-active > .aido-image-accordion__title {
	display: none;
}

.aido-image-accordion.is-vertical .aido-image-accordion__item.is-active > .e-con {
	position: relative;
}

/* 0.1.5: a closed panel is itself an activation surface. This also avoids
   depending on the exact hit-box of the vertical title inside Elementor. */
.aido-image-accordion__item:not(.is-active) {
	cursor: pointer;
}

/* ============================================================
 * 0.2.2 - Native Nested child placement
 * Elementor's interlaced Nested engine inserts each child Container as a
 * direct child of the repeated item. Keeping that contract makes the child
 * visible/selectable in the editor and avoids an empty intermediary wrapper.
 * The real Container itself is the stable-width content canvas.
 * ============================================================ */

/* The real Elementor child is the stable content canvas. Its width is frozen
   to the final open width, while the outer panel clips/reveals it. */
.aido-image-accordion__item > .e-con,
.aido-image-accordion__item > .elementor-element.e-con {
	/* 0.3.3: el Container conserva su caja natural. AIDO fija solamente el
	   ancho de lienzo necesario para evitar reflow durante la apertura.
	   No imponemos height/min-height/padding/margin: esos valores pertenecen
	   íntegramente al Container de Elementor. */
	position: relative;
	inset: auto;
	z-index: 3;
	width: var(--aido-content-open-width, 100%);
	max-width: none;
	min-width: var(--aido-content-open-width, 100%);
	flex-shrink: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: none;
	transition:
		opacity 180ms ease 0ms,
		transform 220ms var(--aido-easing) 0ms,
		visibility 0s linear 220ms;
}

/* Before JS enhancement, keep the initial active child in normal flow so the
   widget never collapses to zero height while Elementor/front-end boots. */
.aido-image-accordion:not(.aido-enhanced) .aido-image-accordion__item.is-active > .e-con,
.aido-image-accordion:not(.aido-enhanced) .aido-image-accordion__item.is-active > .elementor-element.e-con {
	position: relative;
	inset: auto;
	width: 100%;
	min-width: 0;
	height: auto;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.aido-image-accordion__item.is-active > .e-con,
.aido-image-accordion__item.is-active > .elementor-element.e-con {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay:
		var(--aido-content-reveal-delay, 360ms),
		var(--aido-content-reveal-delay, 360ms),
		0ms;
}

.aido-image-accordion__item:not(.is-active) > .e-con,
.aido-image-accordion__item:not(.is-active) > .elementor-element.e-con {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition-delay: 0ms, 0ms, 180ms;
}

.aido-content-fade-up .aido-image-accordion__item:not(.is-active) > .e-con,
.aido-content-fade-up .aido-image-accordion__item:not(.is-active) > .elementor-element.e-con {
	transform: translateY(14px);
}

.aido-content-zoom .aido-image-accordion__item:not(.is-active) > .e-con,
.aido-content-zoom .aido-image-accordion__item:not(.is-active) > .elementor-element.e-con {
	transform: scale(.985);
	transform-origin: center center;
}

.aido-content-fade .aido-image-accordion__item:not(.is-active) > .e-con,
.aido-content-fade .aido-image-accordion__item:not(.is-active) > .elementor-element.e-con,
.aido-content-none .aido-image-accordion__item:not(.is-active) > .e-con,
.aido-content-none .aido-image-accordion__item:not(.is-active) > .elementor-element.e-con {
	transform: none;
}

.aido-content-none .aido-image-accordion__item > .e-con,
.aido-content-none .aido-image-accordion__item > .elementor-element.e-con {
	transition-property: visibility;
}

/* Elementor editor: the Nested child must stay physically present and
   selectable. Only the active child is interactive/visible. */
.aido-image-accordion.aido-editor-preview .aido-image-accordion__item.is-active > .e-con,
.aido-image-accordion.aido-editor-preview .aido-image-accordion__item.is-active > .elementor-element.e-con {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	z-index: 6;
}

.aido-image-accordion.aido-no-transition .aido-image-accordion__item > .e-con,
.aido-image-accordion.aido-no-transition .aido-image-accordion__item > .elementor-element.e-con {
	transition: none !important;
}

/* Equal mode: only the active item exposes its Elementor content. */
.aido-layout-equal .aido-image-accordion__item:not(.is-active) > .e-con,
.aido-layout-equal .aido-image-accordion__item:not(.is-active) > .elementor-element.e-con {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Vertical responsive mode returns the active child to natural flow. */
.aido-image-accordion.is-vertical .aido-image-accordion__item > .e-con,
.aido-image-accordion.is-vertical .aido-image-accordion__item > .elementor-element.e-con {
	position: absolute;
	inset: auto 0 0 0;
	width: 100%;
	min-width: 100%;
	height: auto;
}

.aido-image-accordion.is-vertical .aido-image-accordion__item.is-active > .e-con,
.aido-image-accordion.is-vertical .aido-image-accordion__item.is-active > .elementor-element.e-con {
	position: relative;
	inset: auto;
	width: 100%;
	min-width: 0;
	height: auto;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
	transition-delay: 0ms;
}

/* ============================================================
 * 0.5.2 - Accordion Gallery X movement
 * Reference geometry: flex-basis:0, closed flex-grow:1, active flex-grow:N,
 * transition flex-grow 600ms cubic-bezier(.77,0,.175,1). JavaScript only
 * measures the fixed inner content width and toggles state.
 * ============================================================ */
.aido-image-accordion.aido-enhanced.aido-fluid-motion:not(.aido-layout-active_bar):not(.is-vertical) .aido-image-accordion__item {
	flex-grow: 1 !important;
	flex-shrink: 1 !important;
	flex-basis: 0 !important;
	width: auto;
	transition: flex-grow var(--aido-panel-duration) var(--aido-panel-easing) !important;
	will-change: flex-grow;
}

.aido-image-accordion.aido-enhanced.aido-fluid-motion:not(.aido-layout-active_bar):not(.is-vertical) .aido-image-accordion__item.is-active {
	flex-grow: var(--aido-active-grow, 5) !important;
}

.aido-image-accordion.aido-fluid-motion .aido-image-accordion__media {
	inset-inline-start: 50%;
	inset-inline-end: auto;
	inline-size: var(--aido-media-fixed-width, var(--aido-open-width-px, 100%));
	min-inline-size: var(--aido-media-fixed-width, var(--aido-open-width-px, 100%));
	max-inline-size: var(--aido-media-fixed-width, var(--aido-open-width-px, 100%));
	transform: translateX(-50%) !important;
	transition: none !important;
	will-change: auto;
}

.aido-image-accordion.aido-fluid-motion .aido-image-accordion__item.is-active .aido-image-accordion__media {
	transform: translateX(-50%) !important;
}

/* En el apilado responsive cada tarjeta dispone de todo el ancho. El fondo
 * deja de usar el ancho fijo calculado para el acordeón horizontal. */
.aido-image-accordion.aido-fluid-motion.is-vertical .aido-image-accordion__media,
.aido-image-accordion.aido-fluid-motion.is-vertical .aido-image-accordion__item.is-active .aido-image-accordion__media {
	inset-inline-start: 0;
	inset-inline-end: 0;
	inline-size: 100%;
	min-inline-size: 100%;
	max-inline-size: 100%;
	transform: none !important;
}

.aido-image-accordion.aido-fluid-motion .aido-image-accordion__item > .e-con,
.aido-image-accordion.aido-fluid-motion .aido-image-accordion__item > .elementor-element.e-con {
	transition:
		opacity 120ms ease 0ms,
		transform 120ms ease 0ms,
		visibility 0s linear 120ms;
}

.aido-image-accordion.aido-fluid-motion .aido-image-accordion__item.is-active > .e-con,
.aido-image-accordion.aido-fluid-motion .aido-image-accordion__item.is-active > .elementor-element.e-con {
	transition:
		opacity 400ms cubic-bezier(.16, 1, .3, 1) var(--aido-content-reveal-delay, 390ms),
		transform 400ms cubic-bezier(.16, 1, .3, 1) var(--aido-content-reveal-delay, 390ms),
		visibility 0s linear 0ms;
}

.aido-image-accordion__marker {
	position: absolute;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	max-width: calc(100% - (var(--aido-marker-x, 18px) * 2));
	color: #fff;
	font-size: 12px;
	line-height: 1;
	letter-spacing: .04em;
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
	transition:
		opacity 220ms var(--aido-easing),
		color 220ms var(--aido-easing),
		background-color 220ms var(--aido-easing),
		border-color 220ms var(--aido-easing);
}

.aido-marker-top-left .aido-image-accordion__marker {
	inset-block-start: var(--aido-marker-y, 18px);
	inset-inline-start: var(--aido-marker-x, 18px);
}
.aido-marker-top-right .aido-image-accordion__marker {
	inset-block-start: var(--aido-marker-y, 18px);
	inset-inline-end: var(--aido-marker-x, 18px);
}
.aido-marker-bottom-left .aido-image-accordion__marker {
	inset-block-end: var(--aido-marker-y, 18px);
	inset-inline-start: var(--aido-marker-x, 18px);
}
.aido-marker-bottom-right .aido-image-accordion__marker {
	inset-block-end: var(--aido-marker-y, 18px);
	inset-inline-end: var(--aido-marker-x, 18px);
}

/* La posición específica de la tarjeta abierta se compone con dos controles
 * responsivos. Sin valores específicos, translate queda neutro y continúa
 * funcionando la posición general histórica. */
.aido-image-accordion__item.is-active .aido-image-accordion__marker {
	translate:
		var(--aido-marker-open-translate-x, 0%)
		var(--aido-marker-open-translate-y, 0%);
}

/* Posición independiente del índice cuando la tarjeta está cerrada. Los
 * offsets siguen actuando como margen de seguridad en los cuatro bordes. */
.aido-image-accordion__item:not(.is-active) .aido-image-accordion__marker {
	inset-inline-start: clamp(
		var(--aido-marker-x, 18px),
		calc(var(--aido-marker-closed-x, 0) * 1%),
		calc(100% - var(--aido-marker-x, 18px))
	);
	inset-inline-end: auto;
	inset-block-start: clamp(
		var(--aido-marker-y, 18px),
		calc(var(--aido-marker-closed-y, 0) * 1%),
		calc(100% - var(--aido-marker-y, 18px))
	);
	inset-block-end: auto;
	translate:
		calc(var(--aido-marker-closed-x, 0) * -1%)
		calc(var(--aido-marker-closed-y, 0) * -1%);
}

.aido-image-accordion.aido-no-transition .aido-image-accordion__item,
.aido-image-accordion.aido-no-transition .aido-image-accordion__media,
.aido-image-accordion.aido-no-transition .aido-image-accordion__overlay,
.aido-image-accordion.aido-no-transition .aido-image-accordion__title,
.aido-image-accordion.aido-no-transition .aido-image-accordion__marker,
.aido-image-accordion.aido-no-transition .aido-image-accordion__item > .e-con,
.aido-image-accordion.aido-no-transition .aido-image-accordion__item > .elementor-element.e-con {
	transition: none !important;
}