/*
 * Altura padrão dos heros das páginas de venda (desktop): 580px, a mesma da Home.
 * Loja, Blog, FAQ, Contato e o hub Para Empresas mantêm o hero compacto.
 * No celular/tablet a altura fica livre, para não cortar conteúdo.
 * Carregado em todas as páginas por inc/hero-standard.php.
 * O !important vence os <style> embutidos nos templates, que vêm depois no HTML.
 */
@media (min-width: 992px) {
	section.rp-hero,
	section.emp-hero:not(.apres-sel__hero),
	section.pk-hero,
	section.combo-hero,
	section.as-hero,
	section.mpdf-hero,
	section.pdfconv-hero,
	section.rpg-hero {
		box-sizing: border-box;
		height: 580px !important;
		min-height: 0 !important;
		max-height: none !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
	}
	section.rp-hero > .container,
	section.emp-hero:not(.apres-sel__hero) > .container,
	section.pk-hero > .container,
	section.combo-hero > .container,
	section.as-hero > .container,
	section.mpdf-hero > .container,
	section.pdfconv-hero > .container,
	section.rpg-hero > .container {
		width: 100%;
	}

	/* ── Conteúdo reduzido para caber em 580px ───────────────────── */

	/* Títulos longos: no máximo 52px (a Home usa 64px, mas com título curto) */
	.emp-hero:not(.apres-sel__hero) .emp-hero__title,
	.corp-hero__title,
	.pk-hero__title,
	.combo-hero__title,
	.as-hero__title,
	.mpdf-hero__title,
	.rpg-hero__title {
		font-size: clamp(36px, 3.6vw, 52px) !important;
		line-height: 1.08 !important;
		margin-bottom: 16px !important;
	}

	/* Listas de benefícios: o subtítulo já resume a oferta */
	.mpdf-hero__bullets,
	.combo-hero__bullets,
	.pk-hero__bullets,
	.as-hero__bullets { display: none !important; }

	/* O Melhor PDF: o formulário é o foco; o subtítulo sai */
	.mpdf-hero__lede { display: none !important; }

	/* Apresentações Personalizadas: selos de confiança saem; visual um pouco menor */
	.emp-hero:not(.corp-hero):not(.rec-hero) .emp-hero__trust { display: none !important; }
	.empv-hero { transform: scale(.88); transform-origin: center; }

	/* Gerador de Slides: sugestões de tema saem do hero */
	.rpg-examples { display: none !important; }
	.rpg-hero__deck { transform: scale(.92); transform-origin: center; }

	/* Imagens laterais limitadas à altura útil do hero */
	.mpdf-hero__mockup,
	.pk-hero__mockup { max-height: 500px; }
	.mpdf-hero__mockup img,
	.pk-hero__mockup img { max-height: 500px; width: auto; max-width: 100%; margin: 0 auto; object-fit: contain; }
}

/*
 * ── Estilo visual no padrão da Home (todas as larguras) ──────────────────
 * Referência: .rp-hero (_bootscore-home.scss). Vale para os heros das
 * páginas de venda; Loja, Blog, FAQ, Contato e o hub Para Empresas ficam fora.
 */

/* Tag: pílula azul-clara */
section.emp-hero:not(.apres-sel__hero) .emp-hero__chip,
section.corp-hero .emp-section__eyebrow,
section.pk-hero .pk-hero__chip,
section.combo-hero .combo-hero__chip,
section.as-hero .as-hero__chip,
section.mpdf-hero .mpdf-hero__chip,
section.pdfconv-hero .pdfconv-eyebrow,
section.rpg-hero .rpg-badge {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	width: auto;
	padding: 7px 16px !important;
	margin-bottom: 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #e6f3fb !important;
	box-shadow: none !important;
	color: #054e8a !important;
	font: 600 12px/1.2 "Manrope", system-ui, sans-serif !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

/* Destaque do título: vermelho com degradê, como "não tem vergonha de mostrar." */
section.emp-hero:not(.apres-sel__hero) h1 em,
section.pk-hero h1 em,
section.combo-hero h1 em,
section.as-hero h1 em,
section.mpdf-hero h1 em,
section.pdfconv-hero h1 em,
section.rpg-hero h1 em {
	font-style: normal;
	color: #d3423d !important;
	background: linear-gradient(90deg, #b22f2a 0%, #db5d54 40%, #d3423d 60%, #b22f2a 100%) !important;
	background-size: 200% auto !important;
	background-position: 50% center !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	text-decoration: none !important;
	padding: 0 !important;
	animation: none !important;
}

section.combo-hero h1 em,
section.pdfconv-hero h1 em {
    display: block;
}

/* Subtítulo */
section.emp-hero:not(.apres-sel__hero) .emp-hero__lede,
section.corp-hero .corp-hero__lede,
section.pk-hero .pk-hero__lede,
section.combo-hero .combo-hero__lede,
section.as-hero .as-hero__lede,
section.mpdf-hero .mpdf-hero__lede,
section.pdfconv-hero .pdfconv-hero__sub,
section.rpg-hero .rpg-hero__sub {
	color: #353b46 !important;
	font-size: 18px !important;
	line-height: 1.55 !important;
	font-weight: 400 !important;
}

/* Botão principal: azul, cantos de 8px, sombra azul */
section.emp-hero:not(.apres-sel__hero) .emp-btn--primary,
section.pk-hero .rp-btn--primary,
section.combo-hero .combo-btn--green,
section.as-hero .rp-btn--primary,
section.mpdf-hero .rp-btn--primary,
section.pdfconv-hero .rppg-btn--glow,
section.pdfconv-hero .rppg-pdf__go,
section.rpg-hero .rpg-prompt button {
	background: #0078d4 !important;
	border: 0 !important;
	border-radius: 8px !important;
	color: #fff !important;
	font-weight: 600 !important;
	box-shadow: 0 12px 32px rgba(0, 120, 212, .3) !important;
}
section.emp-hero:not(.apres-sel__hero) .emp-btn--primary:hover,
section.pk-hero .rp-btn--primary:hover,
section.combo-hero .combo-btn--green:hover,
section.as-hero .rp-btn--primary:hover,
section.mpdf-hero .rp-btn--primary:hover,
section.pdfconv-hero .rppg-btn--glow:hover,
section.pdfconv-hero .rppg-pdf__go:hover:not(:disabled),
section.rpg-hero .rpg-prompt button:hover {
	background: #0064b0 !important;
	color: #fff !important;
}

/* Botões secundários com contorno: mesmo canto do principal */
section.pdfconv-hero .rppg-btn--outline { border-radius: 8px !important; }