/* ════════════════════════════════════════════════
   Braz Turismo — Ônibus · Hero (faixa de abertura)
   ════════════════════════════════════════════════ */

.brt-ohero {
	--ohero-c1: #0A3D1E;
	--ohero-c2: #052E15;
	--ohero-glow: rgba(143, 214, 166, 0.18);
	--ohero-serif: "Zilla Slab", "Iowan Old Style", Georgia, serif;
	--ohero-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	min-height: 280px;
	background: var(--ohero-c2);
	background-image:
		radial-gradient(120% 120% at 88% 0%, var(--ohero-glow) 0%, rgba(0, 0, 0, 0) 52%),
		linear-gradient(135deg, var(--ohero-c1) 0%, var(--ohero-c2) 100%);
	font-family: var(--ohero-sans);
}
.brt-ohero *,
.brt-ohero *::before,
.brt-ohero *::after { box-sizing: border-box; }

/* Full-bleed: estoura o contêiner para a largura da viewport */
.brt-ohero--full {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Imagem opcional */
.brt-ohero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.brt-ohero__overlay {
	position: absolute;
	inset: 0;
	background: rgba(5, 40, 20, 0.78);
	z-index: 1;
}

/* Conteúdo */
.brt-ohero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 52px 24px;
}

.brt-ohero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 7px 15px;
	border-radius: 99px;
	background: rgba(255, 255, 255, 0.10);
	color: rgba(255, 255, 255, 0.92);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	backdrop-filter: blur(2px);
}
.brt-ohero__eyebrow-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #E0613A;
	flex: 0 0 auto;
}

.brt-ohero__title {
	margin: 18px 0 0;
	max-width: 620px;
	font-family: var(--ohero-serif);
	font-size: clamp(2rem, 4.6vw, 3.3rem);
	font-weight: 700;
	line-height: 1.06;
	color: #fff;
}

.brt-ohero__subtitle {
	margin: 16px 0 0;
	max-width: 480px;
	font-size: 1rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 600px) {
	.brt-ohero { min-height: 220px; }
	.brt-ohero__title  { margin-top: 14px; }
	.brt-ohero__subtitle { font-size: 0.94rem; }
}