@import url('icons/flaticon.css');


:root{
	/* Cores Neutras */
	--color-neutral-100: #000000;
	--color-neutral-200: #1B1B1B;
	--color-neutral-300: #484848;
	--color-neutral-400: #7a7a7a;
	--color-neutral-500: #A7A7A7;
	--color-neutral-600: #bebebe;
	--color-neutral-700: #e1e1e1;
	--color-neutral-800: #F0f0f0;
	--color-neutral-900: #FFFFFF;

	/* Cores Principais */
	--color-primary: #104493;
	--color-secondary: #0266fd;
	--color-tertiary: #177CC1;

	/* Fonts Family */
	--font-family-01: "Montserrat", sans-serif;
}

/* Variáveis Bootstrap */
:root, [data-bs-theme=light] {
	--bs-primary: var(--color-primary);
	--bs-secondary: var(--color-secondary);

	--bs-gray-100: var(--color-neutral-900);
	--bs-gray-200: var(--color-neutral-800);
	--bs-gray-300: var(--color-neutral-700);
	--bs-gray-400: var(--color-neutral-600);
	--bs-gray-500: var(--color-neutral-500);
	--bs-gray-600: var(--color-neutral-400);
	--bs-gray-700: var(--color-neutral-300);
	--bs-gray-800: var(--color-neutral-200);
	--bs-gray-900: var(--color-neutral-100);
}

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

body{
	color: var(--color-neutral-100);
	font-family: var(--font-family-01);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.035em;
	line-height: 1.45;
	font-size: 16px;
	color: var(--color-neutral-300);
	font-weight: 400;
	overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
	font-weight: 600;
	line-height: 1.25;
}

p {
	margin-bottom: 10px;
}

button{
	border: none;
}

p a{
	color: var(--color-primary);
}

section,
footer {
	overflow: hidden;
}


/*********** Start Background ***********/

.bg-color-neutral-100{
	background-color: var(--color-neutral-100);
}
.bg-color-neutral-200{
	background-color: var(--color-neutral-200);
}
.bg-color-neutral-400{
	background-color: var(--color-neutral-400);
}
.bg-color-neutral-500{
	background-color: var(--color-neutral-500);
}
.bg-color-neutral-800{
	background-color: var(--color-neutral-800);
}
.bg-color-neutral-900{
	background-color: var(--color-neutral-900);
}

.bg-color-primary{
	background-color: var(--color-primary);
}
.bg-color-secondary{
	background-color: var(--color-secondary);
}
.bg-color-tertiary{
	background-color: var(--color-tertiary);
}

/*********** End Background ***********/

/*********** Start Colors ***********/

.text-color-neutral-100{
	color: var(--color-neutral-100);
}
.text-color-neutral-200{
	color: var(--color-neutral-200);
}
.text-color-neutral-400{
	color: var(--color-neutral-400);
}
.text-color-neutral-500{
	color: var(--color-neutral-500);
}
.text-color-neutral-800{
	color: var(--color-neutral-800);
}
.text-color-neutral-900{
	color: var(--color-neutral-900);
}

.text-color-primary{
	color: var(--color-primary);
}
.text-color-secondary{
	color: var(--color-secondary);
}
.text-color-tertiary{
	color: var(--color-tertiary);
}

/*********** End Colors ***********/

/*********** Start Text sizes ***********/

.heading-size-xs {
	font-size: 1.375rem; /* 22px */
}
.heading-size-sm {
	font-size: 1.5rem; /* 24px */
}
.heading-size-md {
	font-size: 1.75rem; /* 28px */
}
.heading-size-lg {
	font-size: 2rem; /* 32px */
}
.heading-size-xl {
	font-size: 2.375rem; /* 38px */
}
.heading-size-xxl {
	font-size: 2.75rem; /* 44px */
}


.text-size-xs {
	font-size: 0.625rem;  /* 10px */
}
.text-size-sm {
	font-size: 0.75rem; /* 12px */
}
.text-size-md {
	font-size: 0.875rem; /* 14px */
}
.text-size-lg {
	font-size: 1rem; /* 16px */
}
.text-size-xl {
	font-size: 1.125rem; /* 18px */
}
.text-size-xxl {
	font-size: 1.25rem; /* 20px */
}

