body{
	font-family: 'Montserrat';
}

/*** ALERTA DE GOLPE ***/
	.alerta-golpe{
		color: #fff;
		background-color: #004165;
		background: linear-gradient(0deg, #012a41 0%, #004165 100%);
	}
	
	.img-alerta{
		width: 2.875rem; /* 46px */
		aspect-ratio: auto 46 / 41;
	}

	.txt-alerta{
		font-size: 0.875rem; /* 14px */
	}

/*** MENU DO SITE ***/
	.menu-wrapper{
		border-bottom: 1px solid #efefef;
	}

	.navbar{
		color: #212529;
		background-color: #fff;
	}

	.navbar-brand-logo{
		aspect-ratio: auto 83/50;
		height: 50px;
	}

	.navbar-dropdown-menu{
		border: none;
	}

	.navbar-nav-item{
		padding-left: 12px;
	}

	.navbar-nav-item:hover .navbar-nav-link,
	.selecionado{
		color: #e4b754;
	}

	.navbar-nav-item:hover::after{
	    width: 100%;
	}

	.navbar-nav-item::after{
	    content: '';
	    display: block;
	    width: 0;
	    height: 2px;
	    background: #e4b754;
	    transition: 0.2s;
	}

	.navbar-nav-link{
		font-weight: 600;
	}

	.dropdown-item:focus, .dropdown-item:hover{
		color: #e4b754;
	}

/***BACKGROUND COLORS ***/
	.bg-body-secundario{
		background-color: #004165;
	}

	.bg-body-terciario{
		background-color: #f3f3f3;
	}

	.bg-dark{
		background-color: #212529 !important;
	}

	.bg-gradient-gg{
		background: #ddd;
    	background: linear-gradient(0deg, #ddd 0%, #f3f3f3 100%);
	}

	.bg-gradient-wgw{
		background: #fff;
    	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 50%, rgba(255, 255, 255, 1) 100%);
	}

/*** BOTÕES ***/
	.btn-primary{
		padding: 0.75rem 1.25rem; /* 12px 20px */
		color: #fff;
	    background-color: #295788;
	    border-color: #295788;
	}

	.btn-primary:active,
	.btn-primary:first-child:active,
	.btn-primary:focus-visible,
	.btn-primary:hover{
	    background-color: #004165;
	    border-color: #004165;
	}

	.btn-secondary{
	    color: #fff;
	    background-color: #004165;
	    border-color: #004165;
	}

	.btn-secondary:active,
	.btn-secondary:focus-visible,
	.btn-secondary:hover{
	    color: #004165;
	    background-color: #fff;
	    border-color: #004165;
	}

	.btn-tertiary{
		font-weight: 600;
		color: #fff;
	    background-color: #212529;
	    border-color: #212529;
	}

	.btn-tertiary:active,
	.btn-tertiary:focus-visible,
	.btn-tertiary:hover{
		font-weight: 600;
	    color: #212529;
	    background-color: #fff;
	    border-color: #fff;
	}

/*** CARROSSEL ***/
	.carousel-control-next,
	.carousel-control-prev{
		top: 50%;
		width: 4vh;
		height: 4vh;
		background-color: #295788;
		border-radius: 50%;
		transform: translateY(-50%);
	}

	.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon{
		filter: none;
	}

	.carousel-dark .carousel-indicators [data-bs-target]{
		background-color: #e4b754;
	}

	.carousel-indicators [data-bs-target]{
		width: 10px;
		height: 10px;
		border-radius: 100%;
	}

/*** CLIENTES ***/
	.logo-cliente{
		width: 120px;
		aspect-ratio: auto 4 / 1;
	}

/*** ÍCONES ***/
	.arrow-icon{
		margin-right: 0.3125rem; /* 5px */
		font-size: 1.25rem; /* 20px */
		color: #295788;
	}

	.icones-primarios{
		color: #295788;
	}

/*** JUMBOTRON ***/
	.jumbotron-header{
	    position: relative;
	    display: flex;
	    align-items: center;
	    background-color: #f3f4f5;
	}

	.jumbotron-header:before{
	    content: ' ';
	    display: block;
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-repeat: no-repeat;
	    background-position: 50%;
	    background-size: cover;
	}

	.jumbotron-header .container{
	    position: relative;
	}

	.jumbotron-contato,
	.jumbotron-responsabilidade-social{
	    height: 340px;
	}

	.video-container{
		aspect-ratio: auto 16/9;
	}

	.video{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}

/*** SECTIONS ***/
	.section-destaque{
		padding: 80px 0 0 0;
		border-bottom: 1px solid #dedede;
	}

	.section-golpe{
		padding: 2.5rem 0; /* 40px 0 */
	}

	.section-primaria{
		padding: 80px 0 60px;
	}

	.section-secundaria{
		padding: 60px 0;
	}

	.section-terciaria{
		padding: 80px 0;
	}

	.section-title{
		font-weight: bold;
	}

/*** RODAPÉ ***/
	.rodape{
		color: #fff;
		background-color: #004165;
	}

	.logo-pix-rodape{
		aspect-ratio: auto 13/8;
		height: 80px;
	}

	.sub-opcao-rodape{
	    margin-bottom: 0.5rem; /* 8px */
		font-size: 1.25rem; /* 20px */
		line-height: 1.5rem; /* 24px */
	    font-weight: 500;
    }

	/*.rodape-copyright{
		background-color: #01324d;
	}*/

	.link-rodape{
		text-decoration: none;
		color: #fff;
	}

	.link-rodape:hover{
		text-decoration: underline;
	}

	.color-flicts{
		color: #e4b754;
	}

/*** TEXTOS ***/
	.text-tertiary{
		color: #004165;
	}

	.color-pix-azul{
		color: #004165;
	}
	
	.section-title{
		font-size: 36px;
		font-weight: bold;
	}

	.texto-1{
		font-size: 36px;
	}

	.texto-2{
		font-size: 30px;
	}

	.texto-3{
		font-size: 1.5rem; /* 24px */
	}

	.texto-4{
		font-size: 1.25rem; /* 20px */
	}

	.texto-5{
		font-size: 0.875rem; /* 14px */
	}

	.box-text.texto-3{
		font-size: 24px;
	}

	.title-1{
		font-size: 2.5rem; /* 40px */
	}

	.title-2{
		font-size: 2rem; /* 32px */
	}

	.title-3{
		font-size: 1.75rem; /* 28px */
	}

	.title-color{
		color: #295788;
	}

/*** UTILITIES ***/
	.overflow-x-hidden{
		overflow-x: hidden;
	}

@media (min-width: 768px){
	.jumbotron-contato,
	.jumbotron-responsabilidade-social{
	    height: 330px;
	}

	.navbar-nav-link{
		height: 60px;
		line-height: 280%;
	}

	.video-container{
		width: 75%;
	}

	/*** ALERTA DE GOLPE ***/
	.section-golpe{
		padding: 5rem 0 3.75rem; /* 80px 0 60px */
	}

	.alerta-golpe{
		border-radius: 12.5rem; /* 200px */
	}

	/*** MARGIN E PADDING ***/
		.pe-md-100{
			padding-right: 6.25rem; /* 100px */
		}

		.ps-md-100{
			padding-left: 6.25rem; /* 100px */
		}
}

@media (min-width: 992px){
	.navbar-dropdown-menu{
		box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
	}
}

@media (min-width: 1300px){
	/*** MARGIN E PADDING ***/
		.pe-xl-100{
			padding-right: 6.25rem; /* 100px */
		}
}