/* =============================================================================
   CÓDIGO N°44
   Productos de destino optimizados
   Archivo: 44-productos-destino-archive.css

   Diseño:
   - Tarjetas premium para páginas de tienda/categorías WooCommerce.
   - Inspirado en el catálogo de destinos del Código N°43.
   - Productos más pequeños, centrados y sin cubrir todo el ancho.
   - Mantiene el diseño de tarjeta anterior.
   - No toca ficha individual.
   - No toca el catálogo de categorías de la home.
   - 2 productos por línea en móvil.
============================================================================= */


/* ==========================================================================
   VARIABLES BASE
========================================================================== */

.raco-productos-destino-archive {
	--raco-prod-turquesa: #02a6ae;
	--raco-prod-turquesa-oscuro: #01717a;
	--raco-prod-azul: #1e344f;
	--raco-prod-amarillo: #f7c00e;
	--raco-prod-naranjo: #ea7221;
	--raco-prod-card: #f5fcfd;
	--raco-prod-card-soft: #edfafa;
}


/* ==========================================================================
   CONTENEDOR WOO
========================================================================== */

.raco-productos-destino-archive .ast-woocommerce-container {
	position: relative !important;
	width: 100% !important;
	max-width: 1380px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

.raco-productos-destino-archive .woocommerce-products-header {
	margin: 0 !important;
	padding: 0 !important;
}


/* ==========================================================================
   RESULT COUNT + ORDENAMIENTO
========================================================================== */

.raco-productos-destino-archive .woocommerce-result-count {
	display: inline-flex !important;
	align-items: center !important;

	margin: 0 0 18px 0 !important;
	padding: 8px 14px !important;

	border-radius: 999px !important;
	background: rgba(2, 166, 174, 0.075) !important;
	border: 1px solid rgba(2, 166, 174, 0.14) !important;

	color: var(--raco-prod-azul) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.raco-productos-destino-archive .woocommerce-ordering {
	margin: 0 0 18px 0 !important;
}

.raco-productos-destino-archive .woocommerce-ordering select.orderby {
	min-height: 38px !important;
	padding: 8px 36px 8px 14px !important;

	border-radius: 999px !important;
	border: 1px solid rgba(2, 166, 174, 0.24) !important;
	background-color: #ffffff !important;

	color: var(--raco-prod-azul) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;

	box-shadow:
		0 6px 16px rgba(0, 95, 102, 0.055),
		0 1px 4px rgba(0, 0, 0, 0.025) !important;
}


/* ==========================================================================
   GRID DE PRODUCTOS
========================================================================== */

.raco-productos-destino-archive .ast-woocommerce-container ul.products,
.raco-productos-destino-archive.woocommerce ul.products,
.raco-productos-destino-archive.woocommerce-page ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	justify-content: center !important;
	align-items: stretch !important;

	column-gap: 18px !important;
	row-gap: 22px !important;

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

	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-productos-destino-archive .ast-woocommerce-container ul.products::before,
.raco-productos-destino-archive .ast-woocommerce-container ul.products::after,
.raco-productos-destino-archive.woocommerce ul.products::before,
.raco-productos-destino-archive.woocommerce ul.products::after,
.raco-productos-destino-archive.woocommerce-page ul.products::before,
.raco-productos-destino-archive.woocommerce-page ul.products::after {
	display: none !important;
	content: none !important;
}


/* ==========================================================================
   TARJETA DE PRODUCTO
========================================================================== */

.raco-productos-destino-archive .ast-woocommerce-container ul.products li.product,
.raco-productos-destino-archive.woocommerce ul.products li.product,
.raco-productos-destino-archive.woocommerce-page ul.products li.product {
	position: relative !important;
	float: none !important;
	clear: none !important;

	display: flex !important;
	flex-direction: column !important;

	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100% !important;

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

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

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

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

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

	box-sizing: border-box !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-productos-destino-archive .ast-woocommerce-container ul.products li.product:hover,
	.raco-productos-destino-archive.woocommerce ul.products li.product:hover,
	.raco-productos-destino-archive.woocommerce-page ul.products li.product:hover {
		transform: translateY(-3px) !important;
		border-color: rgba(2, 166, 174, 0.34) !important;
		box-shadow:
			0 16px 32px rgba(0, 95, 102, 0.13),
			0 5px 14px rgba(0, 0, 0, 0.045) !important;
	}
}


/* ==========================================================================
   IMAGEN
========================================================================== */

.raco-productos-destino-archive .astra-shop-thumbnail-wrap {
	position: relative !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;

	border-radius: 18px 18px 0 0 !important;
	overflow: hidden !important;

	background: #eefcfd !important;
	box-sizing: border-box !important;
}

.raco-productos-destino-archive .astra-shop-thumbnail-wrap::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 2 !important;
	pointer-events: none !important;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.020) 0%,
			rgba(255, 255, 255, 0.000) 52%,
			rgba(0, 95, 102, 0.045) 100%
		) !important;
}

