/**
 * Barra fija inferior en móvil con precio y disponibilidad (ex EXP-N01).
 * Variante ganadora horneada en el tema. Child theme: hello-elementor-child.
 */
#exp-n01-bar { display: none; }

@media (max-width: 768px) {
	html.exp-n01-on #exp-n01-bar { display: flex; }
	/* --exp-n01-h lo actualiza el JS con la altura real: la barra crece si la
	   disponibilidad ocupa dos líneas o si el CTA baja a su propia fila. */
	html.exp-n01-on body { padding-bottom: calc(var(--exp-n01-h, 70px) + env(safe-area-inset-bottom)); }
	html.exp-n01-on #exp-n01-bar.exp-n01-hidden { transform: translateY(110%); }
}

#exp-n01-bar {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
	align-items: center; justify-content: space-between; gap: 12px;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
	background: #111; color: #fff;
	border-top: 2px solid #BE8806; /* dorado del CTA del hero */
	box-shadow: 0 -4px 16px rgba(0,0,0,.3);
	font-family: "Quattrocento", sans-serif;
	transform: translateY(0); transition: transform .25s ease;
}
#exp-n01-bar .exp-n01-info { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
#exp-n01-bar .exp-n01-price { font-size: 19px; font-weight: 700; color: #fff; white-space: nowrap; }
#exp-n01-bar .exp-n01-price small { font-size: 12px; font-weight: 400; opacity: .8; margin-right: 4px; }
#exp-n01-bar .exp-n01-avail { font-size: 12px; color: #7ED6A0; display: flex; align-items: center; gap: 5px; overflow: hidden; text-overflow: ellipsis; }
#exp-n01-bar .exp-n01-avail::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: #7ED6A0; }
#exp-n01-bar .exp-n01-cta {
	flex: 0 0 auto; background: #BE8806; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase;
	letter-spacing: .02em; padding: 13px 18px; border-radius: 3px; text-decoration: none; white-space: nowrap;
}
#exp-n01-bar .exp-n01-cta:active { filter: brightness(.9); }