.font-weight-100{
	font-weight: 100 !important;
}
.font-weight-200{
	font-weight: 200;
}
.font-weight-300{
	font-weight: 300;
}
.font-weight-400{
	font-weight: 400;
}
.font-weight-500{
	font-weight: 500;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-700{
	font-weight: 700;
}
.font-weight-800{
	font-weight: 800;
}
.font-weight-900{
	font-weight: 900;
}

/*********** End Text sizes ***********/

/*********** Start Border-radius ***********/

.border-radius-2px{
	border-radius: 2px;
}
.border-radius-4px{
	border-radius: 4px;
}
.border-radius-6px{
	border-radius: 6px;
}
.border-radius-10px{
	border-radius: 10px;
}

/*********** End Border-radius ***********/

.at-btn{
	padding: 8px 16px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: 600;
	color: var(--color-neutral-900);
	transition: all .35s ease;
	border-radius: 10px;
	box-shadow: 0px 3px 43px -10px rgba(0,0,0,0.35);
}
.at-btn_1{
	background-color: var(--color-neutral-200);
}
.at-btn_1:hover{
	background-color: var(--color-primary);
	color: var(--color-neutral-900);
}

.at-link{
	color: var(--color-neutral-200);
	font-weight: 600;
	transition: all .2s linear;
}
.at-link:hover{
	color: var(--color-primary);
}
.at-titulo-wrapper {
	align-items: center;
	display: grid;
	gap: 30px;
	grid-template-columns: max-content 1fr max-content;
	margin-bottom: 40px;
}
.at-titulo-01{
	font-size: 2rem; /* 32px */
	color: var(--color-neutral-200);
	margin: 0;
}
.at-titulo-wrapper .line-separator {
	width: 100%;
	height: 2px;
	background: rgba(32, 32, 32, 0.075);
}

.at-titulo-02{
	font-size: 1.5rem; /* 24px */
	font-weight: 400;
	color: var(--color-neutral-200);
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 15px;
}
.at-titulo-02:after{
	content: "";
	width: 100%;
	height: 2px;
	background: rgba(32, 32, 32, 0.075);
}
.at-titulo-03{
	font-size: 2rem; /* 32px */
	font-weight: 700;
	line-height: 1.25;
	color: var(--color-neutral-200);
	margin-bottom: 5px;
}
.at-subtitulo{
	font-size: 1.25rem; /* 20px */
	font-weight: 400;
	line-height: 1.2;
	color: var(--color-neutral-300);
}

.m-db{
	display: none;
}


/***** HEADER *****/

.at-header {
	position: sticky;
	top: 0px;
	z-index: 9999;
	box-shadow: 0 5px 12px -2px rgba(120, 120, 120, 0.25);
}

.at-header_fixo .at-logo img {
	height: 60px;
}

.at-header_fixo + nav {
	margin-top: 98px;
}

.at-header .navbar{
	padding: 0;
}

.at-header .navbar-toggler{
	padding: 10px 10px;
	border: 0px;
	border-radius: 50%;
	transition: all .35s ease;
}
.at-header .navbar-toggler:hover{
	background-color: var(--color-neutral-200);
}
.at-header .navbar-toggler img{
	height: 32px;
}

.at-header-menu_flutuante{
	width: 220px;
}
.at-header-menu_flutuante .navbar-nav{
	border-radius: 4px;
}
.at-header-menu_flutuante li a{
	padding: .5rem;
	display: block;
	border-left: 4px solid transparent;
	transition: all .35s ease;
}
.at-header-menu_flutuante li a:hover{
	border-left: 6px solid var(--color-primary);
}


.navbar-brand{
	padding: 0px;
	border-left: 1px solid var(--color-neutral-900);
}
.navbar-brand img{
	display: block;
	height: 60px;
	width: auto;
}

.at-header_form {
	position: relative;
}
.at-header_form input {
	position: relative;
	display: block;
	padding: 10.5px 20px;
	width: 42px;
	width: 42px;
	font-size: 1rem; /* 16px */
	color: var(--color-neutral-900);
	border-radius: 25px;
	border: 1px solid var(--color-neutral-700);
	background-color: var(--color-neutral-200);
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(img/icon-search.svg);
	transition: all .35s ease;
}
.at-header_form input:focus {
	border-color: var(--color-primary);
	width: 180px;
	background-image: none;
}

.at-header .navbar-nav li a{
	color: var(--color-neutral-900);
}

.navbar-nav .dropdown-menu{
	background-color: var(--color-neutral-200);
}
.navbar-nav .dropdown-item:focus,.navbar-nav .dropdown-item:hover {
    color: var(--color-neutral-900);
    background-color: var(--color-neutral-100);
}

/***** HEADER *****/

/***** BANNER *****/

.at-banner{
	overflow: hidden;
	height: auto;
}
.at-banner-conteudo{
	margin-top: 150px;
}
.at-banner-conteudo h1,
.at-banner-conteudo h2{
	font-size: 1.75rem; /* 28px */
	color: var(--color-neutral-300);
	line-height: 1.75;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 110%;
}
.at-banner-conteudo p{
	font-size: 1.25rem; /* 20px */
	font-weight: 300;
	line-height: 25px;
	color: var(--color-neutral-400);
	margin-bottom: 35px;
	max-width: 480px;
}
.at-banner figure,
.at-banner figure a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.at-banner figure{
	height: auto;
	max-height: 300px;
	overflow: hidden;
}
.at-banner figure img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(40%);
}

