:root{
	--brb-blue-950:#04111d;
	--brb-blue-900:#071a2b;
	--brb-blue-850:#08263c;
	--brb-blue-800:#0a3354;
	--brb-blue-700:#15506f;

	--brb-green-dark:#0b4d34;
	--brb-green:#57b938;
	--brb-green-light:#8fd567;

	--brb-gold:#d3a34b;
	--brb-gold-dark:#8f6426;

	--brb-white:#ffffff;
	--brb-text:#edf5f8;
	--brb-muted:rgba(237,245,248,.70);

	--brb-border:rgba(255,255,255,.10);
	--brb-card:rgba(255,255,255,.055);

	--brb-shadow:0 18px 42px rgba(0,0,0,.32);
	--brb-shadow-small:0 10px 24px rgba(0,0,0,.24);

	--brb-radius:22px;
	--brb-radius-small:16px;

	--brb-transition:.22s ease;
}

/* =========================================================
RESET
========================================================= */

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html{
	scroll-behavior:smooth;
}

body{
	margin:0;
}

button,
input,
textarea,
select{
	font:inherit;
}

button{
	cursor:pointer;
}

a{
	color:inherit;
	text-decoration:none;
}

img{
	display:block;
	max-width:100%;
}

/* =========================================================
PÁGINA
========================================================= */

body.brb-page{
	min-height:100vh;
	overflow-x:hidden;
	color:var(--brb-text);
	font-family:"Montserrat", Arial, sans-serif;
	background:
		radial-gradient(
			circle at top left,
			rgba(39,103,143,.34),
			transparent 34%
		),
		radial-gradient(
			circle at top right,
			rgba(87,185,56,.14),
			transparent 30%
		),
		linear-gradient(
			180deg,
			var(--brb-blue-950),
			var(--brb-blue-800) 55%,
			var(--brb-blue-950)
		);
	background-attachment:fixed;
}

.brb-page-glow{
	position:fixed;
	inset:0;
	z-index:0;
	pointer-events:none;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.015),
			transparent 40%
		);
}

.brb-app-shell{
	width:min(100%, 720px);
	min-height:100vh;
	margin:0 auto;
	position:relative;
	z-index:1;
	background:rgba(4,17,29,.46);
	box-shadow:
		-30px 0 70px rgba(0,0,0,.15),
		30px 0 70px rgba(0,0,0,.15);
}

/* =========================================================
CABEÇALHO
========================================================= */

.brb-header{
	height: 88px;
	display: grid;
	grid-template-columns: 54px 1fr 54px;
	align-items: center;
	gap: 10px;
	padding: 14px 18px;
	position: sticky;
	top: 0;
	z-index: 1040;

	background: linear-gradient(
		180deg,
		#16283a 0%,
		#132334 100%
	);

	border-bottom: 1px solid rgba(143,213,103,.18);
	box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.brb-header-side{
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.brb-header-side-right{
	justify-content:flex-end;
}

.brb-menu-button{
	width:46px;
	height:46px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	border:1px solid rgba(255,255,255,.13);
	border-radius:15px;
	color:#fff;
	font-size:1.15rem;
	background:rgba(255,255,255,.09);
	box-shadow:0 8px 18px rgba(0,0,0,.20);
	transition:var(--brb-transition);
}

.brb-menu-button:hover{
	color:#fff;
	background:rgba(255,255,255,.15);
	transform:translateY(-2px);
}

.brb-header-logo-link{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:0;
}

.brb-header-logo{
	height:56px;
	width:auto;
	max-width:205px;
	object-fit:contain;
	filter:drop-shadow(0 7px 14px rgba(0,0,0,.30));
}

.brb-header-status{
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	color:var(--brb-green-light);
	background:rgba(0,0,0,.13);
	border:1px solid rgba(143,213,103,.15);
}

/* =========================================================
CONTEÚDO
========================================================= */

.brb-main{
	padding:18px 18px 34px;
}

.brb-section{
	margin-top:18px;
}

/* =========================================================
PROMOTOR
========================================================= */

.brb-promotor-card{
	position:relative;
	overflow:hidden;
	padding:20px;
	border-radius:var(--brb-radius);
	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.08),
			rgba(255,255,255,.035)
		);
	border:1px solid var(--brb-border);
	box-shadow:var(--brb-shadow);
}

