/* montserrat-300 */
@font-face{
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/montserrat-v31-latin-300.woff2') format('woff2');
}

/* montserrat-regular */
@font-face{
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat-v31-latin-regular.woff2') format('woff2');
}

/* montserrat-500 */
@font-face{
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v31-latin-500.woff2') format('woff2');
}

/* montserrat-700 */
@font-face{
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat-v31-latin-700.woff2') format('woff2');
}

/* montserrat-900 */
@font-face{
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/montserrat-v31-latin-900.woff2') format('woff2');
}

body{
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	font-weight: 400;
    line-height: 1.5; /* Garante que a altura da linha seja constante */
	color: #212529;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
}

/*** FONT-AWESOME ICONS ***/
	.fa-icon{
		display: inline-block;
	    width: 1em;
	    height: 1em;
	    flex-shrink: 0;
	}

/*** 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: 500;
	}

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

/*** BACKGROUND COLORS ***/
	.bg-cinza{
		background-color: #f3f3f3;
	}

	.bg-dark-1{
		background-color: #243547;
	}

	.bg-dark-grad-1{
		background: linear-gradient(30deg, #295788 0%, #243547 100%);
	}

	.bg-strip{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 85%;
		transform: translateY(-50%);
		z-index: 0;
	}

/*** BOTÕES ***/
	.btn-primary,
	.btn-secondary{
		padding: 0.5rem 1.25rem; /* 8px 20px */
		font-weight: 500;
	    text-wrap: nowrap;
	    border-radius: 6.25rem; /* 100px */
	    border-color: #295788;
	}

	.btn-primary{
	    background-color: #295788;
	}

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

	.btn-icon{
		margin-left: 0.3125rem; /* 5px */
		font-size: 1.125rem; /* 18px */
		vertical-align: text-bottom;
		--cor-btn-icone: #fff;
	}

	.btn-primary:active .btn-icon,
	.btn-primary:first-child:active .btn-icon,
	.btn-primary:focus-visible .btn-icon,
	.btn-primary:hover .btn-icon{
		--cor-btn-icone: #295788;
	}

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

	.btn-secondary:active,
	.btn-secondary:first-child:active,
	.btn-secondary:focus-visible,
	.btn-secondary:hover{
	    color: #295788;
	    background-color: #9fcdfd;
	    /*border-color: #ddd;*/
	}

	.btn-secondary .btn-icon{
		--cor-btn-icone: #295788;
	}

	.btn-secondary:active .btn-icon,
	.btn-secondary:first-child:active .btn-icon,
	.btn-secondary:focus-visible .btn-icon,
	.btn-secondary:hover .btn-icon{
		--cor-btn-icone: #295788;
	}

	.btn-icon-youtube{
		--cor-btn-icone: #fe0033 !important;
	}

/*** CARROSSEL ***/

/*** CLIENTES ***/

/*** ÍCONES ***/

/*** FONTES ***/
	/*.color-pix-preto{
		color: #212529;
	}*/

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

	.texto-2{
		font-size: 1.75rem; /* 28px */
	}

	.texto-3{
		font-size: 2.5rem; /* 40px */
	}

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

	.texto-5{
		font-size: 0.75rem; /* 12px */
	}

	.texto-6{
		font-size: 20px; /* 24px */
	}

	.titulo-1{
		font-size: 3.125rem; /* 50px */
	}

	.titulo-2{
		font-size: 2.25rem; /* 36px */
	}

	.titulo-3{
		font-size: 2.75rem; /* 44px */
	}

	.txt-destaque{
		font-weight: 700;
		color: #295788;
	}

/*** JUMBOTRON ***/
	.jumbotron-header{
		padding: 80px 0; /* 120px 0 */
	}

    .jumbotron-saphira{;
  		background: url('../img/bg-jumbotron-saphira.webp') right / cover no-repeat #fff;
    }

/*** SECTIONS ***/

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

	.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;
	}

	.txt-contato-rodape{
		font-size: 8px;
	}

	.color-flicts{
		color: #e4b754;
	}

/*** TEXTOS ***/

/*** UTILITIES ***/

@media (min-width: 768px){
/*** BACKGROUND COLORS ***/
	.bg-strip{
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 65%;
		transform: translateY(-50%);
		z-index: 0;
	}

	/*** 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 */
		}
}