.raco-productos-destino-archive .astra-shop-thumbnail-wrap a,
.raco-productos-destino-archive .woocommerce-LoopProduct-link {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
}

.raco-productos-destino-archive .astra-shop-thumbnail-wrap img,
.raco-productos-destino-archive ul.products li.product 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: 18px 18px 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-productos-destino-archive ul.products li.product:hover .astra-shop-thumbnail-wrap img,
	.raco-productos-destino-archive ul.products li.product:hover img {
		transform: scale(1.022) !important;
		filter: saturate(1.025) contrast(1.01) !important;
	}
}


/* ==========================================================================
   BLOQUE DE CONTENIDO
========================================================================== */

.raco-productos-destino-archive .astra-shop-summary-wrap {
	position: relative !important;
	z-index: 3 !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;

	width: 100% !important;
	margin: 0 !important;
	padding: 15px 12px 5px 12px !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;

	text-align: center !important;
	box-sizing: border-box !important;
}

.raco-productos-destino-archive .astra-shop-summary-wrap::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 2px !important;

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

	opacity: 0.92 !important;
}

.raco-productos-destino-archive .astra-shop-summary-wrap::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;
}

.raco-productos-destino-archive .ast-loop-product__link {
	display: block !important;
	width: 100% !important;
	text-decoration: none !important;
}

.raco-productos-destino-archive .woocommerce-loop-product__title {
	margin: 0 !important;
	padding: 0 !important;

	color: var(--raco-prod-azul) !important;
	font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
	font-size: clamp(14px, 0.92vw, 16px) !important;
	font-weight: 900 !important;
	line-height: 1.16 !important;
	letter-spacing: -0.012em !important;
	text-align: center !important;

	transition: color 0.22s ease !important;
}

@media (hover: hover) {
	.raco-productos-destino-archive ul.products li.product:hover .woocommerce-loop-product__title {
		color: var(--raco-prod-turquesa-oscuro) !important;
	}
}


/* ==========================================================================
   DURACIÓN
========================================================================== */

.raco-productos-destino-archive .product-duration {
	display: block !important;
	width: 100% !important;

	margin: 0 !important;
	padding: 3px 12px 10px 12px !important;

	background:
		linear-gradient(
			180deg,
			rgba(236, 250, 251, 0.94) 0%,
			rgba(245, 252, 253, 0.98) 100%
		) !important;

	color: var(--raco-prod-turquesa-oscuro) !important;
	font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.24 !important;
	text-align: center !important;

	box-sizing: border-box !important;
}

.raco-productos-destino-archive .product-duration strong {
	color: var(--raco-prod-turquesa-oscuro) !important;
	font-weight: 900 !important;
}


/* ==========================================================================
   PRECIO / BOTONES NATIVOS WOO
========================================================================== */

.raco-productos-destino-archive ul.products li.product .price,
.raco-productos-destino-archive ul.products li.product .button:not(.includes-toggle),
.raco-productos-destino-archive ul.products li.product .added_to_cart {
	display: none !important;
}


/* ==========================================================================
   BOTÓN "VER QUÉ INCLUYE"
========================================================================== */

.raco-productos-destino-archive .product-includes {
	position: relative !important;

	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;

	width: 100% !important;
	margin: auto 0 0 0 !important;
	padding: 0 12px 15px 12px !important;

	background:
		linear-gradient(
			180deg,
			rgba(245, 252, 253, 0.98) 0%,
			#ffffff 100%
		) !important;

	box-sizing: border-box !important;
}