.brb-promotor-card::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:
		radial-gradient(
			330px 150px at 0 0,
			rgba(143,213,103,.12),
			transparent 64%
		);
}

.brb-promotor-card > *{
	position:relative;
	z-index:2;
}

.brb-promotor-card-main{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:15px;
}

.brb-promotor-icon{
	width:58px;
	height:58px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:18px;
	color:#062619;
	font-size:1.38rem;
	background:
		linear-gradient(
			180deg,
			var(--brb-green-light),
			var(--brb-green)
		);
	box-shadow:
		0 0 22px rgba(143,213,103,.22),
		0 10px 22px rgba(0,0,0,.26);
}

.brb-promotor-heading{
	min-width:0;
}

.brb-promotor-eyebrow{
	margin-bottom:5px;
	color:rgba(255,255,255,.62);
	font-size:.82rem;
	font-weight:800;
	line-height:1.2;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.brb-promotor-name{
	margin:0;
	color:var(--brb-green-light);
	font-size:1.55rem;
	font-weight:900;
	line-height:1.05;
	letter-spacing:-.035em;
	text-transform:uppercase;
	word-break:break-word;
}

.brb-promotor-action{
	display:flex;
	align-items:center;
}

.brb-share-button{
	min-height:46px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:11px 15px;
	border:none;
	border-radius:14px;
	color:#062619;
	background:
		linear-gradient(
			180deg,
			var(--brb-green-light),
			var(--brb-green)
		);
	font-size:.76rem;
	font-weight:900;
	line-height:1;
	text-transform:uppercase;
	box-shadow:
		0 0 18px rgba(143,213,103,.18),
		0 8px 18px rgba(0,0,0,.22);
	transition:var(--brb-transition);
}

.brb-share-button:hover{
	color:#062619;
	transform:translateY(-2px);
	filter:brightness(1.04);
}

.brb-promotor-card-footer{
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid rgba(255,255,255,.08);
}

.brb-promotor-card-footer p{
	margin:0;
	color:var(--brb-muted);
	font-size:.82rem;
	font-weight:600;
	line-height:1.5;
}

.brb-promotor-action-mobile{
	display:none;
}

/* =========================================================
BANNERS
========================================================= */

.brb-banner-link{
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
	border-radius:var(--brb-radius);
	background:rgba(255,255,255,.05);
	border:1px solid var(--brb-border);
	box-shadow:var(--brb-shadow);
	transition:var(--brb-transition);
}

.brb-banner-link:hover{
	transform:translateY(-3px);
	border-color:rgba(143,213,103,.20);
}

.brb-banner-image{
	width:100%;
	height:auto;
	object-fit:cover;
}

/*
.brb-banner-main .brb-banner-image{
	aspect-ratio:16 / 7;
}

.brb-banner-secondary .brb-banner-image{
	aspect-ratio:16 / 4.5;
}
*/

/* =========================================================
TÍTULO DA SEÇÃO
========================================================= */

.brb-section-heading{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
	margin-bottom:13px;
	padding:0 2px;
}

.brb-section-eyebrow{
	display:block;
	margin-bottom:5px;
	color:var(--brb-green-light);
	font-size:.68rem;
	font-weight:900;
	line-height:1;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.brb-section-title{
	margin:0;
	color:#fff;
	font-size:1.35rem;
	font-weight:900;
	line-height:1.15;
	letter-spacing:-.03em;
}

.brb-section-heading-icon{
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:14px;
	color:var(--brb-green-light);
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.08);
}

/* =========================================================
FERRAMENTAS
========================================================= */

.brb-tools-grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0,1fr));
	gap:10px;
}

.brb-tool-card{
	min-width:0;
	min-height:210px;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:16px 11px 12px;
	position:relative;
	overflow:hidden;
	border-radius:18px;
	color:#fff;
	text-align:center;
	background:
		linear-gradient(
			160deg,
			rgba(255,255,255,.075),
			rgba(255,255,255,.035)
		);
	border:1px solid rgba(255,255,255,.09);
	box-shadow:var(--brb-shadow-small);
	transition:var(--brb-transition);
}

.brb-tool-card:hover{
	color:#fff;
	transform:translateY(-3px);
	border-color:rgba(143,213,103,.20);
}

.brb-tool-icon{
	width:68px;
	height:68px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:13px;
	border-radius:18px;
	color:var(--brb-green-light);
	font-size:2.0rem;
	background:rgba(143,213,103,.09);
	border:1px solid rgba(143,213,103,.16);
}

