/* Barra sticky inferior mobile das páginas de pacote — §5.5, §9, §7.4 item 14 */

.sticky-cta-pacote {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.75rem 1rem;
	background-color: var(--boek-white);
	box-shadow: 0 -2px 12px rgba(15, 14, 26, 0.15);
}

.sticky-cta-pacote__preco {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.sticky-cta-pacote__valor {
	font-family: var(--boek-font-heading);
	font-weight: 700;
	font-size: var(--boek-text-h5);
	color: var(--boek-ink);
}

.sticky-cta-pacote__condicao {
	font-size: var(--boek-text-small);
	opacity: 0.7;
}

.sticky-cta-pacote__whatsapp .boek-whatsapp-cta__horario {
	display: none; /* a barra sticky é só preço + botão; horário já aparece no hero */
}

/* Só aparece como barra fixa até o breakpoint 900 (§9) — em telas maiores o
   CTA do hero já está visível sem precisar rolar. */
@media (min-width: 900px) {
	.sticky-cta-pacote {
		display: none;
	}
}

/* Evita que o conteúdo final da página fique escondido atrás da barra fixa */
@media (max-width: 899px) {
	.pacote-canais,
	.pacote-comparativo,
	.faq-accordion {
		padding-bottom: 5rem;
	}
}

/* Barra sticky da página de app — §5.7: preço + botão, sem comparativo
   (aqui não existe pacote). Mesmo comportamento de sticky-cta-pacote. */
.sticky-cta-app {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.75rem 1rem;
	background-color: var(--boek-white);
	box-shadow: 0 -2px 12px rgba(15, 14, 26, 0.15);
}

.sticky-cta-app__preco {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.sticky-cta-app__valor {
	font-family: var(--boek-font-heading);
	font-weight: 700;
	font-size: var(--boek-text-h5);
	color: var(--boek-ink);
}

.sticky-cta-app__condicao {
	font-size: var(--boek-text-small);
	opacity: 0.7;
}

.sticky-cta-app__whatsapp .boek-whatsapp-cta__horario {
	display: none; /* barra sticky é só preço + botão; horário já aparece no hero */
}

@media (min-width: 900px) {
	.sticky-cta-app {
		display: none;
	}
}

@media (max-width: 899px) {
	.app-relacionados {
		padding-bottom: 5rem;
	}
}

/* Barra sticky da página de formato de leitura — §5.3, §7.4 item 14.
   CTA da Skeelo em vez de WhatsApp; o microtexto de transparência já
   aparece no CTA do hero, então some na barra sticky pra não repetir. */
.sticky-cta-leitura {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.75rem 1rem;
	background-color: var(--boek-white);
	box-shadow: 0 -2px 12px rgba(15, 14, 26, 0.15);
}

.sticky-cta-leitura__nome {
	font-family: var(--boek-font-heading);
	font-weight: 700;
	font-size: var(--boek-text-h6);
}

.sticky-cta-leitura__skeelo.boek-cta-skeelo__microtexto,
.sticky-cta-leitura__skeelo .boek-cta-skeelo__microtexto {
	display: none;
}

@media (min-width: 900px) {
	.sticky-cta-leitura {
		display: none;
	}
}