/*
Theme Name: UP Brasil
Theme URI: https://upbrasil.com/
Author: Matheus, Leandro Rocha e Giovanni Miconi
Description: Tema desenvolvido especialmente para uso no site Up Brasil
Version: 1.0.0-alpha.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

text-white
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap');

@font-face {
	font-family: 'Roc Grotesk Compressed';
	src: url('assets/fonts/rocgrotesk/RocGrotesk-CompressedBold.eot');
	src: url('assets/fonts/rocgrotesk/RocGrotesk-CompressedBold.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/rocgrotesk/RocGrotesk-CompressedBold.woff2') format('woff2'),
	url('assets/fonts/rocgrotesk/RocGrotesk-CompressedBold.woff') format('woff'),
	url('assets/fonts/rocgrotesk/RocGrotesk-CompressedBold.ttf') format('truetype'),
	url('assets/fonts/rocgrotesk/RocGrotesk-CompressedBold.svg#RocGrotesk-CompressedBold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}


body.page-home{
	font-family: "Roboto", sans-serif!important;
}

.page-home h1{
	font-family: 'Roc Grotesk Compressed';
	font-size: 4.5rem;
	line-height: 120%;
}

.page-home .section-main{
	background: #470E68;
	min-height: 695px;
	align-content: center;

}

.page-home .section-main .container{
	background-position: center!important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	padding: 64px;


}
.page-home .section-slides .swiper-controls {background: none; box-shadow: 0 9px 31px -8px #00000066;width: 48px;height: 48px;}
.page-home .section-slides .swiper-controls:after{display: none;}
.page-home .section-slides .btn-link:after{display: none;}
.page-home .section-slides.one{padding: 55px 0;}
.page-home .section-slides.one h2{color: #490F30;}
.page-home .section-slides.one h2 span{color: #FF8500;}
.page-home .section-slides .container .w-full:first-child p{color: #000;}

.page-home .section-slides.one .container .w-full:first-child h3{
	font-size: 1.25rem;
	font-family: "Roboto", sans-serif!important;
	color: #FF8500;
}

.page-home .section-slides.two {background: #FDE5E7;padding: 55px 0;}
.page-home .section-slides.two .container .w-full:first-child h3{
	font-size: 1.25rem;
	font-family: "Roboto", sans-serif!important;
	color: #F23648;
}
.page-home .section-slides.two h2{color: #490F30;}
.page-home .section-slides.two h2 span{color: #F23648;}


.page-home .section-slides.three {background:#F8F5FF; padding: 55px 0;}
.page-home .section-slides.three h2{color: #470E68;}
.page-home .section-slides.three h2 span{color: #BA8FFF;}
.page-home .section-slides.three .container .w-full:first-child h3{
	font-size: 1.25rem;
	font-family: "Roboto", sans-serif!important;
	color: #BA8FFF;
}
.page-home .section-slides.three .container .btn-open-modal-app{
	background: #BA8FFF;
}
.page-home .section-slides.three .container .btn-open-modal-app:hover{
	background: #9D61FF;
}

.page-home .section-team-well-being {background: #FFF2FC;}
.page-home .section-team-well-being .container > div{
	background: #720355 url(https://upbrasil.webshare.com.br/wp-content/uploads/2026/03/section-background.webp);
}
.page-home .section-newsletter h2 {color: #F23648; }
.page-home .section-newsletter label{color: #59074D; }
.page-home .section-newsletter .wpcf7-submit{background: #F23648;}
.page-home .section-newsletter .wpcf7-submit:hover{background: #DA2638;}
.tabs .tab-items .tab-item.active{
	color: #FF8500;
}

.page-home .section-management img{
	border-radius: 0;
}



.footer {
	background:#490F30;
}

.sidebar{width: 155%; }



#post-list{
	font-family: 'Roboto', sans-serif;
	width: 100%;
}
#post-list .top article{
	display: flex;
	gap: 25px;
	padding: 20px;
	background: #F8F8F8;
	border-radius: 20px;
	align-items: center;
	transition: all .3s;
}
#post-list article > div{
	width: 50%;
}

#post-list .all-posts article:hover,
#post-list article:hover {
	background-color: #fff;
	box-shadow: 0 12px 25px -2px #00000024;
}	

#post-list article > div img{
	border-radius: 10px;
	width: 100%;
}
#post-list article .post-list__thumb a{position: relative;}
#post-list article .post-list__thumb a:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://www.upbrasil.com/wp-content/uploads/2026/04/frame-card-big.webp);
	background-size: 94% 89%;
}

.post-list__footer{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.post-list__read{
	font-size: 18px;
	font-weight: bold;
	display: flex;
	width: 100px;
	align-items: center;
	justify-content: space-between;
}
.post-list__date{
	font-size: 14px;
	font-weight: bold;
	color: #FF8500;
}

#post-list .post-list__meta{
	display: flex;
	align-items: center;
}
#post-list .post-list__meta span{
	display: block;
	width: 1px;
	height: 20px;
	background: #AAAAAA;
	margin: 0 10px;
}
#post-list .post-list__author{
	color: #666666;
	font-size: 14px;
	font-weight: 600;
}
#post-list .post-list__category{
	color: #FF8500;
	font-size: 14px;
	display: block;
	font-weight: bold;
	background: #FFD6A9;
	border-radius: 5px;
	border: 1px solid #FF8500;
	padding: 3px 8px;
}
.post-list__title {margin: 15px 0 0;} 
.post-list__title h3{
	font-size: 32px;
	font-weight: bold;
	line-height: 130%;
	color: #1C0D46;
}
.post-list__excerpt{
	color: #666666;
	font-size: 18px;
}

#post-list .all-posts{
	display: grid;
	grid-template-columns: 32% 32% 32%;
	gap: 25px;
}
#post-list .all-posts article {
	display: flex;
	padding: 20px;
	background: #F8F8F8;
	border-radius: 20px;
	align-items: center;
	flex-direction: column;
}
#post-list .all-posts .content{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	height: 100%;
}
#post-list .all-posts article > div{
	width: 100%;
}

#post-list .all-posts article .post-list__thumb a{position: relative;}
#post-list .all-posts article .post-list__thumb a:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(https://www.upbrasil.com/wp-content/uploads/2026/04/frame-card-small.webp);
	background-size: 94% 89%;
}
#post-list .all-posts article {
	padding: 15px;
	transition: all .3s;
}
#post-list .all-posts article .post-list__meta{
	margin-top: 20px;
}
#post-list .all-posts article .post-list__author{
	font-size: 14px;
}
#post-list .all-posts article .post-list__title h3{
	font-size: 24px;
	line-height: 140%;
}
#post-list .all-posts article .post-list__excerpt{
	font-size: 1rem;
	line-height: 150%;
}


#list-categories{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px 0 50px;
}
#list-categories li a{
	display: block;
	background-color: #FFE5C8;
	padding: 10px;
	border-radius: 5px;
	color: #FF8500;
	font-size: 16px;
	font-weight: 700;
	border: 1px solid #FFE5C8;
	transition: all .3s;
}
#list-categories li a:hover{
	border-color: #FF8500;
	background-color: #FFE5C8;
}

.sec-title{
	font-size: 24px;
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	color: #1C0D46;
	margin: 50px 0 30px;
}



.archive .page-title,
.page-template-page-blog .page-title {
	background-image: url(https://www.upbrasil.com/wp-content/uploads/2026/04/banner-image.webp) !important;
	background-color: #490F30 ;
	background-position: right;
	background-repeat: no-repeat;
	min-height: 150px !important;
	margin: 50px 0;
	border-radius: 20px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	gap: 25px;
	padding: 0 32px;
}

.archive .page-title h1,
.page-template-page-blog .page-title h1{
	font-family: 'Roc Grotesk Compressed';
	color: #fff;
	font-size: 72px;
}

.archive .pagination{
	width: 100%;
	margin: 50px 0;
	text-align: center;
}
.archive .pagination .current{
	color: #FF8500;
	font-weight: 600;
}


.single-post hr{
	border-bottom: 1px solid #FF9900;
	border-top: 0;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#single-post h1{
	font-size: 4.5rem;
	color: #1C0D46;
	font-family: 'Roc Grotesk Compressed';
	line-height: 120%;
	text-transform: uppercase;
}
.single_post__image {
	margin-bottom: 40px;
}
.single_post__image img{
	object-fit: cover;
	width: 100%;
	height: 430px;
	object-position: center 40%;
	border-radius: 20px;
}

.single_post__content{
	color: #666666;
	font-size: 18px;
	line-height: 150%;
	font-family: 'Roboto', sans-serif;
	gap: 20px;
	display: flex;
	flex-direction: column;
}

.single_post__content p{
	color: #666666;
	font-size: 18px;
	line-height: 150%;
}



.single_post__content h2{
	color: #1C0D46;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 120%;
}

.single_post__content h3{
	color: #1C0D46;
	font-size: 1.5rem
	font-weight: 700;
	line-height: 140%;
}




.single_post__content img{
	border-radius: 20px;
}

.single_post__meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Roboto', sans-serif;
}

.single_post__meta #share-post{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 10px;
	margin: 20px 0 ;
	position: relative;
	justify-content: flex-end;
	width: 160px;
}
.single_post__meta #share-post span{
	display: block;
	width: 100%;
	font-size: 14px;
	color: #666666;
}
.single_post__meta .infos a{
	display: block;
	font-size: 14px;
	color: #666666;
	font-weight: 600;
}
.single_post__meta .infos span{
	display: block;
	font-weight: 400;
}

.single_post__meta #share-post .share-post__copy{
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
	cursor: pointer;
	position: relative;
}
.single_post__meta #share-post .share-post__copy:disabled{
	opacity: .6;
	cursor: default;
}
.single_post__meta #share-post a,
.single_post__meta #share-post .share-post__copy{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.single_post__meta #share-post a:hover,
.single_post__meta #share-post .share-post__copy:hover{
	opacity: .85;
}
.single_post__meta #share-post a:focus-visible,
.single_post__meta #share-post .share-post__copy:focus-visible{
	outline: 2px solid #BA8FFF;
	outline-offset: 3px;
	border-radius: 6px;
}

.single_post__meta #share-post .share-post__copy-status{
	width: auto;
	top: 0;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	position: absolute;
	background-color: red;
	padding: 0px 10px;
	border-radius: 10px;
}

#related-posts{
	padding-top: 90px;
	margin: 50px 0 60px;
	border-top: 1px solid #AAAAAA;
}
#related-posts h2{
	color: #1C0D46;
	font-size: 56px;
	line-height: 120%;
	font-family: 'Roc Grotesk Compressed';
	text-transform: uppercase;
	margin-bottom: 30px;
}

#page-author{
	background-color: #F8F8F8;
}
#page-author h2{
	color: #1C0D46;
	font-size: 72px;
	line-height: 120%;
	font-family: 'Roc Grotesk Compressed';
	text-transform: uppercase;
	margin: 20px 0;
}
#page-author dd{
	color: #5B5B5B;
	font-family: 'Roboto', sans-serif;
}
#page-author dl{
	padding: 100px;
}

#page-author .social_links{
	margin-top: 30px;
	gap:8px;
}

.author #related-posts{
	border: 0;
	margin: 10px 0 92px;
}


.page-template-page-blog .alm-load-more-btn {
	width: 100%;
	max-width: 326px;
	margin: 0 auto;
	border: 2px solid #F59100;
	text-align: center;
	height: 48px;
	color: #F59100;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	background: none;
	display: block;
	cursor: pointer;
}

.alm-listing {
	margin-top: 20px!important;
}



.section-sidebar{
	position: -webkit-sticky !important; 
	position: sticky !important;
	top: 44px;
	align-self: flex-start;
	height: auto;
}










.btn { border-radius:5px;}

.btn-light-purple{background: #BA8FFF;color: #fff;font-size: 1.125rem;}
.btn-light-purple:hover{background: #9D61FF}

.btn.btn-primary{background: #FF8500;}
.btn.btn-primary:hover{background: #E77900}

.btn.btn-secondary{ background: #F9359C; }
.btn.btn-secondary:hover {background:#DB2183 }

.ff-roboto{font-family: "Roboto", sans-serif!important;}

.bg-light-red{
	background: #FDE5E7;
}



.text-gray{
	color: #666666;
}

.text-orange{
	color: #FF8500;
}

.text-dark-purple{
	color: #490F30;
}

.text-dark-blue{
	color: #1C0D46;
}

.page-home .type-title-1 {
	font-family: 'Roc Grotesk Compressed';
}

.page-home .type-title-2 {
	font-family: "Roboto", sans-serif!important;
}


.border-blue {
	border-color: #6D3F59;
}



@media screen and (min-width: 1024px) {
	.header .header-links .header-links-body>nav>ul {
		align-items: center;
		display: flex;
		gap: 1.3rem;
		height: 100%;
	}
	.page-home .type-title-1 {
		font-size: 3.5rem;
		line-height: 120%;
	}
	.page-home .type-title-2 {
		font-size: 1.25rem;
		line-height: 120%;
	}
	.page-home .type-description-1 {
		font-size: 1.125rem;
		line-height: 150%;
		color: #666666;
	}
	
}

@media screen and (max-width: 768px) {
	.page-home h1 {font-size: 3rem;line-height: 120%;}
	.page-home .section-main .container {
		padding: 0px 15px 94px;
		background-position: center 85% !important;
		background-size: 92% !important;
	}
	.page-home .section-main .container button{ margin: 65% 0 -100px;}

	.page-home .section-faq h2,
	.page-home .type-title-1,
	.page-home .section-change-work h2{font-size: 2.25rem;}
	.page-home .section-newsletter {padding: 15px 0;}
	.page-home .section-newsletter .container > div{padding: 0}
	#page-author dl {padding: 40px 0px;	}
	#post-list .all-posts{gap: 20px; grid-template-columns: 100%;}
	#post-list .top article{flex-wrap: wrap;}
	#post-list article > div {	width: 100%;	}
	.category .page-title,
	.page-template-page-blog .page-title{background-image: none!important; }
	.category .page-title h1,
	.page-template-page-blog .page-title h1{ font-size: 64px; line-height: 70px;}
	#single-post h1 {  font-size: 3rem;}
	.single_post__image img {  object-fit: cover; width: 100%;  height: 195px;}
	.section-sidebar{margin-top: 20px; }
}

@media screen and (max-width: 600px) {
	.post-list__meta{flex-wrap: wrap;}
	.post-list__meta a{width: 100%;margin-bottom: 4px; }
	.post-list__meta span{display: none!important;}
}