/* OZ Cotizador — Design pack "aquavest"
 * Tarjeta de producto: imagen, categoría (gris), título (negrita) y botón
 * teal "Añadir al carrito". Líneas divisorias sutiles entre secciones.
 * Todo el CSS va scoped a .ozc-product-card--pack-aquavest para no afectar
 * otros packs ni otros sitios.
 */

.ozc-product-card--pack-aquavest {
	--ozc-aq-teal:        #0e7c8b;   /* botón / acentos */
	--ozc-aq-teal-hover:  #0b626e;
	--ozc-aq-ink:         #1f2d33;   /* título */
	--ozc-aq-muted:       #8a979d;   /* categoría */
	--ozc-aq-border:      #e7ebed;   /* líneas divisorias */

	background: #ffffff;
	border: 1px solid var(--ozc-aq-border);
	border-radius: 14px;
	overflow: hidden;
	padding-bottom: 18px;
	box-shadow: 0 6px 18px rgba(15, 49, 64, .06);
	transition: box-shadow .25s ease, transform .25s ease;
}
.ozc-product-card--pack-aquavest:hover {
	box-shadow: 0 14px 30px rgba(15, 49, 64, .12);
	transform: translateY(-3px);
}

/* ---- Imagen ---- */
.ozc-product-card--pack-aquavest .ozc-product-card__media {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	background: #ffffff;
	padding: 18px;
	box-sizing: border-box;
	overflow: hidden;     /* recorta cualquier desborde de las imágenes */
}
/* Imagen principal: ocupa todo el cuadro, sin degradado ni recorte. */
.ozc-product-card--pack-aquavest .ozc-product-card__media img {
	object-fit: contain;
	-webkit-mask-image: none;
	        mask-image: none;
}

/* Segunda imagen (hover): superpuesta sobre la principal, oculta por defecto.
   Solo se muestra al pasar el mouse por la foto. Si el producto no tiene
   segunda imagen, esta capa no existe (PHP no la imprime). */
.ozc-product-card--pack-aquavest .ozc-product-card__img-hover {
	position: absolute;
	left: 18px;
	top: 18px;
	right: 18px;
	bottom: 18px;
	width: auto;
	height: auto;
	max-width: calc(100% - 36px);
	max-height: calc(100% - 36px);
	margin: 0;
	object-fit: contain;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	z-index: 2;
}
.ozc-product-card--pack-aquavest .ozc-product-card__media:hover .ozc-product-card__img-hover,
.ozc-product-card--pack-aquavest .ozc-product-card__media:focus-within .ozc-product-card__img-hover {
	opacity: 1;
}

/* ---- Orden visual fijo: imagen → categoría → título → botón ---- */
.ozc-product-card--pack-aquavest .ozc-product-card__media    { order: 1; }
.ozc-product-card--pack-aquavest .ozc-product-card__category { order: 2; }
.ozc-product-card--pack-aquavest .ozc-product-card__title    { order: 3; }
.ozc-product-card--pack-aquavest .ozc-product-card__price    { order: 4; }
.ozc-product-card--pack-aquavest .ozc-product-card__excerpt  { order: 5; }
.ozc-product-card--pack-aquavest .ozc-product-card__actions  { order: 6; }

/* ---- Categoría (gris, centrada, con línea divisoria arriba) ---- */
.ozc-product-card--pack-aquavest .ozc-product-card__category {
	color: var(--ozc-aq-muted);
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding: 16px 16px 0;
	margin-top: 0;
	border-top: 1px solid var(--ozc-aq-border);
}

/* ---- Título (negrita, oscuro, centrado, con línea divisoria arriba) ---- */
.ozc-product-card--pack-aquavest .ozc-product-card__title {
	color: var(--ozc-aq-ink);
	font-size: 18px;
	font-weight: 800;
	text-align: center !important;   /* gana al clamp -webkit-box del CSS base */
	padding: 14px 16px 0;
	margin-top: 12px;
	border-top: 1px solid var(--ozc-aq-border);
	min-height: 0;
}
.ozc-product-card--pack-aquavest .ozc-product-card__title a {
	color: inherit;
	text-align: center;
	display: block;
}