.brb-tool-content{
	flex:1;
	min-width:0;
}

.brb-tool-content h3{
	margin:0 0 7px;
	color:#fff;
	font-size:1.25rem;
	font-weight:900;
	line-height:1.1;
	text-transform:uppercase;
}

.brb-tool-content p{
	margin:0;
	color:rgba(255,255,255,.58);
	font-size:.82rem;
	font-weight:600;
	line-height:1.4;
}

.brb-tool-button{
	width:100%;
	min-height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:13px;
	padding:8px;
	border-radius:11px;
	color:#062619;
	background:
		linear-gradient(
			180deg,
			var(--brb-green-light),
			var(--brb-green)
		);
	font-size:1.05rem;
	font-weight:800;
	text-transform:uppercase;
}

/* =========================================================
ACORDEÃO
========================================================= */

.brb-section-accordion{
	margin-top:20px;
}

.brb-accordion{
	display:flex;
	flex-direction:column;
	gap:11px;
}

.brb-accordion-item{
	overflow:hidden;
	border:1px solid rgba(255,255,255,.10) !important;
	border-radius:18px !important;
	background:rgba(255,255,255,.04) !important;
	box-shadow:var(--brb-shadow-small);
}

.brb-accordion-item .accordion-button{
	min-height:76px;
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:13px;
	padding:13px 15px;
	color:#fff;
	border:none;
	border-radius:0 !important;
	box-shadow:none !important;
}

.brb-accordion-item .accordion-button:focus{
	box-shadow:none !important;
}

.brb-accordion-item .accordion-button::after{
	width:34px;
	height:34px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0;
	border-radius:11px;
	color:#fff;
	background:rgba(255,255,255,.08);
	background-image:none;
	content:"\f078";
	font-family:"Font Awesome 6 Free";
	font-size:.82rem;
	font-weight:900;
	line-height:34px;
	text-align:center;
	transform:none;
	transition:var(--brb-transition);
}

.brb-accordion-item .accordion-button:not(.collapsed)::after{
	transform:rotate(180deg);
}

.brb-accordion-bonus .accordion-button{
	background:
		linear-gradient(
			135deg,
			rgba(29,91,125,.90),
			rgba(13,53,77,.95)
		);
}

.brb-accordion-quotation .accordion-button{
	background:
		linear-gradient(
			135deg,
			rgba(143,100,38,.92),
			rgba(82,53,18,.95)
		);
}

.brb-accordion-button-icon{
	width:48px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:15px;
	color:#fff;
	font-size:1.08rem;
	background:rgba(255,255,255,.09);
	border:1px solid rgba(255,255,255,.10);
}

.brb-accordion-button-content{
	min-width:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
}

.brb-accordion-button-content strong{
	color:#fff;
	font-size:1rem;
	font-weight:900;
	line-height:1.1;
	text-transform:uppercase;
}

.brb-accordion-button-content small{
	color:rgba(255,255,255,.62);
	font-size:.82rem;
	font-weight:600;
	line-height:1.25;
}

.brb-accordion-item .accordion-collapse{
	background:rgba(3,16,27,.74);
	border-top:1px solid rgba(255,255,255,.07);
}

.brb-accordion-item .accordion-body{
	padding:16px;
	color:var(--brb-text);
}

/* =========================================================
CONTEÚDO DO ACORDEÃO
========================================================= */

.brb-info-card{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:14px;
	border-radius:15px;
	background:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.08);
}

.brb-info-icon{
	width:43px;
	height:43px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:13px;
	color:var(--brb-green-light);
	background:rgba(143,213,103,.09);
}

.brb-info-card h3{
	margin:0 0 5px;
	color:#fff;
	font-size:.80rem;
	font-weight:900;
	text-transform:uppercase;
}

.brb-info-card p{
	margin:0;
	color:var(--brb-muted);
	font-size:.82rem;
	font-weight:600;
	line-height:1.48;
}

.brb-info-list{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:12px 0 0;
	padding:0;
	list-style:none;
}

.brb-info-list li{
	display:flex;
	align-items:flex-start;
	gap:9px;
	padding:11px 12px;
	border-radius:13px;
	color:var(--brb-muted);
	background:rgba(255,255,255,.035);
	border:1px solid rgba(255,255,255,.06);
	font-size:.82rem;
	font-weight:600;
	line-height:1.42;
}