.raco-productos-destino-archive .includes-toggle {
	position: relative !important;

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

	min-height: 32px !important;
	margin: 0 auto !important;
	padding: 7px 14px !important;

	border-radius: 999px !important;
	border: 1px solid rgba(2, 166, 174, 0.42) !important;
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f4fbfc 100%
		) !important;

	color: var(--raco-prod-turquesa-oscuro) !important;
	font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
	font-size: 11.5px !important;
	font-weight: 900 !important;
	line-height: 1.1 !important;
	text-align: center !important;
	text-decoration: none !important;

	box-shadow:
		0 7px 16px rgba(0, 95, 102, 0.08),
		0 1px 4px rgba(0, 0, 0, 0.025) !important;

	cursor: pointer !important;
	transition:
		transform 0.18s ease,
		background 0.18s ease,
		color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease !important;
}

.raco-productos-destino-archive .includes-toggle-symbol {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 15px !important;
	height: 15px !important;

	border-radius: 999px !important;
	background: rgba(2, 166, 174, 0.10) !important;

	color: var(--raco-prod-turquesa-oscuro) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

@media (hover: hover) {
	.raco-productos-destino-archive .includes-toggle:hover {
		transform: translateY(-1px) !important;
		border-color: rgba(2, 166, 174, 0.65) !important;
		background:
			linear-gradient(
				180deg,
				#ffffff 0%,
				#eafafa 100%
			) !important;
		box-shadow:
			0 10px 20px rgba(0, 95, 102, 0.12),
			0 2px 6px rgba(0, 0, 0, 0.035) !important;
	}
}


/* ==========================================================================
   CONTENIDO DESPLEGABLE "INCLUYE"
========================================================================== */

.raco-productos-destino-archive .includes-content[hidden] {
	display: none !important;
}

.raco-productos-destino-archive .includes-content {
	width: 100% !important;
	margin: 12px 0 0 0 !important;
	padding: 14px 14px 13px 14px !important;

	border-radius: 14px !important;
	border: 1px solid rgba(2, 166, 174, 0.16) !important;

	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f8fdfd 100%
		) !important;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.85),
		0 8px 18px rgba(0, 95, 102, 0.055) !important;

	box-sizing: border-box !important;
	text-align: left !important;
}

.raco-productos-destino-archive .includes-card-heading {
	margin: 0 0 9px 0 !important;

	color: var(--raco-prod-azul) !important;
	font-family: "Montserrat", "Poppins", Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: left !important;
}

.raco-productos-destino-archive .includes-list {
	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
	text-align: left !important;
}

.raco-productos-destino-archive .includes-list li {
	position: relative !important;

	margin: 0 0 7px 0 !important;
	padding: 0 0 0 16px !important;

	color: #263547 !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	text-align: left !important;
}

.raco-productos-destino-archive .includes-list li::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0.55em !important;

	width: 6px !important;
	height: 6px !important;

	border-radius: 999px !important;
	background: var(--raco-prod-turquesa) !important;
}

