/* =============================================================================
   CÓDIGO N°43
   Catálogo de destinos optimizado
   Archivo: 43-catalogo-destinos-optimizado.css

   Clase WPBakery:
   raco-catalogo-destinos

   IMPORTANTE:
   - Este CSS NO controla el espacio superior ni inferior externo del bloque.
   - El espaciado antes/después del catálogo se controla desde WPBakery.
   - Solo controla diseño interno, columnas, tarjeta, imagen y franja inferior.
============================================================================= */


/* ==========================================================================
   CONTENEDOR GENERAL
========================================================================== */

.raco-catalogo-destinos {
	--raco-cat-turquesa: #02a6ae;
	--raco-cat-turquesa-oscuro: #01717a;
	--raco-cat-azul: #1e344f;
	--raco-cat-amarillo: #f7c00e;
	--raco-cat-naranjo: #ea7221;
	--raco-cat-card: #f5fcfd;
	--raco-cat-card-soft: #edfafa;

	position: relative !important;
	left: 50% !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: -50vw !important;
	margin-right: 0 !important;

	/* No tocar padding vertical. WPBakery controla arriba/abajo. */
	padding-left: clamp(18px, 1.7vw, 34px) !important;
	padding-right: clamp(18px, 1.7vw, 34px) !important;

	background: transparent !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}


/* ==========================================================================
   GRID PRINCIPAL
========================================================================== */

.raco-catalogo-destinos ul.products,
.raco-catalogo-destinos .woocommerce ul.products,
.raco-catalogo-destinos .products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 18px !important;
	row-gap: 18px !important;

	width: 100% !important;
	max-width: 100% !important;

	/* No tocar margen inferior. WPBakery controla el espacio posterior. */
	margin-top: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;

	padding: 0 !important;
	list-style: none !important;
	box-sizing: border-box !important;
}

.raco-catalogo-destinos ul.products::before,
.raco-catalogo-destinos ul.products::after,
.raco-catalogo-destinos .products::before,
.raco-catalogo-destinos .products::after,
.raco-catalogo-destinos .woocommerce ul.products::before,
.raco-catalogo-destinos .woocommerce ul.products::after {
	display: none !important;
	content: none !important;
}


/* ==========================================================================
   ITEMS
========================================================================== */

.raco-catalogo-destinos ul.products li.product,
.raco-catalogo-destinos ul.products li.product-category,
.raco-catalogo-destinos .woocommerce ul.products li.product,
.raco-catalogo-destinos .woocommerce ul.products li.product-category,
.raco-catalogo-destinos .products li.product,
.raco-catalogo-destinos .products li.product-category {
	position: relative !important;
	float: none !important;
	clear: none !important;

	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}


/* ==========================================================================
   TARJETA ARMÓNICA
========================================================================== */

.raco-catalogo-destinos ul.products li.product > a,
.raco-catalogo-destinos ul.products li.product-category > a,
.raco-catalogo-destinos .woocommerce ul.products li.product > a,
.raco-catalogo-destinos .woocommerce ul.products li.product-category > a,
.raco-catalogo-destinos .products li.product > a,
.raco-catalogo-destinos .products li.product-category > a {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;

	border-radius: 17px !important;
	overflow: hidden !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			var(--raco-cat-card) 100%
		) !important;

	border: 1px solid rgba(2, 166, 174, 0.17) !important;

	box-shadow:
		0 12px 26px rgba(0, 95, 102, 0.080),
		0 3px 9px rgba(0, 0, 0, 0.030) !important;

	text-decoration: none !important;
	isolation: isolate !important;
	transform: translateZ(0) !important;

	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease !important;
}

@media (hover: hover) {
	.raco-catalogo-destinos ul.products li.product > a:hover,
	.raco-catalogo-destinos ul.products li.product-category > a:hover,
	.raco-catalogo-destinos .woocommerce ul.products li.product > a:hover,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category > a:hover,
	.raco-catalogo-destinos .products li.product > a:hover,
	.raco-catalogo-destinos .products li.product-category > a:hover {
		transform: translateY(-3px) !important;
		border-color: rgba(2, 166, 174, 0.32) !important;
		box-shadow:
			0 16px 32px rgba(0, 95, 102, 0.13),
			0 5px 14px rgba(0, 0, 0, 0.045) !important;
	}
}


/* ==========================================================================
   IMÁGENES
========================================================================== */

.raco-catalogo-destinos ul.products li.product img,
.raco-catalogo-destinos ul.products li.product-category img,
.raco-catalogo-destinos .woocommerce ul.products li.product img,
.raco-catalogo-destinos .woocommerce ul.products li.product-category img,
.raco-catalogo-destinos .products li.product img,
.raco-catalogo-destinos .products li.product-category img {
	position: relative !important;
	z-index: 1 !important;

	display: block !important;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	object-position: center center !important;

	margin: 0 !important;
	padding: 0 !important;

	border-radius: 17px 17px 0 0 !important;
	background: #eefcfd !important;

	transform: scale(1.001) !important;
	transition:
		transform 0.32s ease,
		filter 0.32s ease !important;
}