.brb-info-list li i{
	margin-top:2px;
	color:var(--brb-green-light);
}

.brb-cotation-list{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.brb-cotation-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:12px 13px;
	border-radius:13px;
	background:rgba(255,255,255,.04);
	border:1px solid rgba(255,255,255,.07);
}

.brb-cotation-item > div{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:3px;
}

.brb-cotation-label{
	color:rgba(255,255,255,.44);
	font-size:.58rem;
	font-weight:800;
	text-transform:uppercase;
}

.brb-cotation-item strong{
	color:#fff;
	font-size:.75rem;
	font-weight:800;
}

.brb-cotation-value{
	flex:0 0 auto;
	padding:7px 9px;
	border-radius:9px;
	color:#ffe4a2;
	background:rgba(211,163,75,.11);
	border:1px solid rgba(211,163,75,.16);
	font-size:.62rem;
	font-weight:900;
	text-transform:uppercase;
}

.brb-accordion-note{
	display:flex;
	align-items:flex-start;
	gap:9px;
	margin-top:11px;
	padding:11px 12px;
	border-radius:12px;
	color:rgba(255,255,255,.60);
	background:rgba(255,255,255,.035);
	border:1px solid rgba(255,255,255,.06);
	font-size:.66rem;
	font-weight:600;
	line-height:1.42;
}

.brb-accordion-note i{
	margin-top:2px;
	color:#efc86f;
}

/* =========================================================
RODAPÉ
========================================================= */

.brb-footer{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:7px;
	margin-top:26px;
	padding:20px 10px 2px;
	border-top:1px solid rgba(255,255,255,.06);
	text-align:center;
}

.brb-footer-logo{
	height:40px;
	width:auto;
	opacity:.82;
}

.brb-footer p{
	margin:0;
	color:rgba(255,255,255,.40);
	font-size:.65rem;
	font-weight:700;
	letter-spacing:.07em;
	text-transform:uppercase;
}

/* =========================================================
MENU LATERAL
========================================================= */

.brb-offcanvas{
	width:min(88vw, 360px) !important;
	color:var(--brb-text) !important;
	background:
		radial-gradient(
			400px 220px at 0 0,
			rgba(143,213,103,.13),
			transparent 60%
		),
		linear-gradient(
			180deg,
			#08263c,
			#04111d
		) !important;
	border-right:1px solid rgba(255,255,255,.10) !important;
	box-shadow:25px 0 60px rgba(0,0,0,.45);
}

.brb-offcanvas-header{
	min-height:88px;
	padding:17px 18px !important;
	background:rgba(0,0,0,.12);
	border-bottom:1px solid rgba(255,255,255,.08);
	justify-content:flex-start;
}

.brb-offcanvas-brand img{
	height:54px;
	width:auto;
	filter:drop-shadow(0 7px 14px rgba(0,0,0,.30));
}

.brb-offcanvas-close{
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	margin-left:0;
	margin-right:auto;
	border:none;
	border-radius:13px;
	color:#fff;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.10);
}

.brb-offcanvas-body{
	display:flex;
	flex-direction:column;
	padding:18px !important;
}

.brb-offcanvas-promotor{
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px;
	margin-bottom:17px;
	border-radius:17px;
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.08);
}

.brb-offcanvas-promotor-icon{
	width:46px;
	height:46px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:14px;
	color:#062619;
	background:
		linear-gradient(
			180deg,
			var(--brb-green-light),
			var(--brb-green)
		);
}

.brb-offcanvas-promotor span{
	display:block;
	margin-bottom:0px;
	color:rgba(255,255,255,.48);
	font-size:.65rem;
	line-height: 0.5rem;
	font-weight:800;
	text-transform:uppercase;
}

.brb-offcanvas-promotor strong{
	display:block;
	color:var(--brb-green-light);
	font-size:1.3rem;
	font-weight:900;
	text-transform:uppercase;
}

.brb-offcanvas-nav{
	display:flex;
	flex-direction:column;
	gap:9px;
}

.brb-offcanvas-link{
	width:100%;
	min-height:54px;
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 13px;
	border:none;
	border-radius:15px;
	color:rgba(255,255,255,.78);
	background:rgba(255,255,255,.035);
	border:1px solid rgba(255,255,255,.06);
	font-size:.88rem;
	font-weight:800;
	text-align:left;
	transition:var(--brb-transition);
}

