/* Facilitar Soluções — brand overrides (Spectral / HTML5 UP) */

:root {
	--fs-navy: #142238;
	--fs-navy-mid: #1e3555;
	--fs-navy-deep: #0a1018;
	--fs-orange: #f26522;
	--fs-orange-hover: #ff7a3d;
}

/* Hero background (logo + QR carry brand in content) */
body.landing #page-wrapper {
	background-color: var(--fs-navy-deep);
	background-image:
		linear-gradient(165deg, rgba(20, 34, 56, 0.96), rgba(10, 18, 32, 0.94));
	background-position: center top;
	background-size: cover;
	background-attachment: scroll;
}

body.is-mobile.landing #banner,
body.is-mobile.landing .wrapper.style4 {
	background-image:
		linear-gradient(165deg, rgba(20, 34, 56, 0.92), rgba(10, 18, 32, 0.9));
	background-position: center center;
	background-size: cover;
}

/* Header brand always readable */
#header.alt h1 {
	opacity: 1 !important;
	pointer-events: auto !important;
}

#header h1 a.fs-brand-link {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: #fff !important;
	text-transform: none;
	font-size: inherit;
	line-height: 0;
	background: #fff;
	padding: 0.35em 0.55em;
	border-radius: 8px;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}

img.fs-header-logo {
	display: block;
	height: 2.5em;
	width: auto;
	max-width: min(11rem, 42vw);
	object-fit: contain;
}

#header.alt {
	background: rgba(15, 26, 45, 0.35);
}

/* Primary actions — orange */
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
	background-color: var(--fs-orange) !important;
	box-shadow: none !important;
}

	input[type="submit"].primary:hover,
	input[type="reset"].primary:hover,
	input[type="button"].primary:hover,
	button.primary:hover,
	.button.primary:hover {
		background-color: var(--fs-orange-hover) !important;
	}

/* Major icon rings — orange accent */
.icon.major.style1:before,
.icon.major.style2:before,
.icon.major.style3:before {
	color: var(--fs-orange) !important;
	box-shadow: inset 0 0 0 2px var(--fs-orange) !important;
}

/* Spotlight icon panels */
.fs-spotlight-icon {
	display: -moz-flex !important;
	display: -webkit-flex !important;
	display: -ms-flex !important;
	display: flex !important;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	min-height: 16em;
	padding: 2em;
	background: linear-gradient(135deg, var(--fs-navy) 0%, var(--fs-navy-mid) 100%) !important;
}

	.fs-spotlight-icon .icon:before {
		color: var(--fs-orange);
		font-size: 4.25rem;
	}

/* Stars */
.fs-stars {
	color: var(--fs-orange);
	font-size: 1.35em;
	letter-spacing: 0.15em;
	margin-bottom: 0.35em;
}

/* Banner logo (decorative; company name in title and header img alt) */
.fs-banner-brand {
	margin: 0 auto 1em auto;
	line-height: 0;
	max-width: -moz-fit-content;
	max-width: fit-content;
	background: #fff;
	padding: 0.85em 1.35em;
	border-radius: 12px;
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.35);
}

img.fs-banner-logo {
	display: block;
	margin: 0 auto;
	max-width: min(18rem, 82vw);
	width: 100%;
	height: auto;
}

/* CTA QR (Augusto) */
img.fs-cta-qr {
	max-width: 264px;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
	margin: 0 auto 1em auto;
	display: block;
	background: #fff;
	padding: 10px;
}

.fs-cta-wrap {
	text-align: center;
	margin-bottom: 2em;
}

.fs-cta-wrap p {
	text-transform: none;
	letter-spacing: 0.05em;
	font-size: 0.95em;
	opacity: 0.9;
}

/* Banner subtitle not forced uppercase for readability */
#banner .fs-tagline {
	text-transform: none;
	letter-spacing: 0.06em;
	font-size: 1.05em;
	max-width: 36em;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

#banner .inner > p:not(.fs-tagline) {
	text-transform: uppercase;
}

/* Footer brand logo */
.fs-footer-brand {
	margin: 0 auto 1.5em auto;
	line-height: 0;
	text-align: center;
	max-width: -moz-fit-content;
	max-width: fit-content;
	background: #fff;
	padding: 0.65em 1.1em;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

img.fs-footer-logo {
	display: block;
	max-width: 12rem;
	width: 100%;
	height: auto;
	margin: 0 auto;
	opacity: 1;
}

/* Footer email */
#footer .icons a:hover {
	color: var(--fs-orange) !important;
}

/* WhatsApp links */
a.button.fit.whatsapp {
	display: -moz-inline-flex;
	display: inline-flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	gap: 0.5em;
	background-color: #25d366 !important;
	color: #fff !important;
}

a.button.fit.whatsapp:hover {
	background-color: #1ebe57 !important;
}

a.button.fit.whatsapp .icon:before {
	font-size: 1.35em;
}

#footer .icons a.icon.brands.fa-whatsapp:hover {
	color: #25d366 !important;
}

/* Floating WhatsApp (fixed) */
a.whatsapp-float {
	position: fixed;
	right: max(1.25rem, env(safe-area-inset-right));
	bottom: max(1.25rem, env(safe-area-inset-bottom));
	width: 3.75rem;
	height: 3.75rem;
	border-radius: 50%;
	background-color: #25d366 !important;
	color: #fff !important;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	z-index: 10001;
	box-shadow: 0 4px 22px rgba(0, 0, 0, 0.35);
	-moz-transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	-webkit-transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	-ms-transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	text-decoration: none;
	border: 0;
}

a.whatsapp-float:hover {
	-moz-transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.42);
	background-color: #1ebe57 !important;
	color: #fff !important;
}

a.whatsapp-float:focus {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

a.whatsapp-float .icon:before {
	font-size: 2.1rem;
}