/*!
 * FG Commerce — salida de consulta por WhatsApp (FG-070B).
 *
 * Todas las reglas del CTA viven en este bundle y no en card.css ni en
 * product.css: la densidad de la card pertenece a FG-042/043 y mantener la
 * acción comercial en un archivo propio la hace revisable y reversible sin
 * tocar superficies que otras historias están reescribiendo.
 *
 * El botón reutiliza `.fg-button` (caja, color, foco y estado no accionable de
 * base.css); aquí solo se resuelven ancho, alto mínimo y el entorno de la
 * acción. Valores de assets/css/tokens.css (V4).
 */

/* Card (C13): cantidad fija y acción a ancho útil. */

.fg-card-quantity {
	margin: 0;
	font-size: var(--fg-font-size-small);
	line-height: var(--fg-line-height-small);
}

.fg-card-cta {
	margin: var(--fg-space-8) 0 0;
}

/* Ficha (C21): acción, motivo y salida alternativa. */

.fg-product-consult {
	display: flex;
	flex-direction: column;
	gap: var(--fg-space-8);
}

.fg-product-consult-action,
.fg-product-coverage,
.fg-product-quantity-static {
	margin: 0;
}

/*
 * `hidden` es el interruptor de referencia activa de toda la ficha, y una regla
 * de autor con `display` gana al valor del navegador: las superficies que este
 * bundle dibuja lo declaran explícitamente para que ocultar siga ocultando.
 */
.fg-product-consult-action[hidden],
.fg-product-quantity-static[hidden],
.fg-product-quantity[hidden] {
	display: none;
}

.fg-product-consult-notice,
.fg-product-consult-reason {
	display: block;
	margin: var(--fg-space-4) 0 0;
	color: var(--fg-color-muted);
	font-size: var(--fg-font-size-small);
	line-height: var(--fg-line-height-small);
}

.fg-product-coverage-link {
	display: inline-flex;
	align-items: center;
	min-height: var(--fg-touch-target);
	font-weight: var(--fg-font-weight-control);
}

/* CTA compartido por card y ficha. */

.fg-whatsapp-cta {
	width: 100%;
	/* Con texto al 200 % en 320 la etiqueta necesita dos líneas antes que un recorte. */
	overflow-wrap: break-word;
}

/*
 * La ficha sube el alto mínimo a 52 (26-auditoria-larach §Ficha). El aspecto de
 * un CTA no accionable no se redefine aquí: `.fg-button[aria-disabled="true"]`
 * de base.css ya es la única fuente de ese estado.
 */
.fg-product-cta {
	width: 100%;
	min-height: var(--fg-cta-height);
}