/*
 * Kiosco de la revista impresa: carrusel de portadas de cada año (Loop Carousel de Elementor).
 * Cada año tiene su propio carrusel con ID propio (class-kiosco.php), así que el estilo va por clase
 * y no por ID de elemento. Solo variables del kit "Omnes Kit 2026" (la única excepción es la sombra
 * de las portadas, la misma de la portada de la home).
 */

/* Disposición: portadas arriba; flecha anterior, puntos y flecha siguiente centrados debajo. */
.aom-ri-carrusel {
	--swiper-slides-to-display: 6;
	--swiper-slides-gap: 24px;
	display: grid;
	grid-template-columns: 1fr auto auto auto 1fr;
	column-gap: 28px;
	row-gap: 0;
	align-items: center;
	min-width: 0;
}
.aom-ri-carrusel .swiper {
	grid-column: 1 / -1;
	grid-row: 1;
	width: 100%;
	min-width: 0;
	padding: 8px 0 28px;
}
.aom-ri-carrusel .swiper-slide > .elementor-element {
	height: 100%;
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button {
	position: static !important;
	inset: auto !important;
	transform: none !important;
	grid-row: 2;
	margin: 0 !important;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background-color: var(--e-global-color-0731c04);
	color: var(--e-global-color-4cef510);
	cursor: pointer;
	opacity: 1;
	transition: background-color .2s;
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button-prev { grid-column: 2; }
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button-next { grid-column: 4; }
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button svg {
	width: 12px;
	height: 12px;
	fill: var(--e-global-color-4cef510);
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button:hover,
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button:focus-visible {
	background-color: var(--e-global-color-primary);
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button:focus-visible {
	outline: 2px solid var(--e-global-color-0731c04);
	outline-offset: 2px;
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button.swiper-button-disabled {
	background-color: var(--e-global-color-42a09e1);
	color: var(--e-global-color-a6b7c8d);
	cursor: default;
	opacity: 1;
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button.swiper-button-disabled svg {
	fill: var(--e-global-color-a6b7c8d);
}
.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button.swiper-button-lock,
.aom-ri-carrusel.e-widget-swiper .swiper-pagination.swiper-pagination-lock {
	display: none !important;
}

/* Puntos: el activo, alargado. */
.aom-ri-carrusel.e-widget-swiper .swiper-pagination {
	position: static !important;
	inset: auto !important;
	transform: none !important;
	grid-column: 3;
	grid-row: 2;
	width: auto !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	gap: 8px;
}
.aom-ri-carrusel.e-widget-swiper .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 !important;
	border-radius: 999px;
	background-color: var(--e-global-color-primary);
	opacity: .45;
	transition: width .25s, opacity .25s;
}
.aom-ri-carrusel.e-widget-swiper .swiper-pagination-bullet-active {
	width: 28px;
	background-color: var(--e-global-color-0731c04);
	opacity: 1;
}

/* Portada activa (la primera visible) nítida; las demás, algo más pequeñas, tenues y suaves. */
.aom-ri-carrusel .swiper-slide .rit-tarjeta {
	transition: transform .3s, opacity .3s, filter .3s;
	transform-origin: 50% 100%;
}
.aom-ri-carrusel .swiper-slide:not(.swiper-slide-active) .rit-tarjeta {
	transform: scale(.9);
	opacity: .6;
	filter: blur(1px) saturate(.7);
}
.aom-ri-carrusel .swiper-slide-active .rit-tarjeta {
	transform: none;
	opacity: 1;
	filter: none;
}
.aom-ri-carrusel .swiper-slide:hover .rit-tarjeta,
.aom-ri-carrusel .swiper-slide:focus-within .rit-tarjeta {
	opacity: 1;
	filter: none;
}

@media (max-width: 1024px) {
	.aom-ri-carrusel {
		--swiper-slides-to-display: 4;
		--swiper-slides-gap: 20px;
	}
}
@media (max-width: 767px) {
	.aom-ri-carrusel {
		--swiper-slides-to-display: 1;
		--swiper-slides-gap: 16px;
		column-gap: 16px;
	}
	.aom-ri-carrusel.e-widget-swiper .swiper-pagination { gap: 6px; }
	.aom-ri-carrusel.e-widget-swiper .swiper-pagination-bullet { width: 6px; height: 6px; }
	.aom-ri-carrusel.e-widget-swiper .swiper-pagination-bullet-active { width: 28px; }
	/* Una sola portada visible: sin portadas «detrás». */
	.aom-ri-carrusel .swiper-slide:not(.swiper-slide-active) .rit-tarjeta {
		transform: none;
		opacity: 1;
		filter: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.aom-ri-carrusel .swiper-slide .rit-tarjeta,
	.aom-ri-carrusel.e-widget-swiper .elementor-swiper-button,
	.aom-ri-carrusel.e-widget-swiper .swiper-pagination-bullet { transition: none; }
}

/* KIOSCO-2026 BEGIN */
/* Kiosco 2026 compartido (T3 revista digital; T5 revista impresa): chips de años, carrusel, flechas a la derecha, sin puntos, todo nítido. */
.aom-kiosco .aom-kiosco-anios .e-n-tabs-heading{justify-content:flex-start;background:none;scrollbar-width:none}
.aom-kiosco .aom-kiosco-anios .e-n-tabs-heading::-webkit-scrollbar{display:none}
.aom-kiosco .aom-kiosco-anios .e-n-tab-title{min-width:0;margin:0!important;background-image:none!important;justify-content:center;text-align:center}
.aom-kiosco .aom-kiosco-anios .e-n-tab-title:focus-visible{outline:2px solid var(--e-global-color-0731c04);outline-offset:2px}

.aom-kiosco .aom-kiosco-carrusel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px;row-gap:20px;align-items:center;min-width:0}
.aom-kiosco .aom-kiosco-carrusel .swiper{grid-column:1/-1;grid-row:1;width:100%;min-width:0;padding:0}
.aom-kiosco .aom-kiosco-carrusel .swiper-slide>.elementor-element{height:100%}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button{position:static!important;inset:auto!important;transform:none!important;grid-row:2;margin:0!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:var(--e-global-color-0731c04);cursor:pointer;opacity:1;transition:background-color .2s}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button-prev{grid-column:2}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button-next{grid-column:3}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button svg{width:12px;height:12px;fill:var(--e-global-color-4cef510)}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button:is(:hover,:focus-visible){background-color:var(--e-global-color-primary)}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button:focus-visible{outline:2px solid var(--e-global-color-0731c04);outline-offset:2px}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button.swiper-button-disabled{background-color:var(--e-global-color-f6e1c2a);cursor:default}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button.swiper-button-disabled svg{fill:var(--e-global-color-a6b7c8d)}
.aom-kiosco .aom-kiosco-carrusel .elementor-swiper-button.swiper-button-lock,
.aom-kiosco .aom-kiosco-carrusel .swiper-pagination{display:none!important}
/* Todas las tarjetas/portadas nítidas (anula el blur de la impresa antigua). */
.aom-kiosco .aom-kiosco-carrusel .swiper-slide .rit-tarjeta,
.aom-kiosco .aom-kiosco-carrusel .swiper-slide:not(.swiper-slide-active) .rit-tarjeta{transform:none;opacity:1;filter:none}
/* Nota: texto pequeño, sin caja. */
.aom-kiosco .aom-kiosco-nota{background:none!important;border:0!important;padding:0!important}

/* Revista digital: tarjetas por vista antes de que Swiper calcule. */
.aom-rd-carrusel{--swiper-slides-to-display:4;--swiper-slides-gap:24px}
@media (max-width:1024px){.aom-rd-carrusel{--swiper-slides-to-display:3;--swiper-slides-gap:20px}}
@media (max-width:767px){.aom-rd-carrusel{--swiper-slides-to-display:1;--swiper-slides-gap:16px}}
/* Con un solo número Elementor no inicia Swiper (sin clase e-widget-swiper): sin flechas. */
.aom-kiosco .aom-kiosco-carrusel:not(.e-widget-swiper) .elementor-swiper-button{display:none!important}
/* Revista digital: con menos números que tarjetas por vista (Elementor reduce slidesPerView o ni inicia Swiper) la tarjeta conserva su ancho 1/4 o 1/3.
   Se cuentan con *-of-type porque delante de las tarjetas el wrapper lleva uno o dos <style> (el segundo, si la tarjeta tiene fondo dinámico).
   Solo en ese caso: con más números manda Swiper (sus breakpoints son min-width: 767 -> 3 y 1024 -> 4). */
@media (min-width:1024px){
	.aom-rd-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+3),
	.aom-rd-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+3) ~ .swiper-slide{width:calc((100% - 3 * 24px) / 4)!important}
}
@media (min-width:767px) and (max-width:1023px){
	.aom-rd-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+2),
	.aom-rd-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+2) ~ .swiper-slide{width:calc((100% - 2 * 20px) / 3)!important}
}
/* Swiper de Elementor lleva elementor-grid: su pista medía por el contenido y el 100 % del ancho de tarjeta salía mal. */
.aom-rd-carrusel .swiper{display:block}
/* Impresa y ebooks (mismo carrusel): con menos portadas que por vista (con una sola Elementor ni inicia Swiper) cada portada conserva su ancho de 1/6 o 1/4, como en la digital. */
@media (min-width:1024px){
	.aom-ri-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+5),
	.aom-ri-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+5) ~ .swiper-slide{width:calc((100% - 5 * 24px) / 6)!important}
}
@media (min-width:767px) and (max-width:1023px){
	.aom-ri-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+3),
	.aom-ri-carrusel .swiper-slide:first-of-type:nth-last-of-type(-n+3) ~ .swiper-slide{width:calc((100% - 3 * 20px) / 4)!important}
}
.aom-ri-carrusel .swiper:not(.swiper-initialized){display:block}
/* KIOSCO-2026 END */