/*
 * Ficha de producto.
 *
 * La galería es la nativa de WooCommerce —trae zoom y vista ampliada— vestida
 * con el sistema visual propio en lugar de reimplementarla.
 */

.pipol-miga {
	padding-top: 12px;
	padding-bottom: 16px;
	font-size: 12px;
	color: var(--pipol-texto-secundario);
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.pipol-miga a {
	color: var(--pipol-texto-secundario);
}

.pipol-ficha__cuerpo {
	display: grid;
	gap: 28px;
}

/* ---------- Galería ---------- */

.pipol-ficha__galeria .woocommerce-product-gallery__wrapper {
	background: var(--pipol-fondo-suave);
	border-radius: var(--pipol-radio-lg);
	overflow: hidden;
	margin: 0;
}

.pipol-ficha__galeria .woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
	mix-blend-mode: multiply;
}

.pipol-ficha__galeria .flex-control-thumbs {
	list-style: none;
	display: flex;
	gap: 10px;
	padding: 0;
	margin: 12px 0 0;
	overflow-x: auto;
	scrollbar-width: none;
}

.pipol-ficha__galeria .flex-control-thumbs::-webkit-scrollbar {
	display: none;
}

.pipol-ficha__galeria .flex-control-thumbs li {
	flex: 0 0 74px;
}

.pipol-ficha__galeria .flex-control-thumbs img {
	background: var(--pipol-fondo-suave);
	border-radius: var(--pipol-radio-sm);
	cursor: pointer;
	opacity: 1;
	mix-blend-mode: multiply;
	box-shadow: inset 0 0 0 1px transparent;
	transition: box-shadow .18s;
}

.pipol-ficha__galeria .flex-control-thumbs img.flex-active {
	box-shadow: 0 0 0 1.5px var(--pipol-tinta);
}

.pipol-ficha__galeria .woocommerce-product-gallery__trigger {
	display: none;
}

/* ---------- Encabezado ---------- */

.pipol-ficha__marca {
	margin: 0 0 10px;
}

.pipol-ficha__titulo {
	font-size: 32px;
	margin: 0 0 8px;
}

.pipol-ficha__referencia {
	margin: 0 0 22px;
	font-size: 12.5px;
	color: var(--pipol-texto-secundario);
}

.pipol-ficha__precio-gs {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -0.022em;
	line-height: 1.15;
}

.pipol-ficha__precio-usd {
	font-size: 14px;
	color: var(--pipol-texto-secundario);
	margin-top: 3px;
}

/* ---------- Cuotas ---------- */

.pipol-cuotas {
	background: var(--pipol-fondo-suave);
	border-radius: var(--pipol-radio);
	padding: 20px;
	margin: 22px 0;
}

.pipol-cuotas__rotulo {
	margin: 0 0 13px;
	font-size: 11px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--pipol-texto-secundario);
}

.pipol-cuotas__opciones {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scrollbar-width: none;
	margin-bottom: 16px;
}

.pipol-cuotas__opciones::-webkit-scrollbar {
	display: none;
}

.pipol-cuotas__opcion {
	min-height: var(--pipol-toque);
	padding: 0 18px;
	border-radius: var(--pipol-pastilla);
	border: 1px solid var(--pipol-linea-fuerte);
	background: var(--pipol-papel);
	color: var(--pipol-texto-secundario);
	font-size: 12.5px;
	white-space: nowrap;
	transition: background .18s, color .18s, border-color .18s;
}

.pipol-cuotas__opcion.esta-activa {
	background: var(--pipol-tinta);
	border-color: var(--pipol-tinta);
	color: var(--pipol-papel);
}

.pipol-cuotas__monto {
	margin: 0;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.016em;
}

.pipol-cuotas__nota {
	margin: 5px 0 0;
	font-size: 12px;
	color: var(--pipol-texto-secundario);
}

/* ---------- Stock y acciones ---------- */

.pipol-ficha__stock {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 13.5px;
	margin: 0 0 20px;
}

.pipol-ficha__punto {
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background: var(--pipol-tinta);
}

.pipol-ficha__stock.sin-stock .pipol-ficha__punto {
	background: var(--pipol-gris-tenue);
}

.pipol-ficha__acciones {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 26px;
}

/*
 * Los dos botones miden lo mismo de alto y el de compra manda en ancho. Antes
 * el de WhatsApp se estiraba hasta el alto de todo el formulario —que trae sus
 * propios márgenes de WooCommerce— y ocupaba la mitad de la fila: parecía la
 * acción principal. La clase repetida le gana a «.woocommerce div.product
 * form.cart», que pone margen abajo.
 */
.pipol-ficha__acciones.pipol-ficha__acciones form.cart {
	margin: 0;
	display: flex;
	gap: 10px;
}

.pipol-ficha__acciones .quantity {
	display: none;
}

.pipol-ficha__acciones.pipol-ficha__acciones .button,
.pipol-ficha__acciones.pipol-ficha__acciones button[type="submit"] {
	flex: 1;
	float: none;
	width: 100%;
	height: 52px;
	margin: 0;
	padding: 0 28px;
	border: 0;
	border-radius: var(--pipol-pastilla);
	background-color: var(--pipol-tinta);
	color: var(--pipol-papel);
	font-size: 14.5px;
	font-weight: 500;
	line-height: 1;
	transition: background-color .2s;
}