@media (hover: hover) {
	.raco-catalogo-destinos ul.products li.product > a:hover img,
	.raco-catalogo-destinos ul.products li.product-category > a:hover img,
	.raco-catalogo-destinos .woocommerce ul.products li.product > a:hover img,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category > a:hover img,
	.raco-catalogo-destinos .products li.product > a:hover img,
	.raco-catalogo-destinos .products li.product-category > a:hover img {
		transform: scale(1.022) !important;
		filter: saturate(1.025) contrast(1.01) !important;
	}
}


/* ==========================================================================
   CAPA MÍNIMA SOBRE LA IMAGEN
========================================================================== */

.raco-catalogo-destinos ul.products li.product > a::before,
.raco-catalogo-destinos ul.products li.product-category > a::before,
.raco-catalogo-destinos .woocommerce ul.products li.product > a::before,
.raco-catalogo-destinos .woocommerce ul.products li.product-category > a::before,
.raco-catalogo-destinos .products li.product > a::before,
.raco-catalogo-destinos .products li.product-category > a::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 2 !important;
	pointer-events: none !important;

	aspect-ratio: 1 / 1 !important;
	border-radius: 17px 17px 0 0 !important;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.025) 0%,
			rgba(255, 255, 255, 0.00) 52%,
			rgba(0, 95, 102, 0.050) 100%
		) !important;
}


/* ==========================================================================
   BLOQUE INFERIOR DE ALTERNATIVAS
   Integrado, sin placa blanca dura.
========================================================================== */

.raco-catalogo-destinos .woocommerce-loop-category__title {
	position: relative !important;
	z-index: 4 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	min-height: 39px !important;
	margin: 0 !important;
	padding: 9px 8px 10px 8px !important;

	background:
		radial-gradient(
			circle at 50% 0%,
			rgba(2, 166, 174, 0.080) 0%,
			rgba(2, 166, 174, 0.025) 42%,
			rgba(255, 255, 255, 0.00) 76%
		),
		linear-gradient(
			180deg,
			rgba(244, 252, 253, 0.98) 0%,
			rgba(236, 250, 251, 0.94) 100%
		) !important;

	border-top: 1px solid rgba(2, 166, 174, 0.08) !important;

	font-size: 0 !important;
	line-height: 1 !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

/* Línea corporativa completa de punta a punta */
.raco-catalogo-destinos .woocommerce-loop-category__title::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 2px !important;
	border-radius: 0 !important;

	background: linear-gradient(
		90deg,
		var(--raco-cat-amarillo) 0%,
		var(--raco-cat-turquesa) 52%,
		var(--raco-cat-naranjo) 100%
	) !important;

	opacity: 0.92 !important;
}

/* Suaviza la unión entre imagen y bloque */
.raco-catalogo-destinos .woocommerce-loop-category__title::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 2px !important;
	height: 9px !important;
	pointer-events: none !important;

	background: linear-gradient(
		180deg,
		rgba(2, 166, 174, 0.035) 0%,
		rgba(2, 166, 174, 0.000) 100%
	) !important;
}

/* Texto de alternativas */
.raco-catalogo-destinos .woocommerce-loop-category__title .count,
.raco-catalogo-destinos .woocommerce-loop-category__title mark.count,
.raco-catalogo-destinos .raco-catalogo-count {
	position: relative !important;
	z-index: 2 !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;
	border: none !important;
	box-shadow: none !important;

	color: var(--raco-cat-azul) !important;
	font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.025em !important;
	text-transform: lowercase !important;

	opacity: 1 !important;
	white-space: nowrap !important;
}

.raco-catalogo-destinos .raco-catalogo-count-number {
	color: var(--raco-cat-azul) !important;
	font-weight: 900 !important;
}

.raco-catalogo-destinos .raco-catalogo-count-label {
	color: var(--raco-cat-azul) !important;
	font-weight: 800 !important;
}


/* ==========================================================================
   OCULTAR ELEMENTOS NATIVOS DE WOOCOMMERCE
========================================================================== */

.raco-catalogo-destinos .woocommerce-loop-product__title,
.raco-catalogo-destinos ul.products li.product .price,
.raco-catalogo-destinos ul.products li.product .button,
.raco-catalogo-destinos ul.products li.product-category mark:not(.raco-catalogo-count),
.raco-catalogo-destinos .products li.product-category mark:not(.raco-catalogo-count) {
	display: none !important;
}


/* ==========================================================================
   COLUMNAS RESPONSIVE
========================================================================== */

@media (min-width: 681px) {
	.raco-catalogo-destinos ul.products,
	.raco-catalogo-destinos .woocommerce ul.products,
	.raco-catalogo-destinos .products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		column-gap: 22px !important;
		row-gap: 22px !important;
	}
}

@media (min-width: 980px) {
	.raco-catalogo-destinos ul.products,
	.raco-catalogo-destinos .woocommerce ul.products,
	.raco-catalogo-destinos .products {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		column-gap: 24px !important;
		row-gap: 24px !important;
	}
}