.at-banner .owl-dots,.at-banner .owl-nav{
	display: none;
}

/***** BANNER *****/

/***** WQ-FOOTER *****/

.at-footer{
	position: relative;
	background-image: linear-gradient( 90deg, #050505 0%, #1a1a1a 47%, #050505 93% );
	padding: 60px 0 30px;
}

.at-footer .row{
	row-gap: 40px;
}

.at-footer h4{
	font-weight: 600;
	font-size: 1.25rem; /* 20px */
	color: var(--color-neutral-900);
	margin-bottom: 20px;
}

.at-footer_menu li{
	margin-bottom: 5px;
}
.at-footer_menu li:last-child{
	margin-bottom: 0px;
}
.at-footer_menu li a{
	color: var(--color-neutral-700);
}
.at-footer_menu li a:hover{
	color: var(--color-secondary);
}

.at-footer p{
	color: var(--color-neutral-700);
}

.at-footer-agencia a{
	display: inline-block;
	margin-left: 20px;
}
.at-footer-agencia figure img{
	display: block;
	height: 40px;
	width: auto;
}
.at-footer-agencia{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.at-footer .at-logo {
	border-right: 1px solid var(--color-neutral-900);
}

/***** WQ-FOOTER *****/

/*** at-whatsapp_btn ***/

.at-whatsapp_btn{
	position: fixed;
	right: 15px;
	bottom: 90px;
	height: 60px;
	width: 60px;
	color: var(--color-neutral-900);
	font-size: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #4dc247;
	z-index: 99;
}
.at-whatsapp_btn:before{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: -1;
	border-radius: 50%;
	background-color: rgba(77, 194, 71,.7);
	animation: whatsapp 2s infinite 2s alternate;
}

@keyframes whatsapp{
	from{
		opacity: .3;
		transform: scale(1);
		box-shadow: 0px 0px 0px #4dc247;
	}
	to{
		opacity: .7;
		transform: scale(1.25);
		box-shadow: 0px 0px 20px #4dc247;
	}
}

/*** at-whatsapp_btn ***/

/***** at-breadcrumbs *****/

.at-breadcrumbs{
	display: flex;
	padding: 40px 0;
	box-sizing: border-box;
	height: 200px;
	justify-content: center;
	align-items: center;
	background-color: var(--color-neutral-800);
}
.at-breadcrumbs p{
	color: var(--color-neutral-300);
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 5px;
}
.at-breadcrumbs h1{
	color: var(--color-neutral-200);
	font-size: 32px;
	font-weight: 600;
}

/***** at-breadcrumbs *****/

/***** at-social-media *****/

.at-social-media{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.at-social-media li{margin-right: 6px;}
.at-social-media li:last-child{margin-right: 0px;}
.at-social-media a{
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
	height: 32px;
	width: 32px;
	color: var(--color-neutral-900);
	background-color: var(--color-neutral-200);
	border-radius: 50%;
	font-size: 14px;
	transition: all linear .3s;
}
.at-social-media a:hover{
	border-color: var(--color-secondary);
	background-color: var(--color-secondary);
	color: var(--color-neutral-900);
}

.at-footer .at-social-media{
	justify-content: center;
	margin-bottom: 20px;
}

/****** at-social-media ******/

/****** at-colunistas ******/

.at-colunistas_item{
	display: grid;
	align-items: center;
	grid-template-columns: 3fr 9fr;
	column-gap: 12px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--color-neutral-600);
}

.at-colunistas_item:last-child {
	padding: 0px;
	margin: 0;
	border: 0;
}
.at-colunistas_item figure img{
	width: 100%;
	height: auto;
	display: block;
}
.at-colunistas_item h4{
	color: var(--color-neutral-200);
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}

.at-colunistas_item p {
	margin-bottom: 0px;
}


.btn-type-01{
	display: flex!important;
	justify-content: center!important;
	align-items: center!important;
	height: 45px!important;
	padding: 0 30px;
	background: linear-gradient(90deg, var(--color-primary) 27.74%, var(--color-primary) 100.07%)!important;
	border-radius: 5px!important;
	border: none!important;
	font-weight: 600!important;
	font-size: 18px!important;
	color: var(--color-neutral-200)!important;
}


/** at-tags **/

.at-tags ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.at-tags li a{
	font-size: 12px;
	display: inline-block;
	padding: 6px 12px;
	color: var(--color-neutral-300);
	border-radius: 6px;
	border: 1px solid var(--color-neutral-300);
}

/** at-tags **/

/***** at-newsletter *****/

.at-newsletter {
	padding: 80px 0;
	text-align: center;
	background-color: var(--color-neutral-800);
}

.at-newsletter-title{
	max-width: 780px;
	margin: 0 auto 40px;
}

.at-newsletter form {
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 30px 30px;
	border-radius: 10px;
	background-color: var(--color-neutral-900);
}

.at-input-box textarea{
	height: 90px;
}
.at-input-box textarea,
.at-input-box input,
.at-input-box select {
	font-weight: normal;
	font-size: 16px;
	color: var(--color-neutral-300);
	display: block;
	padding: 15px 20px;
	width: 100%;
	border: none;
	border-radius: 5px;
	background-color: var(--color-neutral-800);
}

/***** at-newsletter *****/

/***** at-404 *****/

.at-404{
	padding: 80px 0;
}
.at-404 .at-titulo-wrapper{
	margin-bottom: 0px;
}

/***** at-404 *****/


.at-voltar-top {
	display: flex;
	font-size: 23px;
	height: 43px;
	width: 43px;
	justify-content: center;
	align-items: center;
	background-color: var(--color-primary);
	color: var(--color-neutral-900);
	border-radius: 3px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}



/***** author-list *****/

.author-list-item img{
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 2px solid var(--color-primary);
	background-color:var(--color-neutral-700);
}

.author-list-item a{
	color: var(--color-neutral-300);
}
.author-list-item a:hover{
	color: var(--color-primary);
}


/***** author-list *****/

/***** at-author_01 *****/

.at-author_01{
	padding: 0 0;
	background-image: linear-gradient(to right, black, transparent);
}
.at-author_01 figure img{
	width: 100%;
	height: auto;
}

.at-author_01 p{
	display: block;
    max-width: 400px;
}

/***** at-author_01 *****/

/***** youtube-box *****/
.youtube-box {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.youtube-box img {
	width: 100%;
	aspect-ratio: 100 / 56;
}

.youtube-box .content {
	position: absolute;
	text-align: center;
	height: 0;
	width: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, 0.65);
	z-index: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 100%;
	transition: 0.2s ease-in-out;
	opacity: 0;
}

.youtube-box .content a {
	opacity: 0;
	transition: 0.2s ease;
	font-size: 24px;
	width: 100%;
	height: 100%;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
}
.youtube-box .content a svg{
	height: 24px;
	width: 24px;
}
.youtube-box .content a svg path{
	fill: #fff;
}

.youtube-box:hover .content {
	height: calc(100% - 30px);
	width: calc(100% - 30px);
	opacity: 1;
}

.youtube-box:hover .content a {
	opacity: 1;
	color: #fff;
}

.youtube-figure figcaption{
	position: absolute;
	top: 15px;
	left: 15px;
}

.youtube-btn{
	line-height: 1;
	gap: 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	border-radius: 30px;
	color: var(--color-neutral-900);
	background-color: rgba(0, 0, 0, .5);
}
.youtube-btn:hover{
	color: var(--color-neutral-900);
}
.youtube-btn span{
	line-height: 1;
}


/***** thumbs *****/

.aspect-1920x542{
	aspect-ratio: 1920/542;
}
.aspect-1400x420{
	aspect-ratio: 1400/420;
}
.aspect-1320x300{
	aspect-ratio: 1320/300;
}
.aspect-1080x620{
	aspect-ratio: 1080/620;
}
.aspect-970x270{
	aspect-ratio: 970/270;
}
.aspect-720x202{
	aspect-ratio: 720/202;
}
.aspect-700x380{
	aspect-ratio: 700/380;
}
.aspect-450x270{
	aspect-ratio: 450/270;
}
.aspect-420x290{
	aspect-ratio: 420/290;
}
.aspect-276x172{
	aspect-ratio: 276/172;
}
.aspect-200x200{
	aspect-ratio: 200/200;
}
.aspect-180x120{
	aspect-ratio: 180/120;
}
.aspect-150x100{
	aspect-ratio: 150/100;
}