.pipol-ficha__acciones.pipol-ficha__acciones .button:hover,
.pipol-ficha__acciones.pipol-ficha__acciones button[type="submit"]:hover {
	background-color: #2f2f2f;
	color: var(--pipol-papel);
}

.pipol-ficha__whatsapp.pipol-ficha__whatsapp {
	gap: 8px;
	height: 52px;
	min-height: 0;
	padding: 0 22px;
	font-size: 14px;
	white-space: nowrap;
}

/* ---------- Envío y retiro ---------- */

.pipol-entrega {
	border-radius: var(--pipol-radio);
	box-shadow: inset 0 0 0 1px var(--pipol-borde);
	overflow: hidden;
	margin-bottom: 24px;
}

.pipol-entrega__pestanas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pipol-entrega__pestana {
	min-height: 48px;
	border: 0;
	background: var(--pipol-papel);
	color: var(--pipol-texto-secundario);
	font-size: 13.5px;
	font-weight: 500;
	transition: background .18s, color .18s;
}

.pipol-entrega__pestana.esta-activa {
	background: var(--pipol-tinta);
	color: var(--pipol-papel);
}

.pipol-entrega__panel {
	padding: 18px 20px;
	border-top: 1px solid var(--pipol-borde);
}

.pipol-entrega__titulo {
	margin: 0 0 5px;
	font-size: 13.5px;
	font-weight: 500;
}

.pipol-entrega__texto {
	margin: 0;
	font-size: 13px;
	color: var(--pipol-texto-secundario);
}

/* ---------- Confianza ---------- */

.pipol-confianza {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.pipol-confianza__item {
	background: var(--pipol-fondo-suave);
	border-radius: var(--pipol-radio-sm);
	padding: 16px 18px;
	display: flex;
	align-items: center;
	gap: 11px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
}

.pipol-confianza__item svg {
	flex-shrink: 0;
}

/* ---------- Descripción y ficha técnica ---------- */

.pipol-ficha__detalle {
	display: grid;
	gap: 40px;
	padding-top: 44px;
	padding-bottom: 44px;
}

.pipol-ficha__detalle h2 {
	font-size: 26px;
	margin: 0 0 14px;
}

.pipol-ficha__descripcion p {
	font-size: 14.5px;
	line-height: 1.72;
	color: var(--pipol-gris-texto);
	margin: 0 0 14px;
}

.pipol-desplegable {
	border-radius: var(--pipol-radio-sm);
	box-shadow: inset 0 0 0 1px var(--pipol-borde);
	margin-bottom: 10px;
	overflow: hidden;
}

.pipol-desplegable[open] {
	background: var(--pipol-fondo-suave);
}

.pipol-desplegable__titulo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: var(--pipol-toque);
	padding: 14px 20px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	list-style: none;
}

.pipol-desplegable__titulo::-webkit-details-marker {
	display: none;
}

.pipol-desplegable__flecha {
	display: inline-flex;
	transition: transform .22s;
}

.pipol-desplegable[open] .pipol-desplegable__flecha {
	transform: rotate(180deg);
}

.pipol-desplegable__cuerpo {
	margin: 0;
	padding: 0 20px 16px;
}

.pipol-desplegable__fila {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 12px;
	padding: 7px 0;
	font-size: 13px;
}

.pipol-desplegable__fila dt {
	color: var(--pipol-texto-secundario);
}

.pipol-desplegable__fila dd {
	margin: 0;
}

/* ---------- Relacionados ---------- */

.related.products {
	background: var(--pipol-fondo-suave);
	padding: 40px var(--pipol-margen-movil);
	margin-top: 12px;
}

.related.products > h2 {
	font-family: var(--pipol-serif);
	font-weight: 400;
	font-size: 27px;
	margin: 0 0 20px;
	letter-spacing: -0.012em;
}

.related.products .pipol-producto__figura {
	background: var(--pipol-papel);
}

/* ---------- Escritorio ---------- */

@media (min-width: 861px) {

	.pipol-miga {
		padding-bottom: 24px;
	}

	.pipol-ficha__cuerpo {
		grid-template-columns: 1.05fr 1fr;
		gap: 56px;
		align-items: start;
		padding-bottom: 20px;
	}

	.pipol-ficha__titulo {
		font-size: 44px;
	}

	.pipol-ficha__precio-gs {
		font-size: 40px;
	}

	.pipol-ficha__acciones {
		flex-direction: row;
		align-items: center;
	}

	.pipol-ficha__acciones > form.cart {
		flex: 1 1 auto;
	}

	.pipol-ficha__acciones > .pipol-ficha__whatsapp {
		flex: 0 0 auto;
	}

	.pipol-ficha__detalle {
		grid-template-columns: 1.05fr 1fr;
		gap: 56px;
		padding-top: 64px;
		padding-bottom: 72px;
	}

	.pipol-ficha__detalle h2 {
		font-size: 30px;
	}

	.related.products {
		padding: 72px var(--pipol-margen);
	}

	.related.products > h2 {
		font-size: 40px;
		margin-bottom: 32px;
	}
}

.pipol-ficha__precio-nota {
	margin: 6px 0 0;
	font-size: 12.5px;
	color: var(--pipol-texto-secundario);
}