/* ============================================================================
 * Página /inovacoes/ — identidade editorial atual (grafite + dourado + creme,
 * Playfair Display / Inter / Bebas Neue). Movido de style.css em 2026-06-23 ao
 * converter a página p/ Gutenberg (bloco unileao/inovacoes). Fonte ÚNICA: usado
 * no front (enqueue global) e injetado no canvas do editor pelo loader.
 *
 * Estrutura do render (bloco): .inovacoes-page > .inov-hero + .pagina-inovacoes-
 * header (intro CENTRALIZADA e FLUIDA) + .pagina-inovacoes-blocos (cards) +
 * .modal-inovacoes (modais Bootstrap 4).
 * ========================================================================== */
.inov-hero,
.pagina-inovacoes-header,
.pagina-inovacoes-blocos,
.modal-inovacoes{
	--inv-graphite:#1a1a1a;
	--inv-gold:#c79a3e;
	--inv-gold-d:#a87f2c;
	--inv-cream:#f5f1e8;
	--inv-ivory:#faf9f6;
	--inv-line:#e2ddd2;
	--inv-tx:#1f1d1a;
	--inv-tx-soft:#6a665e;
	--inv-fdisplay:'Playfair Display', Georgia, serif;
	--inv-fsans:'Inter', -apple-system, 'Helvetica Neue', sans-serif;
	--inv-fcaps:'Bebas Neue', sans-serif;
}

/* ---------- HERO (topo) ---------- */
.inov-hero{
	position: relative;
	padding: 6rem 1.25rem;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-color: #1a1a1a;
	background-blend-mode: multiply;
}
.inov-hero::after{
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(20,18,16,.55) 0%, rgba(20,18,16,.78) 100%);
	z-index: 0;
}
.inov-hero-inner{
	position: relative;
	z-index: 1;
	max-width: 900px;
	margin: 0 auto;
}
.inov-hero .inov-eyebrow{
	font-family: var(--inv-fcaps);
	letter-spacing: .14em;
	font-size: 1rem;
	color: var(--inv-gold);
	text-transform: uppercase;
	margin-bottom: .9rem;
}
.inov-hero h1{
	color: #fff;
	font-family: var(--inv-fdisplay);
	font-weight: 600;
	font-size: 2.9rem;
	line-height: 1.1;
	letter-spacing: -.01em;
	margin: 0;
}

/* ---------- INTRO ("Inovar faz parte...") — SÓ TEXTO CENTRALIZADO, sem imagem ---------- */
.pagina-inovacoes-header{
	padding: 4.5rem 1.25rem;
	background: var(--inv-ivory);   /* fundo claro, SEM imagem (a pedido 2026-06-23) */
}
.pagina-inovacoes-header .inov-intro-inner{
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
}
.pagina-inovacoes-header .linha-titulo{
	width: 64px;
	height: 3px;
	background: var(--inv-gold);
	margin: 0 auto 1.4rem;
	border-radius: 2px;
}
.pagina-inovacoes-header h2{
	color: var(--inv-tx);
	font-family: var(--inv-fdisplay);
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 1.14;
	letter-spacing: -.01em;
	margin-bottom: 1.2rem;
}
.pagina-inovacoes-header p{
	color: var(--inv-tx-soft);
	font-family: var(--inv-fsans);
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.75;
	margin-bottom: 1rem;
}
.pagina-inovacoes-header p:last-child{ margin-bottom: 0; }

/* ---------- BLOCOS (cards) ---------- */
.pagina-inovacoes-blocos{
	background: var(--inv-cream);
	padding: 5rem 0;
}
.pagina-inovacoes-blocos .row{
	margin: 0 0 1.5rem 0;
}
.pagina-inovacoes-blocos .col-lg-4{ margin-bottom: 1.5rem; }
.pagina-inovacoes-blocos .card{
	height: 100%;
	background: #fff;
	border: 1px solid var(--inv-line);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(20,18,16,.04);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pagina-inovacoes-blocos .card:hover{
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(20,18,16,.10);
	border-color: var(--inv-gold);
}
.pagina-inovacoes-blocos .card .card-title{
	color: var(--inv-tx);
	font-family: var(--inv-fsans);
	font-weight: 600;
	font-size: .98rem;
	line-height: 1.3;
}
.pagina-inovacoes-blocos .card .card-title hr{
	border: 0;
	border-top: 2px solid var(--inv-gold);
	width: 40px;
	margin: .8rem 0 0 0;
}
.pagina-inovacoes-blocos .card p{
	color: var(--inv-tx-soft);
	font-family: var(--inv-fsans);
	font-size: .86rem;
	line-height: 1.6;
}
.pagina-inovacoes-blocos .card-body{
	padding: 1.5rem 1.3rem 1rem;
}
.pagina-inovacoes-blocos .card .card-footer{
	background: transparent;
	border: 0;
	border-top: 1px solid var(--inv-line);
	padding: 1rem 1.3rem 1.3rem;
}
.pagina-inovacoes-blocos .card .card-footer .btn-primary{
	background: transparent;
	border: 1px solid var(--inv-graphite);
	color: var(--inv-graphite);
	font-family: var(--inv-fsans);
	font-weight: 600;
	font-size: .74rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	border-radius: 999px;
	padding: .6rem 1.6rem;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.pagina-inovacoes-blocos .card .card-footer .btn-primary:hover{
	background: var(--inv-graphite);
	color: #fff;
	border-color: var(--inv-graphite);
}
.pagina-inovacoes-blocos .card .card-footer .btn-primary:focus{ box-shadow: none; }

/* ---------- MODAIS ---------- */
.modal-inovacoes .modal-content{
	border: 0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 24px 60px rgba(20,18,16,.22);
}
.modal-inovacoes .modal-header{
	border: 0;
	padding-bottom: 0;
}
.modal-inovacoes .modal-header .title-modal-inovacoes{
	margin: 1.6rem 1rem .6rem 1rem;
	color: var(--inv-tx);
	font-family: var(--inv-fdisplay);
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.25;
}
.modal-inovacoes .linha-titulo{
	width: 56px;
	height: 3px;
	background: var(--inv-gold);
	margin: 0 auto;
	border-radius: 2px;
}
.modal-inovacoes .modal-body{
	font-family: var(--inv-fsans);
	color: var(--inv-tx-soft);
	font-size: .95rem;
	line-height: 1.7;
	padding: 1.5rem 2rem 2rem;
}
.modal-inovacoes .modal-content .btn-modalacesse{
	display: inline-block;
	background: var(--inv-gold);
	border: 1px solid var(--inv-gold);
	color: #1a1a1a;
	font-family: var(--inv-fsans);
	font-weight: 600;
	font-size: .8rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	border-radius: 999px;
	padding: .7rem 2.6rem;
	transition: background .2s ease, color .2s ease;
}
.modal-inovacoes .modal-content .btn-modalacesse:hover{
	background: var(--inv-gold-d);
	border-color: var(--inv-gold-d);
	color: #fff;
}
.modal-inovacoes .btn-close-modal-inovacoes{
	border: 1px solid var(--inv-line);
	color: var(--inv-tx-soft);
	background: #fff;
	border-radius: 999px;
	padding: 0;
	margin: 0;
	width: 36px !important;
	height: 36px !important;
	opacity: 1;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.modal-inovacoes .btn-close-modal-inovacoes:hover{
	background: var(--inv-graphite);
	border-color: var(--inv-graphite);
	color: #fff;
}

/* ---------- responsivo ---------- */
@media (max-width: 991px){
	.inov-hero h1{ font-size: 2.2rem; }
	.pagina-inovacoes-header h2{ font-size: 1.8rem; }
}