/* PortalFilm Theme: estilos del componente common/production-card-swiper */

.pf_pfilm_common_production_card_swiper {
	padding: var(--spacing-xl) 0;
	background: var(--color-bg-surface-secondary);
}

.pf_pfilm_common_production_card_swiper_heading {
	margin: 0 0 var(--spacing-sm);
	font-size: var(--font-size-h2);
	font-weight: 600;
	color: var(--color-text-primary);
}

.pf_pfilm_common_production_card_swiper_heading_subtitle {
	margin: 0 0 var(--spacing-lg);
	font-size: var(--font-size-small);
	color: var(--color-text-secondary);
}

.pf_pfilm_common_production_card_swiper_wrap {
	position: relative;
	overflow: hidden;
	padding: var(--spacing-sm) 0 var(--spacing-xl);
}

.pf_pfilm_common_production_card_swiper_el {
	overflow: visible;
}

.pf_pfilm_common_production_card_swiper_slide {
	height: auto;
	box-sizing: border-box;
}

.pf_pfilm_common_production_card_swiper_slide .pf_pfilm_common_production_card {
	margin: 0;
	height: 100%;
}

/* Título en una línea con difuminado al final */
.pf_pfilm_common_production_card_swiper_slide .pf_pfilm_common_production_card_title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	mask-image: linear-gradient(to right, black 75%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, black 75%, transparent 100%);
}

/* Botones de navegación Swiper */
.pf_pfilm_common_production_card_swiper_el .swiper-button-prev,
.pf_pfilm_common_production_card_swiper_el .swiper-button-next {
	--swiper-navigation-size: 2.5rem;
	--swiper-navigation-sides-offset: 4px;
	color: var(--color-primary);
	background: var(--color-bg-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius-sm);
	transition: background var(--transition-base), color var(--transition-base);
}

.pf_pfilm_common_production_card_swiper_el .swiper-button-prev:hover,
.pf_pfilm_common_production_card_swiper_el .swiper-button-next:hover {
	background: var(--color-primary);
	color: var(--color-bg-surface);
	border-color: var(--color-primary);
}

.pf_pfilm_common_production_card_swiper_el .swiper-button-prev::after,
.pf_pfilm_common_production_card_swiper_el .swiper-button-next::after {
	font-size: 1.25rem;
}

/* Paginación */
.pf_pfilm_common_production_card_swiper_el .swiper-pagination {
	position: relative;
	margin-top: var(--spacing-md);
}

.pf_pfilm_common_production_card_swiper_el .swiper-pagination-bullet {
	--swiper-pagination-bullet-inactive-opacity: 0.4;
	background: var(--color-text-secondary);
}

.pf_pfilm_common_production_card_swiper_el .swiper-pagination-bullet-active {
	background: var(--color-primary);
}

.pf_pfilm_common_production_card_swiper_empty {
	margin: 0;
	color: var(--color-text-secondary);
	font-size: var(--font-size-small);
}