@media (min-width: 1180px) {
	.raco-catalogo-destinos ul.products,
	.raco-catalogo-destinos .woocommerce ul.products,
	.raco-catalogo-destinos .products {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		column-gap: 24px !important;
		row-gap: 24px !important;
	}
}

@media (min-width: 1440px) {
	.raco-catalogo-destinos ul.products,
	.raco-catalogo-destinos .woocommerce ul.products,
	.raco-catalogo-destinos .products {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		column-gap: 26px !important;
		row-gap: 26px !important;
	}
}

@media (min-width: 1800px) {
	.raco-catalogo-destinos ul.products,
	.raco-catalogo-destinos .woocommerce ul.products,
	.raco-catalogo-destinos .products {
		column-gap: 28px !important;
		row-gap: 28px !important;
	}
}


/* ==========================================================================
   MÓVIL: 2 PRODUCTOS POR LÍNEA
========================================================================== */

@media (max-width: 680px) {
	.raco-catalogo-destinos {
		/* No tocar padding vertical. WPBakery controla arriba/abajo. */
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.raco-catalogo-destinos ul.products,
	.raco-catalogo-destinos .woocommerce ul.products,
	.raco-catalogo-destinos .products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 12px !important;
		row-gap: 14px !important;
	}

	.raco-catalogo-destinos ul.products li.product > a,
	.raco-catalogo-destinos ul.products li.product-category > a,
	.raco-catalogo-destinos .woocommerce ul.products li.product > a,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category > a,
	.raco-catalogo-destinos .products li.product > a,
	.raco-catalogo-destinos .products li.product-category > a {
		border-radius: 14px !important;
		box-shadow:
			0 8px 18px rgba(0, 95, 102, 0.075),
			0 2px 7px rgba(0, 0, 0, 0.03) !important;
	}

	.raco-catalogo-destinos ul.products li.product img,
	.raco-catalogo-destinos ul.products li.product-category img,
	.raco-catalogo-destinos .woocommerce ul.products li.product img,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category img,
	.raco-catalogo-destinos .products li.product img,
	.raco-catalogo-destinos .products li.product-category img {
		border-radius: 14px 14px 0 0 !important;
	}

	.raco-catalogo-destinos ul.products li.product > a::before,
	.raco-catalogo-destinos ul.products li.product-category > a::before,
	.raco-catalogo-destinos .woocommerce ul.products li.product > a::before,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category > a::before,
	.raco-catalogo-destinos .products li.product > a::before,
	.raco-catalogo-destinos .products li.product-category > a::before {
		border-radius: 14px 14px 0 0 !important;
	}

	.raco-catalogo-destinos .woocommerce-loop-category__title {
		min-height: 31px !important;
		padding: 7px 4px 8px 4px !important;

		background:
			radial-gradient(
				circle at 50% 0%,
				rgba(2, 166, 174, 0.075) 0%,
				rgba(2, 166, 174, 0.020) 44%,
				rgba(255, 255, 255, 0.00) 76%
			),
			linear-gradient(
				180deg,
				rgba(244, 252, 253, 0.98) 0%,
				rgba(236, 250, 251, 0.94) 100%
			) !important;

		border-top: 1px solid rgba(2, 166, 174, 0.08) !important;
	}

	.raco-catalogo-destinos .woocommerce-loop-category__title::before {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: 2px !important;
		border-radius: 0 !important;
	}

	.raco-catalogo-destinos .woocommerce-loop-category__title .count,
	.raco-catalogo-destinos .woocommerce-loop-category__title mark.count,
	.raco-catalogo-destinos .raco-catalogo-count {
		gap: 3px !important;
		font-size: 9.5px !important;
		letter-spacing: 0.01em !important;
		text-transform: lowercase !important;
		white-space: nowrap !important;
	}
}


/* ==========================================================================
   REDUCCIÓN DE MOVIMIENTO
========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.raco-catalogo-destinos *,
	.raco-catalogo-destinos *::before,
	.raco-catalogo-destinos *::after {
		transition: none !important;
		scroll-behavior: auto !important;
	}

	.raco-catalogo-destinos ul.products li.product > a:hover,
	.raco-catalogo-destinos ul.products li.product-category > a:hover,
	.raco-catalogo-destinos .woocommerce ul.products li.product > a:hover,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category > a:hover,
	.raco-catalogo-destinos .products li.product > a:hover,
	.raco-catalogo-destinos .products li.product-category > a:hover,
	.raco-catalogo-destinos ul.products li.product > a:hover img,
	.raco-catalogo-destinos ul.products li.product-category > a:hover img,
	.raco-catalogo-destinos .woocommerce ul.products li.product > a:hover img,
	.raco-catalogo-destinos .woocommerce ul.products li.product-category > a:hover img,
	.raco-catalogo-destinos .products li.product > a:hover img,
	.raco-catalogo-destinos .products li.product-category > a:hover img {
		transform: none !important;
		filter: none !important;
	}
}