.brb-offcanvas-link:hover,
.brb-offcanvas-link.active{
	color:#fff;
	background:
		linear-gradient(
			135deg,
			rgba(87,185,56,.27),
			rgba(87,185,56,.12)
		);
	border-color:rgba(143,213,103,.18);
	transform:translateX(2px);
}

.brb-offcanvas-link-icon{
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:11px;
	color:var(--brb-green-light);
	background:rgba(143,213,103,.08);
}

.brb-offcanvas-footer{
	margin-top:auto;
	padding-top:22px;
}

.brb-offcanvas-code{
	padding:13px 14px;
	margin-bottom:10px;
	border-radius:14px;
	background:rgba(0,0,0,.14);
	border:1px solid rgba(255,255,255,.07);
}

.brb-offcanvas-code span{
	display:block;
	margin-bottom:4px;
	color:rgba(255,255,255,.44);
	font-size:.60rem;
	font-weight:800;
	text-transform:uppercase;
}

.brb-offcanvas-code strong{
	color:var(--brb-green-light);
	font-size:.84rem;
	font-weight:900;
	letter-spacing:.05em;
}

.brb-offcanvas-share{
	width:100%;
	min-height:49px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	border:none;
	border-radius:14px;
	color:#062619;
	background:
		linear-gradient(
			180deg,
			var(--brb-green-light),
			var(--brb-green)
		);
	font-size:.82rem;
	font-weight:900;
	text-transform:uppercase;
}

/* =========================================================
TOAST
========================================================= */

.brb-toast-container{
	position:fixed;
	left:50%;
	bottom:16px;
	z-index:1090;
	width:min(calc(100% - 26px), 410px);
	transform:translateX(-50%);
}

.brb-toast{
	width:100%;
	color:#fff;
	border:none;
	border-radius:17px;
	background:rgba(4,17,29,.97);
	border:1px solid rgba(143,213,103,.18);
	box-shadow:
		0 18px 40px rgba(0,0,0,.42),
		0 0 20px rgba(143,213,103,.10);
}

.brb-toast .toast-body{
	display:flex;
	align-items:center;
	gap:11px;
	padding:12px 13px;
}

.brb-toast-icon{
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	border-radius:13px;
	color:#062619;
	background:
		linear-gradient(
			180deg,
			var(--brb-green-light),
			var(--brb-green)
		);
}

.brb-toast-content{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:2px;
}

.brb-toast-content strong{
	font-size:.75rem;
	font-weight:900;
}

.brb-toast-content span{
	color:rgba(255,255,255,.64);
	font-size:.66rem;
	font-weight:600;
	line-height:1.35;
}

.brb-toast-close{
	width:33px;
	height:33px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	margin-left:auto;
	padding:0;
	border:none;
	border-radius:10px;
	color:rgba(255,255,255,.72);
	background:rgba(255,255,255,.06);
}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:767.98px){

	.brb-app-shell{
		box-shadow:none;
	}

	.brb-header{
		height:80px;
		grid-template-columns:48px 1fr 48px;
		padding:12px 13px;
	}

	.brb-menu-button{
		width:42px;
		height:42px;
		border-radius:13px;
	}

	.brb-header-logo{
		height:49px;
		max-width:180px;
	}

	.brb-header-status{
		width:39px;
		height:39px;
		border-radius:12px;
	}

	.brb-main{
		padding:15px 13px 28px;
	}

	.brb-section{
		margin-top:15px;
	}

	.brb-promotor-card{
		padding:17px;
		border-radius:20px;
	}

	.brb-promotor-card-main{
		grid-template-columns:auto minmax(0,1fr);
		gap:12px;
	}

	.brb-promotor-icon{
		width:52px;
		height:52px;
		border-radius:16px;
		font-size:1.22rem;
	}

	.brb-promotor-eyebrow{
		font-size:.64rem;
	}

	.brb-promotor-name{
		font-size:1.28rem;
	}

	.brb-promotor-action-desktop{
		display:none;
	}

	.brb-promotor-card-footer{
		margin-top:13px;
		padding-top:13px;
	}

	.brb-promotor-card-footer p{
		font-size:.78rem;
		line-height:1.48;
	}

	.brb-promotor-action-mobile{
		display:flex;
		margin-top:12px;
	}

	.brb-promotor-action-mobile .brb-share-button{
		width:100%;
	}

	.brb-banner-link{
		border-radius:18px;
	}

	.brb-section-title{
		font-size:1.15rem;
	}

	.brb-tools-grid{
		gap:7px;
	}

	.brb-tool-card{
		min-height:190px;
		padding:13px 7px 9px;
		border-radius:15px;
	}

	.brb-tool-icon{
		width:55px;
		height:55px;
		margin-bottom:10px;
		border-radius:15px;
		font-size:1.8rem;
	}

	.brb-tool-content h3{
		font-size:1.1rem;
	}

	.brb-tool-content p{
		font-size:.75rem;
		line-height:1.34;
	}

	.brb-tool-button{
		min-height:32px;
		margin-top:10px;
		padding:7px 5px;
		border-radius:9px;
		font-size:0.85rem;
	}

	.brb-accordion-item .accordion-button{
		min-height:70px;
		gap:10px;
		padding:11px 12px;
	}

	.brb-accordion-button-icon{
		width:42px;
		height:42px;
		border-radius:13px;
		font-size:.95rem;
	}

	.brb-accordion-button-content strong{
		font-size:.95rem;
	}

	.brb-accordion-button-content small{
		font-size:.75rem;
	}

	.brb-accordion-item .accordion-button::after{
		width:30px;
		height:30px;
		border-radius:9px;
		font-size:.63rem;
		line-height:30px;
	}

	.brb-accordion-item .accordion-body{
		padding:13px;
	}

}

