/* ═══════════════════════════════════════════════════════════════════════════
   AVISO LEGAL EN LA FICHA (inc/legal-producto.php)

   Lo que no se devuelve —lo fabricado a medida, el colchón desprecintado— se
   dice junto al botón de compra, no solo en las condiciones. Ha de leerse
   antes de pagar y no puede parecer letra pequeña ni publicidad.

   Por eso no es un recuadro de color: ya hay un morado de acento y está
   reservado para lo que se pulsa. Es un bloque neutro, con una raya a la
   izquierda que lo marca como aviso, y el texto en tinta plena (no en gris)
   a 14 px como mínimo, que a 390 px de ancho es el suelo de lo legible.

   Se carga solo en la ficha: legal.css es de las páginas de texto.
   ═══════════════════════════════════════════════════════════════════════════ */

.zihouse-legal-ficha {
	margin: var(--zihouse-space-sm) 0 0;
	padding: var(--zihouse-space-sm) var(--zihouse-space-md);
	border: 1px solid var(--zihouse-color-border);
	border-left: 3px solid var(--zihouse-color-ink);
	border-radius: 0 var(--zihouse-radius-md) var(--zihouse-radius-md) 0;
	background: var(--zihouse-color-surface-soft, #f8f6f2);
}

.zihouse-legal-ficha__titulo {
	margin: 0 0 var(--zihouse-space-3xs);
	font-size: max(14px, var(--zihouse-text-sm));
	font-weight: 600;
	line-height: 1.35;
	color: var(--zihouse-color-ink);
}

.zihouse-legal-ficha__texto {
	margin: 0;
	/* Sin tope de medida: la columna de la ficha ya limita la línea, y un
	   max-width aquí solo dejaría el aviso más estrecho que el botón. */
	font-size: max(14px, var(--zihouse-text-sm));
	line-height: 1.55;
	color: var(--zihouse-color-ink);
	overflow-wrap: break-word;
}