/* @group cards-cruises
------------------------------------ */

.cards-cruises .subtitle {
	margin: 1.5rem auto 0;
}

.cards-cruises .splide__list {
	gap: 5px;
}

.cards-cruises .splide__slide article {
	padding-block: 4.1rem;
	padding-inline: 4.5rem;
}

.cards-cruises h3 {
	color: var(--crema-claro);
}

@media only screen and (min-width: 961px) {
	.cards-cruises .subtitle {
		max-width: 60%;
	}
	.cards-cruises .splide__slide {
		height: 48rem;
		margin-top: 8rem;
	}

	.cards-cruises .splide__slide article h4 {
		margin: 0 0 5rem;
	}

	.cards-cruises .splide__slide:is(:hover, .active) article {
		padding-top: 16rem;
	}

	.cards-cruises .splide__slide:is(:hover, .active) {
		height: 64rem;
		margin-top: 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 960px) {
	.cards-cruises header {
		padding-bottom: 3.1rem;
	}

	.cards-cruises .splide__slide {
		height: 43.2rem;
	}

	.cards-cruises .splide__slide article {
		top: unset;
		bottom: 0;
		height: 13.8rem;
		padding-block: 1.3rem;
		padding-inline: 1.5rem;
		height: 100%;
	}
}

/* @group cards-cruises small
------------------------------------ */

@media only screen and (min-width: 961px) {
	.cards-cruises.small .splide__slide {
		height: 28rem;
		margin-top: 11.4rem;
	}

	.cards-cruises.small .splide__slide:is(:hover, .active) {
		height: 50rem;
	}

	.cards-cruises.small .splide__slide:is(:hover, .active) article {
		padding-top: 12.1rem;
		padding-bottom: 2.6rem;
	}

	.cards-cruises.small .splide__slide article {
		padding-block: 3.3rem;
		padding-inline: 4.7rem;
	}

	.cards-cruises.small .splide__list {
		gap: 0;
	}
}