/**
 * Ficha de producto — bloque de medidas (Peso / Dimensiones / atributos).
 *
 * POR QUE
 * El widget `woocommerce-product-additional-information` de la plantilla 53666
 * imprime una tabla `th`(etiqueta) + `td`(valor), pero el CSS heredado del demo
 * pone `th { display: none }`, asi que en la ficha se leia «3 kg» y
 * «9 x 26 x 38 cm» SIN etiqueta: numeros sueltos que no dicen nada. El usuario
 * pidio «colocar ademas los campos de pesos debajo de esto», y un campo sin su
 * nombre no es un campo. Aqui se devuelve la etiqueta.
 *
 * Se toca SOLO dentro del widget de la ficha; el tema padre no se modifica.
 */

.elementor-widget-woocommerce-product-additional-information
	.woocommerce-product-attributes-item__label,
.elementor-widget-woocommerce-product-additional-information .shop_attributes th {
	/* El demo lo esconde con `display:none !important`; hay que ganar con !important. */
	display: table-cell !important;
	width: 42%;
	padding-right: 12px;
	font-weight: 600;
	text-align: left;
	text-decoration: none !important;
	white-space: nowrap;
}

.elementor-widget-woocommerce-product-additional-information
	.woocommerce-product-attributes-item__value,
.elementor-widget-woocommerce-product-additional-information .shop_attributes td {
	/* El subrayado que traia el demo hacia que los valores parecieran enlaces. */
	text-decoration: none !important;
}

/* En movil la tabla se queda estrecha: la etiqueta puede partir en dos lineas. */
@media (max-width: 767px) {
	.elementor-widget-woocommerce-product-additional-information
		.woocommerce-product-attributes-item__label {
		width: 45%;
		white-space: normal;
	}
}