.raco-productos-destino-archive .includes-card-footer {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 7px !important;

	margin-top: 11px !important;
	padding-top: 11px !important;

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

.raco-productos-destino-archive .includes-card-note {
	color: #5b6778 !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}

.raco-productos-destino-archive .includes-card-link {
	color: var(--raco-prod-turquesa-oscuro) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}


/* ==========================================================================
   COLUMNAS RESPONSIVE - CENTRADAS Y MÁS PEQUEÑAS
========================================================================== */

@media (min-width: 681px) {
	.raco-productos-destino-archive .ast-woocommerce-container ul.products,
	.raco-productos-destino-archive.woocommerce ul.products,
	.raco-productos-destino-archive.woocommerce-page ul.products {
		grid-template-columns: repeat(3, minmax(0, 220px)) !important;
		max-width: 704px !important;
		column-gap: 22px !important;
		row-gap: 24px !important;
	}
}

@media (min-width: 980px) {
	.raco-productos-destino-archive .ast-woocommerce-container ul.products,
	.raco-productos-destino-archive.woocommerce ul.products,
	.raco-productos-destino-archive.woocommerce-page ul.products {
		grid-template-columns: repeat(4, minmax(0, 225px)) !important;
		max-width: 972px !important;
		column-gap: 24px !important;
		row-gap: 26px !important;
	}
}

@media (min-width: 1180px) {
	.raco-productos-destino-archive .ast-woocommerce-container ul.products,
	.raco-productos-destino-archive.woocommerce ul.products,
	.raco-productos-destino-archive.woocommerce-page ul.products {
		grid-template-columns: repeat(5, minmax(0, 235px)) !important;
		max-width: 1271px !important;
		column-gap: 24px !important;
		row-gap: 28px !important;
	}
}

@media (min-width: 1500px) {
	.raco-productos-destino-archive .ast-woocommerce-container ul.products,
	.raco-productos-destino-archive.woocommerce ul.products,
	.raco-productos-destino-archive.woocommerce-page ul.products {
		grid-template-columns: repeat(5, minmax(0, 250px)) !important;
		max-width: 1346px !important;
		column-gap: 24px !important;
		row-gap: 30px !important;
	}
}


/* ==========================================================================
   MÓVIL
========================================================================== */

@media (max-width: 680px) {
	.raco-productos-destino-archive .ast-woocommerce-container {
		max-width: 100% !important;
	}

	.raco-productos-destino-archive .woocommerce-result-count,
	.raco-productos-destino-archive .woocommerce-ordering {
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
	}

	.raco-productos-destino-archive .woocommerce-result-count {
		width: fit-content !important;
		margin: 0 auto 12px auto !important;
	}

	.raco-productos-destino-archive .woocommerce-ordering select.orderby {
		width: 100% !important;
		max-width: 100% !important;
	}

	.raco-productos-destino-archive .ast-woocommerce-container ul.products,
	.raco-productos-destino-archive.woocommerce ul.products,
	.raco-productos-destino-archive.woocommerce-page ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		max-width: 100% !important;
		column-gap: 12px !important;
		row-gap: 16px !important;
		justify-content: stretch !important;
	}

	.raco-productos-destino-archive .ast-woocommerce-container ul.products li.product,
	.raco-productos-destino-archive.woocommerce ul.products li.product,
	.raco-productos-destino-archive.woocommerce-page ul.products li.product {
		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-productos-destino-archive .astra-shop-thumbnail-wrap,
	.raco-productos-destino-archive .astra-shop-thumbnail-wrap img,
	.raco-productos-destino-archive ul.products li.product img {
		border-radius: 14px 14px 0 0 !important;
	}

	.raco-productos-destino-archive .astra-shop-summary-wrap {
		padding: 13px 9px 5px 9px !important;
	}

	.raco-productos-destino-archive .woocommerce-loop-product__title {
		font-size: 12.5px !important;
		line-height: 1.15 !important;
		letter-spacing: -0.015em !important;
	}

	.raco-productos-destino-archive .product-duration {
		padding: 2px 8px 9px 8px !important;
		font-size: 10.5px !important;
		line-height: 1.25 !important;
	}

	.raco-productos-destino-archive .product-includes {
		padding: 0 8px 13px 8px !important;
	}

	.raco-productos-destino-archive .includes-toggle {
		width: 100% !important;
		min-height: 31px !important;
		padding: 7px 8px !important;
		gap: 5px !important;
		font-size: 10.5px !important;
	}

	.raco-productos-destino-archive .includes-toggle-symbol {
		width: 14px !important;
		height: 14px !important;
		font-size: 12px !important;
	}

	.raco-productos-destino-archive .includes-content {
		padding: 12px 11px !important;
		border-radius: 12px !important;
	}

	.raco-productos-destino-archive .includes-list li {
		font-size: 11.5px !important;
		line-height: 1.32 !important;
	}
}


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

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

	.raco-productos-destino-archive .ast-woocommerce-container ul.products li.product:hover,
	.raco-productos-destino-archive.woocommerce ul.products li.product:hover,
	.raco-productos-destino-archive.woocommerce-page ul.products li.product:hover,
	.raco-productos-destino-archive ul.products li.product:hover .astra-shop-thumbnail-wrap img,
	.raco-productos-destino-archive ul.products li.product:hover img,
	.raco-productos-destino-archive .includes-toggle:hover {
		transform: none !important;
		filter: none !important;
	}
}