/* ---- Acciones / botón ---- */
.ozc-product-card--pack-aquavest .ozc-product-card__actions {
	padding: 16px 16px 0;
	margin-top: 14px;
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

/* Botón teal sólido "Añadir al carrito".
   box-sizing + max-width + margin:0 evitan el desborde lateral (el botón se
   queda dentro del padding de la tarjeta y respeta el border-radius inferior).
   Forzamos sobre los estilos de WooCommerce/tema (.button) con !important. */
.ozc-product-card--pack-aquavest .ozc-product-card__btn,
.ozc-product-card--pack-aquavest .ozc-product-card__btn--primary,
.ozc-product-card--pack-aquavest .ozc-product-card__actions a.button,
.ozc-product-card--pack-aquavest .ozc-product-card__actions button.button {
	background: var(--ozc-aq-teal) !important;
	border: 1px solid var(--ozc-aq-teal) !important;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.2;
	padding: 13px 18px !important;
	border-radius: 999px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	text-align: center;
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.ozc-product-card--pack-aquavest .ozc-product-card__btn:hover,
.ozc-product-card--pack-aquavest .ozc-product-card__btn--primary:hover {
	background: var(--ozc-aq-teal-hover);
	border-color: var(--ozc-aq-teal-hover);
	color: #ffffff;
}
.ozc-product-card--pack-aquavest .ozc-product-card__btn:active {
	transform: scale(.98);
}

/* Botón "Agregado" / estados WooCommerce: mantener coherencia teal */
.ozc-product-card--pack-aquavest .ozc-product-card__btn--added {
	background: var(--ozc-aq-teal-hover);
	border-color: var(--ozc-aq-teal-hover);
}

/* Cantidad (si está activa): centrada y discreta */
.ozc-product-card--pack-aquavest .ozc-product-card__qty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0 auto 10px;
	border: 1px solid var(--ozc-aq-border);
	border-radius: 999px;
	padding: 4px 6px;
}
.ozc-product-card--pack-aquavest .ozc-product-card__qty-btn {
	border: none;
	background: transparent;
	color: var(--ozc-aq-ink);
	font-size: 16px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	border-radius: 50%;
}
.ozc-product-card--pack-aquavest .ozc-product-card__qty-btn:hover {
	background: #f1f6f7;
}
.ozc-product-card--pack-aquavest .ozc-product-card__qty-input {
	width: 38px;
	text-align: center;
	border: none;
	background: transparent;
	font-size: 14px;
	color: var(--ozc-aq-ink);
}

/* Badge de marca sobre la imagen (si se muestra) */
.ozc-product-card--pack-aquavest .ozc-product-card__badge {
	background: rgba(14, 124, 139, .9);
	color: #ffffff;
}

/* =========================================================
   FICHA INDIVIDUAL (single product) — pack AQUAVEST
   Galería izquierda + resumen derecha (contenida, NO ancho total).
   Título teal con línea, botón de cotización naranja, miniaturas
   horizontales debajo, botón "Ficha Técnica" outline.
   ========================================================= */
.ozc-single-product--pack-aquavest {
	--aq-teal:   #0e7c8b;
	--aq-orange: #ff5a3c;
	--aq-orange-hover: #f2492c;
	--aq-ink:    #1f2d33;
	--aq-muted:  #6b7280;
	--aq-border: #e7ebed;
	color: var(--aq-ink);
}
.ozc-single-product--pack-aquavest *,
.ozc-single-product--pack-aquavest *::before,
.ozc-single-product--pack-aquavest *::after { box-sizing: border-box; }

/* El tema convierte div.product en grid 46/54 pensado para la estructura
   nativa; como el cotizador emite UNA <section>, la forzamos a ocupar todo. */
.oz-single-product div.product > .ozc-single-product--pack-aquavest,
.ozc-single-product--pack-aquavest {
	grid-column: 1 / -1 !important;
	width: 100%;
	min-width: 0;
}

/* Dos columnas: galería | resumen */
.ozc-single-product--pack-aquavest .ozc-single-product__inner {
	display: grid;
	grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
	gap: clamp(1.5rem, 3vw, 2.5rem);
	align-items: start;
	width: 100%;
}
@media (max-width: 900px) {
	.ozc-single-product--pack-aquavest .ozc-single-product__inner {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

/* ---- Galería ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__media {
	background: #ffffff;
	border: 1px solid var(--aq-border);
	border-radius: 14px;
	padding: 14px;
}
/* Miniaturas DEBAJO de la imagen principal, en fila horizontal */
.ozc-single-product--pack-aquavest .woocommerce-product-gallery {
	display: flex !important;
	flex-direction: column !important;
}
.ozc-single-product--pack-aquavest .woocommerce-product-gallery .flex-control-thumbs {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0 0 !important;
	padding: 0;
	list-style: none;
	width: 100% !important;
}
.ozc-single-product--pack-aquavest .woocommerce-product-gallery .flex-control-thumbs li {
	flex: 0 0 auto;
	width: 72px;
	margin: 0;
}
.ozc-single-product--pack-aquavest .woocommerce-product-gallery .flex-control-thumbs img {
	border-radius: 8px;
	border: 1px solid var(--aq-border);
	opacity: .85;
	transition: opacity .2s ease, border-color .2s ease;
}
.ozc-single-product--pack-aquavest .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.ozc-single-product--pack-aquavest .woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 1;
	border-color: var(--aq-teal);
}

/* ---- Breadcrumbs discretos ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__breadcrumbs,
.ozc-single-product--pack-aquavest .ozc-single-product__breadcrumbs a {
	font-size: 13px;
	color: var(--aq-muted);
	text-decoration: none;
}
.ozc-single-product--pack-aquavest .ozc-single-product__breadcrumbs { margin: 0 0 12px; }

/* ---- Título teal con línea divisoria ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__title,
.ozc-single-product--pack-aquavest .ozc-single-product__title h1,
.ozc-single-product--pack-aquavest .ozc-single-product__title .product_title {
	margin: 0 0 14px;
	padding: 0 0 14px;
	font-size: clamp(1.6rem, 2.6vw, 2.1rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--aq-teal);
	border-bottom: 1px solid var(--aq-border);
}
.ozc-single-product--pack-aquavest .ozc-single-product__title::after { content: none !important; }

/* ---- Descripción ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__excerpt {
	margin: 0 0 20px;
	color: #4a585e;
	font-size: 15px;
	line-height: 1.65;
}
.ozc-single-product--pack-aquavest .ozc-single-product__excerpt p { margin: 0 0 10px; }

/* ---- CTA: botón de cotización naranja a todo el ancho + qty ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__cta { margin: 0 0 16px; }
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart {
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap;
	gap: 12px;
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}
/* Qty stepper */
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity {
	display: inline-flex !important;
	align-items: center;
	flex: 0 0 auto;
	height: 52px;
	border: 1px solid var(--aq-border);
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity .qty,
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity input[type="number"] {
	width: 48px !important;
	min-width: 0 !important;
	height: 50px;
	border: 0;
	background: transparent;
	text-align: center;
	font-weight: 700;
	color: var(--aq-ink);
	-moz-appearance: textfield;
	appearance: textfield;
}
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity input[type="number"]::-webkit-outer-spin-button,
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none; margin: 0;
}
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity .oz-qty-btn,
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .quantity button {
	width: 34px; height: 50px;
	background: #f4f6f6; color: var(--aq-ink);
	border: 0; font-weight: 700; cursor: pointer;
}
/* Botón cotización: naranja, ocupa el resto */
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .single_add_to_cart_button,
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .single_add_to_cart_button.button.alt,
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart button[type="submit"] {
	flex: 1 1 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 26px;
	background: var(--aq-orange) !important;
	border: 0 !important;
	border-radius: 10px;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: none;
	transition: background-color .2s ease;
}
.ozc-single-product--pack-aquavest .ozc-single-product__cta form.cart .single_add_to_cart_button:hover {
	background: var(--aq-orange-hover) !important;
}

/* ---- WhatsApp ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__wa { margin: 0 0 14px; }
.ozc-single-product--pack-aquavest .ozc-single-product__wa button,
.ozc-single-product--pack-aquavest .ozc-single-product__wa a {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%; height: 48px; padding: 0 20px;
	background: var(--aq-teal) !important; border: 0 !important; border-radius: 10px;
	color: #fff !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer;
	text-decoration: none;
}
.ozc-single-product--pack-aquavest .ozc-single-product__wa a:hover {
	background: var(--aq-teal-hover, #0b626e) !important; color: #fff !important;
}

/* ---- Meta (categorías / etiqueta) ---- */
.ozc-single-product--pack-aquavest .ozc-single-product__meta {
	margin: 8px 0 14px; font-size: 14px; color: var(--aq-ink);
}
.ozc-single-product--pack-aquavest .ozc-single-product__meta a {
	color: var(--aq-teal); font-weight: 600; text-decoration: none;
}
.ozc-single-product--pack-aquavest .ozc-single-product__meta a:hover { text-decoration: underline; }

/* ---- Botón "Ficha Técnica" (lo añade el tema) outline teal ---- */
.ozc-single-product--pack-aquavest .oz-techsheet-btn,
.ozc-single-product--pack-aquavest .oz-wc-ficha-tecnica a {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 11px 22px;
	background: transparent;
	border: 1.5px solid var(--aq-teal);
	border-radius: 10px;
	color: var(--aq-teal);
	font-weight: 700;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.ozc-single-product--pack-aquavest .oz-techsheet-btn:hover,
.ozc-single-product--pack-aquavest .oz-wc-ficha-tecnica a:hover {
	background: var(--aq-teal); color: #fff;
}