@charset "utf-8";
/*
	____           _ _     _ _   
	|  _ \ ___  __| | |__ (_) |_ 
	| |_) / _ \/ _` | '_ \| | __|
	|  _ <  __/ (_| | |_) | | |_ 
	|_| \_\___|\__,_|_.__/|_|\__|
*/
/* ---------------- HERO SLIDER ---------------- */
:root{
	--rb-blue:#0090b8;
	--rb-blue-light:#3dd6f5;
	--rb-dark:#0d1b2a;
	--rb-white:#ffffff;
	--rb-muted:rgba(255,255,255,.74);
}
.nowrap{
	white-space:nowrap;
}
/* ---------------- HERO SLIDER ---------------- */
.rb-hero-slider{
	position:relative;
	width:100%;
	height:500px;
	overflow:hidden;
	background:#111;
	isolation:isolate;
	touch-action:pan-y;
	user-select:none;
	cursor:grab;
}
.rb-hero-bg{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	z-index:0;
	pointer-events:none;
	user-select:none;
}
.rb-hero-track{
	display:flex;
	width:100%;
	height:100%;
	transition:transform .7s cubic-bezier(.4,0,.2,1);
	will-change:transform;
}
.rb-hero-slider.is-dragging .rb-hero-track{
	transition:none;
	cursor:grabbing;
}
.rb-hero-slider.is-dragging{
	cursor:grabbing;
}
.rb-hero-btn, .rb-hero-arrow, .rb-hero-dot{
	cursor:pointer;
}
.rb-hero-slide{
	position:relative;
	flex:0 0 100%;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	display:flex;
	align-items:center;
	overflow:hidden;
}
.rb-hero-slide::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(90deg, rgba(0,31,79,.88) 0%, rgba(0,31,79,.76) 36%, rgba(0,31,79,.34) 62%, rgba(0,31,79,.08) 100%);
	pointer-events:none;
}
.rb-hero-content{
	position:relative;
	z-index:2;
	width:100%;
	max-width:var(--container-width);
	margin:0 auto;
	padding:10px;
	/*padding-left:clamp(32px, 5vw, 90px);*/
}
.rb-hero-tag{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:.32rem .9rem;
	margin-bottom:1.25rem;
	border:1px solid rgba(0,144,184,.55);
	border-radius:999px;
	background:rgba(0,144,184,.24);
	color:var(--rb-blue-light);
	font-size:.68rem;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
}
.rb-hero-tag{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-bottom:28px;
	padding:8px 18px;
	border:1px solid rgba(255,106,0,.55);
	border-radius:999px;
	background:rgba(0,37,92,.72);
	font-family:var(--fonte-principal);
	font-size:.72rem;
	font-weight:600;
	line-height:1;
	color:#ff7a1a;
	text-transform:uppercase;
	letter-spacing:.18em;
}
.rb-hero-tag::before{
	content:"";
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--cor-azul);
	animation:rbPulse 2s infinite;
}
.rb-hero-title{
	max-width:60%;
	margin-bottom:1.1rem;
	font-size:clamp(1.9rem, 3.05vw, 3.15rem);
	line-height:1.08;
	font-weight:500;
	letter-spacing:-.055em;
	letter-spacing:-1.8px;
	color:var(--rb-white);
}
.rb-hero-title em{
	color:var(--cor-azul);
	font-style:normal;
	color:#ff6a00;
}
.rb-hero-subtitle{
	max-width:60%;
	margin:0 0 34px;
	font-family:var(--fonte-principal);
	font-size:clamp(.9rem, .95vw, 1.05rem);
	font-weight:400;
	line-height:1.75;
	color:rgba(255,255,255,.88);
}
.rb-hero-actions{
	display:flex;
	gap:.875rem;
	flex-wrap:wrap;
}
.rb-hero-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:52px;
	padding:0 28px;
	border-radius:8px;
	background:#ff6a00;
	color:#fff;
	font-family:var(--fonte-principal);
	font-size:.9rem;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	box-shadow:0 14px 30px rgba(0,0,0,.22);
	transition:background-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.rb-hero-btn:hover,
.rb-hero-btn:focus{
	background:#e95f00;
	color:#fff;
	transform:translateY(-1px);
	box-shadow:0 18px 36px rgba(0,0,0,.28);
}