/* =========================================================
CELULARES PEQUENOS
========================================================= */

@media(max-width:390px){

	.brb-main{
		padding-left:10px;
		padding-right:10px;
	}

	.brb-header{
		padding-left:10px;
		padding-right:10px;
	}

	.brb-header-logo{
		height:45px;
		max-width:165px;
	}

	.brb-tools-grid{
		gap:6px;
	}

	.brb-tool-card{
		min-height:182px;
		padding-left:5px;
		padding-right:5px;
	}

	.brb-tool-content h3{
		font-size:.64rem;
	}

	.brb-tool-content p{
		font-size:.55rem;
	}

}

/* =========================================================
DESKTOP
========================================================= */

@media(min-width:768px){

	body.brb-page{
		padding:24px 0;
	}

	.brb-app-shell{
		min-height:calc(100vh - 48px);
		border-radius:28px;
		overflow:hidden;
	}

	.brb-header{
		position:relative;
	}

}

/* =========================================================
SEM HOVER
========================================================= */

@media(hover:none){

	.brb-menu-button:hover,
	.brb-share-button:hover,
	.brb-banner-link:hover,
	.brb-tool-card:hover,
	.brb-offcanvas-link:hover{
		transform:none;
	}

}

/* ==========================
   OFFCANVAS HEADER
========================== */

.brb-offcanvas-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 22px;
}

.brb-offcanvas-brand{
	display: flex;
	align-items: center;
}

.brb-offcanvas-brand img{
	height: 42px;
	width: auto;
	display: block;
}

.brb-offcanvas-close{
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.06);
	color: #fff;
	font-size: 1.25rem;
	transition: .2s;
	flex-shrink: 0;
}

.brb-offcanvas-close:hover{
	background: rgba(255,255,255,.12);
	color: #9BE15D;
}

/* FORÇAR LOGO À ESQUERDA E FECHAR À DIREITA */

.offcanvas-header.brb-offcanvas-header{
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0 !important;
}

.offcanvas-header.brb-offcanvas-header .brb-offcanvas-brand{
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
}

.offcanvas-header.brb-offcanvas-header .brb-offcanvas-close{
	margin-left: auto !important;
	margin-right: 0 !important;
	flex-shrink: 0 !important;
}

/* =====================================================
   CABEÇALHO DA SEÇÃO — ÍCONE AO LADO DO TEXTO
===================================================== */

.brb-section-heading{
	width: 100% !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
}

.brb-section-heading .brb-section-heading-icon{
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	flex: 0 0 48px !important;
	margin: 0 !important;
}

.brb-section-heading .brb-section-heading-content{
	width: auto !important;
	max-width: none !important;
	flex: 0 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.brb-section-heading .brb-section-eyebrow{
	display: block !important;
	width: auto !important;
	margin: 0 0 2px 0 !important;
}

.brb-section-heading .brb-section-title{
	width: auto !important;
	margin: 0 !important;
}