.rb-hero-btn.secondary{
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.42);
	color:#fff;
	box-shadow:none;
}

.rb-hero-btn.secondary:hover,
.rb-hero-btn.secondary:focus{
	background:rgba(255,255,255,.16);
	border-color:rgba(255,255,255,.7);
	color:#fff;
}
/* ---------------- CONTROLES ---------------- */
.rb-hero-arrow{
	position:absolute;
	pointer-events:auto;
	top:50%;
	z-index:10;
	width:44px;
	height:44px;
	border-radius:50%;
	border:1.5px solid rgba(255,255,255,.24);
	background:rgba(255,255,255,.12);
	color:#fff;
	font-size:1.1rem;
	line-height:1;
	cursor:pointer;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	transition:background .2s,border-color .2s;
}
.rb-hero-arrow:hover{
	background:rgba(0,144,184,.54);
	border-color:var(--rb-blue);
}
.rb-hero-prev{left:1.5rem}
.rb-hero-next{right:1.5rem}
.rb-hero-dots{
	position:absolute;
	pointer-events:auto;
	left:50%;
	bottom:1.75rem;
	z-index:10;
	display:flex;
	gap:8px;
	transform:translateX(-50%);
}
.rb-hero-dot{
	width:28px;
	height:28px;
	border:0;
	border-radius:50%;
	background:transparent;
	cursor:pointer;
	position:relative;
}
.rb-hero-dot::before{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:6px;
	height:6px;
	border-radius:3px;
	background:rgba(255,255,255,.38);
	transform:translate(-50%,-50%);
	transition:width .35s,background .35s;
}
.rb-hero-dot.is-active::before{
	width:28px;
	background:var(--rb-blue);
}
/*.rb-hero-dot.is-active{
	width:28px;
	background:var(--rb-blue);
}*/
.rb-hero-progress{
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	width:0;
	height:3px;
	background:var(--rb-blue);
	transition:width .1s linear;
}
.rb-hero-counter{
	position:absolute;
	top:1.5rem;
	right:2rem;
	z-index:10;
	color:rgba(255,255,255,.60);
	font-size:.78rem;
	font-weight:700;
	letter-spacing:1px;
}
@keyframes rbPulse{
	0%,100%{opacity:1}
	50%{opacity:.35}
}
/* ---------------- MOBILE ---------------- */
@media(max-width:900px){
	.rb-hero-content{max-width:none;padding:42px 24px;};
	.rb-hero-slider{height:420px}
	.rb-hero-title{max-width: 100%;font-size:clamp(1.55rem, 5.8vw, 2rem);line-height:1.12;letter-spacing:-.04em;}
	.rb-hero-subtitle{max-width: 100%;font-size:.92rem;line-height:1.65}
	.rb-hero-arrow{width:38px;height:38px}
	.rb-hero-prev{left:.75rem}
	.rb-hero-next{right:.75rem}
	.rb-hero-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start;}
	.rb-hero-btn{width:100%;max-width:320px;}
}
@media(max-width:480px){
	.rb-hero-slider{height:350px}
	.rb-hero-subtitle{display:none}
	.rb-hero-btn{padding:.72rem 1.25rem;font-size:.88rem}
	.rb-hero-counter{top:1rem;right:1rem}
}
/*
	  _____  ______ _____  ____  _____ _______ 
	 |  __ \|  ____|  __ \|  _ \|_   _|__   __|
	 | |__) | |__  | |  | | |_) | | |    | |   
	 |  _  /|  __| | |  | |  _ <  | |    | |   
	 | | \ \| |____| |__| | |_) |_| |_   | |   
	 |_|  \_\______|_____/|____/|_____|  |_|   
*/
/*
	########  ######## ########  ########  #### ######## 
	##     ## ##       ##     ## ##     ##  ##     ##    
	##     ## ##       ##     ## ##     ##  ##     ##    
	########  ######   ##     ## ########   ##     ##    
	##   ##   ##       ##     ## ##     ##  ##     ##    
	##    ##  ##       ##     ## ##     ##  ##     ##    
	##     ## ######## ########  ########  ####    ##    
*/